stream-chat-react 10.22.0 → 10.22.2

package/dist/browser.full-bundle.js

@@ -10886,7 +10886,16 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var ImageGallery = /*@__PURE__*/getDefaultExportFromCjs(imageGallery.exports);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ModalGallery = function (props) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var onError = function (e) {
+        // Prevent having alt attribute on img as the img takes the height of the alt text
+        // instead of the CSS / element width & height when the CSS mask (fallback) is applied.
+        e.target.alt = '';
+    };
+    var renderItem = function (_a) {
+        var original = _a.original, originalAlt = _a.originalAlt;
+        return (React__default["default"].createElement(BaseImage, { alt: originalAlt, className: 'image-gallery-image', onError: onError, src: original }));
+    };
+    var ModalGallery = function (props) {
         var images = props.images, index = props.index;
         var t = useTranslationContext('ModalGallery').t;
         var formattedArray = React$2.useMemo(function () {
@@ -10899,7 +10908,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 };
             });
         }, [images]);
-        return (React__default["default"].createElement(ImageGallery, { items: formattedArray, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index }));
+        return (React__default["default"].createElement(ImageGallery, { items: formattedArray, renderItem: renderItem, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index }));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedGallery = function (props) {
@@ -47781,7 +47790,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.22.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.22.2';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -50586,11 +50595,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||{};var STATUSES_EXCLUDED_FROM_PREPEND = ['sending', 'failed'];
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var STATUSES_EXCLUDED_FROM_PREPEND = {
+        failed: true,
+        sending: true,
+    };
     function usePrependedMessagesCount(messages, hasDateSeparator) {
         var firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-        var firstMessageId = React$2.useRef();
-        var earliestMessageId = React$2.useRef();
+        var firstMessageOnFirstLoadedPage = React$2.useRef();
+        var previousFirstMessageOnFirstLoadedPage = React$2.useRef();
         var previousNumItemsPrepended = React$2.useRef(0);
         var numItemsPrepended = React$2.useMemo(function () {
             var _a, _b;
@@ -50598,47 +50610,43 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 previousNumItemsPrepended.current = 0;
                 return 0;
             }
-            var currentFirstMessageId = (_a = messages === null || messages === void 0 ? void 0 : messages[firstRealMessageIndex]) === null || _a === void 0 ? void 0 : _a.id;
-            // if no new messages were prepended, return early (same amount as before)
-            if (currentFirstMessageId === earliestMessageId.current) {
+            var currentFirstMessage = messages === null || messages === void 0 ? void 0 : messages[firstRealMessageIndex];
+            var noNewMessages = (currentFirstMessage === null || currentFirstMessage === void 0 ? void 0 : currentFirstMessage.id) === ((_a = previousFirstMessageOnFirstLoadedPage.current) === null || _a === void 0 ? void 0 : _a.id);
+            // This is possible only, when sending messages very quickly (basically single char messages submitted like a crazy) in empty channel (first page)
+            // 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 firstMessageOnFirstLoadedPage.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.
+            var firstMsgMovedAfterMessagesInExcludedStatus = (currentFirstMessage === null || currentFirstMessage === void 0 ? void 0 : currentFirstMessage.status) && STATUSES_EXCLUDED_FROM_PREPEND[currentFirstMessage.status];
+            if (noNewMessages || firstMsgMovedAfterMessagesInExcludedStatus) {
                 return previousNumItemsPrepended.current;
             }
-            if (!firstMessageId.current) {
-                firstMessageId.current = currentFirstMessageId;
+            if (!firstMessageOnFirstLoadedPage.current) {
+                firstMessageOnFirstLoadedPage.current = currentFirstMessage;
             }
-            earliestMessageId.current = currentFirstMessageId;
+            previousFirstMessageOnFirstLoadedPage.current = currentFirstMessage;
             // 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 - adjustPrependedMessageCount;
-                    return previousNumItemsPrepended.current;
+            for (var prependedMessageCount = previousNumItemsPrepended.current; prependedMessageCount < messages.length; prependedMessageCount += 1) {
+                var messageIsFirstOnFirstLoadedPage = messages[prependedMessageCount].id === ((_b = firstMessageOnFirstLoadedPage.current) === null || _b === void 0 ? void 0 : _b.id);
+                if (messageIsFirstOnFirstLoadedPage) {
+                    previousNumItemsPrepended.current = prependedMessageCount;
+                    return prependedMessageCount;
                 }
             }
             // if no match has found, we have jumped - reset the prepended item count.
-            firstMessageId.current = currentFirstMessageId;
+            firstMessageOnFirstLoadedPage.current = currentFirstMessage;
             previousNumItemsPrepended.current = 0;
             return 0;
             // TODO: there's a bug here, the messages prop is the same array instance (something mutates it)
             // that's why the second dependency is necessary
-        }, [messages, messages === null || messages === void 0 ? void 0 : messages.length]);
+        }, [firstRealMessageIndex, messages, messages === null || messages === void 0 ? void 0 : messages.length]);
         return numItemsPrepended;
     }