stream-chat-react-native-core 5.39.5 → 5.40.0-rc.2

package/src/components/Channel/__tests__/ownCapabilities.test.js

@@ -68,249 +68,249 @@ describe('Own capabilities', () => {
   };
 
   const renderChannelAndOpenMessageActionsList = async (targetMessage, props = {}) => {
-    const { findByTestId, queryByTestId, queryByText, unmount } = render(getComponent(props));
+    const { findByTestId, queryByLabelText, queryByText, unmount } = render(getComponent(props));
     await waitFor(() => queryByText(targetMessage.text));
 
     act(() => {
       fireEvent(queryByText(targetMessage.text), 'onLongPress');
     });
 
-    await waitFor(() => expect(!!queryByTestId('message-action-list')).toBeTruthy());
+    await waitFor(() => expect(!!queryByLabelText('Message action list')).toBeTruthy());
 
-    return { findByTestId, queryByTestId, queryByText, unmount };
+    return { findByTestId, queryByLabelText, queryByText, unmount };
   };
 
   describe(`${allOwnCapabilities.sendReply} capability`, () => {
     it(`should render "Thread Reply" message action when ${allOwnCapabilities.sendReply} capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.sendReply]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(sentMessage);
-      expect(!!queryByTestId('threadReply-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(sentMessage);
+      expect(!!queryByLabelText('threadReply action list item')).toBeTruthy();
     });
 
     it('should not render "Thread Reply" message action when "send-reply" capability is disabled', async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(sentMessage);
-      expect(!!queryByTestId('threadReply-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(sentMessage);
+      expect(!!queryByLabelText('threadReply action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.sendReply" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.sendReply]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(sentMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(sentMessage, {
         overrideOwnCapabilities: {
           sendReply: false,
         },
       });
-      expect(!!queryByTestId('threadReply-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('threadReply action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.banChannelMembers} capability`, () => {
     it(`should render "Ban User" message action when ${allOwnCapabilities.banChannelMembers} capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.banChannelMembers]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('banUser-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('banUser action list item')).toBeTruthy();
     });
 
     it(`should not render "Ban User" message action when ${allOwnCapabilities.banChannelMembers} capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('banUser-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('banUser action list item')).toBeFalsy();
     });
 
     it(`should override capability from "overrideOwnCapability.banChannelMembers" prop`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.banChannelMembers]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           banChannelMembers: false,
         },
       });
-      expect(!!queryByTestId('banUser-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('banUser action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.deleteAnyMessage} capability`, () => {
     it(`should render "Delete Message" action for received message when "${allOwnCapabilities.deleteAnyMessage}" capability is enabled`, async () => {
       await generateChannelWithCapabilities(['delete-any-message']);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('deleteMessage-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('deleteMessage action list item')).toBeTruthy();
     });
 
     it(`should not render "Delete Message" action for received message when "${allOwnCapabilities.deleteAnyMessage}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('deleteMessage-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('deleteMessage action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.deleteAnyMessage" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.deleteAnyMessage]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           deleteAnyMessage: false,
         },
       });
-      expect(!!queryByTestId('deleteMessage-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('deleteMessage action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.deleteOwnMessage} capability`, () => {
     it(`should render "Delete Message" action for sent message when "${allOwnCapabilities.deleteOwnMessage}" capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.deleteOwnMessage]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(sentMessage);
-      expect(!!queryByTestId('deleteMessage-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(sentMessage);
+      expect(!!queryByLabelText('deleteMessage action list item')).toBeTruthy();
     });
 
     it(`should not render "Delete Message" action for sent message when "${allOwnCapabilities.deleteOwnMessage}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(sentMessage);
-      expect(!!queryByTestId('deleteMessage-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(sentMessage);
+      expect(!!queryByLabelText('deleteMessage action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.deleteOwnMessage" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.deleteOwnMessage]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(sentMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(sentMessage, {
         overrideOwnCapabilities: {
           deleteOwnMessage: false,
         },
       });
-      expect(!!queryByTestId('deleteMessage-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('deleteMessage action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.updateAnyMessage} capability`, () => {
     it(`should render "Edit Message" action for received message when "${allOwnCapabilities.updateAnyMessage}" capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.updateAnyMessage]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('editMessage-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('editMessage action list item')).toBeTruthy();
     });
 
     it(`should not render "Edit Message" action for received message when "${allOwnCapabilities.updateAnyMessage}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('editMessage-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('editMessage action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.updateAnyMessage" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.updateAnyMessage]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           updateAnyMessage: false,
         },
       });
-      expect(!!queryByTestId('editMessage-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('editMessage action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.flagMessage} capability`, () => {
     it(`should render "Flag Message" action for sent message when "${allOwnCapabilities.flagMessage}" capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.flagMessage]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('flagMessage-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('flagMessage action list item')).toBeTruthy();
     });
 
     it(`should not render "Flag Message" action for sent message when "${allOwnCapabilities.flagMessage}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('flagMessage-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('flagMessage action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.deleteOwnMessage" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.flagMessage]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           flagMessage: false,
         },
       });
-      expect(!!queryByTestId('flagMessage-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('flagMessage action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.pinMessage} capability`, () => {
     it(`should render "Pin Message" action for sent message when "${allOwnCapabilities.pinMessage}" capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.pinMessage]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('pinMessage-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('pinMessage action list item')).toBeTruthy();
     });
 
     it(`should not render "Pin Message" action for sent message when "${allOwnCapabilities.pinMessage}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('pinMessage-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('pinMessage action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.pinMessage" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.pinMessage]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           pinMessage: false,
         },
       });
-      expect(!!queryByTestId('pinMessage-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('pinMessage action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.quoteMessage} capability`, () => {
     it(`should render "Reply" action for sent message when "${allOwnCapabilities.quoteMessage}" capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.quoteMessage]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('quotedReply-list-item')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('quotedReply action list item')).toBeTruthy();
     });
 
     it(`should not render "Reply" action for sent message when "${allOwnCapabilities.quoteMessage}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('quotedReply-list-item')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('quotedReply action list item')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.quoteMessage" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.quoteMessage]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           quoteMessage: false,
         },
       });
-      expect(!!queryByTestId('quotedReply-list-item')).toBeFalsy();
+      expect(!!queryByLabelText('quotedReply action list item')).toBeFalsy();
     });
   });
 
   describe(`${allOwnCapabilities.sendReaction} capability`, () => {
     it(`should render reaction selector when "${allOwnCapabilities.sendReaction}" capability is enabled`, async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.sendReaction]);
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('overlay-reaction-list')).toBeTruthy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('Reaction Selector on long pressing message')).toBeTruthy();
     });
 
     it(`should not render reaction selector when "${allOwnCapabilities.sendReaction}" capability is disabled`, async () => {
       await generateChannelWithCapabilities();
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage);
-      expect(!!queryByTestId('overlay-reaction-list')).toBeFalsy();
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage);
+      expect(!!queryByLabelText('Reaction Selector on long pressing message')).toBeFalsy();
     });
 
     it('should override capability from "overrideOwnCapability.sendReaction" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.sendReaction]);
 
-      const { queryByTestId } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
+      const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {
         overrideOwnCapabilities: {
           sendReaction: false,
         },
       });
-      expect(!!queryByTestId('overlay-reaction-list')).toBeFalsy();
+      expect(!!queryByLabelText('Reaction Selector on long pressing message')).toBeFalsy();
     });
   });
 

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -21,7 +21,6 @@ export const useCreateChannelContext = <
   isOwner,
   lastRead,
   loadChannelAroundMessage,
-  loadChannelAtMessage,
   loading,
   LoadingIndicator,
   markRead,
@@ -65,7 +64,6 @@ export const useCreateChannelContext = <
       isOwner,
       lastRead,
       loadChannelAroundMessage,
-      loadChannelAtMessage,
       loading,
       LoadingIndicator,
       markRead,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -68,12 +68,8 @@ export const useCreateInputMessageInputContext = <
    */
   channelId?: string;
 }) => {
-  const editingDep = typeof editing === 'boolean' ? editing : editing?.id;
-  const quotedMessageId = quotedMessage
-    ? typeof quotedMessage === 'boolean'
-      ? ''
-      : quotedMessage.id
-    : '';
+  const editingDep = editing ? editing.id : '';
+  const quotedMessageId = quotedMessage ? quotedMessage.id : '';
 
   const inputMessageInputContext: InputMessageInputContextValue<StreamChatGenerics> = useMemo(
     () => ({

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -6,7 +6,7 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 export const useCreateMessagesContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  additionalTouchableProps,
+  additionalPressableProps,
   Attachment,
   AttachmentActions,
   AudioAttachment,
@@ -32,7 +32,6 @@ export const useCreateMessagesContext = <
   Giphy,
   giphyVersion,
   handleBan,
-  handleBlock,
   handleCopy,
   handleDelete,
   handleEdit,
@@ -52,6 +51,8 @@ export const useCreateMessagesContext = <
   legacyImageViewerSwipeBehaviour,
   markdownRules,
   Message,
+  MessageActionList,
+  MessageActionListItem,
   messageActions,
   MessageAvatar,
   MessageBounce,
@@ -63,20 +64,27 @@ export const useCreateMessagesContext = <
   MessageFooter,
   MessageHeader,
   MessageList,
+  MessageMenu,
   MessagePinnedHeader,
+  MessageReactionPicker,
   MessageReplies,
   MessageRepliesAvatars,
   MessageSimple,
   MessageStatus,
   MessageSystem,
   MessageText,
+  messageTextNumberOfLines,
   MessageTimestamp,
+  MessageUserReactions,
+  MessageUserReactionsAvatar,
+  MessageUserReactionsItem,
   myMessageTheme,
   onLongPressMessage,
   onPressInMessage,
   onPressMessage,
-  OverlayReactionList,
-  ReactionList,
+  ReactionListBottom,
+  reactionListPosition,
+  ReactionListTop,
   removeMessage,
   Reply,
   retrySendMessage,
@@ -99,14 +107,14 @@ export const useCreateMessagesContext = <
    */
   channelId?: string;
 }) => {
-  const additionalTouchablePropsLength = Object.keys(additionalTouchableProps || {}).length;
+  const additionalTouchablePropsLength = Object.keys(additionalPressableProps || {}).length;
   const markdownRulesLength = Object.keys(markdownRules || {}).length;
   const messageContentOrderValue = messageContentOrder.join();
-  const supportedReactionsLength = supportedReactions.length;
+  const supportedReactionsLength = supportedReactions?.length;
 
   const messagesContext: MessagesContextValue<StreamChatGenerics> = useMemo(
     () => ({
-      additionalTouchableProps,
+      additionalPressableProps,
       Attachment,
       AttachmentActions,
       AudioAttachment,
@@ -131,7 +139,6 @@ export const useCreateMessagesContext = <
       Giphy,
       giphyVersion,
       handleBan,
-      handleBlock,
       handleCopy,
       handleDelete,
       handleEdit,
@@ -151,6 +158,8 @@ export const useCreateMessagesContext = <
       legacyImageViewerSwipeBehaviour,
       markdownRules,
       Message,
+      MessageActionList,
+      MessageActionListItem,
       messageActions,
       MessageAvatar,
       MessageBounce,
@@ -162,20 +171,27 @@ export const useCreateMessagesContext = <
       MessageFooter,
       MessageHeader,
       MessageList,
+      MessageMenu,
       MessagePinnedHeader,
+      MessageReactionPicker,
       MessageReplies,
       MessageRepliesAvatars,
       MessageSimple,
       MessageStatus,
       MessageSystem,
       MessageText,
+      messageTextNumberOfLines,
       MessageTimestamp,
+      MessageUserReactions,
+      MessageUserReactionsAvatar,
+      MessageUserReactionsItem,
       myMessageTheme,
       onLongPressMessage,
       onPressInMessage,
       onPressMessage,
-      OverlayReactionList,
-      ReactionList,
+      ReactionListBottom,
+      reactionListPosition,
+      ReactionListTop,
       removeMessage,
       Reply,
       retrySendMessage,

package/src/components/ChannelList/ChannelList.tsx

@@ -156,21 +156,6 @@ export type ChannelListProps<
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
     event: Event<StreamChatGenerics>,
   ) => void;
-  /**
-   * @deprecated use onNewMessageNotification instead
-   *
-   * Override the default listener/handler for event `notification.message_new`
-   * This event is received on channel, which is not being watched.
-   *
-   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
-   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.message_new` event
-   *
-   * @overrideType Function
-   * */
-  onMessageNew?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-    event: Event<StreamChatGenerics>,
-  ) => void;
   /**
    * Override the default listener/handler for event `message.new`
    * This event is received on channel, when a new message is added on a channel.
@@ -262,7 +247,6 @@ export const ChannelList = <
     onChannelTruncated,
     onChannelUpdated,
     onChannelVisible,
-    onMessageNew,
     onNewMessage,
     onNewMessageNotification,
     onRemovedFromChannel,
@@ -342,7 +326,6 @@ export const ChannelList = <
   });
 
   useNewMessageNotification({
-    onMessageNew,
     onNewMessageNotification,
     setChannels,
   });

package/src/components/ChannelList/ChannelListFooterLoadingIndicator.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { Spinner } from '../Spinner/Spinner';
+import { Spinner } from '../UIComponents/Spinner';
 
 const styles = StyleSheet.create({
   container: {

package/src/components/ChannelList/__tests__/ChannelList.test.js

@@ -356,11 +356,11 @@ describe('ChannelList', () => {
         });
       });
 
-      it('should call the `onMessageNew` function prop, if provided', async () => {
-        const onMessageNew = jest.fn();
+      it('should call the `onNewMessage` function prop, if provided', async () => {
+        const onNewMessage = jest.fn();
         render(
           <Chat client={chatClient}>
-            <ChannelList {...props} onMessageNew={onMessageNew} />
+            <ChannelList {...props} onNewMessage={onNewMessage} />
           </Chat>,
         );
 
@@ -368,10 +368,10 @@ describe('ChannelList', () => {
           expect(screen.getByTestId('channel-list')).toBeTruthy();
         });
 
-        act(() => dispatchNotificationMessageNewEvent(chatClient, testChannel2.channel));
+        act(() => dispatchMessageNewEvent(chatClient, testChannel2.channel));
 
         await waitFor(() => {
-          expect(onMessageNew).toHaveBeenCalledTimes(1);
+          expect(onNewMessage).toHaveBeenCalledTimes(1);
         });
       });
 

package/src/components/ChannelList/hooks/listeners/useNewMessageNotification.ts

@@ -12,10 +12,7 @@ import { getChannel } from '../../utils';
 type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   {
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onMessageNew?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-    ) => void;
+
     onNewMessageNotification?: (
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
@@ -25,7 +22,6 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
 export const useNewMessageNotification = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  onMessageNew,
   onNewMessageNotification,
   setChannels,
 }: Parameters<StreamChatGenerics>) => {
@@ -33,12 +29,7 @@ export const useNewMessageNotification = <
 
   useEffect(() => {
     const handleEvent = async (event: Event<StreamChatGenerics>) => {
-      if (typeof onMessageNew === 'function') {
-        onMessageNew(setChannels, event);
-        console.warn(
-          'onMessageNew is deprecated and will be removed in future release. Please use onNewMessageNotification to establish the same behaviour',
-        );
-      } else if (typeof onNewMessageNotification === 'function') {
+      if (typeof onNewMessageNotification === 'function') {
         onNewMessageNotification(setChannels, event);
       } else {
         if (event.channel?.id && event.channel?.type) {

package/src/components/Chat/Chat.tsx

@@ -24,11 +24,10 @@ import { useStreami18n } from '../../hooks/useStreami18n';
 import init from '../../init';
 
 import { SDK } from '../../native';
-import { QuickSqliteClient } from '../../store/QuickSqliteClient';
+import { SqliteClient } from '../../store/SqliteClient';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DBSyncManager } from '../../utils/DBSyncManager';
 import type { Streami18n } from '../../utils/i18n/Streami18n';
-import { StreamChatRN } from '../../utils/StreamChatRN';
 import { version } from '../../version.json';
 
 init();
@@ -36,7 +35,7 @@ init();
 export type ChatProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Partial<Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent' | 'resizableCDNHosts'>> & {
+  Partial<Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'>> & {
     /**
      * When false, ws connection won't be disconnection upon backgrounding the app.
      * To receive push notifications, its necessary that user doesn't have active
@@ -143,7 +142,6 @@ const ChatWithContext = <
     enableOfflineSupport = false,
     i18nInstance,
     ImageComponent = Image,
-    resizableCDNHosts = ['.stream-io-cdn.com'],
     style,
   } = props;
 
@@ -178,9 +176,6 @@ const ChatWithContext = <
 
   const userID = client.userID;
 
-  // Set the `resizableCDNHosts` as per the prop.
-  StreamChatRN.setConfig({ resizableCDNHosts });
-
   useEffect(() => {
     if (client) {
       client.setUserAgent(`${SDK}-${Platform.OS}-${version}`);
@@ -208,7 +203,7 @@ const ChatWithContext = <
       // issues we've encountered before with the QuickSqliteClient being
       // uninitialized before it's being invoked.
       setInitialisedDatabaseConfig({ initialised: false, userID });
-      QuickSqliteClient.initializeDatabase();
+      SqliteClient.initializeDatabase();
       setInitialisedDatabaseConfig({ initialised: true, userID });
       DBSyncManager.init(client as unknown as StreamChat);
     }
@@ -243,7 +238,6 @@ const ChatWithContext = <
     ImageComponent,
     isOnline,
     mutedUsers,
-    resizableCDNHosts,
     setActiveChannel,
   });