stream-chat-react-native 6.7.3 → 7.0.0-rc.10

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": "6.7.3",
+  "version": "7.0.0-rc.10",
   "homepage": "https://www.npmjs.com/package/stream-chat-react-native",
   "author": {
     "company": "Stream.io Inc",
@@ -19,18 +19,18 @@
   "main": "src/index.js",
   "types": "types/index.d.ts",
   "dependencies": {
-    "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "6.7.3"
+    "es6-symbol": "^3.1.4",
+    "mime": "^4.0.7",
+    "stream-chat-react-native-core": "7.0.0-rc.10"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=7.8.0",
     "@react-native-clipboard/clipboard": ">=1.14.1",
+    "@react-native-documents/picker": ">=10.1.1",
     "@stream-io/flat-list-mvcp": ">=0.10.3",
-    "react-native": ">=0.67.0",
+    "react-native": ">=0.71.0",
     "react-native-audio-recorder-player": ">=3.6.4",
     "react-native-blob-util": ">=0.19.9",
-    "react-native-document-picker": ">=9.3.0",
-    "@react-native-documents/picker": ">=10.1.1",
     "react-native-haptic-feedback": ">=2.2.0",
     "react-native-image-picker": ">=7.1.2",
     "react-native-share": ">=10.2.1",
@@ -49,9 +49,6 @@
     "react-native-share": {
       "optional": true
     },
-    "react-native-document-picker": {
-      "optional": true
-    },
     "@react-native-documents/picker": {
       "optional": true
     },

package/src/optionalDependencies/getPhotos.ts

@@ -1,4 +1,7 @@
 import { PermissionsAndroid, Platform } from 'react-native';
+import mime from 'mime';
+
+import type { File } from 'stream-chat-react-native-core';
 
 let CameraRollDependency;
 
@@ -11,12 +14,10 @@ try {
   );
 }
 
-import type { Asset } from 'stream-chat-react-native-core';
-
 import { getLocalAssetUri } from './getLocalAssetUri';
 
 type ReturnType = {
-  assets: Array<Omit<Asset, 'source'> & { source: 'picker' }>;
+  assets: File[];
   endCursor: string | undefined;
   hasNextPage: boolean;
   iOSLimited: boolean;
@@ -90,16 +91,22 @@ export const getPhotos = CameraRollDependency
         const assets = await Promise.all(
           results.edges.map(async (edge) => {
             const originalUri = edge.node?.image?.uri;
-            const uri = getLocalAssetUri ? await getLocalAssetUri(originalUri) : originalUri;
+            const type =
+              Platform.OS === 'ios'
+                ? mime.getType(edge.node.image.filename as string)
+                : edge.node.type;
+            const isImage = type.includes('image');
+
+            const uri =
+              isImage && getLocalAssetUri ? await getLocalAssetUri(originalUri) : originalUri;
+
             return {
               ...edge.node.image,
-              duration: edge.node.image.playableDuration * 1000,
-              // since we include filename, fileSize in the query, we can safely assume it will be defined
               name: edge.node.image.filename as string,
-              originalUri,
+              duration: edge.node.image.playableDuration * 1000,
+              thumb_url: isImage ? undefined : originalUri,
               size: edge.node.image.fileSize as number,
-              source: 'picker' as const,
-              type: edge.node.type,
+              type,
               uri,
             };
           }),

package/src/optionalDependencies/pickDocument.ts

@@ -1,7 +1,7 @@
 /**
  * Types are approximated from what we need from the DocumentPicker API.
  *
- * For its full API, see https://github.com/rnmods/react-native-document-picker/blob/master/src/index.tsx
+ * For its full API, see https://github.com/react-native-documents/document-picker/blob/main/packages/document-picker/src/index.ts
  * */
 type ResponseValue = {
   name: string;
@@ -19,31 +19,12 @@ type DocumentPickerType =
 
 let DocumentPicker: DocumentPickerType;
 
-let OldDocumentPicker: DocumentPickerType;
-let NewDocumentPicker: DocumentPickerType;
-
-try {
-  NewDocumentPicker = require('@react-native-documents/picker');
-} catch (err) {
-  // we log below
-}
-
 try {
-  OldDocumentPicker = require('react-native-document-picker').default;
+  DocumentPicker = require('@react-native-documents/picker');
 } catch (err) {
-  // we log below
-}
-
-if (NewDocumentPicker) {
-  DocumentPicker = NewDocumentPicker;
-} else if (OldDocumentPicker) {
-  DocumentPicker = OldDocumentPicker;
-  console.log(
-    "You're using the react-native-document-picker library, which is no longer supported and has moved to @react-native-documents/picker. Things might not work as intended. Please migrate to the new library as soon as possible !",
-  );
-} else {
+  // do nothing
   console.log(
-    'Neither react-native-document-picker nor @react-native-documents/picker are installed.',
+    'The @react-native-documents/picker is not installed. Installing it will enable you to pick and upload files from within your app.',
   );
 }
 
@@ -62,9 +43,9 @@ export const pickDocument = DocumentPicker
 
         return {
           assets: res.map(({ name, size, type, uri }) => ({
-            mimeType: type,
             name,
             size,
+            type,
             uri,
           })),
           cancelled: false,

package/src/optionalDependencies/pickImage.ts

@@ -26,11 +26,10 @@ export const pickImage = ImagePicker
             duration: asset.duration ? asset.duration * 1000 : undefined, // in milliseconds
             name: asset.fileName,
             size: asset.fileSize,
-            source: 'picker',
             type: asset.type,
             uri: asset.uri,
           }));
-          return { assets, cancelled: false, source: 'picker' };
+          return { assets, cancelled: false };
         } else {
           return { cancelled: true };
         }

package/src/optionalDependencies/takePhoto.ts

@@ -53,10 +53,8 @@ export const takePhoto = ImagePicker
             ...asset,
             cancelled: false,
             duration: asset.duration * 1000,
-            mimeType: asset.type,
             name: 'video_recording_' + date + '.' + asset.fileName.split('.').pop(),
             size: asset.fileSize,
-            source: 'camera',
             type: asset.type,
             uri: asset.uri,
           };
@@ -90,10 +88,8 @@ export const takePhoto = ImagePicker
             const date = new Date().toISOString().replace(clearFilter, '_');
             return {
               cancelled: false,
-              mimeType: asset.type,
               name: 'video_recording_' + date + '.' + asset.fileName.split('.').pop(),
               size: asset.size,
-              source: 'camera',
               type: asset.type,
               uri: asset.uri,
               ...size,