@sendbird/uikit-react-native 3.11.2 → 3.11.4

package/lib/typescript/src/utils/expoBackwardUtils.d.ts

@@ -5,6 +5,33 @@ import type * as ExpoFs from 'expo-file-system';
 import type * as ExpoImagePicker from 'expo-image-picker';
 import type * as ExpoVideo from 'expo-video';
 import type { FilePickerResponse } from '../platform/types';
+interface ExpoFileSystemLegacy {
+    documentDirectory: string | null;
+    cacheDirectory: string | null;
+    getInfoAsync(fileUri: string, options?: unknown): Promise<ExpoFs.FileInfo>;
+    downloadAsync(uri: string, fileUri: string, options?: unknown): Promise<{
+        uri: string;
+    }>;
+}
+interface ExpoDirectory {
+    uri: string;
+}
+interface ExpoFileSystemNew {
+    File: {
+        new (...uris: (string | unknown)[]): {
+            info(options?: unknown): ExpoFs.FileInfo;
+        };
+        downloadFileAsync(url: string, destination: unknown, options?: unknown): Promise<{
+            uri: string;
+        }>;
+    };
+    Directory: new (...uris: (string | unknown)[]) => ExpoDirectory;
+    Paths: {
+        document: ExpoDirectory;
+        cache: ExpoDirectory;
+    };
+}
+type ExpoFileSystemModule = ExpoFileSystemLegacy | ExpoFileSystemNew | typeof ExpoFs;
 declare const expoBackwardUtils: {
     imagePicker: {
         isCanceled(result: ExpoImagePicker.ImagePickerResult): boolean;
@@ -20,6 +47,15 @@ declare const expoBackwardUtils: {
         isVideoModule(module: ExpoVideoModule): module is typeof ExpoVideo;
     };
     toFileSize(info: ExpoFs.FileInfo): number;
+    fileSystem: {
+        isLegacyModule(fsModule: ExpoFileSystemModule): fsModule is ExpoFileSystemLegacy;
+        getFileInfo(fsModule: ExpoFileSystemModule, uri: string): Promise<ExpoFs.FileInfo>;
+        getDocumentDirectory(fsModule: ExpoFileSystemModule): string | null;
+        getCacheDirectory(fsModule: ExpoFileSystemModule): string | null;
+        downloadFile(fsModule: ExpoFileSystemModule, url: string, localUri: string): Promise<{
+            uri: string;
+        }>;
+    };
 };
 export type ExpoAudioModule = typeof ExpoAV | typeof ExpoAudio;
 export type ExpoVideoModule = typeof ExpoAV | typeof ExpoVideo;

package/lib/typescript/src/utils/promise.d.ts

@@ -1,7 +1,7 @@
 import 'react-native';
 export declare const PromisePolyfill: {
-    allSettled<T extends [] | readonly unknown[]>(values: T): Promise<{ -readonly [P in keyof T]: PromiseSettledResult<Awaited<T[P]>>; }>;
-    race<T_1>(values: Iterable<T_1 | PromiseLike<T_1>>): Promise<Awaited<T_1>>;
-    any<T_2>(values: Iterable<T_2 | PromiseLike<T_2>>): Promise<Awaited<T_2>>;
+    allSettled<T extends readonly unknown[] | []>(values: T): Promise<{ -readonly [P in keyof T]: PromiseSettledResult<Awaited<T[P]>>; }>;
+    race<T>(values: Iterable<T | PromiseLike<T>>): Promise<Awaited<T>>;
+    any<T>(values: Iterable<T | PromiseLike<T>>): Promise<Awaited<T>>;
     apply(): void;
 };

package/lib/typescript/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const VERSION = "3.11.2";
+declare const VERSION = "3.11.4";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "3.11.2",
+  "version": "3.11.4",
   "description": "Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -25,6 +25,15 @@
   "types": "lib/typescript/src/index.d.ts",
   "react-native": "src/index",
   "source": "src/index",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./lib/typescript/src/index.d.ts",
+      "react-native": "./src/index.ts",
+      "require": "./lib/commonjs/index.js",
+      "import": "./lib/module/index.js"
+    }
+  },
   "files": [
     "src",
     "lib",
@@ -59,21 +68,21 @@
     "access": "public"
   },
   "dependencies": {
-    "@openspacelabs/react-native-zoomable-view": "^2.1.5",
-    "@sendbird/uikit-chat-hooks": "3.11.2",
-    "@sendbird/uikit-react-native-foundation": "3.11.2",
+    "@openspacelabs/react-native-zoomable-view": "^2.3.0",
+    "@sendbird/uikit-chat-hooks": "3.11.4",
+    "@sendbird/uikit-react-native-foundation": "3.11.4",
     "@sendbird/uikit-tools": "0.0.15",
-    "@sendbird/uikit-utils": "3.11.2"
+    "@sendbird/uikit-utils": "3.11.4"
   },
   "devDependencies": {
-    "@bam.tech/react-native-image-resizer": "^3.0.4",
+    "@bam.tech/react-native-image-resizer": "^3.0.11",
     "@react-native-async-storage/async-storage": "^1.17.6",
     "@react-native-camera-roll/camera-roll": "^7.8.1",
     "@react-native-clipboard/clipboard": "^1.14.1",
     "@react-native-community/netinfo": "^11.3.2",
-    "@react-native-documents/picker": "^10.0.0",
-    "@react-native-firebase/app": "^14.4.0",
-    "@react-native-firebase/messaging": "^14.4.0",
+    "@react-native-documents/picker": "^10.1.0",
+    "@react-native-firebase/app": "^19.3.0",
+    "@react-native-firebase/messaging": "^19.3.0",
     "@types/react": "*",
     "@types/react-native": "*",
     "date-fns": ">=2.28.0",
@@ -92,21 +101,21 @@
     "glob": "^7.2.0",
     "inquirer": "^8.2.0",
     "js-convert-case": "^4.2.0",
-    "react": "18.2.0",
-    "react-native": "0.74.3",
+    "react": "19.1.1",
+    "react-native": "0.82.1",
     "react-native-audio-recorder-player": "^3.6.10",
     "react-native-builder-bob": "^0.18.0",
-    "react-native-create-thumbnail": "^2.0.0",
+    "react-native-create-thumbnail": "^2.1.1",
     "react-native-document-picker": "^9.3.0",
-    "react-native-file-access": "^3.1.0",
-    "react-native-image-picker": "^7.1.2",
-    "react-native-mmkv": "^2.12.2",
-    "react-native-nitro-modules": "^0.29.4",
-    "react-native-nitro-sound": "^0.2.0",
-    "react-native-permissions": "^3.10.1",
-    "react-native-safe-area-context": "^4.10.8",
-    "react-native-video": "^6.3.0",
-    "typescript": "5.2.2"
+    "react-native-file-access": "^3.1.1",
+    "react-native-image-picker": "^8.2.0",
+    "react-native-mmkv": "^4.0.0",
+    "react-native-nitro-modules": "^0.31.5",
+    "react-native-nitro-sound": "^0.2.9",
+    "react-native-permissions": "^5.3.0",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-video": "^6.16.1",
+    "typescript": "5.8.3"
   },
   "peerDependencies": {
     "@bam.tech/react-native-image-resizer": ">=3.0.0",
@@ -116,7 +125,7 @@
     "@react-native-community/netinfo": ">=9.3.0",
     "@react-native-documents/picker": ">=10.0.0",
     "@react-native-firebase/messaging": ">=14.4.0",
-    "@sendbird/chat": "^4.19.2",
+    "@sendbird/chat": "^4.20.2",
     "@sendbird/react-native-scrollview-enhancer": "*",
     "@sendbird/uikit-tools": ">=0.0.10",
     "date-fns": ">=2.28.0",
@@ -242,5 +251,5 @@
       ]
     ]
   },
-  "gitHead": "2df681bc6eefb1296d78f33982f3beecd3769c66"
+  "gitHead": "2c3e4a178540abaedf0ba33e8680f572808d243f"
 }

package/src/components/FileViewer/FileViewerContent.tsx

@@ -45,7 +45,7 @@ const FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom =
             zoomProps={{
               minZoom,
               maxZoom,
-              onTouchEnd: onPress,
+              onSingleTap: onPress,
             }}
           />
         );
@@ -85,12 +85,15 @@ const ZoomableImageView = ({
   style: StyleProp<ImageStyle>;
   resizeMode: ImageProps['resizeMode'];
   onLoadEnd: () => void;
-  zoomProps?: ReactNativeZoomableViewProps;
+  zoomProps?: Partial<ReactNativeZoomableViewProps>;
 }) => {
   const { width, height } = useWindowDimensions();
 
   const imageSize = useRef<{ width: number; height: number }>();
-  const [contentSizeProps, setContentSizeProps] = useState<ReactNativeZoomableViewProps>({
+  const [contentSizeProps, setContentSizeProps] = useState<{
+    contentWidth: number;
+    contentHeight: number;
+  }>({
     contentWidth: width,
     contentHeight: height,
   });

package/src/domain/openChannelCreate/component/OpenChannelCreateProfileInput.tsx

@@ -11,7 +11,7 @@ import {
   useToast,
   useUIKitTheme,
 } from '@sendbird/uikit-react-native-foundation';
-import Icon from '@sendbird/uikit-react-native-foundation/src/components/Icon';
+import { Icon } from '@sendbird/uikit-react-native-foundation';
 import { ifThenOr, useSafeAreaPadding } from '@sendbird/uikit-utils';
 
 import { useLocalization, usePlatformService } from '../../../hooks/useContext';

package/src/libs/InternalLocalCacheStorage.ts

@@ -42,7 +42,12 @@ export default class InternalLocalCacheStorage implements AsyncLocalCacheStorage
 
   async removeItem(key: string) {
     if (this._mmkv) {
-      this._mmkv.delete(key);
+      // Support both v3.x (delete) and v4.x (remove) APIs for backward compatibility
+      if (this._mmkv.delete) {
+        this._mmkv.delete(key);
+      } else if (this._mmkv.remove) {
+        this._mmkv.remove(key);
+      }
     } else if (this._async) {
       return this._async.removeItem(key);
     }

package/src/platform/createFileService.expo.ts

@@ -145,12 +145,14 @@ const createExpoFileService = ({
         if (!granted) throw new Error('Permission not granted');
       }
 
-      const basePath = fsModule.documentDirectory || fsModule.cacheDirectory;
+      const basePath =
+        expoBackwardUtils.fileSystem.getDocumentDirectory(fsModule) ||
+        expoBackwardUtils.fileSystem.getCacheDirectory(fsModule);
       if (!basePath) throw new Error('Cannot determine directory');
 
       const downloadPath = `${basePath}/${options.fileName}`;
 
-      const response = await fsModule.downloadAsync(options.fileUrl, downloadPath);
+      const response = await expoBackwardUtils.fileSystem.downloadFile(fsModule, options.fileUrl, downloadPath);
       if (getFileType(options.fileType || '').match(/video|image/)) {
         await mediaLibraryModule.saveToLibraryAsync(response.uri);
       }
@@ -158,7 +160,7 @@ const createExpoFileService = ({
     }
 
     createRecordFilePath(customExtension = 'm4a'): { recordFilePath: string; uri: string } {
-      const basePath = fsModule.cacheDirectory;
+      const basePath = expoBackwardUtils.fileSystem.getCacheDirectory(fsModule);
       if (!basePath) throw new Error('Cannot determine directory');
 
       const filename = `record-${Date.now()}.${customExtension}`;

package/src/platform/createMediaService.expo.tsx

@@ -122,7 +122,7 @@ const createExpoMediaService = ({
       const { uri: compressedURI } = await imageManipulator.manipulateAsync(uri, [{ resize: resizingSize }], {
         compress: Math.min(Math.max(0, compressionRate), 1),
       });
-      const fileInfo = await fsModule.getInfoAsync(uri);
+      const fileInfo = await expoBackwardUtils.fileSystem.getFileInfo(fsModule, uri);
 
       return { uri: compressedURI, size: expoBackwardUtils.toFileSize(fileInfo) };
     },

package/src/types.ts

@@ -18,7 +18,11 @@ export interface AsyncLocalCacheStorage {
   multiRemove?(keys: string[]): Promise<void>;
 }
 
-export type MMKVLocalCacheStorage = Pick<MMKV, 'getString' | 'set' | 'delete' | 'getAllKeys'>;
+export type MMKVLocalCacheStorage = Pick<MMKV, 'getString' | 'set' | 'getAllKeys'> & {
+  // Support both v3.x (delete) and v4.x (remove) APIs for backward compatibility
+  delete?: (key: string) => void;
+  remove?: (key: string) => void;
+};
 
 export type ErrorBoundaryProps = { error: Error; errorInfo: ErrorInfo; reset: () => void };
 

package/src/utils/expoBackwardUtils.ts

@@ -8,6 +8,36 @@ import type * as ExpoVideo from 'expo-video';
 import type { FilePickerResponse } from '../platform/types';
 import normalizeFile from './normalizeFile';
 
+// Legacy expo-file-system API types (before SDK 54)
+interface ExpoFileSystemLegacy {
+  documentDirectory: string | null;
+  cacheDirectory: string | null;
+  getInfoAsync(fileUri: string, options?: unknown): Promise<ExpoFs.FileInfo>;
+  downloadAsync(uri: string, fileUri: string, options?: unknown): Promise<{ uri: string }>;
+}
+
+// New expo-file-system API types (SDK 54+)
+interface ExpoDirectory {
+  uri: string;
+}
+
+interface ExpoFileSystemNew {
+  File: {
+    new (...uris: (string | unknown)[]): {
+      info(options?: unknown): ExpoFs.FileInfo;
+    };
+    downloadFileAsync(url: string, destination: unknown, options?: unknown): Promise<{ uri: string }>;
+  };
+  Directory: new (...uris: (string | unknown)[]) => ExpoDirectory;
+  Paths: {
+    document: ExpoDirectory;
+    cache: ExpoDirectory;
+  };
+}
+
+// Union type for both legacy and new expo-file-system
+type ExpoFileSystemModule = ExpoFileSystemLegacy | ExpoFileSystemNew | typeof ExpoFs;
+
 const expoBackwardUtils = {
   imagePicker: {
     isCanceled(result: ExpoImagePicker.ImagePickerResult) {
@@ -82,12 +112,52 @@ const expoBackwardUtils = {
     },
   },
   toFileSize(info: ExpoFs.FileInfo) {
-    if ('size' in info) {
+    if ('size' in info && info.size !== undefined) {
       return info.size;
     } else {
       return 0;
     }
   },
+  fileSystem: {
+    isLegacyModule(fsModule: ExpoFileSystemModule): fsModule is ExpoFileSystemLegacy {
+      try {
+        return 'documentDirectory' in fsModule || 'cacheDirectory' in fsModule;
+      } catch {
+        return false;
+      }
+    },
+    async getFileInfo(fsModule: ExpoFileSystemModule, uri: string): Promise<ExpoFs.FileInfo> {
+      if (expoBackwardUtils.fileSystem.isLegacyModule(fsModule)) {
+        return await fsModule.getInfoAsync(uri);
+      } else {
+        const file = new fsModule.File(uri);
+        return file.info();
+      }
+    },
+    getDocumentDirectory(fsModule: ExpoFileSystemModule): string | null {
+      if (expoBackwardUtils.fileSystem.isLegacyModule(fsModule)) {
+        return fsModule.documentDirectory || null;
+      } else {
+        return fsModule.Paths?.document?.uri || null;
+      }
+    },
+    getCacheDirectory(fsModule: ExpoFileSystemModule): string | null {
+      if (expoBackwardUtils.fileSystem.isLegacyModule(fsModule)) {
+        return fsModule.cacheDirectory || null;
+      } else {
+        return fsModule.Paths?.cache?.uri || null;
+      }
+    },
+    async downloadFile(fsModule: ExpoFileSystemModule, url: string, localUri: string): Promise<{ uri: string }> {
+      if (expoBackwardUtils.fileSystem.isLegacyModule(fsModule)) {
+        return await fsModule.downloadAsync(url, localUri);
+      } else {
+        const destination = new fsModule.File(localUri);
+        const result = await fsModule.File.downloadFileAsync(url, destination as never);
+        return { uri: result.uri };
+      }
+    },
+  },
 };
 
 export type ExpoAudioModule = typeof ExpoAV | typeof ExpoAudio;

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '3.11.2';
+const VERSION = '3.11.4';
 export default VERSION;