stream-chat-react-native 5.21.0 → 5.22.0-beta.10

package/README.md

@@ -9,7 +9,7 @@
 
 
 [![NPM](https://img.shields.io/npm/v/stream-chat-react-native.svg)](https://www.npmjs.com/package/stream-chat-react-native)
-[![Build Status](https://github.com/GetStream/stream-chat-react-native/workflows/build/badge.svg)](https://github.com/GetStream/stream-chat-react-native/actions)
+[![Build Status](https://github.com/GetStream/stream-chat-react-native/actions/workflows/release.yml/badge.svg)](https://github.com/GetStream/stream-chat-react-native/actions)
 [![Component Reference](https://img.shields.io/badge/docs-component%20reference-blue.svg)](https://getstream.io/chat/docs/sdk/reactnative)
 
 <img align="right" src="https://getstream.imgix.net/images/ios-chat-tutorial/iphone_chat_art@3x.png?auto=format,enhance" width="50%" />
@@ -25,10 +25,15 @@
 
 ## Contents
 
-- [React Native Chat Tutorial](#-react-native-chat-tutorial)
-- [Example Apps](#-example-apps)
-- [Keep in mind](#-keep-in-mind)
-- [Contributing](#-contributing)
+- [Official React Native SDK for Stream Chat](#official-react-native-sdk-for-stream-chat)
+  - [Contents](#contents)
+  - [📖 React Native Chat Tutorial](#-react-native-chat-tutorial)
+  - [Free for Makers](#free-for-makers)
+  - [🔮 Example Apps](#-example-apps)
+  - [💬 Keep in mind](#-keep-in-mind)
+  - [👏 Contributing](#-contributing)
+  - [Git flow \& Release process](#git-flow--release-process)
+  - [We are hiring](#we-are-hiring)
 
 ## 📖 React Native Chat Tutorial
 

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.21.0",
+  "version": "5.22.0-beta.10",
   "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.21.0"
+    "stream-chat-react-native-core": "5.22.0-beta.10"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=5.0.0",

package/src/handlers/getPhotos.ts

@@ -78,8 +78,8 @@ export const getPhotos = async ({
       ...edge.node.image,
       duration: edge.node.image.playableDuration,
       // since we include filename, fileSize in the query, we can safely assume it will be defined
-      filename: edge.node.image.filename as string,
-      fileSize: edge.node.image.fileSize as number,
+      name: edge.node.image.filename as string,
+      size: edge.node.image.fileSize as number,
       source: 'picker' as const,
       type: edge.node.type,
     }));

package/src/handlers/takePhoto.ts

@@ -1,47 +1,72 @@
-import { Image, Platform } from 'react-native';
+import { AppState, Image, PermissionsAndroid, Platform } from 'react-native';
 import ImagePicker from 'react-native-image-crop-picker';
 
 export const takePhoto = async ({ compressImageQuality = Platform.OS === 'ios' ? 0.8 : 1 }) => {
-  const photo = await ImagePicker.openCamera({
-    compressImageQuality: Math.min(Math.max(0, compressImageQuality), 1),
-  });
-
-  if (photo.height && photo.width && photo.path) {
-    let size: { height?: number; width?: number } = {};
-    if (Platform.OS === 'android') {
-      // Height and width returned by ImagePicker are incorrect on Android.
-      // The issue is described in following github issue:
-      // https://github.com/ivpusic/react-native-image-crop-picker/issues/901
-      // This we can't rely on them as it is, and we need to use Image.getSize
-      // to get accurate size.
-      const getSize = (): Promise<{ height: number; width: number }> =>
-        new Promise((resolve) => {
-          Image.getSize(photo.path, (width, height) => {
-            resolve({ height, width });
+  if (Platform.OS === 'android') {
+    const cameraPermissions = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.CAMERA);
+    if (!cameraPermissions) {
+      const androidPermissionStatus = await PermissionsAndroid.request(
+        PermissionsAndroid.PERMISSIONS.CAMERA,
+      );
+      if (androidPermissionStatus === PermissionsAndroid.RESULTS.DENIED) {
+        return { cancelled: true };
+      } else if (androidPermissionStatus === PermissionsAndroid.RESULTS.NEVER_ASK_AGAIN) {
+        return { askToOpenSettings: true, cancelled: true };
+      }
+    }
+  }
+  try {
+    const photo = await ImagePicker.openCamera({
+      compressImageQuality: Math.min(Math.max(0, compressImageQuality), 1),
+    });
+    if (photo.height && photo.width && photo.path) {
+      let size: { height?: number; width?: number } = {};
+      if (Platform.OS === 'android') {
+        // Height and width returned by ImagePicker are incorrect on Android.
+        // The issue is described in following github issue:
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/901
+        // This we can't rely on them as it is, and we need to use Image.getSize
+        // to get accurate size.
+        const getSize = (): Promise<{ height: number; width: number }> =>
+          new Promise((resolve) => {
+            Image.getSize(photo.path, (width, height) => {
+              resolve({ height, width });
+            });
           });
-        });
 
-      try {
-        const { height, width } = await getSize();
-        size.height = height;
-        size.width = width;
-      } catch (e) {
-        // do nothing
-        console.warn('Error get image size of picture caputred from camera ', e);
+        try {
+          const { height, width } = await getSize();
+          size.height = height;
+          size.width = width;
+        } catch (e) {
+          // do nothing
+          console.warn('Error get image size of picture caputred from camera ', e);
+        }
+      } else {
+        size = {
+          height: photo.height,
+          width: photo.width,
+        };
       }
-    } else {
-      size = {
-        height: photo.height,
-        width: photo.width,
+      return {
+        cancelled: false,
+        source: 'camera',
+        uri: photo.path,
+        ...size,
       };
     }
-
-    return {
-      cancelled: false,
-      source: 'camera',
-      uri: photo.path,
-      ...size,
-    };
+  } catch (e: unknown) {
+    if (e instanceof Error) {
+      // on iOS: if it was in inactive state, then the user had just denied the permissions
+      if (Platform.OS === 'ios' && AppState.currentState === 'active') {
+        const cameraPermissionDeniedMsg = 'User did not grant camera permission.';
+        // Open settings when the user did not allow camera permissions
+        if (e.message === cameraPermissionDeniedMsg) {
+          return { askToOpenSettings: true, cancelled: true };
+        }
+      }
+    }
   }
+
   return { cancelled: true };
 };