stream-chat-react 13.4.0 → 13.5.1

package/dist/components/Channel/Channel.js

@@ -134,6 +134,10 @@ const ChannelInner = (props) => {
                 type: 'updateThreadOnEvent',
             });
         }
+        // ignore the event if it is not targeted at the current channel.
+        // Event targeted at this channel or globally targeted event should lead to state refresh
+        if (event.type === 'user.messages.deleted' && event.cid && event.cid !== channel.cid)
+            return;
         if (event.type === 'user.watching.start' || event.type === 'user.watching.stop')
             return;
         if (event.type === 'typing.start' || event.type === 'typing.stop') {
@@ -257,6 +261,7 @@ const ChannelInner = (props) => {
                 client.on('connection.recovered', handleEvent);
                 client.on('user.updated', handleEvent);
                 client.on('user.deleted', handleEvent);
+                client.on('user.messages.deleted', handleEvent);
                 channel.on(handleEvent);
             }
         })();

package/dist/components/ChannelList/hooks/useChannelListShape.js

@@ -148,10 +148,6 @@ export const useChannelListShapeDefaults = () => {
                 lastPinnedChannelIndex = findLastPinnedChannelIndex({ channels: newChannels });
             }
             const newTargetChannelIndex = typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0;
-            // skip re-render if the position of the channel does not change
-            if (currentChannels[newTargetChannelIndex] === targetChannel) {
-                return currentChannels;
-            }
             newChannels.splice(newTargetChannelIndex, 0, targetChannel);
             return newChannels;
         });

package/dist/components/ChannelPreview/ChannelPreview.js

@@ -55,23 +55,28 @@ export const ChannelPreview = (props) => {
     }, 400), [channel, muted]);
     useEffect(() => {
         refreshUnreadCount();
-        const handleEvent = () => {
+        const handleEvent = (event) => {
+            const deletedMessagesInAnotherChannel = event.type === 'user.messages.deleted' && event.cid && event.cid !== channel.cid;
+            if (deletedMessagesInAnotherChannel)
+                return;
             setLastMessage(channel.state.latestMessages[channel.state.latestMessages.length - 1]);
             refreshUnreadCount();
         };
         channel.on('message.new', handleEvent);
         channel.on('message.updated', handleEvent);
         channel.on('message.deleted', handleEvent);
+        client.on('user.messages.deleted', handleEvent);
         channel.on('message.undeleted', handleEvent);
         channel.on('channel.truncated', handleEvent);
         return () => {
             channel.off('message.new', handleEvent);
             channel.off('message.updated', handleEvent);
             channel.off('message.deleted', handleEvent);
+            client.off('user.messages.deleted', handleEvent);
             channel.off('message.undeleted', handleEvent);
             channel.off('channel.truncated', handleEvent);
         };
-    }, [channel, refreshUnreadCount, channelUpdateCount]);
+    }, [channel, client, refreshUnreadCount, channelUpdateCount]);
     if (!Preview)
         return null;
     const latestMessagePreview = getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated);

package/dist/components/Chat/hooks/useChat.js

@@ -24,7 +24,7 @@ export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialN
     useEffect(() => {
         if (!client)
             return;
-        const version = "13.4.0";
+        const version = "13.5.1";
         const userAgent = client.getUserAgent();
         if (!userAgent.includes('stream-chat-react')) {
             // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'

package/dist/experimental/index.browser.cjs

@@ -10720,7 +10720,9 @@ var ChannelPreview = (props) => {
   );
   (0, import_react23.useEffect)(() => {
     refreshUnreadCount();
-    const handleEvent = () => {
+    const handleEvent = (event) => {
+      const deletedMessagesInAnotherChannel = event.type === "user.messages.deleted" && event.cid && event.cid !== channel.cid;
+      if (deletedMessagesInAnotherChannel) return;
       setLastMessage(
         channel.state.latestMessages[channel.state.latestMessages.length - 1]
       );
@@ -10729,16 +10731,18 @@ var ChannelPreview = (props) => {
     channel.on("message.new", handleEvent);
     channel.on("message.updated", handleEvent);
     channel.on("message.deleted", handleEvent);
+    client.on("user.messages.deleted", handleEvent);
     channel.on("message.undeleted", handleEvent);
     channel.on("channel.truncated", handleEvent);
     return () => {
       channel.off("message.new", handleEvent);
       channel.off("message.updated", handleEvent);
       channel.off("message.deleted", handleEvent);
+      client.off("user.messages.deleted", handleEvent);
       channel.off("message.undeleted", handleEvent);
       channel.off("channel.truncated", handleEvent);
     };
-  }, [channel, refreshUnreadCount, channelUpdateCount]);
+  }, [channel, client, refreshUnreadCount, channelUpdateCount]);
   if (!Preview) return null;
   const latestMessagePreview = getLatestMessagePreview2(
     channel,