stream-chat-react 10.0.2 → 10.1.1

package/dist/browser.full-bundle.js

@@ -48277,6 +48277,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         var _a = useChatContext('usePaginatedChannels').channelsQueryState, setError = _a.setError, setQueryInProgress = _a.setQueryInProgress;
         var _b = React.useState([]), channels = _b[0], setChannels = _b[1];
         var _c = React.useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
+        // memoize props
         var filterString = React.useMemo(function () { return JSON.stringify(filters); }, [filters]);
         var sortString = React.useMemo(function () { return JSON.stringify(sort); }, [sort]);
         var queryChannels = function (queryType) { return __awaiter$3(void 0, void 0, void 0, function () {
@@ -48690,6 +48691,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
             exitSearch();
             (_a = inputProps.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }, []);
+        var closeAppMenu = React.useCallback(function () { return setMenuIsOpen(false); }, []);
         return (React__default["default"].createElement("div", { className: 'str-chat__channel-search-bar', "data-testid": 'search-bar', ref: searchBarRef },
             inputIsFocused ? (React__default["default"].createElement(SearchBarButton, { className: 'str-chat__channel-search-bar-button--exit-search', onClick: exitSearch },
                 React__default["default"].createElement(ExitSearchIcon, null))) : AppMenu ? (React__default["default"].createElement(SearchBarButton, { className: 'str-chat__channel-search-bar-button--menu', onClick: function () { return setMenuIsOpen(function (prev) { return !prev; }); } },
@@ -48701,7 +48703,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
                 React__default["default"].createElement("button", { className: 'str-chat__channel-search-input--clear-button', "data-testid": 'clear-input-button', disabled: !inputProps.query, onClick: handleClearClick },
                     React__default["default"].createElement(ClearInputIcon, null))),
             menuIsOpen && AppMenu && (React__default["default"].createElement("div", { ref: appMenuRef },
-                React__default["default"].createElement(AppMenu, null)))));
+                React__default["default"].createElement(AppMenu, { close: closeAppMenu })))));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -48981,7 +48983,7 @@ var StreamChatReact = (function (exports, React, 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 = '10.0.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '10.1.1';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -51792,16 +51794,17 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     }
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function usePrependedMessagesCount(messages, hasDateSeparator) {
-        var _a;
         var firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-        var currentFirstMessageId = (_a = messages === null || messages === void 0 ? void 0 : messages[firstRealMessageIndex]) === null || _a === void 0 ? void 0 : _a.id;
-        var firstMessageId = React.useRef(currentFirstMessageId);
-        var earliestMessageId = React.useRef(currentFirstMessageId);
+        var firstMessageId = React.useRef();
+        var earliestMessageId = React.useRef();
         var previousNumItemsPrepended = React.useRef(0);
         var numItemsPrepended = React.useMemo(function () {
+            var _a;
             if (!messages || !messages.length) {
+                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) {
                 return previousNumItemsPrepended.current;
@@ -51818,8 +51821,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
                     return i;
                 }
             }
-            // if no match has found, we have jumped
+            // if no match has found, we have jumped - reset the prepend item count.
             firstMessageId.current = currentFirstMessageId;
+            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
@@ -51931,7 +51935,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
                     acc[message.id] = style;
                 return acc;
             }, {});
-        }, [processedMessages.length, shouldGroupByUser]);
+        }, 
+        // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
+        [processedMessages.length, shouldGroupByUser]);
         var virtuoso = React.useRef(null);
         var _x = useNewMessageNotification(processedMessages, client.userID, hasMoreNewer), atBottom = _x.atBottom, isMessageListScrolledToBottom = _x.isMessageListScrolledToBottom, newMessagesNotification = _x.newMessagesNotification, setIsMessageListScrolledToBottom = _x.setIsMessageListScrolledToBottom, setNewMessagesNotification = _x.setNewMessagesNotification;
         var scrollToBottom = React.useCallback(function () { return __awaiter$3(void 0, void 0, void 0, function () {
@@ -51955,6 +51961,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
             virtuoso,
             processedMessages,
             setNewMessagesNotification,
+            // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
             processedMessages.length,
             hasMoreNewer,
             jumpToLatestMessage,
@@ -52047,8 +52054,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
             return Item;
         }, [
             customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage,
-            Object.keys(messageGroupStyles),
+            messageGroupStyles,
             numItemsPrepended,
+            // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
             processedMessages.length,
         ]);
         var virtuosoComponents = React.useMemo(function () {
@@ -68826,6 +68834,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     exports.SUPPORTED_VIDEO_FORMATS = SUPPORTED_VIDEO_FORMATS;
     exports.SafeAnchor = SafeAnchor;
     exports.ScrollToBottomButton = ScrollToBottomButton;
+    exports.SearchBar = SearchBar;
     exports.SearchInput = SearchInput;
     exports.SearchResults = SearchResults;
     exports.SendButton = SendButton;