stream-chat-react-native 9.0.0-beta.8 → 9.0.0

package/src/optionalDependencies/pickImage.ts

@@ -1,6 +1,11 @@
 import { Platform } from 'react-native';
+
 import mime from 'mime';
+
 import { PickImageOptions } from 'stream-chat-react-native-core';
+
+import { generateThumbnails } from './generateThumbnail';
+
 let ImagePicker;
 
 try {
@@ -24,17 +29,37 @@ export const pickImage = ImagePicker
           return { askToOpenSettings: true, cancelled: true };
         }
         if (!canceled) {
-          const assets = result.assets.map((asset) => ({
-            ...asset,
-            duration: asset.duration ? asset.duration * 1000 : undefined, // in milliseconds
-            name: asset.fileName,
-            size: asset.fileSize,
-            type:
+          const assetsWithType = result.assets.map((asset) => {
+            const type =
               asset.type ||
               mime.getType(asset.fileName || asset.uri) ||
-              (asset.duration ? 'video/*' : 'image/*'),
-            uri: asset.uri,
-          }));
+              (asset.duration ? 'video/*' : 'image/*');
+
+            return {
+              asset,
+              isVideo: type.includes('video'),
+              type,
+            };
+          });
+          const videoUris = assetsWithType
+            .filter(({ asset, isVideo }) => isVideo && !!asset.uri)
+            .map(({ asset }) => asset.uri);
+          const videoThumbnailResults = await generateThumbnails(videoUris);
+
+          const assets = assetsWithType.map(({ asset, isVideo, type }) => {
+            const thumbnailResult =
+              isVideo && asset.uri ? videoThumbnailResults[asset.uri] : undefined;
+
+            return {
+              ...asset,
+              duration: asset.duration ? asset.duration * 1000 : undefined, // in milliseconds
+              name: asset.fileName,
+              size: asset.fileSize,
+              thumb_url: thumbnailResult?.uri || undefined,
+              type,
+              uri: asset.uri,
+            };
+          });
           return { assets, cancelled: false };
         } else {
           return { cancelled: true };

package/src/optionalDependencies/takePhoto.ts

@@ -1,6 +1,9 @@
 import { AppState, Image, PermissionsAndroid, Platform } from 'react-native';
+
 import mime from 'mime';
 
+import { generateThumbnails } from './generateThumbnail';
+
 let ImagePicker;
 
 try {
@@ -54,12 +57,16 @@ export const takePhoto = ImagePicker
         if (assetType.includes('video')) {
           const clearFilter = new RegExp('[.:]', 'g');
           const date = new Date().toISOString().replace(clearFilter, '_');
+          const thumbnailResults = await generateThumbnails([asset.uri]);
+          const thumbnailResult = thumbnailResults[asset.uri];
+
           return {
             ...asset,
             cancelled: false,
             duration: asset.duration * 1000,
             name: 'video_recording_' + date + '.' + asset.fileName.split('.').pop(),
             size: asset.fileSize,
+            thumb_url: thumbnailResult?.uri || undefined,
             type: assetType,
             uri: asset.uri,
           };