stream-chat-react-native 5.34.1-beta.5 → 5.35.0-beta.1

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.34.1-beta.5",
+  "version": "5.35.0-beta.1",
   "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.34.1-beta.5"
+    "stream-chat-react-native-core": "5.35.0-beta.1"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=5.0.0",
@@ -23,12 +23,16 @@
     "react-native-document-picker": ">=9.0.1",
     "react-native-fs": ">=2.16.6",
     "react-native-haptic-feedback": ">=1.11.0",
+    "react-native-image-picker": ">=7.1.2",
     "react-native-image-crop-picker": ">=0.33.2",
     "react-native-image-resizer": ">=1.4.2",
     "react-native-share": ">=4.1.0",
     "react-native-video": ">=6.4.2"
   },
   "peerDependenciesMeta": {
+    "@react-native-camera-roll/camera-roll": {
+      "optional": true
+    },
     "@react-native-clipboard/clipboard": {
       "optional": true
     },
@@ -41,6 +45,9 @@
     "react-native-haptic-feedback": {
       "optional": true
     },
+    "react-native-image-picker": {
+      "optional": true
+    },
     "react-native-image-crop-picker": {
       "optional": true
     },
@@ -56,7 +63,6 @@
     "postpack": "rm README.md"
   },
   "devDependencies": {
-    "@react-native-camera-roll/camera-roll": "^5.0.2",
     "@react-native-community/netinfo": ">=2.0.7",
     "@stream-io/flat-list-mvcp": "0.10.3",
     "react-native": ">=0.60.0",

package/src/handlers/index.ts

@@ -1,10 +1,6 @@
 export * from './deleteFile';
 export * from './compressImage';
-export * from './getLocalAssetUri';
-export * from './getPhotos';
 export * from './NetInfo';
 export * from './saveFile';
 export * from './Sound';
 export * from './Video';
-export * from './oniOS14GalleryLibrarySelectionChange';
-export * from './iOS14RefreshGallerySelection';

package/src/index.js

@@ -3,22 +3,16 @@ import { Platform } from 'react-native';
 import { FlatList } from '@stream-io/flat-list-mvcp';
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
+import { compressImage, deleteFile, NetInfo, saveFile, Sound, Video } from './handlers';
+
 import {
-  compressImage,
-  deleteFile,
+  Audio,
   getLocalAssetUri,
   getPhotos,
   iOS14RefreshGallerySelection,
-  NetInfo,
   oniOS14GalleryLibrarySelectionChange,
-  saveFile,
-  Sound,
-  Video,
-} from './handlers';
-
-import {
-  Audio,
   pickDocument,
+  pickImage,
   setClipboardString,
   shareImage,
   takePhoto,
@@ -36,6 +30,7 @@ registerNativeHandlers({
   NetInfo,
   oniOS14GalleryLibrarySelectionChange,
   pickDocument,
+  pickImage,
   saveFile,
   SDK: 'stream-chat-react-native',
   setClipboardString,

package/src/optionalDependencies/getLocalAssetUri.ts

@@ -0,0 +1,21 @@
+let CameraRollDependency;
+
+try {
+  CameraRollDependency = require('@react-native-camera-roll/camera-roll');
+} catch (e) {
+  // do nothing
+  console.log(
+    '@react-native-camera-roll/camera-roll is not installed. Please install it or you can choose to install react-native-image-crop-picker for native image picker.',
+  );
+}
+
+export const getLocalAssetUri = CameraRollDependency
+  ? async (remoteUri: string) => {
+      try {
+        const localUri = await CameraRollDependency.CameraRoll.save(remoteUri);
+        return localUri;
+      } catch {
+        throw new Error('getLocalAssetUri Error');
+      }
+    }
+  : null;

package/src/{handlers → optionalDependencies}/getPhotos.ts

@@ -1,6 +1,16 @@
 import { PermissionsAndroid, Platform } from 'react-native';
 
-import { CameraRoll, GetPhotosParams } from '@react-native-camera-roll/camera-roll';
+let CameraRollDependency;
+
+try {
+  CameraRollDependency = require('@react-native-camera-roll/camera-roll');
+} catch (e) {
+  // do nothing
+  console.log(
+    '@react-native-camera-roll/camera-roll is not installed. Please install it or you can choose to install react-native-image-crop-picker for native image picker.',
+  );
+}
+
 import type { Asset } from 'stream-chat-react-native-core';
 
 type ReturnType = {
@@ -57,36 +67,35 @@ const verifyAndroidPermissions = async () => {
   return true;
 };
 
-export const getPhotos = async ({
-  after,
-  first,
-}: Pick<GetPhotosParams, 'after' | 'first'>): Promise<ReturnType> => {
-  try {
-    if (Platform.OS === 'android') {
-      const granted = await verifyAndroidPermissions();
-      if (!granted) {
+export const getPhotos = CameraRollDependency
+  ? async ({ after, first }): Promise<ReturnType> => {
+      try {
+        if (Platform.OS === 'android') {
+          const granted = await verifyAndroidPermissions();
+          if (!granted) {
+            throw new Error('getPhotos Error');
+          }
+        }
+        const results = await CameraRollDependency.CameraRoll.getPhotos({
+          after,
+          assetType: 'All',
+          first,
+          include: ['fileSize', 'filename', 'imageSize', 'playableDuration'],
+        });
+        const assets = results.edges.map((edge) => ({
+          ...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,
+          size: 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;
+        return { assets, endCursor, hasNextPage, iOSLimited: !!results.limited };
+      } catch (_error) {
         throw new Error('getPhotos Error');
       }
     }
-    const results = await CameraRoll.getPhotos({
-      after,
-      assetType: 'All',
-      first,
-      include: ['fileSize', 'filename', 'imageSize', 'playableDuration'],
-    });
-    const assets = results.edges.map((edge) => ({
-      ...edge.node.image,
-      duration: edge.node.image.playableDuration,
-      // since we include filename, fileSize in the query, we can safely assume it will be defined
-      name: edge.node.image.filename as string,
-      size: 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;
-    return { assets, endCursor, hasNextPage, iOSLimited: !!results.limited };
-  } catch (_error) {
-    throw new Error('getPhotos Error');
-  }
-};
+  : null;

package/src/optionalDependencies/iOS14RefreshGallerySelection.ts

@@ -0,0 +1,25 @@
+import { Platform } from 'react-native';
+
+let CameraRollDependency;
+
+try {
+  CameraRollDependency = require('@react-native-camera-roll/camera-roll');
+} catch (e) {
+  // do nothing
+  console.log(
+    '@react-native-camera-roll/camera-roll is not installed. Please install it or you can choose to install react-native-image-crop-picker for native image picker.',
+  );
+}
+
+const isAboveIOS14 = Platform.OS === 'ios' && parseInt(Platform.Version as string, 10) >= 14;
+
+export const iOS14RefreshGallerySelection = CameraRollDependency
+  ? (): Promise<void> => {
+      if (isAboveIOS14) {
+        return CameraRollDependency.iosRefreshGallerySelection().then(() => {
+          //do nothing
+        });
+      }
+      return Promise.resolve();
+    }
+  : null;

package/src/optionalDependencies/index.ts

@@ -4,4 +4,9 @@ export * from './Video';
 export * from './triggerHaptic';
 export * from './setClipboardString';
 export * from './pickDocument';
+export * from './getLocalAssetUri';
+export * from './iOS14RefreshGallerySelection';
+export * from './oniOS14GalleryLibrarySelectionChange';
+export * from './getPhotos';
+export * from './pickImage';
 export * from './takePhoto';

package/src/optionalDependencies/oniOS14GalleryLibrarySelectionChange.ts

@@ -0,0 +1,37 @@
+import { Platform } from 'react-native';
+
+let CameraRollDependency;
+
+try {
+  CameraRollDependency = require('@react-native-camera-roll/camera-roll');
+} catch (e) {
+  // do nothing
+  console.log(
+    '@react-native-camera-roll/camera-roll is not installed. Please install it or you can choose to install react-native-image-crop-picker for native image picker.',
+  );
+}
+
+const isAboveIOS14 = Platform.OS === 'ios' && parseInt(Platform.Version as string, 10) >= 14;
+
+export const oniOS14GalleryLibrarySelectionChange = CameraRollDependency
+  ? (
+      callback: () => void,
+    ): {
+      unsubscribe: () => void;
+    } => {
+      if (isAboveIOS14) {
+        const subscription = CameraRollDependency.cameraRollEventEmitter.addListener(
+          'onLibrarySelectionChange',
+          callback,
+        );
+        return {
+          unsubscribe: () => {
+            subscription.remove();
+          },
+        };
+      }
+      return {
+        unsubscribe: () => {},
+      };
+    }
+  : null;

package/src/optionalDependencies/pickImage.ts

@@ -0,0 +1,38 @@
+import { Platform } from 'react-native';
+let ImagePicker;
+
+try {
+  ImagePicker = require('react-native-image-picker');
+} catch (e) {
+  console.log('react-native-image-picker is not installed');
+}
+
+export const pickImage = ImagePicker
+  ? async () => {
+      try {
+        const result = await ImagePicker.launchImageLibrary({ mediaType: 'mixed' });
+        const canceled = result.didCancel;
+        const errorCode = result.errorCode;
+
+        if (Platform.OS === 'ios' && errorCode === 'permission') {
+          return { askToOpenSettings: true, cancelled: true };
+        }
+        if (!canceled) {
+          const assets = result.assets.map((asset) => ({
+            ...asset,
+            duration: asset.duration * 1000, // in milliseconds
+            name: asset.fileName,
+            size: asset.fileSize,
+            source: 'picker',
+            type: asset.type,
+            uri: asset.uri,
+          }));
+          return { assets, cancelled: false, source: 'picker' };
+        } else {
+          return { cancelled: true };
+        }
+      } catch (error) {
+        console.log('Error picking image: ', error);
+      }
+    }
+  : null;

package/src/handlers/getLocalAssetUri.ts

@@ -1,10 +0,0 @@
-import { CameraRoll } from '@react-native-camera-roll/camera-roll';
-
-export const getLocalAssetUri = async (remoteUri: string) => {
-  try {
-    const localUri = await CameraRoll.save(remoteUri);
-    return localUri;
-  } catch {
-    throw new Error('getLocalAssetUri Error');
-  }
-};

package/src/handlers/iOS14RefreshGallerySelection.ts

@@ -1,14 +0,0 @@
-import { Platform } from 'react-native';
-
-import { iosRefreshGallerySelection } from '@react-native-camera-roll/camera-roll';
-
-const isAboveIOS14 = Platform.OS === 'ios' && parseInt(Platform.Version as string, 10) >= 14;
-
-export const iOS14RefreshGallerySelection = (): Promise<void> => {
-  if (isAboveIOS14) {
-    return iosRefreshGallerySelection().then(() => {
-      //do nothing
-    });
-  }
-  return Promise.resolve();
-};

package/src/handlers/oniOS14GalleryLibrarySelectionChange.ts

@@ -1,22 +0,0 @@
-import { Platform } from 'react-native';
-
-import { cameraRollEventEmitter } from '@react-native-camera-roll/camera-roll';
-
-const isAboveIOS14 = Platform.OS === 'ios' && parseInt(Platform.Version as string, 10) >= 14;
-
-export function oniOS14GalleryLibrarySelectionChange(callback: () => void): {
-  unsubscribe: () => void;
-} {
-  if (isAboveIOS14) {
-    const subscription = cameraRollEventEmitter.addListener('onLibrarySelectionChange', callback);
-    return {
-      unsubscribe: () => {
-        subscription.remove();
-      },
-    };
-  }
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    unsubscribe: () => {},
-  };
-}