stream-chat-react 10.8.7 → 10.8.8

package/dist/browser.full-bundle.js

@@ -48515,7 +48515,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.8.7';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.8.8';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -51606,21 +51606,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             // traps CSS margins of the item elements, preventing incorrect item measurements
             var Item = function (props) {
                 var _a;
-                var streamMessageIndex = props['data-item-index'] + numItemsPrepended - PREPEND_OFFSET;
-                var message = processedMessages[streamMessageIndex];
-                var groupStyles = messageGroupStyles[message.id] || '';
-                return (React__default["default"].createElement("div", __assign$8({}, props, { className: (customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage) ||
+                var _b;
+                var context = props.context;
+                var streamMessageIndex = props['data-item-index'] + context.numItemsPrepended - PREPEND_OFFSET;
+                var message = context.processedMessages[streamMessageIndex];
+                var groupStyles = context.messageGroupStyles[message.id] || '';
+                return (React__default["default"].createElement("div", __assign$8({}, props, { className: ((_b = context === null || context === void 0 ? void 0 : context.customClasses) === null || _b === void 0 ? void 0 : _b.virtualMessage) ||
                         clsx('str-chat__virtual-list-message-wrapper str-chat__li', (_a = {},
                             _a["str-chat__li--".concat(groupStyles)] = groupStyles,
                             _a)) })));
             };
             return Item;
-        }, [
-            customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage,
-            numItemsPrepended,
-            // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
-            processedMessages.length,
-        ]);
+        }, []);
         var virtuosoComponents = React$2.useMemo(function () {
             var EmptyPlaceholder = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null, EmptyStateIndicator$1 && (React__default["default"].createElement(EmptyStateIndicator$1, { listType: threadList ? 'thread' : 'message' })))); };
             var Header = function () {
@@ -51670,6 +51667,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 React__default["default"].createElement("div", { className: (customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualizedMessageList) || 'str-chat__virtual-list' },
                     React__default["default"].createElement(on$2, __assign$8({ atBottomStateChange: atBottomStateChange, atBottomThreshold: 200, className: 'str-chat__message-list-scroll', components: virtuosoComponents, computeItemKey: function (index) {
                             return processedMessages[numItemsPrepended + index - PREPEND_OFFSET].id;
+                        }, context: {
+                            customClasses: customClasses,
+                            messageGroupStyles: messageGroupStyles,
+                            numItemsPrepended: numItemsPrepended,
+                            processedMessages: processedMessages,
                         }, endReached: endReached, firstItemIndex: PREPEND_OFFSET - numItemsPrepended, followOutput: followOutput, increaseViewportBy: { bottom: 200, top: 0 }, initialTopMostItemIndex: calculateInitialTopMostItemIndex(processedMessages, highlightedMessageId), itemContent: function (i) { return messageRenderer(processedMessages, i); }, itemSize: fractionalItemSize, key: messageSetKey, overscan: overscan, ref: virtuoso, startReached: startReached, style: { overflowX: 'hidden' }, totalCount: processedMessages.length }, additionalVirtuosoProps, (scrollSeekPlaceHolder ? { scrollSeek: scrollSeekPlaceHolder } : {}), (defaultItemHeight ? { defaultItemHeight: defaultItemHeight } : {}))))),
             React__default["default"].createElement(MessageListNotifications$1, { hasNewMessages: newMessagesNotification, isMessageListScrolledToBottom: isMessageListScrolledToBottom, isNotAtLatestMessageSet: hasMoreNewer, MessageNotification: MessageNotification$1, notifications: notifications, scrollToBottom: scrollToBottom, threadList: threadList }),
             giphyPreviewMessage && React__default["default"].createElement(GiphyPreviewMessage$1, { message: giphyPreviewMessage })));