stream-chat-react 11.24.0 → 11.24.1

package/dist/{Window-2ad58fe5.js → Window-1bab8b7b.js}

@@ -48112,7 +48112,7 @@ var renderPreviewText = function (text) { return React__default["default"].creat
 var getLatestMessagePreview = function (channel, t, userLanguage) {
     var _a, _b;
     if (userLanguage === void 0) { userLanguage = 'en'; }
-    var latestMessage = channel.state.messages[channel.state.messages.length - 1];
+    var latestMessage = channel.state.latestMessages[channel.state.latestMessages.length - 1];
     var previewTextToRender = ((_a = latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
         (latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.text);
     if (!latestMessage) {
@@ -48122,8 +48122,7 @@ var getLatestMessagePreview = function (channel, t, userLanguage) {
         return t('Message deleted');
     }
     if (previewTextToRender) {
-        var renderedText = renderPreviewText(previewTextToRender);
-        return renderedText;
+        return renderPreviewText(previewTextToRender);
     }
     if (latestMessage.command) {
         return "/".concat(latestMessage.command);
@@ -48650,7 +48649,7 @@ var useUserPresenceChangedListener = function (setChannels) {
 
 var UnMemoizedChannelPreviewMessenger = function (props) {
     var _a, _b;
-    var active = props.active, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, channel = props.channel, _d = props.className, customClassName = _d === void 0 ? '' : _d, displayImage = props.displayImage, displayTitle = props.displayTitle, latestMessage = props.latestMessage, customOnSelectChannel = props.onSelect, setActiveChannel = props.setActiveChannel, unread = props.unread, watchers = props.watchers;
+    var active = props.active, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, channel = props.channel, _d = props.className, customClassName = _d === void 0 ? '' : _d, displayImage = props.displayImage, displayTitle = props.displayTitle, latestMessagePreview = props.latestMessagePreview, customOnSelectChannel = props.onSelect, setActiveChannel = props.setActiveChannel, unread = props.unread, watchers = props.watchers;
     var channelPreviewButton = React.useRef(null);
     var avatarName = displayTitle || ((_b = (_a = channel.state.messages[channel.state.messages.length - 1]) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id);
     var onSelectChannel = function (e) {
@@ -48672,7 +48671,7 @@ var UnMemoizedChannelPreviewMessenger = function (props) {
                 React__default["default"].createElement("div", { className: 'str-chat__channel-preview-messenger--name' },
                     React__default["default"].createElement("span", null, displayTitle)),
                 !!unread && (React__default["default"].createElement("div", { className: 'str-chat__channel-preview-unread-badge', "data-testid": 'unread-badge' }, unread))),
-            React__default["default"].createElement("div", { className: 'str-chat__channel-preview-messenger--last-message' }, latestMessage))));
+            React__default["default"].createElement("div", { className: 'str-chat__channel-preview-messenger--last-message' }, latestMessagePreview))));
 };
 /**
  * Used as preview component for channel item in [ChannelList](#channellist) component.
@@ -48750,12 +48749,12 @@ var useMessageDeliveryStatus = function (_a) {
 };
 
 var ChannelPreview = function (props) {
-    var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a, channelUpdateCount = props.channelUpdateCount;
-    var _b = useChatContext('ChannelPreview'), activeChannel = _b.channel, client = _b.client, setActiveChannel = _b.setActiveChannel;
-    var _c = useTranslationContext('ChannelPreview'), t = _c.t, userLanguage = _c.userLanguage;
-    var _d = useChannelPreviewInfo({ channel: channel }), displayImage = _d.displayImage, displayTitle = _d.displayTitle;
-    var _e = React.useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _e[0], setLastMessage = _e[1];
-    var _f = React.useState(0), unread = _f[0], setUnread = _f[1];
+    var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a, channelUpdateCount = props.channelUpdateCount, _b = props.getLatestMessagePreview, getLatestMessagePreview$1 = _b === void 0 ? getLatestMessagePreview : _b;
+    var _c = useChatContext('ChannelPreview'), activeChannel = _c.channel, client = _c.client, setActiveChannel = _c.setActiveChannel;
+    var _d = useTranslationContext('ChannelPreview'), t = _d.t, userLanguage = _d.userLanguage;
+    var _e = useChannelPreviewInfo({ channel: channel }), displayImage = _e.displayImage, displayTitle = _e.displayTitle;
+    var _f = React.useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _f[0], setLastMessage = _f[1];
+    var _g = React.useState(0), unread = _g[0], setUnread = _g[1];
     var messageDeliveryStatus = useMessageDeliveryStatus({
         channel: channel,
         lastMessage: lastMessage,
@@ -48799,25 +48798,27 @@ var ChannelPreview = function (props) {
     }, [channel, muted]);
     React.useEffect(function () {
         refreshUnreadCount();
-        var handleEvent = function (event) {
-            if (event.message)
-                setLastMessage(event.message);
+        var handleEvent = function () {
+            setLastMessage(channel.state.latestMessages[channel.state.latestMessages.length - 1]);
             refreshUnreadCount();
         };
         channel.on('message.new', handleEvent);
         channel.on('message.updated', handleEvent);
         channel.on('message.deleted', handleEvent);
+        channel.on('message.undeleted', handleEvent);
+        channel.on('channel.truncated', handleEvent);
         return function () {
             channel.off('message.new', handleEvent);
             channel.off('message.updated', handleEvent);
             channel.off('message.deleted', handleEvent);
+            channel.off('message.undeleted', handleEvent);
+            channel.off('channel.truncated', handleEvent);
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [refreshUnreadCount, channelUpdateCount]);
+    }, [channel, refreshUnreadCount, channelUpdateCount]);
     if (!Preview)
         return null;
-    var latestMessage = getLatestMessagePreview(channel, t, userLanguage);
-    return (React__default["default"].createElement(Preview, exports.__assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, lastMessage: lastMessage, latestMessage: latestMessage, messageDeliveryStatus: messageDeliveryStatus, setActiveChannel: setActiveChannel, unread: unread })));
+    var latestMessagePreview = getLatestMessagePreview$1(channel, t, userLanguage);
+    return (React__default["default"].createElement(Preview, exports.__assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, lastMessage: lastMessage, latestMessage: latestMessagePreview, latestMessagePreview: latestMessagePreview, messageDeliveryStatus: messageDeliveryStatus, setActiveChannel: setActiveChannel, unread: unread })));
 };
 
 var isChannel = function (output) { return output.cid != null; };
@@ -49240,7 +49241,7 @@ var DEFAULT_OPTIONS = {};
 var DEFAULT_SORT = {};
 var UnMemoizedChannelList = function (props) {
     var _a, _b;
-    var additionalChannelSearchProps = props.additionalChannelSearchProps, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, allowNewMessagesFromUnfilteredChannels = props.allowNewMessagesFromUnfilteredChannels, channelRenderFilterFn = props.channelRenderFilterFn, _d = props.ChannelSearch, ChannelSearch$1 = _d === void 0 ? ChannelSearch : _d, customActiveChannel = props.customActiveChannel, customQueryChannels = props.customQueryChannels, _e = props.EmptyStateIndicator, EmptyStateIndicator$1 = _e === void 0 ? EmptyStateIndicator : _e, filters = props.filters, _f = props.LoadingErrorIndicator, LoadingErrorIndicator = _f === void 0 ? ChatDown : _f, _g = props.LoadingIndicator, LoadingIndicator = _g === void 0 ? LoadingChannels : _g, _h = props.List, List = _h === void 0 ? ChannelListMessenger : _h, lockChannelOrder = props.lockChannelOrder, onAddedToChannel = props.onAddedToChannel, onChannelDeleted = props.onChannelDeleted, onChannelHidden = props.onChannelHidden, onChannelTruncated = props.onChannelTruncated, onChannelUpdated = props.onChannelUpdated, onChannelVisible = props.onChannelVisible, onMessageNew = props.onMessageNew, onMessageNewHandler = props.onMessageNewHandler, onRemovedFromChannel = props.onRemovedFromChannel, options = props.options, _j = props.Paginator, Paginator = _j === void 0 ? LoadMorePaginator : _j, Preview = props.Preview, recoveryThrottleIntervalMs = props.recoveryThrottleIntervalMs, renderChannels = props.renderChannels, _k = props.sendChannelsToList, sendChannelsToList = _k === void 0 ? false : _k, _l = props.setActiveChannelOnMount, setActiveChannelOnMount = _l === void 0 ? true : _l, _m = props.showChannelSearch, showChannelSearch = _m === void 0 ? false : _m, _o = props.sort, sort = _o === void 0 ? DEFAULT_SORT : _o, _p = props.watchers, watchers = _p === void 0 ? {} : _p;
+    var additionalChannelSearchProps = props.additionalChannelSearchProps, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, allowNewMessagesFromUnfilteredChannels = props.allowNewMessagesFromUnfilteredChannels, channelRenderFilterFn = props.channelRenderFilterFn, _d = props.ChannelSearch, ChannelSearch$1 = _d === void 0 ? ChannelSearch : _d, customActiveChannel = props.customActiveChannel, customQueryChannels = props.customQueryChannels, _e = props.EmptyStateIndicator, EmptyStateIndicator$1 = _e === void 0 ? EmptyStateIndicator : _e, filters = props.filters, getLatestMessagePreview = props.getLatestMessagePreview, _f = props.LoadingErrorIndicator, LoadingErrorIndicator = _f === void 0 ? ChatDown : _f, _g = props.LoadingIndicator, LoadingIndicator = _g === void 0 ? LoadingChannels : _g, _h = props.List, List = _h === void 0 ? ChannelListMessenger : _h, lockChannelOrder = props.lockChannelOrder, onAddedToChannel = props.onAddedToChannel, onChannelDeleted = props.onChannelDeleted, onChannelHidden = props.onChannelHidden, onChannelTruncated = props.onChannelTruncated, onChannelUpdated = props.onChannelUpdated, onChannelVisible = props.onChannelVisible, onMessageNew = props.onMessageNew, onMessageNewHandler = props.onMessageNewHandler, onRemovedFromChannel = props.onRemovedFromChannel, options = props.options, _j = props.Paginator, Paginator = _j === void 0 ? LoadMorePaginator : _j, Preview = props.Preview, recoveryThrottleIntervalMs = props.recoveryThrottleIntervalMs, renderChannels = props.renderChannels, _k = props.sendChannelsToList, sendChannelsToList = _k === void 0 ? false : _k, _l = props.setActiveChannelOnMount, setActiveChannelOnMount = _l === void 0 ? true : _l, _m = props.showChannelSearch, showChannelSearch = _m === void 0 ? false : _m, _o = props.sort, sort = _o === void 0 ? DEFAULT_SORT : _o, _p = props.watchers, watchers = _p === void 0 ? {} : _p;
     var _q = useChatContext('ChannelList'), channel = _q.channel, channelsQueryState = _q.channelsQueryState, client = _q.client, closeMobileNav = _q.closeMobileNav, customClasses = _q.customClasses, _r = _q.navOpen, navOpen = _r === void 0 ? false : _r, setActiveChannel = _q.setActiveChannel, theme = _q.theme, useImageFlagEmojisOnWindows = _q.useImageFlagEmojisOnWindows;
     var channelListRef = React.useRef(null);
     var _s = React.useState(0), channelUpdateCount = _s[0], setChannelUpdateCount = _s[1];
@@ -49341,6 +49342,7 @@ var UnMemoizedChannelList = function (props) {
             channel: item,
             // forces the update of preview component on channel update
             channelUpdateCount: channelUpdateCount,
+            getLatestMessagePreview: getLatestMessagePreview,
             key: item.cid,
             Preview: Preview,
             setActiveChannel: setActiveChannel,

package/dist/browser.full-bundle.js

@@ -61867,7 +61867,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
     var getLatestMessagePreview = function (channel, t, userLanguage) {
         var _a, _b;
         if (userLanguage === void 0) { userLanguage = 'en'; }
-        var latestMessage = channel.state.messages[channel.state.messages.length - 1];
+        var latestMessage = channel.state.latestMessages[channel.state.latestMessages.length - 1];
         var previewTextToRender = ((_a = latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
             (latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.text);
         if (!latestMessage) {
@@ -61877,8 +61877,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
             return t('Message deleted');
         }
         if (previewTextToRender) {
-            var renderedText = renderPreviewText(previewTextToRender);
-            return renderedText;
+            return renderPreviewText(previewTextToRender);
         }
         if (latestMessage.command) {
             return "/".concat(latestMessage.command);
@@ -62441,7 +62440,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedChannelPreviewMessenger = function (props) {
         var _a, _b;
-        var active = props.active, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, channel = props.channel, _d = props.className, customClassName = _d === void 0 ? '' : _d, displayImage = props.displayImage, displayTitle = props.displayTitle, latestMessage = props.latestMessage, customOnSelectChannel = props.onSelect, setActiveChannel = props.setActiveChannel, unread = props.unread, watchers = props.watchers;
+        var active = props.active, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, channel = props.channel, _d = props.className, customClassName = _d === void 0 ? '' : _d, displayImage = props.displayImage, displayTitle = props.displayTitle, latestMessagePreview = props.latestMessagePreview, customOnSelectChannel = props.onSelect, setActiveChannel = props.setActiveChannel, unread = props.unread, watchers = props.watchers;
         var channelPreviewButton = React$2.useRef(null);
         var avatarName = displayTitle || ((_b = (_a = channel.state.messages[channel.state.messages.length - 1]) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.id);
         var onSelectChannel = function (e) {
@@ -62463,7 +62462,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
                     React__default["default"].createElement("div", { className: 'str-chat__channel-preview-messenger--name' },
                         React__default["default"].createElement("span", null, displayTitle)),
                     !!unread && (React__default["default"].createElement("div", { className: 'str-chat__channel-preview-unread-badge', "data-testid": 'unread-badge' }, unread))),
-                React__default["default"].createElement("div", { className: 'str-chat__channel-preview-messenger--last-message' }, latestMessage))));
+                React__default["default"].createElement("div", { className: 'str-chat__channel-preview-messenger--last-message' }, latestMessagePreview))));
     };
     /**
      * Used as preview component for channel item in [ChannelList](#channellist) component.
@@ -62541,12 +62540,12 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ChannelPreview = function (props) {
-        var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a, channelUpdateCount = props.channelUpdateCount;
-        var _b = useChatContext('ChannelPreview'), activeChannel = _b.channel, client = _b.client, setActiveChannel = _b.setActiveChannel;
-        var _c = useTranslationContext('ChannelPreview'), t = _c.t, userLanguage = _c.userLanguage;
-        var _d = useChannelPreviewInfo({ channel: channel }), displayImage = _d.displayImage, displayTitle = _d.displayTitle;
-        var _e = React$2.useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _e[0], setLastMessage = _e[1];
-        var _f = React$2.useState(0), unread = _f[0], setUnread = _f[1];
+        var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a, channelUpdateCount = props.channelUpdateCount, _b = props.getLatestMessagePreview, getLatestMessagePreview$1 = _b === void 0 ? getLatestMessagePreview : _b;
+        var _c = useChatContext('ChannelPreview'), activeChannel = _c.channel, client = _c.client, setActiveChannel = _c.setActiveChannel;
+        var _d = useTranslationContext('ChannelPreview'), t = _d.t, userLanguage = _d.userLanguage;
+        var _e = useChannelPreviewInfo({ channel: channel }), displayImage = _e.displayImage, displayTitle = _e.displayTitle;
+        var _f = React$2.useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _f[0], setLastMessage = _f[1];
+        var _g = React$2.useState(0), unread = _g[0], setUnread = _g[1];
         var messageDeliveryStatus = useMessageDeliveryStatus({
             channel: channel,
             lastMessage: lastMessage,
@@ -62590,25 +62589,27 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
         }, [channel, muted]);
         React$2.useEffect(function () {
             refreshUnreadCount();
-            var handleEvent = function (event) {
-                if (event.message)
-                    setLastMessage(event.message);
+            var handleEvent = function () {
+                setLastMessage(channel.state.latestMessages[channel.state.latestMessages.length - 1]);
                 refreshUnreadCount();
             };
             channel.on('message.new', handleEvent);
             channel.on('message.updated', handleEvent);
             channel.on('message.deleted', handleEvent);
+            channel.on('message.undeleted', handleEvent);
+            channel.on('channel.truncated', handleEvent);
             return function () {
                 channel.off('message.new', handleEvent);
                 channel.off('message.updated', handleEvent);
                 channel.off('message.deleted', handleEvent);
+                channel.off('message.undeleted', handleEvent);
+                channel.off('channel.truncated', handleEvent);
             };
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [refreshUnreadCount, channelUpdateCount]);
+        }, [channel, refreshUnreadCount, channelUpdateCount]);
         if (!Preview)
             return null;
-        var latestMessage = getLatestMessagePreview(channel, t, userLanguage);
-        return (React__default["default"].createElement(Preview, __assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, lastMessage: lastMessage, latestMessage: latestMessage, messageDeliveryStatus: messageDeliveryStatus, setActiveChannel: setActiveChannel, unread: unread })));
+        var latestMessagePreview = getLatestMessagePreview$1(channel, t, userLanguage);
+        return (React__default["default"].createElement(Preview, __assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, lastMessage: lastMessage, latestMessage: latestMessagePreview, latestMessagePreview: latestMessagePreview, messageDeliveryStatus: messageDeliveryStatus, setActiveChannel: setActiveChannel, unread: unread })));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var isChannel = function (output) { return output.cid != null; };
@@ -63035,7 +63036,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
     var DEFAULT_SORT = {};
     var UnMemoizedChannelList = function (props) {
         var _a, _b;
-        var additionalChannelSearchProps = props.additionalChannelSearchProps, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, allowNewMessagesFromUnfilteredChannels = props.allowNewMessagesFromUnfilteredChannels, channelRenderFilterFn = props.channelRenderFilterFn, _d = props.ChannelSearch, ChannelSearch$1 = _d === void 0 ? ChannelSearch : _d, customActiveChannel = props.customActiveChannel, customQueryChannels = props.customQueryChannels, _e = props.EmptyStateIndicator, EmptyStateIndicator$1 = _e === void 0 ? EmptyStateIndicator : _e, filters = props.filters, _f = props.LoadingErrorIndicator, LoadingErrorIndicator = _f === void 0 ? ChatDown : _f, _g = props.LoadingIndicator, LoadingIndicator = _g === void 0 ? LoadingChannels : _g, _h = props.List, List = _h === void 0 ? ChannelListMessenger : _h, lockChannelOrder = props.lockChannelOrder, onAddedToChannel = props.onAddedToChannel, onChannelDeleted = props.onChannelDeleted, onChannelHidden = props.onChannelHidden, onChannelTruncated = props.onChannelTruncated, onChannelUpdated = props.onChannelUpdated, onChannelVisible = props.onChannelVisible, onMessageNew = props.onMessageNew, onMessageNewHandler = props.onMessageNewHandler, onRemovedFromChannel = props.onRemovedFromChannel, options = props.options, _j = props.Paginator, Paginator = _j === void 0 ? LoadMorePaginator : _j, Preview = props.Preview, recoveryThrottleIntervalMs = props.recoveryThrottleIntervalMs, renderChannels = props.renderChannels, _k = props.sendChannelsToList, sendChannelsToList = _k === void 0 ? false : _k, _l = props.setActiveChannelOnMount, setActiveChannelOnMount = _l === void 0 ? true : _l, _m = props.showChannelSearch, showChannelSearch = _m === void 0 ? false : _m, _o = props.sort, sort = _o === void 0 ? DEFAULT_SORT : _o, _p = props.watchers, watchers = _p === void 0 ? {} : _p;
+        var additionalChannelSearchProps = props.additionalChannelSearchProps, _c = props.Avatar, Avatar$1 = _c === void 0 ? Avatar : _c, allowNewMessagesFromUnfilteredChannels = props.allowNewMessagesFromUnfilteredChannels, channelRenderFilterFn = props.channelRenderFilterFn, _d = props.ChannelSearch, ChannelSearch$1 = _d === void 0 ? ChannelSearch : _d, customActiveChannel = props.customActiveChannel, customQueryChannels = props.customQueryChannels, _e = props.EmptyStateIndicator, EmptyStateIndicator$1 = _e === void 0 ? EmptyStateIndicator : _e, filters = props.filters, getLatestMessagePreview = props.getLatestMessagePreview, _f = props.LoadingErrorIndicator, LoadingErrorIndicator = _f === void 0 ? ChatDown : _f, _g = props.LoadingIndicator, LoadingIndicator = _g === void 0 ? LoadingChannels : _g, _h = props.List, List = _h === void 0 ? ChannelListMessenger : _h, lockChannelOrder = props.lockChannelOrder, onAddedToChannel = props.onAddedToChannel, onChannelDeleted = props.onChannelDeleted, onChannelHidden = props.onChannelHidden, onChannelTruncated = props.onChannelTruncated, onChannelUpdated = props.onChannelUpdated, onChannelVisible = props.onChannelVisible, onMessageNew = props.onMessageNew, onMessageNewHandler = props.onMessageNewHandler, onRemovedFromChannel = props.onRemovedFromChannel, options = props.options, _j = props.Paginator, Paginator = _j === void 0 ? LoadMorePaginator : _j, Preview = props.Preview, recoveryThrottleIntervalMs = props.recoveryThrottleIntervalMs, renderChannels = props.renderChannels, _k = props.sendChannelsToList, sendChannelsToList = _k === void 0 ? false : _k, _l = props.setActiveChannelOnMount, setActiveChannelOnMount = _l === void 0 ? true : _l, _m = props.showChannelSearch, showChannelSearch = _m === void 0 ? false : _m, _o = props.sort, sort = _o === void 0 ? DEFAULT_SORT : _o, _p = props.watchers, watchers = _p === void 0 ? {} : _p;
         var _q = useChatContext('ChannelList'), channel = _q.channel, channelsQueryState = _q.channelsQueryState, client = _q.client, closeMobileNav = _q.closeMobileNav, customClasses = _q.customClasses, _r = _q.navOpen, navOpen = _r === void 0 ? false : _r, setActiveChannel = _q.setActiveChannel, theme = _q.theme, useImageFlagEmojisOnWindows = _q.useImageFlagEmojisOnWindows;
         var channelListRef = React$2.useRef(null);
         var _s = React$2.useState(0), channelUpdateCount = _s[0], setChannelUpdateCount = _s[1];
@@ -63136,6 +63137,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
                 channel: item,
                 // forces the update of preview component on channel update
                 channelUpdateCount: channelUpdateCount,
+                getLatestMessagePreview: getLatestMessagePreview,
                 key: item.cid,
                 Preview: Preview,
                 setActiveChannel: setActiveChannel,
@@ -63167,7 +63169,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
 
     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 = '11.24.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.24.1';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;