fix: respect max file size config for pick image API

Author: khushal87

package/expo-package/src/optionalDependencies/pickImage.ts

@@ -1,4 +1,5 @@
 import { Platform } from 'react-native';
+import { PickImageOptions } from 'stream-chat-react-native-core';
 let ImagePicker;
 
 try {
@@ -14,7 +15,7 @@ if (!ImagePicker) {
 }
 
 export const pickImage = ImagePicker
-  ? async () => {
+  ? async ({ maxNumberOfFiles }: PickImageOptions = {}) => {
       try {
         let permissionGranted = true;
         if (Platform.OS === 'ios') {
@@ -35,6 +36,7 @@ export const pickImage = ImagePicker
             allowsMultipleSelection: true,
             mediaTypes: ['images', 'videos'],
             preferredAssetRepresentationMode: 'current',
+            selectionLimit: maxNumberOfFiles,
           });
 
           const canceled = result.canceled;

package/native-package/src/optionalDependencies/pickImage.ts

@@ -1,4 +1,5 @@
 import { Platform } from 'react-native';
+import { PickImageOptions } from 'stream-chat-react-native-core';
 let ImagePicker;
 
 try {
@@ -8,11 +9,12 @@ try {
 }
 
 export const pickImage = ImagePicker
-  ? async () => {
+  ? async ({ maxNumberOfFiles }: PickImageOptions = {}) => {
       try {
         const result = await ImagePicker.launchImageLibrary({
           assetRepresentationMode: 'current',
           mediaType: 'mixed',
+          selectionLimit: maxNumberOfFiles,
         });
         const canceled = result.didCancel;
         const errorCode = result.errorCode;

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -495,7 +495,7 @@ export const MessageInputProvider = ({
       return;
     }
 
-    const result = await NativeHandlers.pickImage();
+    const result = await NativeHandlers.pickImage({ maxNumberOfFiles: availableUploadSlots });
     if (result.askToOpenSettings) {
       Alert.alert(
         t('Allow access to your Gallery'),

package/src/native.ts

@@ -50,7 +50,11 @@ type PickImageAssetType = {
   cancelled?: boolean;
 };
 
-type PickImage = () => Promise<PickImageAssetType> | never;
+export type PickImageOptions = {
+  maxNumberOfFiles?: number;
+};
+
+type PickImage = (options?: PickImageOptions) => Promise<PickImageAssetType> | never;
 
 type SaveFileOptions = {
   fileName: string;