stream-chat-react 13.10.1 → 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.1";
+        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/experimental/MessageActions/hooks/useBaseMessageActionSetFilter.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { ACTIONS_NOT_WORKING_IN_THREAD, useUserRole } from '../../../components';
-import { useMessageContext } from '../../../context';
+import { useChannelStateContext, useMessageContext } from '../../../context';
 /**
  * Base filter hook which covers actions of type `delete`, `edit`,
  * `flag`, `markUnread`, `mute`, `quote`, `react` and `reply`, whether
@@ -9,6 +9,7 @@ import { useMessageContext } from '../../../context';
  */
 export const useBaseMessageActionSetFilter = (messageActionSet, disable = false) => {
     const { initialMessage: isInitialMessage, message } = useMessageContext();
+    const { channelConfig } = useChannelStateContext();
     const { canDelete, canEdit, canFlag, canMarkUnread, canMute, canQuote, canReact, canReply, } = useUserRole(message);
     const isMessageThreadReply = typeof message.parent_id === 'string';
     return useMemo(() => {
@@ -34,7 +35,9 @@ export const useBaseMessageActionSetFilter = (messageActionSet, disable = false)
                 (type === 'mute' && !canMute) ||
                 (type === 'quote' && !canQuote) ||
                 (type === 'react' && !canReact) ||
-                (type === 'reply' && !canReply))
+                (type === 'reply' && !canReply) ||
+                (type === 'remindMe' && !channelConfig?.['user_message_reminders']) ||
+                (type === 'saveForLater' && !channelConfig?.['user_message_reminders']))
                 return false;
             return true;
         });
@@ -47,6 +50,7 @@ export const useBaseMessageActionSetFilter = (messageActionSet, disable = false)
         canQuote,
         canReact,
         canReply,
+        channelConfig,
         isInitialMessage,
         isMessageThreadReply,
         message.status,

package/dist/experimental/index.browser.cjs

@@ -14944,6 +14944,7 @@ var useSearchQueriesInProgress = (searchController) => {
 var import_react40 = require("react");
 var useBaseMessageActionSetFilter = (messageActionSet, disable2 = false) => {
   const { initialMessage: isInitialMessage, message } = useMessageContext();
+  const { channelConfig } = useChannelStateContext();
   const {
     canDelete,
     canEdit,
@@ -14963,7 +14964,7 @@ var useBaseMessageActionSetFilter = (messageActionSet, disable2 = false) => {
     return messageActionSet.filter(({ type }) => {
       if (ACTIONS_NOT_WORKING_IN_THREAD.includes(type) && isMessageThreadReply)
         return false;
-      if (type === "delete" && !canDelete || type === "edit" && !canEdit || type === "flag" && !canFlag || type === "markUnread" && !canMarkUnread || type === "mute" && !canMute || type === "quote" && !canQuote || type === "react" && !canReact || type === "reply" && !canReply)
+      if (type === "delete" && !canDelete || type === "edit" && !canEdit || type === "flag" && !canFlag || type === "markUnread" && !canMarkUnread || type === "mute" && !canMute || type === "quote" && !canQuote || type === "react" && !canReact || type === "reply" && !canReply || type === "remindMe" && !channelConfig?.["user_message_reminders"] || type === "saveForLater" && !channelConfig?.["user_message_reminders"])
         return false;
       return true;
     });
@@ -14976,6 +14977,7 @@ var useBaseMessageActionSetFilter = (messageActionSet, disable2 = false) => {
     canQuote,
     canReact,
     canReply,
+    channelConfig,
     isInitialMessage,
     isMessageThreadReply,
     message.status,