stream-chat-react 13.10.2 → 13.11.0

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 = "13.10.2";
+        const version = "13.11.0";
         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/VirtualizedMessageList.d.ts

@@ -9,7 +9,7 @@ import type { ChatContextValue } from '../../context/ChatContext';
 import type { ComponentContextValue } from '../../context/ComponentContext';
 import type { LocalMessage, UserResponse } from 'stream-chat';
 import type { UnknownType } from '../../types/types';
-type PropsDrilledToMessage = 'additionalMessageInputProps' | 'customMessageActions' | 'formatDate' | 'messageActions' | 'openThread' | 'reactionDetailsSort' | 'sortReactions' | 'sortReactionDetails';
+type PropsDrilledToMessage = 'additionalMessageInputProps' | 'customMessageActions' | 'formatDate' | 'messageActions' | 'openThread' | 'reactionDetailsSort' | 'renderText' | 'sortReactions' | 'sortReactionDetails';
 type VirtualizedMessageListPropsForContext = PropsDrilledToMessage | 'closeReactionSelectorOnClick' | 'customMessageRenderer' | 'head' | 'loadingMore' | 'Message' | 'returnAllReadData' | 'shouldGroupByUser' | 'threadList';
 /**
  * Context object provided to some Virtuoso props that are functions (components rendered by Virtuoso and other functions)

package/dist/components/MessageList/VirtualizedMessageList.js

@@ -56,7 +56,7 @@ function calculateInitialTopMostItemIndex(messages, highlightedMessageId) {
 const VirtualizedMessageListWithContext = (props) => {
     const { additionalMessageInputProps, additionalVirtuosoProps = {}, channel, channelUnreadUiState, closeReactionSelectorOnClick, customMessageActions, customMessageRenderer, defaultItemHeight, disableDateSeparator = true, formatDate, groupStyles, hasMoreNewer, head, hideDeletedMessages = false, hideNewMessageSeparator = false, highlightedMessageId, jumpToLatestMessage, loadingMore, loadMore, loadMoreNewer, maxTimeBetweenGroupedMessages, Message: MessageUIComponentFromProps, messageActions, messageLimit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE, messages, notifications, openThread, 
     // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
-    overscan = 0, reactionDetailsSort, returnAllReadData = false, reviewProcessedMessage, scrollSeekPlaceHolder, scrollToLatestMessageOnFocus = false, separateGiphyPreview = false, shouldGroupByUser = false, showUnreadNotificationAlways, sortReactionDetails, sortReactions, stickToBottomScrollBehavior = 'smooth', suppressAutoscroll, threadList, } = props;
+    overscan = 0, reactionDetailsSort, renderText, returnAllReadData = false, reviewProcessedMessage, scrollSeekPlaceHolder, scrollToLatestMessageOnFocus = false, separateGiphyPreview = false, shouldGroupByUser = false, showUnreadNotificationAlways, sortReactionDetails, sortReactions, stickToBottomScrollBehavior = 'smooth', suppressAutoscroll, threadList, } = props;
     const { components: virtuosoComponentsFromProps, ...overridingVirtuosoProps } = additionalVirtuosoProps;
     // Stops errors generated from react-virtuoso to bubble up
     // to Sentry or other tracking tools.
@@ -245,6 +245,7 @@ const VirtualizedMessageListWithContext = (props) => {
                             ownMessagesReadByOthers,
                             processedMessages,
                             reactionDetailsSort,
+                            renderText,
                             returnAllReadData,
                             shouldGroupByUser,
                             sortReactionDetails,

package/dist/components/MessageList/VirtualizedMessageListComponents.js

@@ -51,7 +51,7 @@ export const EmptyPlaceholder = ({ context }) => {
     return (React.createElement(React.Fragment, null, EmptyStateIndicator && (React.createElement(EmptyStateIndicator, { listType: context?.threadList ? 'thread' : 'message' }))));
 };
 export const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
-    const { additionalMessageInputProps, closeReactionSelectorOnClick, customMessageActions, customMessageRenderer, DateSeparator, firstUnreadMessageId, formatDate, lastOwnMessage, lastReadDate, lastReadMessageId, lastReceivedMessageId, Message: MessageUIComponent, messageActions, messageGroupStyles, MessageSystem, numItemsPrepended, openThread, ownMessagesDeliveredToOthers, ownMessagesReadByOthers, processedMessages: messageList, reactionDetailsSort, returnAllReadData, shouldGroupByUser, sortReactionDetails, sortReactions, threadList, unreadMessageCount = 0, UnreadMessagesSeparator, virtuosoRef, } = virtuosoContext;
+    const { additionalMessageInputProps, closeReactionSelectorOnClick, customMessageActions, customMessageRenderer, DateSeparator, firstUnreadMessageId, formatDate, lastOwnMessage, lastReadDate, lastReadMessageId, lastReceivedMessageId, Message: MessageUIComponent, messageActions, messageGroupStyles, MessageSystem, numItemsPrepended, openThread, ownMessagesDeliveredToOthers, ownMessagesReadByOthers, processedMessages: messageList, reactionDetailsSort, renderText, returnAllReadData, shouldGroupByUser, sortReactionDetails, sortReactions, threadList, unreadMessageCount = 0, UnreadMessagesSeparator, virtuosoRef, } = virtuosoContext;
     const streamMessageIndex = calculateItemIndex(virtuosoIndex, numItemsPrepended);
     if (customMessageRenderer) {
         return customMessageRenderer(messageList, streamMessageIndex);
@@ -88,5 +88,5 @@ export const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
     return (React.createElement(React.Fragment, null,
         isFirstUnreadMessage && (React.createElement("div", { className: 'str-chat__unread-messages-separator-wrapper' },
             React.createElement(UnreadMessagesSeparator, { unreadCount: unreadMessageCount }))),
-        React.createElement(Message, { additionalMessageInputProps: additionalMessageInputProps, autoscrollToBottom: virtuosoRef.current?.autoscrollToBottom, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: customMessageActions, deliveredTo: ownMessagesDeliveredToOthers[message.id] || [], endOfGroup: endOfGroup, firstOfGroup: firstOfGroup, formatDate: formatDate, groupedByUser: groupedByUser, groupStyles: [messageGroupStyles[message.id] ?? ''], lastOwnMessage: lastOwnMessage, lastReceivedId: lastReceivedMessageId, message: message, Message: MessageUIComponent, messageActions: messageActions, openThread: openThread, reactionDetailsSort: reactionDetailsSort, readBy: ownMessagesReadByOthers[message.id] || [], returnAllReadData: returnAllReadData, sortReactionDetails: sortReactionDetails, sortReactions: sortReactions, threadList: threadList })));
+        React.createElement(Message, { additionalMessageInputProps: additionalMessageInputProps, autoscrollToBottom: virtuosoRef.current?.autoscrollToBottom, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: customMessageActions, deliveredTo: ownMessagesDeliveredToOthers[message.id] || [], endOfGroup: endOfGroup, firstOfGroup: firstOfGroup, formatDate: formatDate, groupedByUser: groupedByUser, groupStyles: [messageGroupStyles[message.id] ?? ''], lastOwnMessage: lastOwnMessage, lastReceivedId: lastReceivedMessageId, message: message, Message: MessageUIComponent, messageActions: messageActions, openThread: openThread, reactionDetailsSort: reactionDetailsSort, readBy: ownMessagesReadByOthers[message.id] || [], renderText: renderText, returnAllReadData: returnAllReadData, sortReactionDetails: sortReactionDetails, sortReactions: sortReactions, threadList: threadList })));
 };

package/dist/components/MessageList/hooks/useLastDeliveredData.js

@@ -1,16 +1,14 @@
 import { useCallback, useEffect, useState } from 'react';
 export const useLastDeliveredData = (props) => {
     const { channel, lastOwnMessage, messages, returnAllReadData } = props;
-    const calculate = useCallback(() => {
-        if (returnAllReadData) {
-            return messages.reduce((acc, msg) => {
-                acc[msg.id] = channel.messageReceiptsTracker.deliveredForMessage({
-                    msgId: msg.id,
-                    timestampMs: msg.created_at.getTime(),
-                });
-                return acc;
-            }, {});
-        }
+    const calculateForAll = useCallback(() => messages.reduce((acc, msg) => {
+        acc[msg.id] = channel.messageReceiptsTracker.deliveredForMessage({
+            msgId: msg.id,
+            timestampMs: msg.created_at.getTime(),
+        });
+        return acc;
+    }, {}), [channel, messages]);
+    const calculateForLastOwn = useCallback(() => {
         if (!lastOwnMessage)
             return {};
         return {
@@ -19,8 +17,22 @@ export const useLastDeliveredData = (props) => {
                 timestampMs: lastOwnMessage.created_at.getTime(),
             }),
         };
-    }, [channel, lastOwnMessage, messages, returnAllReadData]);
-    const [deliveredTo, setDeliveredTo] = useState(calculate);
-    useEffect(() => channel.on('message.delivered', () => setDeliveredTo(calculate)).unsubscribe, [channel, calculate]);
+    }, [channel, lastOwnMessage]);
+    const [deliveredTo, setDeliveredTo] = useState(returnAllReadData ? calculateForAll : calculateForLastOwn);
+    useEffect(() => {
+        if (!returnAllReadData)
+            return;
+        setDeliveredTo(calculateForAll);
+        return channel.on('message.delivered', () => setDeliveredTo(calculateForAll))
+            .unsubscribe;
+    }, [channel, calculateForAll, returnAllReadData]);
+    useEffect(() => {
+        if (returnAllReadData)
+            return;
+        else
+            setDeliveredTo(calculateForLastOwn);
+        return channel.on('message.delivered', () => setDeliveredTo(calculateForLastOwn))
+            .unsubscribe;
+    }, [channel, calculateForLastOwn, returnAllReadData]);
     return deliveredTo;
 };

package/dist/index.browser.cjs

@@ -27609,19 +27609,20 @@ var useLastReadData = (props) => {
 var import_react163 = require("react");
 var useLastDeliveredData = (props) => {
   const { channel, lastOwnMessage, messages, returnAllReadData } = props;
-  const calculate = (0, import_react163.useCallback)(() => {
-    if (returnAllReadData) {
-      return messages.reduce(
-        (acc, msg) => {
-          acc[msg.id] = channel.messageReceiptsTracker.deliveredForMessage({
-            msgId: msg.id,
-            timestampMs: msg.created_at.getTime()
-          });
-          return acc;
-        },
-        {}
-      );
-    }
+  const calculateForAll = (0, import_react163.useCallback)(
+    () => messages.reduce(
+      (acc, msg) => {
+        acc[msg.id] = channel.messageReceiptsTracker.deliveredForMessage({
+          msgId: msg.id,
+          timestampMs: msg.created_at.getTime()
+        });
+        return acc;
+      },
+      {}
+    ),
+    [channel, messages]
+  );
+  const calculateForLastOwn = (0, import_react163.useCallback)(() => {
     if (!lastOwnMessage) return {};
     return {
       [lastOwnMessage.id]: channel.messageReceiptsTracker.deliveredForMessage({
@@ -27629,12 +27630,20 @@ var useLastDeliveredData = (props) => {
         timestampMs: lastOwnMessage.created_at.getTime()
       })
     };
-  }, [channel, lastOwnMessage, messages, returnAllReadData]);
-  const [deliveredTo, setDeliveredTo] = (0, import_react163.useState)(calculate);
-  (0, import_react163.useEffect)(
-    () => channel.on("message.delivered", () => setDeliveredTo(calculate)).unsubscribe,
-    [channel, calculate]
-  );
+  }, [channel, lastOwnMessage]);
+  const [deliveredTo, setDeliveredTo] = (0, import_react163.useState)(
+    returnAllReadData ? calculateForAll : calculateForLastOwn
+  );
+  (0, import_react163.useEffect)(() => {
+    if (!returnAllReadData) return;
+    setDeliveredTo(calculateForAll);
+    return channel.on("message.delivered", () => setDeliveredTo(calculateForAll)).unsubscribe;
+  }, [channel, calculateForAll, returnAllReadData]);
+  (0, import_react163.useEffect)(() => {
+    if (returnAllReadData) return;
+    else setDeliveredTo(calculateForLastOwn);
+    return channel.on("message.delivered", () => setDeliveredTo(calculateForLastOwn)).unsubscribe;
+  }, [channel, calculateForLastOwn, returnAllReadData]);
   return deliveredTo;
 };
 
@@ -29043,6 +29052,7 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
     ownMessagesReadByOthers,
     processedMessages: messageList,
     reactionDetailsSort,
+    renderText: renderText2,
     returnAllReadData,
     shouldGroupByUser,
     sortReactionDetails,
@@ -29099,6 +29109,7 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
       openThread,
       reactionDetailsSort,
       readBy: ownMessagesReadByOthers[message.id] || [],
+      renderText: renderText2,
       returnAllReadData,
       sortReactionDetails,
       sortReactions,
@@ -29182,6 +29193,7 @@ var VirtualizedMessageListWithContext = (props) => {
     // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
     overscan = 0,
     reactionDetailsSort,
+    renderText: renderText2,
     returnAllReadData = false,
     reviewProcessedMessage,
     scrollSeekPlaceHolder,
@@ -29425,6 +29437,7 @@ var VirtualizedMessageListWithContext = (props) => {
           ownMessagesReadByOthers,
           processedMessages,
           reactionDetailsSort,
+          renderText: renderText2,
           returnAllReadData,
           shouldGroupByUser,
           sortReactionDetails,
@@ -36553,7 +36566,7 @@ var useChat = ({
   };
   (0, import_react286.useEffect)(() => {
     if (!client) return;
-    const version = "13.10.2";
+    const version = "13.11.0";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);