stream-chat-react 12.2.0 → 12.2.2

package/dist/index.node.cjs

@@ -43586,7 +43586,7 @@ var UnMemoizedChannelPreviewMessenger = (props) => {
     className: customClassName = "",
     displayImage,
     displayTitle,
-    latestMessage,
+    latestMessagePreview,
     onSelect: customOnSelectChannel,
     setActiveChannel,
     unread,
@@ -43628,7 +43628,7 @@ var UnMemoizedChannelPreviewMessenger = (props) => {
         name: avatarName
       }
     )),
-    /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-end" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-end-first-row" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-messenger--name" }, /* @__PURE__ */ import_react83.default.createElement("span", null, displayTitle)), !!unread && /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-unread-badge", "data-testid": "unread-badge" }, unread)), /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-messenger--last-message" }, latestMessage))
+    /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-end" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-end-first-row" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-messenger--name" }, /* @__PURE__ */ import_react83.default.createElement("span", null, displayTitle)), !!unread && /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-unread-badge", "data-testid": "unread-badge" }, unread)), /* @__PURE__ */ import_react83.default.createElement("div", { className: "str-chat__channel-preview-messenger--last-message" }, latestMessagePreview))
   );
 };
 var ChannelPreviewMessenger = import_react83.default.memo(
@@ -43655,7 +43655,7 @@ var import_react86 = require("react");
 var import_react85 = __toESM(require("react"));
 var renderPreviewText = (text5) => /* @__PURE__ */ import_react85.default.createElement(ReactMarkdown, { skipHtml: true }, text5);
 var getLatestMessagePreview = (channel, t2, userLanguage = "en") => {
-  const latestMessage = channel.state.messages[channel.state.messages.length - 1];
+  const latestMessage = channel.state.latestMessages[channel.state.latestMessages.length - 1];
   const previewTextToRender = latestMessage?.i18n?.[`${userLanguage}_text`] || latestMessage?.text;
   if (!latestMessage) {
     return t2("Nothing yet...");
@@ -43664,8 +43664,7 @@ var getLatestMessagePreview = (channel, t2, userLanguage = "en") => {
     return t2("Message deleted");
   }
   if (previewTextToRender) {
-    const renderedText = renderPreviewText(previewTextToRender);
-    return renderedText;
+    return renderPreviewText(previewTextToRender);
   }
   if (latestMessage.command) {
     return `/${latestMessage.command}`;
@@ -43773,7 +43772,12 @@ var useMessageDeliveryStatus = ({
 
 // src/components/ChannelPreview/ChannelPreview.tsx
 var ChannelPreview = (props) => {
-  const { channel, Preview = ChannelPreviewMessenger, channelUpdateCount } = props;
+  const {
+    channel,
+    Preview = ChannelPreviewMessenger,
+    channelUpdateCount,
+    getLatestMessagePreview: getLatestMessagePreview2 = getLatestMessagePreview
+  } = props;
   const { channel: activeChannel, client, setActiveChannel } = useChatContext(
     "ChannelPreview"
   );
@@ -43820,21 +43824,25 @@ var ChannelPreview = (props) => {
   );
   (0, import_react88.useEffect)(() => {
     refreshUnreadCount();
-    const handleEvent = (event) => {
-      if (event.message) setLastMessage(event.message);
+    const handleEvent = () => {
+      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 () => {
       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);
     };
-  }, [refreshUnreadCount, channelUpdateCount]);
+  }, [channel, refreshUnreadCount, channelUpdateCount]);
   if (!Preview) return null;
-  const latestMessage = getLatestMessagePreview(channel, t2, userLanguage);
+  const latestMessagePreview = getLatestMessagePreview2(channel, t2, userLanguage);
   return /* @__PURE__ */ import_react88.default.createElement(
     Preview,
     {
@@ -43843,7 +43851,8 @@ var ChannelPreview = (props) => {
       displayImage,
       displayTitle,
       lastMessage,
-      latestMessage,
+      latestMessage: latestMessagePreview,
+      latestMessagePreview,
       messageDeliveryStatus,
       setActiveChannel,
       unread
@@ -48825,7 +48834,8 @@ var MessageListWithContext = (props) => {
     }
   }, [highlightedMessageId]);
   const showEmptyStateIndicator = elements.length === 0 && !threadList;
-  return /* @__PURE__ */ import_react175.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react175.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react175.default.createElement(DialogManagerProvider, { id: "message-list-dialog-manager" }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react175.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react175.default.createElement(
+  const dialogManagerId = threadList ? "message-list-dialog-manager-thread" : "message-list-dialog-manager";
+  return /* @__PURE__ */ import_react175.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react175.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react175.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react175.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react175.default.createElement(
     "div",
     {
       className: (0, import_clsx38.default)(messageListClass, customClasses?.threadList),
@@ -49538,7 +49548,8 @@ var VirtualizedMessageListWithContext = (props) => {
     };
   }, [highlightedMessageId, processedMessages]);
   if (!processedMessages) return null;
-  return /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, /* @__PURE__ */ import_react185.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react185.default.createElement(DialogManagerProvider, { id: "virtualized-message-list-dialog-manager" }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react185.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react185.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react185.default.createElement(
+  const dialogManagerId = threadList ? "virtualized-message-list-dialog-manager-thread" : "virtualized-message-list-dialog-manager";
+  return /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, /* @__PURE__ */ import_react185.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react185.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react185.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react185.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react185.default.createElement(
     import_react_virtuoso2.Virtuoso,
     {
       atBottomStateChange,
@@ -51839,6 +51850,7 @@ var UnMemoizedChannelList = (props) => {
     customQueryChannels,
     EmptyStateIndicator: EmptyStateIndicator2 = EmptyStateIndicator,
     filters,
+    getLatestMessagePreview: getLatestMessagePreview2,
     LoadingErrorIndicator: LoadingErrorIndicator2 = NullComponent,
     LoadingIndicator: LoadingIndicator2 = LoadingChannels,
     List: List2 = ChannelListMessenger,
@@ -51971,6 +51983,7 @@ var UnMemoizedChannelList = (props) => {
       channel: item,
       // forces the update of preview component on channel update
       channelUpdateCount,
+      getLatestMessagePreview: getLatestMessagePreview2,
       key: item.cid,
       Preview,
       setActiveChannel,