Veliseev/add expo audio manifest plugin

apps/mobile/app.config.ts

@@ -22,15 +22,16 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
     googleSignInRoute: process.env.GOOGLE_SIGN_IN_ROUTE,
   };
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return {
-    name: process.env.EXPO_PUBLIC_APP_NAME as string,
+    name: process.env.EXPO_PUBLIC_APP_NAME,
     slug: process.env.EXPO_PUBLIC_APP_SLUG as string,
     scheme: process.env.EXPO_PUBLIC_APP_SCHEME as string,
     owner: process.env.EXPO_PUBLIC_APP_OWNER as string,
-    version: '1.4.0',
+    version: '1.4.9',
     orientation: 'portrait',
     icon: './assets/icon.png',
-    runtimeVersion: '1.4.0',
+    runtimeVersion: '1.4.4',
     experiments: {
       reactCompiler: true,
     },
@@ -42,7 +43,7 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
       supportsTablet: false,
       buildNumber: appEnv.select({
         default: '18',
-        production: '12',
+        production: '23',
       }),
       config: {
         usesNonExemptEncryption: false,
@@ -52,7 +53,7 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
       package: appId,
       versionCode: appEnv.select({
         default: 15,
-        production: 12,
+        production: 23,
       }),
       adaptiveIcon: {
         foregroundImage: './assets/adaptive-icon.png',
@@ -88,10 +89,30 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
       [
         'expo-media-library',
         {
-          photosPermission: 'Allow Open MobileUI to access your photos.',
           savePhotosPermission: 'Allow Open MobileUI to save photos.',
         },
       ],
+      'expo-audio',
+      [
+        'expo-build-properties',
+        {
+          android: {
+            androidGradlePluginVersion: '8.3.2',
+            compileSdkVersion: 35,
+            targetSdkVersion: 35,
+            buildToolsVersion: '35.0.0',
+            ndkVersion: '27.1.12297006',
+            packagingOptions: {
+              jniLibs: {
+                useLegacyPackaging: false,
+              },
+            },
+          },
+          ios: {
+            useFrameworks: 'static',
+          },
+        },
+      ],
       googleAuthIosUrlScheme
         ? [
             '@react-native-google-signin/google-signin',
@@ -100,10 +121,12 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
             },
           ]
         : null,
+      ['./plugins/with-remove-media-playback-permission'],
     ]),
     newArchEnabled: true,
     extra,
-  };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  } as any;
 };
 
 export default createConfig;

apps/mobile/package.json

@@ -37,29 +37,30 @@
     "@tanstack/react-query-persist-client": "^5.87.4",
     "babel-plugin-module-resolver": "^5.0.2",
     "clsx": "^2.1.1",
-    "expo": "^54.0.0",
-    "expo-asset": "~12.0.11",
-    "expo-audio": "~1.1.0",
+    "expo": "~54.0.34",
+    "expo-asset": "~12.0.13",
+    "expo-audio": "~1.1.1",
+    "expo-build-properties": "~1.0.10",
     "expo-clipboard": "~8.0.8",
-    "expo-constants": "~18.0.12",
-    "expo-crypto": "~15.0.8",
-    "expo-dev-client": "~6.0.20",
+    "expo-constants": "~18.0.13",
+    "expo-crypto": "~15.0.9",
+    "expo-dev-client": "~6.0.21",
     "expo-document-picker": "~14.0.8",
-    "expo-file-system": "~19.0.21",
+    "expo-file-system": "~19.0.22",
     "expo-haptics": "~15.0.8",
     "expo-image": "~3.0.11",
-    "expo-image-picker": "~17.0.10",
+    "expo-image-picker": "~17.0.11",
     "expo-insights": "~0.10.8",
     "expo-linear-gradient": "~15.0.8",
-    "expo-linking": "~8.0.10",
+    "expo-linking": "~8.0.12",
     "expo-localization": "~17.0.8",
     "expo-media-library": "~18.2.1",
-    "expo-router": "~6.0.19",
+    "expo-router": "~6.0.23",
     "expo-sharing": "~14.0.8",
     "expo-speech": "~14.0.8",
-    "expo-splash-screen": "~31.0.12",
+    "expo-splash-screen": "~31.0.13",
     "expo-status-bar": "~3.0.9",
-    "expo-updates": "~29.0.15",
+    "expo-updates": "~29.0.17",
     "immer": "^10.1.1",
     "lodash-es": "^4.17.21",
     "luxon": "^3.6.1",

apps/mobile/plugins/with-remove-media-playback-permission.js

@@ -0,0 +1,31 @@
+const { withAndroidManifest } = require('@expo/config-plugins');
+
+const withRemoveMediaPlaybackPermission = (config) =>
+  withAndroidManifest(config, (config) => {
+    const manifest = config.modResults;
+
+    if (!manifest.manifest.$['xmlns:tools']) {
+      manifest.manifest.$['xmlns:tools'] = 'http://schemas.android.com/tools';
+    }
+
+    const permissions = manifest.manifest['uses-permission'] ?? [];
+
+    const alreadyAdded = permissions.some(
+      (p) => p.$['android:name'] === 'android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK',
+    );
+
+    if (!alreadyAdded) {
+      permissions.push({
+        $: {
+          'android:name': 'android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK',
+          'tools:node': 'remove',
+        },
+      });
+    }
+
+    manifest.manifest['uses-permission'] = permissions;
+
+    return config;
+  });
+
+module.exports = withRemoveMediaPlaybackPermission;

libs/mobile/chat/features/archived-chats-filters-sheet/src/lib/hooks/use-search-filters.ts

@@ -52,7 +52,9 @@ export const useSearchFilters = (): UseFiltersResult => {
     archivedChatsFilterState$.selectedFilter.set(filter);
   };
 
-  const resetFilter = (): void => archivedChatsFilterState$.selectedFilter.set(filters[0]);
+  const resetFilter = (): void => {
+    archivedChatsFilterState$.selectedFilter.set(filters[0]);
+  };
 
   return {
     filters,

libs/mobile/chat/features/attached-files-list/src/lib/component.tsx

@@ -30,21 +30,25 @@ export function AttachedFilesList({
 
   return (
     <View className='gap-8 mb-[8]'>
-      {files?.map((file) => (
-        <AttachedFileItem
+      {files.flatMap((file) =>
+        file ? [<AttachedFileItem
           key={file.id}
           file={file}
-          onDeleteFilePress={onDeleteFilePress} />
-      ))}
+          onDeleteFilePress={onDeleteFilePress} />] : [],
+      )}
       <View className='gap-8 flex-row flex-wrap'>
-        {images?.map((image, index) => (
-          <AttachedImageItem
-            key={image.uri}
-            onImagePress={() => onImagePress(index)}
-            onDeleteImagePress={onDeleteImagePress}
-            image={image}
-          />
-        ))}
+        {images.flatMap((image, index) =>
+          image
+            ? [
+                <AttachedImageItem
+                  key={image.uri}
+                  onImagePress={() => onImagePress(index)}
+                  onDeleteImagePress={onDeleteImagePress}
+                  image={image}
+                />,
+              ]
+            : [],
+        )}
       </View>
     </View>
   );

libs/mobile/chat/features/form-chat-input/src/lib/component.tsx

@@ -87,10 +87,16 @@ export function FormChatInput<T extends FieldValues>({
 
   const isInputEmpty = !field.value?.trim() && files.length === 0 && images.length === 0;
 
-  const imagesForPreview = images.map((image, index) => ({
-    ...new AttachedImage({ url: toDataUrl(image.base64) }),
-    index,
-  }));
+  const imagesForPreview = images.flatMap((image, index) =>
+    image
+      ? [
+          {
+            ...new AttachedImage({ url: toDataUrl(image.base64) }),
+            index,
+          },
+        ]
+      : [],
+  );
 
   const onVoiceModePress = async (): Promise<void> => {
     if (!modelId) {

libs/mobile/folder/features/upsert-folder-sheet/src/lib/component.tsx

@@ -90,7 +90,7 @@ export function UpsertFolderSheet({ ref, ...props }: UpsertFolderSheetProps): Re
     }
   }, [folder]);
 
-  const files = useSelector(attachedFiles);
+  const files = useSelector(attachedFiles).flatMap((file) => (file ? [file] : []));
 
   const closeModal = (): void => sheetRef.current?.close();
 

libs/mobile/shared/data-access/media-library-service/src/service.ts

@@ -5,7 +5,7 @@ import { permissionAlertService } from '@open-webui-react-native/shared/utils/pe
 
 export class MediaLibraryService {
   public async saveImage(source: string, authorizationToken?: string): Promise<string | void> {
-    const { status } = await MediaLibrary.requestPermissionsAsync(false, ['photo']);
+    const { status } = await MediaLibrary.requestPermissionsAsync(true);
 
     if (status === MediaLibrary.PermissionStatus.DENIED) {
       permissionAlertService.showAlert(