stream-chat-expo 4.0.1-next.1 → 4.1.1-beta.1

package/README.md

@@ -31,18 +31,6 @@
 - [Keep in mind](#-keep-in-mind)
 - [Contributing](#-contributing)
 
-## 🔐 React Native Compatibility
-
-To use this library you need to ensure you match up with the correct version of React Native you are using.
-
-| `stream-chat-react-native` version  | React Native Version  | `stream-chat` Version |
-| ----------------------------------  | --------------------- | --------------------- |
-| `3.2.0`                             | `>= 0.60`             | `>= 3.5.1`            |
-| `3.0.0`                             | `>= 0.60`             | `>= 3.0.0`            |
-| `2.x.x`                             | `>= 0.60`             | `< 3.0.0`             |
-| `1.x.x`                             | `>= 0.59`             | `< 3.0.0`             |
-| `0.x.x`                             | `*`                   | `< 3.0.0`             |
-
 ## 📖 React Native Chat Tutorial
 
 The best place to start is the [React Native Chat Tutorial](https://github.com/GetStream/stream-chat-react-native/wiki/Tutorial-v3.0). It teaches you how to use this SDK and also shows how to make frequently required changes.
@@ -58,7 +46,7 @@ This repo includes 4 example apps. One made with Expo, one Native JavaScript cod
 
 - [Expo example](./examples/ExpoMessaging)
 - [Native example](./examples/NativeMessaging)
-- [Typescript example](./examples/TypescriptMessaging)
+- [Typescript example](./examples/TypeScriptMessaging)
 - [Fully featured messaging application](./examples/SampleApp)
 
 Besides, our team maintains a dedicated repository for fully-fledged sample applications and demos at [GetStream/react-native-samples](https://github.com/GetStream/react-native-samples). Please consider checking following sample applications:

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": "4.0.1-next.1",
+  "version": "4.1.1-beta.1",
   "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": "4.0.1-next.1"
+    "stream-chat-react-native-core": "4.1.1-beta.1"
   },
   "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),
@@ -123,7 +119,7 @@ registerNativeHandlers({
   },
   saveFile: async ({ fileName, fromUrl }) => {
     try {
-      const path = FileSystem.documentDirectory + fileName;
+      const path = FileSystem.cacheDirectory + encodeURIComponent(fileName);
       const downloadedImage = await FileSystem.downloadAsync(fromUrl, path);
       return downloadedImage.uri;
     } catch (error) {
@@ -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
           };
         }
       }