Merge branch 'develop' into chore/eslint-sdk-upgrade

Author: isekovanic

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+### [6.6.3](https://github.com/GetStream/stream-chat-react-native/compare/v6.6.2...v6.6.3) (2025-02-21)
+
+
+### Bug Fixes
+
+* change height of bottom sheet in message menu using theme ([#2969](https://github.com/GetStream/stream-chat-react-native/issues/2969)) ([094a0e1](https://github.com/GetStream/stream-chat-react-native/commit/094a0e1472ba39ab9d18d8a4a8ccefe33be60260))
+* file upload preview state refresh when state changes ([#2970](https://github.com/GetStream/stream-chat-react-native/issues/2970)) ([776ac2c](https://github.com/GetStream/stream-chat-react-native/commit/776ac2cca47bce409e60f1a45373271b6c16e31d))
+
 ### [6.6.2](https://github.com/GetStream/stream-chat-react-native/compare/v6.6.1...v6.6.2) (2025-02-19)
 
 

package/expo-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": "6.6.2",
+  "version": "6.6.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -10,7 +10,7 @@
   "main": "src/index.js",
   "types": "types/index.d.ts",
   "dependencies": {
-    "stream-chat-react-native-core": "6.6.2"
+    "stream-chat-react-native-core": "6.6.3"
   },
   "peerDependencies": {
     "expo": ">=51.0.0",

package/native-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": "6.6.2",
+  "version": "6.6.3",
   "homepage": "https://www.npmjs.com/package/stream-chat-react-native",
   "author": {
     "company": "Stream.io Inc",
@@ -20,7 +20,7 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "6.6.2"
+    "stream-chat-react-native-core": "6.6.3"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=7.8.0",

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": "6.6.2",
+  "version": "6.6.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -161,7 +161,7 @@ const FileUploadPreviewWithContext = <
       })),
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fileUploads.length]);
+  }, [fileUploads]);
 
   // Handler triggered when an audio is loaded in the message input. The initial state is defined for the audio here and the duration is set.
   const onLoad = (index: string, duration: number) => {

package/src/components/MessageMenu/MessageMenu.tsx

@@ -12,6 +12,7 @@ import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
+import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { DefaultStreamChatGenerics } from '../../types/types';
 import { BottomSheetModal } from '../UIComponents/BottomSheetModal';
 
@@ -96,10 +97,23 @@ export const MessageMenu = <
     propMessageUserReactionsAvatar ?? contextMessageUserReactionsAvatar;
   const MessageUserReactionsItem = propMessageUserReactionsItem ?? contextMessageUserReactionsItem;
   const message = propMessage ?? contextMessage;
+  const {
+    theme: {
+      messageMenu: {
+        bottomSheet: { height: bottomSheetHeight },
+      },
+    },
+  } = useTheme();
 
   return (
     <BottomSheetModal
-      height={messageActions.length === 0 && !showMessageReactions ? height / 5 : height / 2}
+      height={
+        bottomSheetHeight
+          ? bottomSheetHeight
+          : messageActions.length === 0 && !showMessageReactions
+          ? height / 5
+          : height / 2
+      }
       onClose={dismissOverlay}
       visible={visible}
     >

package/src/contexts/themeContext/utils/theme.ts

@@ -450,6 +450,9 @@ export type Theme = {
       icon: ViewStyle;
       title: TextStyle;
     };
+    bottomSheet: {
+      height?: number;
+    };
     reactionButton: {
       filledColor: ColorValue;
       unfilledColor: ColorValue;
@@ -1207,6 +1210,7 @@ export const defaultTheme: Theme = {
       icon: {},
       title: {},
     },
+    bottomSheet: {},
     reactionButton: {
       filledColor: Colors.accent_blue,
       unfilledColor: Colors.grey,

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "6.6.2"
+  "version": "6.6.3"
 }