stream-chat-react-native-core 5.15.3 → 5.16.0-beta.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.15.3",
+  "version": "5.16.0-beta.1",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/ImageGallery/ImageGallery.tsx

@@ -131,6 +131,7 @@ type Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamC
       | 'imageGalleryGridSnapPoints'
       | 'imageGalleryGridHandleHeight'
       | 'numberOfImageGalleryGridColumns'
+      | 'autoPlayVideo'
     >;
 
 export const ImageGallery = <
@@ -139,6 +140,7 @@ export const ImageGallery = <
   props: Props<StreamChatGenerics>,
 ) => {
   const {
+    autoPlayVideo = false,
     giphyVersion = 'fixed_height',
     imageGalleryCustomComponents,
     imageGalleryGridHandleHeight,
@@ -273,6 +275,7 @@ export const ImageGallery = <
     const attachmentPhotos = attachmentImages.map((a) => {
       const imageUrl = getUrlOfImageAttachment(a) as string;
       const giphyURL = a.giphy?.[giphyVersion]?.url || a.thumb_url || a.image_url;
+      const isInitiallyPaused = !autoPlayVideo;
 
       return {
         channelId: cur.cid,
@@ -283,7 +286,7 @@ export const ImageGallery = <
         mime_type: a.type === 'giphy' ? getGiphyMimeType(giphyURL ?? '') : a.mime_type,
         original_height: a.original_height,
         original_width: a.original_width,
-        paused: true,
+        paused: isInitiallyPaused,
         progress: 0,
         type: a.type,
         uri:

package/src/components/MessageList/utils/getDateSeparators.ts

@@ -45,9 +45,11 @@ export const getDateSeparators = <
     const previousMessage = messagesWithoutDeleted[i - 1];
     const message = messagesWithoutDeleted[i];
 
-    const messageDate = message.created_at.getDay();
+    const messageDate = message.created_at.toDateString();
 
-    const prevMessageDate = previousMessage ? previousMessage.created_at.getDay() : messageDate;
+    const prevMessageDate = previousMessage
+      ? previousMessage.created_at.toDateString()
+      : messageDate;
 
     if (i === 0 || messageDate !== prevMessageDate) {
       dateSeparators[message.id] = message.created_at;

package/src/contexts/overlayContext/OverlayContext.tsx

@@ -58,6 +58,7 @@ export type OverlayProviderProps<
     >
   > &
   Pick<OverlayContextValue, 'translucentStatusBar'> & {
+    autoPlayVideo?: boolean;
     /**
      * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default
      * */

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -64,6 +64,7 @@ export const OverlayProvider = <
 ) => {
   const bottomSheetCloseTimeoutRef = useRef<NodeJS.Timeout>();
   const {
+    autoPlayVideo,
     AttachmentPickerBottomSheetHandle = DefaultAttachmentPickerBottomSheetHandle,
     attachmentPickerBottomSheetHandleHeight,
     attachmentPickerBottomSheetHeight,
@@ -237,6 +238,7 @@ export const OverlayProvider = <
                 )}
                 {overlay === 'gallery' && (
                   <ImageGallery<StreamChatGenerics>
+                    autoPlayVideo={autoPlayVideo}
                     giphyVersion={giphyVersion}
                     imageGalleryCustomComponents={imageGalleryCustomComponents}
                     imageGalleryGridHandleHeight={imageGalleryGridHandleHeight}

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.15.3"
+  "version": "5.16.0-beta.1"
 }