stream-chat-react-native 7.0.0-rc.7 → 7.0.0-rc.9

package/README.md

@@ -10,7 +10,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/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)
-![JS Bundle Size](https://img.shields.io/badge/js_bundle_size-466%20KB-blue)
+![JS Bundle Size](https://img.shields.io/badge/js_bundle_size-467%20KB-blue)
 
 <img align="right" src="https://getstream.imgix.net/images/ios-chat-tutorial/iphone_chat_art@3x.png?auto=format,enhance" width="50%" />
 
@@ -48,9 +48,9 @@ For complete pricing details visit our [Chat Pricing Page](https://getstream.io/
 
 This repo includes 3 example apps. One made with Expo, two in TypeScript. One TypeScript app is a simple implementation for reference, the other is a more full featured app example.
 
-- [Expo example](./examples/ExpoMessaging)
-- [Typescript example](./examples/TypeScriptMessaging)
-- [Fully featured messaging application](./examples/SampleApp)
+- [Expo example](https://github.com/GetStream/stream-chat-react-native/tree/develop/examples/ExpoMessaging)
+- [Typescript example](https://github.com/GetStream/stream-chat-react-native/tree/develop/examples/TypeScriptMessaging)
+- [Fully featured messaging application](https://github.com/GetStream/stream-chat-react-native/tree/develop/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-react-native",
   "description": "The official React Native SDK for Stream Chat, a service for building chat applications",
-  "version": "7.0.0-rc.7",
+  "version": "7.0.0-rc.9",
   "homepage": "https://www.npmjs.com/package/stream-chat-react-native",
   "author": {
     "company": "Stream.io Inc",
@@ -20,16 +20,17 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.4",
-    "stream-chat-react-native-core": "7.0.0-rc.7"
+    "mime": "^4.0.7",
+    "stream-chat-react-native-core": "7.0.0-rc.9"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=7.8.0",
     "@react-native-clipboard/clipboard": ">=1.14.1",
+    "@react-native-documents/picker": ">=10.1.1",
     "@stream-io/flat-list-mvcp": ">=0.10.3",
     "react-native": ">=0.71.0",
     "react-native-audio-recorder-player": ">=3.6.4",
     "react-native-blob-util": ">=0.19.9",
-    "@react-native-documents/picker": ">=10.1.1",
     "react-native-haptic-feedback": ">=2.2.0",
     "react-native-image-picker": ">=7.1.2",
     "react-native-share": ">=10.2.1",

package/src/optionalDependencies/FlatList.ts

@@ -1,10 +1,9 @@
 import { FlatList as DefaultFlatList, Platform } from 'react-native';
 let FlatList;
 
-
 if (Platform.constants.reactNativeVersion.minor < 72) {
   const upgradeLog =
-  "'@stream-io/flat-list-mvcp' is deprecated, please upgrade your react-native version to >0.71 to get same the benefits on the default FlatList and uninstall the package.";
+    "'@stream-io/flat-list-mvcp' is deprecated, please upgrade your react-native version to >0.71 to get same the benefits on the default FlatList and uninstall the package.";
   try {
     FlatList = require('@stream-io/flat-list-mvcp').FlatList;
     console.log(upgradeLog);

package/src/optionalDependencies/getPhotos.ts

@@ -1,4 +1,7 @@
 import { PermissionsAndroid, Platform } from 'react-native';
+import mime from 'mime';
+
+import type { File } from 'stream-chat-react-native-core';
 
 let CameraRollDependency;
 
@@ -11,12 +14,10 @@ try {
   );
 }
 
-import type { Asset } from 'stream-chat-react-native-core';
-
 import { getLocalAssetUri } from './getLocalAssetUri';
 
 type ReturnType = {
-  assets: Array<Omit<Asset, 'source'> & { source: 'picker' }>;
+  assets: File[];
   endCursor: string | undefined;
   hasNextPage: boolean;
   iOSLimited: boolean;
@@ -90,16 +91,22 @@ export const getPhotos = CameraRollDependency
         const assets = await Promise.all(
           results.edges.map(async (edge) => {
             const originalUri = edge.node?.image?.uri;
-            const uri = getLocalAssetUri ? await getLocalAssetUri(originalUri) : originalUri;
+            const type =
+              Platform.OS === 'ios'
+                ? mime.getType(edge.node.image.filename as string)
+                : edge.node.type;
+            const isImage = type.includes('image');
+
+            const uri =
+              isImage && getLocalAssetUri ? await getLocalAssetUri(originalUri) : originalUri;
+
             return {
               ...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,
-              originalUri,
+              duration: edge.node.image.playableDuration * 1000,
+              thumb_url: isImage ? undefined : originalUri,
               size: edge.node.image.fileSize as number,
-              source: 'picker' as const,
-              type: edge.node.type,
+              type,
               uri,
             };
           }),

package/src/optionalDependencies/pickDocument.ts

@@ -43,9 +43,9 @@ export const pickDocument = DocumentPicker
 
         return {
           assets: res.map(({ name, size, type, uri }) => ({
-            mimeType: type,
             name,
             size,
+            type,
             uri,
           })),
           cancelled: false,

package/src/optionalDependencies/pickImage.ts

@@ -26,11 +26,10 @@ export const pickImage = ImagePicker
             duration: asset.duration ? asset.duration * 1000 : undefined, // in milliseconds
             name: asset.fileName,
             size: asset.fileSize,
-            source: 'picker',
             type: asset.type,
             uri: asset.uri,
           }));
-          return { assets, cancelled: false, source: 'picker' };
+          return { assets, cancelled: false };
         } else {
           return { cancelled: true };
         }

package/src/optionalDependencies/takePhoto.ts

@@ -53,10 +53,8 @@ export const takePhoto = ImagePicker
             ...asset,
             cancelled: false,
             duration: asset.duration * 1000,
-            mimeType: asset.type,
             name: 'video_recording_' + date + '.' + asset.fileName.split('.').pop(),
             size: asset.fileSize,
-            source: 'camera',
             type: asset.type,
             uri: asset.uri,
           };
@@ -90,10 +88,8 @@ export const takePhoto = ImagePicker
             const date = new Date().toISOString().replace(clearFilter, '_');
             return {
               cancelled: false,
-              mimeType: asset.type,
               name: 'video_recording_' + date + '.' + asset.fileName.split('.').pop(),
               size: asset.size,
-              source: 'camera',
               type: asset.type,
               uri: asset.uri,
               ...size,