stream-chat-react 12.15.6 → 12.15.7

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/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.7";
         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/index.browser.cjs

@@ -41965,13 +41965,13 @@ var 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) {
@@ -51466,6 +51466,8 @@ var EmptyPlaceholder = ({
   context
 }) => {
   const { EmptyStateIndicator: EmptyStateIndicator2 = EmptyStateIndicator } = useComponentContext("VirtualizedMessageList");
+  if (typeof context?.processedMessages !== "undefined" && context.processedMessages.length > 0)
+    return null;
   return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, EmptyStateIndicator2 && /* @__PURE__ */ import_react257.default.createElement(EmptyStateIndicator2, { listType: context?.threadList ? "thread" : "message" }));
 };
 var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
@@ -52195,7 +52197,8 @@ var ChannelInner = (props) => {
     {
       ...initialState,
       hasMore: channel.state.messagePagination.hasPrev,
-      loading: !channel.initialized
+      loading: !channel.initialized,
+      messages: channel.state.messages
     }
   );
   const jumpToMessageFromSearch = useSearchFocusedMessage();
@@ -53127,7 +53130,7 @@ var useChat = ({
   };
   (0, import_react263.useEffect)(() => {
     if (!client) return;
-    const version = "12.15.6";
+    const version = "12.15.7";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);