stream-chat-react-native-core 5.8.1-beta.2 → 5.8.1-beta.4

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren, useContext, useEffect, useRef, useState } from 'react';
 
-import { Alert, Keyboard } from 'react-native';
+import { Alert, Keyboard, Platform } from 'react-native';
 
 import type { TextInput, TextInputProps } from 'react-native';
 
@@ -327,12 +327,7 @@ export type InputMessageInputContextValue<
    * @overrideType Function
    */
   doDocUploadRequest?: (
-    file: {
-      name: string;
-      size?: string | number;
-      type?: string;
-      uri?: string;
-    },
+    file: File,
     channel: ChannelContextValue<StreamChatGenerics>['channel'],
   ) => Promise<SendFileAPIResponse>;
   /**
@@ -972,7 +967,9 @@ export const MessageInputProvider = <
       if (value.doDocUploadRequest) {
         response = await value.doDocUploadRequest(file, channel);
       } else if (channel && file.uri) {
-        response = await channel.sendFile(file.uri, file.name, file.type);
+        // For the case of expo messaging app where you need to fetch the file uri from file id. Here it is only done for iOS since for android the file.uri is fine.
+        const localAssetURI = Platform.OS === 'ios' && file.id && (await getLocalAssetUri(file.id));
+        response = await channel.sendFile(localAssetURI || file.uri, file.name, file.type);
       }
       const extraData: Partial<FileUpload> = { thumb_url: response.thumb_url, url: response.file };
       setFileUploads(getUploadSetStateAction(id, FileState.UPLOADED, extraData));
@@ -991,23 +988,9 @@ export const MessageInputProvider = <
     let response = {} as SendFileAPIResponse;
 
     try {
-      /**
-       * Expo now uses the assets-library which is also how remote
-       * native files are presented. We now return a file id from Expo
-       * only, if that file id exits we call getLocalAssetUri to download
-       * the asset for expo before uploading it. We do the same for native
-       * if the uri includes assets-library, this uses the CameraRoll.save
-       * function to also create a local uri.
-       */
-      const getLocalUri = async () => {
-        if (file.id) {
-          return await getLocalAssetUri(file.id);
-        } else if (file.uri?.match(/assets-library/)) {
-          return await getLocalAssetUri(file.uri);
-        }
-        return file.uri;
-      };
-      const uri = file.name || (await getLocalUri()) || '';
+      // For the case of expo messaging app where you need to fetch the file uri from file id. Here it is only done for iOS since for android the file.uri is fine.
+      const localAssetURI = Platform.OS === 'ios' && file.id && (await getLocalAssetUri(file.id));
+      const uri = localAssetURI || file.uri || '';
       /**
        * We skip compression if:
        * - the file is from the camera as that should already be compressed
@@ -1068,12 +1051,7 @@ export const MessageInputProvider = <
     }
   };
 
-  const uploadNewFile = async (file: {
-    name: string;
-    size?: number | string;
-    type?: string;
-    uri?: string;
-  }) => {
+  const uploadNewFile = async (file: File) => {
     const id: string = generateRandomId();
     const mimeType: string | boolean = lookup(file.name);
 
@@ -1092,7 +1070,7 @@ export const MessageInputProvider = <
     const newFile: FileUpload = {
       duration: 0,
       file: { ...file, type: mimeType || file?.type },
-      id,
+      id: file.id || id,
       paused: true,
       progress: 0,
       state: fileState,

package/src/types/types.ts

@@ -17,6 +17,7 @@ export type Asset = {
 export type File = {
   name: string;
   duration?: string | null;
+  id?: string;
   size?: number | string;
   type?: string;
   uri?: string;

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.8.1-beta.2"
+  "version": "5.8.1-beta.4"
 }