Merge branch 'develop' into V7

# Conflicts:
#	package/expo-package/package.json
#	package/expo-package/yarn.lock
#	package/native-package/package.json
#	package/native-package/yarn.lock
#	package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx
#	package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx
#	package/src/components/Message/Message.tsx
#	package/src/components/Message/MessageSimple/MessageSimple.tsx
#	package/src/components/Message/MessageSimple/MessageStatus.tsx
#	package/src/components/Message/hooks/useMessageActionHandlers.ts
#	package/src/components/MessageMenu/MessageReactionPicker.tsx
#	package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx
#	package/src/contexts/messagesContext/MessagesContext.tsx

Author: isekovanic

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/[email protected]?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:
 

examples/SampleApp/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+### [2.5.1](https://github.com/GetStream/stream-chat-react-native/compare/[email protected]@v2.5.1) (2025-03-13)
+
+
+### Bug Fixes
+
+* add theme for different group styles in message bubble container ([#3019](https://github.com/GetStream/stream-chat-react-native/issues/3019)) ([b911ef5](https://github.com/GetStream/stream-chat-react-native/commit/b911ef5f4ba5680e81d5c3ef7c1ddf6f108608d2))
+* remove scrollToFirstUnreadThreshold ([#3012](https://github.com/GetStream/stream-chat-react-native/issues/3012)) ([c423453](https://github.com/GetStream/stream-chat-react-native/commit/c423453a385591397bf6afae97e7c9366a87f734))
+
 ## [2.5.0](https://github.com/GetStream/stream-chat-react-native/compare/[email protected]@v2.5.0) (2025-03-03)
 
 

examples/SampleApp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sampleapp",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "private": true,
   "repository": {
     "type": "git",

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Change Log
 
+### [6.6.8](https://github.com/GetStream/stream-chat-react-native/compare/v6.6.7...v6.6.8) (2025-03-13)
+
+
+### Bug Fixes
+
+* add avatar component improvements to optimize performance ([#3006](https://github.com/GetStream/stream-chat-react-native/issues/3006)) ([0cb1020](https://github.com/GetStream/stream-chat-react-native/commit/0cb10204ccc74ae247dc7aa9631cf52d2425b1f1))
+* add theme for different group styles in message bubble container ([#3019](https://github.com/GetStream/stream-chat-react-native/issues/3019)) ([b911ef5](https://github.com/GetStream/stream-chat-react-native/commit/b911ef5f4ba5680e81d5c3ef7c1ddf6f108608d2))
+* db sorting past 200 messages ([#3018](https://github.com/GetStream/stream-chat-react-native/issues/3018)) ([552e5b3](https://github.com/GetStream/stream-chat-react-native/commit/552e5b35e793b3448ba72896dc25ada1ef09873f))
+* improve channel preview display hooks and long title issue ([#3002](https://github.com/GetStream/stream-chat-react-native/issues/3002)) ([7dc6f52](https://github.com/GetStream/stream-chat-react-native/commit/7dc6f52b5440b70c395502815d53f108862832b0))
+* improve the entire channel list re-render for useUserPresence hook ([#3011](https://github.com/GetStream/stream-chat-react-native/issues/3011)) ([9042015](https://github.com/GetStream/stream-chat-react-native/commit/9042015b418ba7954dee6f9ec80f59456de98248))
+* memoize the read_vevents calculation to make it save a rerender ([#3008](https://github.com/GetStream/stream-chat-react-native/issues/3008)) ([70e6c70](https://github.com/GetStream/stream-chat-react-native/commit/70e6c7022a0d95da2bd7689fc1605fc16906fbd9))
+* native-image-picker pickImage issue ([#3017](https://github.com/GetStream/stream-chat-react-native/issues/3017)) ([897cf9c](https://github.com/GetStream/stream-chat-react-native/commit/897cf9cfc92d840d2a82c8a51730011a3f6e6d54))
+* properly resolve activeQueryType state ([#3004](https://github.com/GetStream/stream-chat-react-native/issues/3004)) ([f8968c0](https://github.com/GetStream/stream-chat-react-native/commit/f8968c09113f220ed8b64e38958229a7ae77a761))
+* remove scrollToFirstUnreadThreshold ([#3012](https://github.com/GetStream/stream-chat-react-native/issues/3012)) ([c423453](https://github.com/GetStream/stream-chat-react-native/commit/c423453a385591397bf6afae97e7c9366a87f734))
+
 ### [6.6.7](https://github.com/GetStream/stream-chat-react-native/compare/v6.6.6...v6.6.7) (2025-03-07)
 
 

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

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.7",
+  "version": "6.6.8",
   "homepage": "https://www.npmjs.com/package/stream-chat-react-native",
   "author": {
     "company": "Stream.io Inc",

package/native-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/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.7",
+  "version": "6.6.8",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/AudioAttachment.tsx

@@ -8,9 +8,8 @@ import { useTheme } from '../../contexts';
 import { useAudioPlayer } from '../../hooks/useAudioPlayer';
 import { Audio, Pause, Play } from '../../icons';
 import {
+  NativeHandlers,
   PlaybackStatus,
-  SDK,
-  Sound,
   SoundReturnType,
   VideoPayloadData,
   VideoProgressData,
@@ -51,7 +50,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
     testID,
   } = props;
   const { changeAudioSpeed, pauseAudio, playAudio, seekAudio } = useAudioPlayer({ soundRef });
-  const isExpoCLI = SDK === 'stream-chat-expo';
+  const isExpoCLI = NativeHandlers.SDK === 'stream-chat-expo';
   const isVoiceRecording = item.type === FileTypes.VoiceRecording;
 
   /** This is for Native CLI Apps */
@@ -181,8 +180,8 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
   useEffect(() => {
     if (isExpoCLI) {
       const initiateSound = async () => {
-        if (item && item.file && item.file.uri) {
-          soundRef.current = await Sound.initializeSound(
+        if (item && item.file && item.file.uri && NativeHandlers.Sound?.initializeSound) {
+          soundRef.current = await NativeHandlers.Sound.initializeSound(
             { uri: item.file.uri },
             {
               progressUpdateIntervalMillis: 100,
@@ -216,7 +215,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
       }
     };
     // For expo CLI
-    if (!Sound.Player) {
+    if (!NativeHandlers.Sound?.Player) {
       initalPlayPause();
     }
   }, [item.paused, isExpoCLI, pauseAudio, playAudio]);
@@ -344,8 +343,8 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
             </View>
           )}
         </View>
-        {Sound.Player && (
-          <Sound.Player
+        {NativeHandlers.Sound?.Player && (
+          <NativeHandlers.Sound.Player
             onEnd={handleEnd}
             onLoad={handleLoad}
             onProgress={handleProgress}

package/src/components/AttachmentPicker/AttachmentPicker.tsx

@@ -17,7 +17,7 @@ import {
 } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useScreenDimensions } from '../../hooks/useScreenDimensions';
-import { getPhotos, oniOS14GalleryLibrarySelectionChange } from '../../native';
+import { NativeHandlers } from '../../native';
 import type { Asset } from '../../types/types';
 import { BottomSheet } from '../BottomSheetCompatibility/BottomSheet';
 import { BottomSheetFlatList } from '../BottomSheetCompatibility/BottomSheetFlatList';
@@ -122,11 +122,12 @@ export const AttachmentPicker = React.forwardRef(
         setLoadingPhotos(true);
         const endCursor = endCursorRef.current;
         try {
-          if (!getPhotos) {
+          if (!NativeHandlers.getPhotos) {
             setPhotos([]);
             setIosLimited(false);
+            return;
           }
-          const results = await getPhotos({
+          const results = await NativeHandlers.getPhotos({
             after: endCursor,
             first: numberOfAttachmentImagesToLoadPerCall ?? 60,
           });
@@ -153,11 +154,11 @@ export const AttachmentPicker = React.forwardRef(
         return;
       }
 
-      if (!oniOS14GalleryLibrarySelectionChange) {
+      if (!NativeHandlers.oniOS14GalleryLibrarySelectionChange) {
         return;
       }
       // ios 14 library selection change event is fired when user reselects the images that are permitted to be readable by the app
-      const { unsubscribe } = oniOS14GalleryLibrarySelectionChange(() => {
+      const { unsubscribe } = NativeHandlers.oniOS14GalleryLibrarySelectionChange(() => {
         // we reset the cursor and has next page to true to facilitate fetching of the first page of photos again
         hasNextPageRef.current = true;
         endCursorRef.current = undefined;