stream-chat-react 9.1.3 → 9.1.4

package/dist/browser.full-bundle.js

@@ -39721,18 +39721,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
         }
         return true;
     };
-    var areMessagePropsEqual = function (prevProps, nextProps) {
+    var areMessagesEqual = function (prevMessage, nextMessage) {
         var _a, _b, _c, _d, _e, _f;
-        var prevMessage = prevProps.message, prevMessageUI = prevProps.Message;
-        var nextMessage = nextProps.message, nextMessageUI = nextProps.Message;
-        if (prevMessageUI !== nextMessageUI)
-            return false;
-        if (prevProps.endOfGroup !== nextProps.endOfGroup)
-            return false;
-        if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {
-            return false;
-        }
-        var messagesAreEqual = prevMessage.deleted_at === nextMessage.deleted_at &&
+        return prevMessage.deleted_at === nextMessage.deleted_at &&
             ((_a = prevMessage.latest_reactions) === null || _a === void 0 ? void 0 : _a.length) === ((_b = nextMessage.latest_reactions) === null || _b === void 0 ? void 0 : _b.length) &&
             ((_c = prevMessage.own_reactions) === null || _c === void 0 ? void 0 : _c.length) === ((_d = nextMessage.own_reactions) === null || _d === void 0 ? void 0 : _d.length) &&
             prevMessage.pinned === nextMessage.pinned &&
@@ -39742,9 +39733,22 @@ var StreamChatReact = (function (exports, React, streamChat) {
             prevMessage.type === nextMessage.type &&
             prevMessage.updated_at === nextMessage.updated_at &&
             ((_e = prevMessage.user) === null || _e === void 0 ? void 0 : _e.updated_at) === ((_f = nextMessage.user) === null || _f === void 0 ? void 0 : _f.updated_at);
+    };
+    var areMessagePropsEqual = function (prevProps, nextProps) {
+        var prevMessage = prevProps.message, prevMessageUI = prevProps.Message;
+        var nextMessage = nextProps.message, nextMessageUI = nextProps.Message;
+        if (prevMessageUI !== nextMessageUI)
+            return false;
+        if (prevProps.endOfGroup !== nextProps.endOfGroup)
+            return false;
+        if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {
+            return false;
+        }
+        var messagesAreEqual = areMessagesEqual(prevMessage, nextMessage);
         if (!messagesAreEqual)
             return false;
-        var deepEqualProps = reactFastCompare(nextProps.readBy, prevProps.readBy) &&
+        var deepEqualProps = reactFastCompare(nextProps.messageActions, prevProps.messageActions) &&
+            reactFastCompare(nextProps.readBy, prevProps.readBy) &&
             reactFastCompare(nextProps.highlighted, prevProps.highlighted) &&
             reactFastCompare(nextProps.groupStyles, prevProps.groupStyles) && // last 3 messages can have different group styles
             reactFastCompare(nextProps.mutes, prevProps.mutes) &&
@@ -39755,7 +39759,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
         );
     };
     var areMessageUIPropsEqual = function (prevProps, nextProps) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d;
         var prevLastReceivedId = prevProps.lastReceivedId, prevMessage = prevProps.message;
         var nextLastReceivedId = nextProps.lastReceivedId, nextMessage = nextProps.message;
         if (prevProps.editing !== nextProps.editing)
@@ -39775,16 +39779,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             prevLastReceivedId !== nextLastReceivedId) {
             return false;
         }
-        return (prevMessage.deleted_at === nextMessage.deleted_at &&
-            ((_e = prevMessage.latest_reactions) === null || _e === void 0 ? void 0 : _e.length) === ((_f = nextMessage.latest_reactions) === null || _f === void 0 ? void 0 : _f.length) &&
-            ((_g = prevMessage.own_reactions) === null || _g === void 0 ? void 0 : _g.length) === ((_h = nextMessage.own_reactions) === null || _h === void 0 ? void 0 : _h.length) &&
-            prevMessage.pinned === nextMessage.pinned &&
-            prevMessage.reply_count === nextMessage.reply_count &&
-            prevMessage.status === nextMessage.status &&
-            prevMessage.text === nextMessage.text &&
-            prevMessage.type === nextMessage.type &&
-            prevMessage.updated_at === nextMessage.updated_at &&
-            ((_j = prevMessage.user) === null || _j === void 0 ? void 0 : _j.updated_at) === ((_k = nextMessage.user) === null || _k === void 0 ? void 0 : _k.updated_at));
+        return areMessagesEqual(prevMessage, nextMessage);
     };
     var messageHasReactions = function (message) { return !!(message === null || message === void 0 ? void 0 : message.latest_reactions) && !!message.latest_reactions.length; };
     var messageHasAttachments = function (message) { return !!(message === null || message === void 0 ? void 0 : message.attachments) && !!message.attachments.length; };
@@ -45135,7 +45130,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.1.3';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.1.4';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -45551,7 +45546,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
                 canReact: canReact,
                 canReply: canReply,
             });
-        }, [canDelete, canEdit, canFlag, canMute, canPin, canQuote, canReact, canReply]);
+        }, [messageActions, canDelete, canEdit, canFlag, canMute, canPin, canQuote, canReact, canReply]);
         props.canPin; // eslint-disable-line @typescript-eslint/no-unused-vars
         props.messageActions; // eslint-disable-line @typescript-eslint/no-unused-vars
         props.onlySenderCanEdit; // eslint-disable-line @typescript-eslint/no-unused-vars
@@ -48617,11 +48612,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
         return React__default['default'].createElement("div", { className: 'str-chat__thread-start' }, t('Start of a new thread'));
     };
     var ThreadInner = function (props) {
-        var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.enableDateSeparator, enableDateSeparator = _b === void 0 ? false : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? false : _c, PropInput = props.Input, PropMessage = props.Message, virtualized = props.virtualized;
-        var _d = useChannelStateContext('Thread'), thread = _d.thread, threadHasMore = _d.threadHasMore, threadLoadingMore = _d.threadLoadingMore, threadMessages = _d.threadMessages;
-        var _e = useChannelActionContext('Thread'), closeThread = _e.closeThread, loadMoreThread = _e.loadMoreThread, sendMessage = _e.sendMessage;
+        var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.enableDateSeparator, enableDateSeparator = _b === void 0 ? false : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? false : _c, PropInput = props.Input, PropMessage = props.Message, _d = props.messageActions, messageActions = _d === void 0 ? Object.keys(MESSAGE_ACTIONS) : _d, virtualized = props.virtualized;
+        var _e = useChannelStateContext('Thread'), thread = _e.thread, threadHasMore = _e.threadHasMore, threadLoadingMore = _e.threadLoadingMore, threadMessages = _e.threadMessages;
+        var _f = useChannelActionContext('Thread'), closeThread = _f.closeThread, loadMoreThread = _f.loadMoreThread, sendMessage = _f.sendMessage;
         var customClasses = useChatContext('Thread').customClasses;
-        var _f = useComponentContext('Thread'), ContextInput = _f.ThreadInput, ContextMessage = _f.Message, _g = _f.ThreadHeader, ThreadHeader = _g === void 0 ? DefaultThreadHeader : _g, _h = _f.ThreadStart, ThreadStart = _h === void 0 ? DefaultThreadStart : _h, _j = _f.VirtualMessage, VirtualMessage = _j === void 0 ? FixedHeightMessage : _j;
+        var _g = useComponentContext('Thread'), ContextInput = _g.ThreadInput, ContextMessage = _g.Message, _h = _g.ThreadHeader, ThreadHeader = _h === void 0 ? DefaultThreadHeader : _h, _j = _g.ThreadStart, ThreadStart = _j === void 0 ? DefaultThreadStart : _j, _k = _g.VirtualMessage, VirtualMessage = _k === void 0 ? FixedHeightMessage : _k;
         var messageList = React.useRef(null);
         var ThreadInput = PropInput || (additionalMessageInputProps === null || additionalMessageInputProps === void 0 ? void 0 : additionalMessageInputProps.Input) || ContextInput || MessageInputSmall;
         var ThreadMessage = PropMessage || (additionalMessageListProps === null || additionalMessageListProps === void 0 ? void 0 : additionalMessageListProps.Message);
@@ -48653,7 +48648,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             React__default['default'].createElement("div", { className: 'str-chat__thread-list', ref: messageList },
                 React__default['default'].createElement(Message, __assign$2({ initialMessage: true, message: thread, Message: ThreadMessage || FallbackMessage, threadList: true }, additionalParentMessageProps)),
                 React__default['default'].createElement(ThreadStart, null),
-                React__default['default'].createElement(ThreadMessageList, __assign$2({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
+                React__default['default'].createElement(ThreadMessageList, __assign$2({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messageActions: messageActions, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
             React__default['default'].createElement(MessageInput, __assign$2({ focus: autoFocus, Input: ThreadInput, overrideSubmitHandler: threadSubmitHandler, parent: thread, publishTypingEvent: false }, additionalMessageInputProps))));
     };