stream-chat-react 12.15.6 → 12.15.8

package/dist/components/Channel/Channel.js

@@ -72,6 +72,7 @@ const ChannelInner = (props) => {
         ...initialState,
         hasMore: channel.state.messagePagination.hasPrev,
         loading: !channel.initialized,
+        messages: channel.state.messages,
     });
     const jumpToMessageFromSearch = useSearchFocusedMessage();
     const isMounted = useIsMounted();

package/dist/components/ChannelList/hooks/useChannelListShape.js

@@ -163,13 +163,13 @@ export const useChannelListShapeDefaults = () => {
         if (typeof customHandler === 'function') {
             return customHandler(setChannels, event);
         }
-        if (!event.channel) {
+        if (!event.channel_id && !event.channel_type) {
             return;
         }
         const channel = await getChannel({
             client,
-            id: event.channel.id,
-            type: event.channel.type,
+            id: event.channel_id,
+            type: event.channel_type,
         });
         const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
         if (isChannelArchived(channel) && considerArchivedChannels && !filters.archived) {

package/dist/components/ChannelPreview/ChannelPreview.js

@@ -15,6 +15,7 @@ export const ChannelPreview = (props) => {
         channel,
     });
     const [lastMessage, setLastMessage] = useState(channel.state.messages[channel.state.messages.length - 1]);
+    const [latestMessagePreview, setLatestMessagePreview] = useState(() => getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated));
     const [unread, setUnread] = useState(0);
     const { messageDeliveryStatus } = useMessageDeliveryStatus({
         channel,
@@ -55,8 +56,10 @@ export const ChannelPreview = (props) => {
     }, 400), [channel, muted]);
     useEffect(() => {
         refreshUnreadCount();
+        setLatestMessagePreview(getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated));
         const handleEvent = () => {
             setLastMessage(channel.state.latestMessages[channel.state.latestMessages.length - 1]);
+            setLatestMessagePreview(getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated));
             refreshUnreadCount();
         };
         channel.on('message.new', handleEvent);
@@ -71,9 +74,17 @@ export const ChannelPreview = (props) => {
             channel.off('message.undeleted', handleEvent);
             channel.off('channel.truncated', handleEvent);
         };
-    }, [channel, refreshUnreadCount, channelUpdateCount]);
+    }, [
+        channel,
+        client,
+        refreshUnreadCount,
+        channelUpdateCount,
+        getLatestMessagePreview,
+        t,
+        userLanguage,
+        isMessageAIGenerated,
+    ]);
     if (!Preview)
         return null;
-    const latestMessagePreview = getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated);
     return (React.createElement(Preview, { ...props, active: isActive, displayImage: displayImage, displayTitle: displayTitle, groupChannelDisplayInfo: groupChannelDisplayInfo, lastMessage: lastMessage, latestMessage: latestMessagePreview, latestMessagePreview: latestMessagePreview, messageDeliveryStatus: messageDeliveryStatus, setActiveChannel: setActiveChannel, unread: unread }));
 };

package/dist/components/Chat/hooks/useChat.js

@@ -24,7 +24,7 @@ export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialN
     useEffect(() => {
         if (!client)
             return;
-        const version = "12.15.6";
+        const version = "12.15.8";
         const userAgent = client.getUserAgent();
         if (!userAgent.includes('stream-chat-react')) {
             // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'

package/dist/components/MessageList/VirtualizedMessageListComponents.d.ts

@@ -12,6 +12,6 @@ type CommonVirtuosoComponentProps<StreamChatGenerics extends DefaultStreamChatGe
 };
 export declare const Item: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ context, ...props }: ItemProps & CommonVirtuosoComponentProps<StreamChatGenerics>) => React.JSX.Element;
 export declare const Header: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ context, }: CommonVirtuosoComponentProps<StreamChatGenerics>) => React.JSX.Element;
-export declare const EmptyPlaceholder: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ context, }: CommonVirtuosoComponentProps<StreamChatGenerics>) => React.JSX.Element;
+export declare const EmptyPlaceholder: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ context, }: CommonVirtuosoComponentProps<StreamChatGenerics>) => React.JSX.Element | null;
 export declare const messageRenderer: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(virtuosoIndex: number, _data: UnknownType, virtuosoContext: VirtuosoContext<StreamChatGenerics>) => React.JSX.Element | null;
 export {};

package/dist/components/MessageList/VirtualizedMessageListComponents.js

@@ -44,6 +44,10 @@ export const Header = ({ context, }) => {
 };
 export const EmptyPlaceholder = ({ context, }) => {
     const { EmptyStateIndicator = DefaultEmptyStateIndicator } = useComponentContext('VirtualizedMessageList');
+    // prevent showing that there are no messages if there actually are messages (for some reason virtuoso decides to render empty placeholder first, even though it has the totalCount prop > 0)
+    if (typeof context?.processedMessages !== 'undefined' &&
+        context.processedMessages.length > 0)
+        return null;
     return (React.createElement(React.Fragment, null, EmptyStateIndicator && (React.createElement(EmptyStateIndicator, { listType: context?.threadList ? 'thread' : 'message' }))));
 };
 export const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {

package/dist/experimental/index.browser.cjs

@@ -10733,6 +10733,9 @@ var ChannelPreview = (props) => {
   const [lastMessage, setLastMessage] = (0, import_react23.useState)(
     channel.state.messages[channel.state.messages.length - 1]
   );
+  const [latestMessagePreview, setLatestMessagePreview] = (0, import_react23.useState)(
+    () => getLatestMessagePreview2(channel, t, userLanguage, isMessageAIGenerated)
+  );
   const [unread, setUnread] = (0, import_react23.useState)(0);
   const { messageDeliveryStatus } = useMessageDeliveryStatus({
     channel,
@@ -10771,10 +10774,16 @@ var ChannelPreview = (props) => {
   );
   (0, import_react23.useEffect)(() => {
     refreshUnreadCount();
+    setLatestMessagePreview(
+      getLatestMessagePreview2(channel, t, userLanguage, isMessageAIGenerated)
+    );
     const handleEvent = () => {
       setLastMessage(
         channel.state.latestMessages[channel.state.latestMessages.length - 1]
       );
+      setLatestMessagePreview(
+        getLatestMessagePreview2(channel, t, userLanguage, isMessageAIGenerated)
+      );
       refreshUnreadCount();
     };
     channel.on("message.new", handleEvent);
@@ -10789,14 +10798,17 @@ var ChannelPreview = (props) => {
       channel.off("message.undeleted", handleEvent);
       channel.off("channel.truncated", handleEvent);
     };
-  }, [channel, refreshUnreadCount, channelUpdateCount]);
-  if (!Preview) return null;
-  const latestMessagePreview = getLatestMessagePreview2(
+  }, [
     channel,
+    client,
+    refreshUnreadCount,
+    channelUpdateCount,
+    getLatestMessagePreview2,
     t,
     userLanguage,
     isMessageAIGenerated
-  );
+  ]);
+  if (!Preview) return null;
   return /* @__PURE__ */ import_react23.default.createElement(
     Preview,
     {