stream-chat-react 11.23.8 → 11.23.9

package/dist/{Window-60c672e3.js → Window-09ecd2ee.js}

@@ -37030,18 +37030,29 @@ var ACTIONS_NOT_WORKING_IN_THREAD = [
     MESSAGE_ACTIONS.reply,
     MESSAGE_ACTIONS.markUnread,
 ];
-var showMessageActionsBox = function (actions, inThread) {
-    if (actions.length === 0) {
+/**
+ * @deprecated use `shouldRenderMessageActions` instead
+ */
+var showMessageActionsBox = function (actions, inThread) { return shouldRenderMessageActions({ inThread: inThread, messageActions: actions }); };
+var shouldRenderMessageActions = function (_a) {
+    var customMessageActions = _a.customMessageActions, CustomMessageActionsList = _a.CustomMessageActionsList, inThread = _a.inThread, messageActions = _a.messageActions;
+    if (typeof CustomMessageActionsList !== 'undefined' ||
+        typeof customMessageActions !== 'undefined')
+        return true;
+    if (!messageActions.length)
         return false;
-    }
     if (inThread &&
-        actions.filter(function (action) { return !ACTIONS_NOT_WORKING_IN_THREAD.includes(action); }).length === 0) {
+        messageActions.filter(function (action) { return !ACTIONS_NOT_WORKING_IN_THREAD.includes(action); }).length === 0) {
         return false;
     }
-    if (actions.length === 1 && (actions.includes('react') || actions.includes('reply'))) {
+    if (messageActions.length === 1 &&
+        (messageActions.includes(MESSAGE_ACTIONS.react) ||
+            messageActions.includes(MESSAGE_ACTIONS.reply))) {
         return false;
     }
-    if (actions.length === 2 && actions.includes('react') && actions.includes('reply')) {
+    if (messageActions.length === 2 &&
+        messageActions.includes(MESSAGE_ACTIONS.react) &&
+        messageActions.includes(MESSAGE_ACTIONS.reply)) {
         return false;
     }
     return true;
@@ -39181,7 +39192,8 @@ function useMessageActionsBoxPopper(_a) {
 var MessageActions = function (props) {
     var _a = props.ActionsIcon, ActionsIcon$1 = _a === void 0 ? ActionsIcon : _a, _b = props.customWrapperClass, customWrapperClass = _b === void 0 ? '' : _b, propGetMessageActions = props.getMessageActions, propHandleDelete = props.handleDelete, propHandleFlag = props.handleFlag, propHandleMarkUnread = props.handleMarkUnread, propHandleMute = props.handleMute, propHandlePin = props.handlePin, inline = props.inline, propMessage = props.message, messageWrapperRef = props.messageWrapperRef, mine = props.mine;
     var mutes = useChatContext('MessageActions').mutes;
-    var _c = useMessageContext('MessageActions'), customMessageActions = _c.customMessageActions, contextGetMessageActions = _c.getMessageActions, contextHandleDelete = _c.handleDelete, contextHandleFlag = _c.handleFlag, contextHandleMarkUnread = _c.handleMarkUnread, contextHandleMute = _c.handleMute, contextHandlePin = _c.handlePin, isMyMessage = _c.isMyMessage, contextMessage = _c.message, setEditingState = _c.setEditingState;
+    var _c = useMessageContext('MessageActions'), customMessageActions = _c.customMessageActions, contextGetMessageActions = _c.getMessageActions, contextHandleDelete = _c.handleDelete, contextHandleFlag = _c.handleFlag, contextHandleMarkUnread = _c.handleMarkUnread, contextHandleMute = _c.handleMute, contextHandlePin = _c.handlePin, isMyMessage = _c.isMyMessage, contextMessage = _c.message, setEditingState = _c.setEditingState, threadList = _c.threadList;
+    var CustomMessageActionsList = useComponentContext('MessageActions').CustomMessageActionsList;
     var t = useTranslationContext('MessageActions').t;
     var getMessageActions = propGetMessageActions || contextGetMessageActions;
     var handleDelete = propHandleDelete || contextHandleDelete;
@@ -39193,13 +39205,19 @@ var MessageActions = function (props) {
     var isMine = mine ? mine() : isMyMessage();
     var _d = React.useState(false), actionsBoxOpen = _d[0], setActionsBoxOpen = _d[1];
     var isMuted = React.useCallback(function () { return isUserMuted(message, mutes); }, [message, mutes]);
+    var messageActions = getMessageActions();
+    var renderMessageActions = shouldRenderMessageActions({
+        customMessageActions: customMessageActions,
+        CustomMessageActionsList: CustomMessageActionsList,
+        inThread: threadList,
+        messageActions: messageActions,
+    });
     var hideOptions = React.useCallback(function (event) {
         if (event instanceof KeyboardEvent && event.key !== 'Escape') {
             return;
         }
         setActionsBoxOpen(false);
     }, []);
-    var messageActions = getMessageActions();
     var messageDeletedAt = !!(message === null || message === void 0 ? void 0 : message.deleted_at);
     React.useEffect(function () {
         if (messageWrapperRef === null || messageWrapperRef === void 0 ? void 0 : messageWrapperRef.current) {
@@ -39227,7 +39245,7 @@ var MessageActions = function (props) {
         placement: isMine ? 'top-end' : 'top-start',
         referenceElement: actionsBoxButtonRef.current,
     }), attributes = _e.attributes, popperElementRef = _e.popperElementRef, styles = _e.styles;
-    if (!messageActions.length && !customMessageActions)
+    if (!renderMessageActions)
         return null;
     return (React__default["default"].createElement(MessageActionsWrapper, { customWrapperClass: customWrapperClass, inline: inline, setActionsBoxOpen: setActionsBoxOpen },
         React__default["default"].createElement(MessageActionsBox, exports.__assign({}, attributes.popper, { getMessageActions: getMessageActions, handleDelete: handleDelete, handleEdit: setEditingState, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handlePin: handlePin, isUserMuted: isMuted, mine: isMine, open: actionsBoxOpen, ref: popperElementRef, style: styles.popper })),
@@ -39236,7 +39254,7 @@ var MessageActions = function (props) {
 };
 var MessageActionsWrapper = function (props) {
     var children = props.children, customWrapperClass = props.customWrapperClass, inline = props.inline, setActionsBoxOpen = props.setActionsBoxOpen;
-    var defaultWrapperClass = "\n  str-chat__message-simple__actions__action\n  str-chat__message-simple__actions__action--options\n  str-chat__message-actions-container";
+    var defaultWrapperClass = clsx('str-chat__message-simple__actions__action', 'str-chat__message-simple__actions__action--options', 'str-chat__message-actions-container');
     var wrapperClass = customWrapperClass || defaultWrapperClass;
     var onClickOptionsAction = function (event) {
         event.stopPropagation();
@@ -39254,11 +39272,10 @@ var MessageActionsWrapper = function (props) {
 
 var UnMemoizedMessageOptions = function (props) {
     var _a = props.ActionsIcon, ActionsIcon$1 = _a === void 0 ? ActionsIcon : _a, _b = props.displayReplies, displayReplies = _b === void 0 ? true : _b, propHandleOpenThread = props.handleOpenThread, messageWrapperRef = props.messageWrapperRef, _c = props.ReactionIcon, ReactionIcon$1 = _c === void 0 ? ReactionIcon : _c, _d = props.theme, theme = _d === void 0 ? 'simple' : _d, _e = props.ThreadIcon, ThreadIcon$1 = _e === void 0 ? ThreadIcon : _e;
-    var _f = useMessageContext('MessageOptions'), customMessageActions = _f.customMessageActions, getMessageActions = _f.getMessageActions, contextHandleOpenThread = _f.handleOpenThread, initialMessage = _f.initialMessage, message = _f.message, onReactionListClick = _f.onReactionListClick, showDetailedReactions = _f.showDetailedReactions, threadList = _f.threadList;
+    var _f = useMessageContext('MessageOptions'), getMessageActions = _f.getMessageActions, contextHandleOpenThread = _f.handleOpenThread, initialMessage = _f.initialMessage, message = _f.message, onReactionListClick = _f.onReactionListClick, showDetailedReactions = _f.showDetailedReactions, threadList = _f.threadList;
     var t = useTranslationContext('MessageOptions').t;
     var handleOpenThread = propHandleOpenThread || contextHandleOpenThread;
     var messageActions = getMessageActions();
-    var showActionsBox = showMessageActionsBox(messageActions, threadList) || !!customMessageActions;
     var shouldShowReactions = messageActions.indexOf(MESSAGE_ACTIONS.react) > -1;
     var shouldShowReplies = messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1 && displayReplies && !threadList;
     if (!message.type ||
@@ -39272,7 +39289,7 @@ var UnMemoizedMessageOptions = function (props) {
     }
     var rootClassName = "str-chat__message-".concat(theme, "__actions str-chat__message-options");
     return (React__default["default"].createElement("div", { className: rootClassName, "data-testid": 'message-options' },
-        showActionsBox && (React__default["default"].createElement(MessageActions, { ActionsIcon: ActionsIcon$1, messageWrapperRef: messageWrapperRef })),
+        React__default["default"].createElement(MessageActions, { ActionsIcon: ActionsIcon$1, messageWrapperRef: messageWrapperRef }),
         shouldShowReplies && (React__default["default"].createElement("button", { "aria-label": t('aria/Open Thread'), className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--thread str-chat__message-reply-in-thread-button"), "data-testid": 'thread-action', onClick: handleOpenThread },
             React__default["default"].createElement(ThreadIcon$1, { className: 'str-chat__message-action-icon' }))),
         shouldShowReactions && (React__default["default"].createElement("button", { "aria-expanded": showDetailedReactions, "aria-label": t('aria/Open Reaction Selector'), className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--reactions str-chat__message-reactions-button"), "data-testid": 'message-reaction-action', onClick: onReactionListClick },
@@ -49680,6 +49697,7 @@ exports.renderPreviewText = renderPreviewText;
 exports.renderText = renderText;
 exports.resampleWaveformData = resampleWaveformData;
 exports.ruTranslations = ruTranslations;
+exports.shouldRenderMessageActions = shouldRenderMessageActions;
 exports.showMessageActionsBox = showMessageActionsBox;
 exports.trTranslations = trTranslations;
 exports.upSample = upSample;

package/dist/browser.full-bundle.js

@@ -48182,18 +48182,29 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
         MESSAGE_ACTIONS.reply,
         MESSAGE_ACTIONS.markUnread,
     ];
-    var showMessageActionsBox = function (actions, inThread) {
-        if (actions.length === 0) {
+    /**
+     * @deprecated use `shouldRenderMessageActions` instead
+     */
+    var showMessageActionsBox = function (actions, inThread) { return shouldRenderMessageActions({ inThread: inThread, messageActions: actions }); };
+    var shouldRenderMessageActions = function (_a) {
+        var customMessageActions = _a.customMessageActions, CustomMessageActionsList = _a.CustomMessageActionsList, inThread = _a.inThread, messageActions = _a.messageActions;
+        if (typeof CustomMessageActionsList !== 'undefined' ||
+            typeof customMessageActions !== 'undefined')
+            return true;
+        if (!messageActions.length)
             return false;
-        }
         if (inThread &&
-            actions.filter(function (action) { return !ACTIONS_NOT_WORKING_IN_THREAD.includes(action); }).length === 0) {
+            messageActions.filter(function (action) { return !ACTIONS_NOT_WORKING_IN_THREAD.includes(action); }).length === 0) {
             return false;
         }
-        if (actions.length === 1 && (actions.includes('react') || actions.includes('reply'))) {
+        if (messageActions.length === 1 &&
+            (messageActions.includes(MESSAGE_ACTIONS.react) ||
+                messageActions.includes(MESSAGE_ACTIONS.reply))) {
             return false;
         }
-        if (actions.length === 2 && actions.includes('react') && actions.includes('reply')) {
+        if (messageActions.length === 2 &&
+            messageActions.includes(MESSAGE_ACTIONS.react) &&
+            messageActions.includes(MESSAGE_ACTIONS.reply)) {
             return false;
         }
         return true;
@@ -50363,7 +50374,8 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var MessageActions = function (props) {
         var _a = props.ActionsIcon, ActionsIcon$1 = _a === void 0 ? ActionsIcon : _a, _b = props.customWrapperClass, customWrapperClass = _b === void 0 ? '' : _b, propGetMessageActions = props.getMessageActions, propHandleDelete = props.handleDelete, propHandleFlag = props.handleFlag, propHandleMarkUnread = props.handleMarkUnread, propHandleMute = props.handleMute, propHandlePin = props.handlePin, inline = props.inline, propMessage = props.message, messageWrapperRef = props.messageWrapperRef, mine = props.mine;
         var mutes = useChatContext('MessageActions').mutes;
-        var _c = useMessageContext('MessageActions'), customMessageActions = _c.customMessageActions, contextGetMessageActions = _c.getMessageActions, contextHandleDelete = _c.handleDelete, contextHandleFlag = _c.handleFlag, contextHandleMarkUnread = _c.handleMarkUnread, contextHandleMute = _c.handleMute, contextHandlePin = _c.handlePin, isMyMessage = _c.isMyMessage, contextMessage = _c.message, setEditingState = _c.setEditingState;
+        var _c = useMessageContext('MessageActions'), customMessageActions = _c.customMessageActions, contextGetMessageActions = _c.getMessageActions, contextHandleDelete = _c.handleDelete, contextHandleFlag = _c.handleFlag, contextHandleMarkUnread = _c.handleMarkUnread, contextHandleMute = _c.handleMute, contextHandlePin = _c.handlePin, isMyMessage = _c.isMyMessage, contextMessage = _c.message, setEditingState = _c.setEditingState, threadList = _c.threadList;
+        var CustomMessageActionsList = useComponentContext('MessageActions').CustomMessageActionsList;
         var t = useTranslationContext('MessageActions').t;
         var getMessageActions = propGetMessageActions || contextGetMessageActions;
         var handleDelete = propHandleDelete || contextHandleDelete;
@@ -50375,13 +50387,19 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
         var isMine = mine ? mine() : isMyMessage();
         var _d = React$2.useState(false), actionsBoxOpen = _d[0], setActionsBoxOpen = _d[1];
         var isMuted = React$2.useCallback(function () { return isUserMuted(message, mutes); }, [message, mutes]);
+        var messageActions = getMessageActions();
+        var renderMessageActions = shouldRenderMessageActions({
+            customMessageActions: customMessageActions,
+            CustomMessageActionsList: CustomMessageActionsList,
+            inThread: threadList,
+            messageActions: messageActions,
+        });
         var hideOptions = React$2.useCallback(function (event) {
             if (event instanceof KeyboardEvent && event.key !== 'Escape') {
                 return;
             }
             setActionsBoxOpen(false);
         }, []);
-        var messageActions = getMessageActions();
         var messageDeletedAt = !!(message === null || message === void 0 ? void 0 : message.deleted_at);
         React$2.useEffect(function () {
             if (messageWrapperRef === null || messageWrapperRef === void 0 ? void 0 : messageWrapperRef.current) {
@@ -50409,7 +50427,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
             placement: isMine ? 'top-end' : 'top-start',
             referenceElement: actionsBoxButtonRef.current,
         }), attributes = _e.attributes, popperElementRef = _e.popperElementRef, styles = _e.styles;
-        if (!messageActions.length && !customMessageActions)
+        if (!renderMessageActions)
             return null;
         return (React__default["default"].createElement(MessageActionsWrapper, { customWrapperClass: customWrapperClass, inline: inline, setActionsBoxOpen: setActionsBoxOpen },
             React__default["default"].createElement(MessageActionsBox, __assign({}, attributes.popper, { getMessageActions: getMessageActions, handleDelete: handleDelete, handleEdit: setEditingState, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handlePin: handlePin, isUserMuted: isMuted, mine: isMine, open: actionsBoxOpen, ref: popperElementRef, style: styles.popper })),
@@ -50418,7 +50436,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
     };
     var MessageActionsWrapper = function (props) {
         var children = props.children, customWrapperClass = props.customWrapperClass, inline = props.inline, setActionsBoxOpen = props.setActionsBoxOpen;
-        var defaultWrapperClass = "\n  str-chat__message-simple__actions__action\n  str-chat__message-simple__actions__action--options\n  str-chat__message-actions-container";
+        var defaultWrapperClass = clsx('str-chat__message-simple__actions__action', 'str-chat__message-simple__actions__action--options', 'str-chat__message-actions-container');
         var wrapperClass = customWrapperClass || defaultWrapperClass;
         var onClickOptionsAction = function (event) {
             event.stopPropagation();
@@ -50438,11 +50456,10 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedMessageOptions = function (props) {
         var _a = props.ActionsIcon, ActionsIcon$1 = _a === void 0 ? ActionsIcon : _a, _b = props.displayReplies, displayReplies = _b === void 0 ? true : _b, propHandleOpenThread = props.handleOpenThread, messageWrapperRef = props.messageWrapperRef, _c = props.ReactionIcon, ReactionIcon$1 = _c === void 0 ? ReactionIcon : _c, _d = props.theme, theme = _d === void 0 ? 'simple' : _d, _e = props.ThreadIcon, ThreadIcon$1 = _e === void 0 ? ThreadIcon : _e;
-        var _f = useMessageContext('MessageOptions'), customMessageActions = _f.customMessageActions, getMessageActions = _f.getMessageActions, contextHandleOpenThread = _f.handleOpenThread, initialMessage = _f.initialMessage, message = _f.message, onReactionListClick = _f.onReactionListClick, showDetailedReactions = _f.showDetailedReactions, threadList = _f.threadList;
+        var _f = useMessageContext('MessageOptions'), getMessageActions = _f.getMessageActions, contextHandleOpenThread = _f.handleOpenThread, initialMessage = _f.initialMessage, message = _f.message, onReactionListClick = _f.onReactionListClick, showDetailedReactions = _f.showDetailedReactions, threadList = _f.threadList;
         var t = useTranslationContext('MessageOptions').t;
         var handleOpenThread = propHandleOpenThread || contextHandleOpenThread;
         var messageActions = getMessageActions();
-        var showActionsBox = showMessageActionsBox(messageActions, threadList) || !!customMessageActions;
         var shouldShowReactions = messageActions.indexOf(MESSAGE_ACTIONS.react) > -1;
         var shouldShowReplies = messageActions.indexOf(MESSAGE_ACTIONS.reply) > -1 && displayReplies && !threadList;
         if (!message.type ||
@@ -50456,7 +50473,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
         }
         var rootClassName = "str-chat__message-".concat(theme, "__actions str-chat__message-options");
         return (React__default["default"].createElement("div", { className: rootClassName, "data-testid": 'message-options' },
-            showActionsBox && (React__default["default"].createElement(MessageActions, { ActionsIcon: ActionsIcon$1, messageWrapperRef: messageWrapperRef })),
+            React__default["default"].createElement(MessageActions, { ActionsIcon: ActionsIcon$1, messageWrapperRef: messageWrapperRef }),
             shouldShowReplies && (React__default["default"].createElement("button", { "aria-label": t('aria/Open Thread'), className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--thread str-chat__message-reply-in-thread-button"), "data-testid": 'thread-action', onClick: handleOpenThread },
                 React__default["default"].createElement(ThreadIcon$1, { className: 'str-chat__message-action-icon' }))),
             shouldShowReactions && (React__default["default"].createElement("button", { "aria-expanded": showDetailedReactions, "aria-label": t('aria/Open Reaction Selector'), className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--reactions str-chat__message-reactions-button"), "data-testid": 'message-reaction-action', onClick: onReactionListClick },
@@ -63163,7 +63180,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
 
     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$1 = '11.23.8';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.23.9';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -97543,6 +97560,7 @@ bitsperframe:             %d
     exports.renderText = renderText;
     exports.resampleWaveformData = resampleWaveformData;
     exports.ruTranslations = ruTranslations;
+    exports.shouldRenderMessageActions = shouldRenderMessageActions;
     exports.showMessageActionsBox = showMessageActionsBox;
     exports.trTranslations = trTranslations;
     exports.upSample = upSample;