stream-chat-react 10.7.1 → 10.7.3

package/dist/browser.full-bundle.js

@@ -46760,7 +46760,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 client.off('user.deleted', handleEvent);
                 notificationTimeouts.forEach(clearTimeout);
             };
-        }, [channel.cid, doMarkReadRequest]);
+        }, [channel.cid, doMarkReadRequest, channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.read_events]);
         React$2.useEffect(function () {
             var _a;
             if (!state.thread)
@@ -48355,7 +48355,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.7.1';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.7.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -51180,13 +51180,14 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         };
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function usePrependedMessagesCount(messages, hasDateSeparator) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var STATUSES_EXCLUDED_FROM_PREPEND = ['sending', 'failed'];
+    function usePrependedMessagesCount(messages, hasDateSeparator) {
         var firstRealMessageIndex = hasDateSeparator ? 1 : 0;
         var firstMessageId = React$2.useRef();
         var earliestMessageId = React$2.useRef();
         var previousNumItemsPrepended = React$2.useRef(0);
         var numItemsPrepended = React$2.useMemo(function () {
-            var _a;
+            var _a, _b;
             if (!messages || !messages.length) {
                 previousNumItemsPrepended.current = 0;
                 return 0;
@@ -51202,13 +51203,30 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             earliestMessageId.current = currentFirstMessageId;
             // if new messages were prepended, find out how many
             // start with this number because there cannot be fewer prepended items than before
+            var adjustPrependedMessageCount = 0;
             for (var i = previousNumItemsPrepended.current; i < messages.length; i += 1) {
+                // Optimistic UI update, when sending messages, can lead to a situation, when
+                // the order of the messages changes for a moment. This can happen, when a user
+                // sends multiple messages withing few milliseconds. E.g. we send a message A
+                // then message B. At first we have message array with both messages of status "sending"
+                // then response for message A is received with a new - later - created_at timestamp
+                // this leads to rearrangement of 1.B ("sending"), 2.A ("received"). Still firstMessageId.current
+                // points to message A, but now this message has index 1 => previousNumItemsPrepended.current === 1
+                // That in turn leads to incorrect index calculation in VirtualizedMessageList trying to access a message
+                // at non-existent index. Therefore, we ignore messages of status "sending" / "failed" in order they are
+                // not considered as prepended messages.
+                if (((_b = messages[i]) === null || _b === void 0 ? void 0 : _b.status) &&
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    STATUSES_EXCLUDED_FROM_PREPEND.includes(messages[i].status) &&
+                    messages[i].id !== firstMessageId.current) {
+                    adjustPrependedMessageCount++;
+                }
                 if (messages[i].id === firstMessageId.current) {
-                    previousNumItemsPrepended.current = i;
-                    return i;
+                    previousNumItemsPrepended.current = i - adjustPrependedMessageCount;
+                    return previousNumItemsPrepended.current;
                 }
             }
-            // if no match has found, we have jumped - reset the prepend item count.
+            // if no match has found, we have jumped - reset the prepended item count.
             firstMessageId.current = currentFirstMessageId;
             previousNumItemsPrepended.current = 0;
             return 0;