stream-chat-react-native 5.15.1-beta.1 → 5.15.1-beta.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native",
   "description": "The official React Native SDK for Stream Chat, a service for building chat applications",
-  "version": "5.15.1-beta.1",
+  "version": "5.15.1-beta.2",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -11,7 +11,7 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "5.15.1-beta.1"
+    "stream-chat-react-native-core": "5.15.1-beta.2"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=5.0.0",
@@ -19,7 +19,7 @@
     "@react-native-clipboard/clipboard": "^1.11.1",
     "@stream-io/flat-list-mvcp": "^0.10.3",
     "react-native": ">=0.60.0",
-    "react-native-document-picker": ">=3.2.0",
+    "react-native-document-picker": ">=9.0.1",
     "react-native-fs": ">=2.16.6",
     "react-native-haptic-feedback": ">=1.11.0",
     "react-native-image-crop-picker": ">=0.33.2",

package/src/handlers/getPhotos.ts

@@ -1,6 +1,13 @@
 import { PermissionsAndroid, Platform } from 'react-native';
 
 import { CameraRoll, GetPhotosParams } from '@react-native-camera-roll/camera-roll';
+import type { Asset } from 'stream-chat-react-native-core';
+
+type ReturnType = {
+  assets: Array<Omit<Asset, 'source'> & { source: 'picker' }>;
+  endCursor: string | undefined;
+  hasNextPage: boolean;
+};
 
 const verifyAndroidPermissions = async () => {
   const isRN71orAbove = Platform.constants.reactNativeVersion?.minor >= 71;
@@ -49,7 +56,10 @@ const verifyAndroidPermissions = async () => {
   return true;
 };
 
-export const getPhotos = async ({ after, first }: Pick<GetPhotosParams, 'after' | 'first'>) => {
+export const getPhotos = async ({
+  after,
+  first,
+}: Pick<GetPhotosParams, 'after' | 'first'>): Promise<ReturnType> => {
   try {
     if (Platform.OS === 'android') {
       const granted = await verifyAndroidPermissions();
@@ -65,7 +75,12 @@ export const getPhotos = async ({ after, first }: Pick<GetPhotosParams, 'after'
     });
     const assets = results.edges.map((edge) => ({
       ...edge.node.image,
-      source: 'picker',
+      duration: edge.node.image.playableDuration,
+      // since we include filename, fileSize in the query, we can safely assume it will be defined
+      filename: edge.node.image.filename as string,
+      fileSize: edge.node.image.fileSize as number,
+      source: 'picker' as const,
+      type: edge.node.type,
     }));
     const hasNextPage = results.page_info.has_next_page;
     const endCursor = results.page_info.end_cursor;

package/src/optionalDependencies/pickDocument.ts

@@ -10,10 +10,12 @@ type ResponseValue = {
   uri: string;
 };
 
-let DocumentPicker: {
-  pickMultiple: (opts?: { type: string[] }) => Promise<ResponseValue[]>;
-  types: { allFiles: string };
-};
+let DocumentPicker:
+  | {
+      pick: (opts?: { allowMultiSelection: boolean; type: string[] }) => Promise<ResponseValue[]>;
+      types: { allFiles: string };
+    }
+  | undefined;
 
 try {
   DocumentPicker = require('react-native-document-picker').default;
@@ -24,7 +26,9 @@ try {
 export const pickDocument = DocumentPicker
   ? async ({ maxNumberOfFiles }: { maxNumberOfFiles: number }) => {
       try {
-        let res = await DocumentPicker.pickMultiple({
+        if (!DocumentPicker) return { cancelled: true };
+        let res: ResponseValue[] = await DocumentPicker.pick({
+          allowMultiSelection: true,
           type: [DocumentPicker.types.allFiles],
         });