stream-chat-expo 3.10.2-next.1 → 4.0.0-beta.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-expo",
   "description": "The official Expo SDK for Stream Chat, a service for building chat applications",
-  "version": "3.10.2-next.1",
+  "version": "4.0.0-beta.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -10,12 +10,11 @@
   "main": "src/index.js",
   "types": "types/index.d.ts",
   "dependencies": {
-    "stream-chat-react-native-core": "3.10.2-next.1"
+    "stream-chat-react-native-core": "4.0.0-beta.3"
   },
   "peerDependencies": {
     "@react-native-community/netinfo": "^6.0.0",
     "expo": "^41.0.1",
-    "expo-blur": "^9.0.3",
     "expo-document-picker": "^9.1.2",
     "expo-file-system": "^11.0.2",
     "expo-haptics": "^10.0.0",

package/src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FlatList } from 'react-native';
+import { FlatList, Image, Platform } from 'react-native';
+
 import NetInfo from '@react-native-community/netinfo';
-import { BlurView as ExpoBlurView } from 'expo-blur';
 import * as DocumentPicker from 'expo-document-picker';
 import * as FileSystem from 'expo-file-system';
 import * as Haptics from 'expo-haptics';
@@ -12,10 +12,6 @@ import * as Sharing from 'expo-sharing';
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
 registerNativeHandlers({
-  // eslint-disable-next-line react/display-name
-  BlurView: ({ blurAmount = 100, blurType = 'dark', style }) => (
-    <ExpoBlurView intensity={blurAmount} style={style} tint={blurType} />
-  ),
   compressImage: async ({ compressImageQuality = 1, uri }) => {
     const { uri: compressedUri } = await ImageManipulator.manipulateAsync(uri, [], {
       compress: Math.min(Math.max(0, compressImageQuality), 1),
@@ -152,12 +148,39 @@ registerNativeHandlers({
           quality: Math.min(Math.max(0, compressImageQuality), 1),
         });
         if (photo.height && photo.width && photo.uri) {
+          let size = {};
+          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 = () => new Promise((resolve) => {
+              Image.getSize(photo.uri, (width, height) => {
+                resolve({height, width});
+              });
+            });
+    
+            try {
+              const { height, width } = await getSize();
+              size.height = height;
+              size.width = width;
+            } catch (e) {
+              // do nothing
+              console.warning('Error get image size of picture caputred from camera ', e);
+            }
+          } else {
+            size = {
+              height: photo.height,
+              width: photo.width,
+            };
+          }
+    
           return {
             cancelled: false,
-            height: photo.height,
             source: 'camera',
             uri: photo.uri,
-            width: photo.width,
+            ...size
           };
         }
       }