stream-chat-react 10.0.2 → 10.1.0

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.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -51931,7 +51933,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 +51959,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 +52052,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 +68832,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;