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

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -590,17 +590,28 @@ export const MessageInputProvider = <
     const result = await pickDocument({
       maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads,
     });
+
+    const MEGA_BYTES_TO_BYTES = 1024 * 1024;
+    const MAX_FILE_SIZE_TO_UPLOAD_IN_MB = 100;
+
     if (!result.cancelled && result.docs) {
-      result.docs.forEach((doc) => {
-        /**
-         * TODO: The current tight coupling of images to the image
-         * picker does not allow images picked from the file picker
-         * to be rendered in a preview via the uploadNewImage call.
-         * This should be updated alongside allowing image a file
-         * uploads together.
-         */
-        uploadNewFile(doc);
-      });
+      const totalFileSize = result.docs.reduce((acc, doc) => acc + Number(doc.size), 0);
+      if (totalFileSize / MEGA_BYTES_TO_BYTES > MAX_FILE_SIZE_TO_UPLOAD_IN_MB) {
+        Alert.alert(
+          `Maximum file size upload limit reached, please upload files below ${MAX_FILE_SIZE_TO_UPLOAD_IN_MB}MB.`,
+        );
+      } else {
+        result.docs.forEach((doc) => {
+          /**
+           * TODO: The current tight coupling of images to the image
+           * picker does not allow images picked from the file picker
+           * to be rendered in a preview via the uploadNewImage call.
+           * This should be updated alongside allowing image a file
+           * uploads together.
+           */
+          uploadNewFile(doc);
+        });
+      }
     }
   };
 

package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx

@@ -4,6 +4,10 @@ import { act } from 'react-test-renderer';
 
 import { renderHook } from '@testing-library/react-hooks';
 
+import { generateFileAttachment } from '../../../mock-builders/generator/attachment';
+
+import * as NativeUtils from '../../../native';
+
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
@@ -34,6 +38,15 @@ afterEach(jest.clearAllMocks);
 
 describe("MessageInputContext's pickFile", () => {
   jest.spyOn(Alert, 'alert');
+  jest.spyOn(NativeUtils, 'pickDocument').mockImplementation(
+    jest.fn().mockResolvedValue({
+      cancelled: false,
+      docs: [
+        generateFileAttachment({ size: 500000000 }),
+        generateFileAttachment({ size: 600000000 }),
+      ],
+    }),
+  );
 
   const initialProps = {
     editing: true,
@@ -64,4 +77,17 @@ describe("MessageInputContext's pickFile", () => {
       expect(Alert.alert).toHaveBeenCalledTimes(numberOfTimesCalled);
     },
   );
+
+  it('trigger file size threshold limit alert when file size above the limit', () => {
+    const { result } = renderHook(() => useMessageInputContext(), {
+      initialProps,
+      wrapper: Wrapper,
+    });
+
+    act(() => {
+      result.current.pickFile();
+    });
+
+    expect(Alert.alert).toHaveBeenCalledTimes(1);
+  });
 });

package/src/version.json

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