@sendbird/uikit-react 3.14.10-rc.0 → 3.14.11-rc-0

package/cjs/ui/MessageContent.js

@@ -1,34 +1,35 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-Du-tPfed.js');
-var ui_MessageStatus = require('../chunks/bundle-CwrQm55R.js');
-var ui_MessageItemMenu = require('./MessageItemMenu.js');
+var index$1 = require('../chunks/bundle-Bot6eEM6.js');
+var ui_MessageStatus = require('../chunks/bundle-CDWSB7nU.js');
+var MessageMenu = require('../chunks/bundle-7bBl8kFn.js');
+require('../chunks/bundle-CIkfoqlq.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-BLMQTUu9.js');
-var index$2 = require('../chunks/bundle-CD36CC-P.js');
-var MediaQueryContext = require('../chunks/bundle-B_TBDUIo.js');
+var useLongPress = require('../chunks/bundle-DgmZoB_W.js');
+var index$2 = require('../chunks/bundle-D8yzgwQq.js');
+var MediaQueryContext = require('../chunks/bundle-BplDq0mq.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-BoW1OyHH.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
+var _const = require('../chunks/bundle-CVg_YIhP.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-DeWZBEt-.js');
+var ui_Avatar = require('../chunks/bundle-BVK4ppI2.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-BfJXjRdq.js');
+var UserProfileContext = require('../chunks/bundle-DCTSWuu7.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-wQzIFZ_d.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-DQg6x_7w.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
@@ -38,58 +39,56 @@ var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-Cbv_awE2.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-CWoHu9t0.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BoiQCySB.js');
-require('../chunks/bundle-D4LXRhUD.js');
+require('../chunks/bundle-Cj_Ehg89.js');
+require('../chunks/bundle-CyN2-yzv.js');
 require('./IconButton.js');
-require('../chunks/bundle-Bd0RdeK2.js');
-require('../chunks/bundle-CNLhvQ5S.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('./ImageRenderer.js');
+require('./ReactionButton.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BDK2QCjs.js');
-require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-Boc_dyK4.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-CLRPURXv.js');
-require('./ImageRenderer.js');
-require('./ReactionButton.js');
+require('../chunks/bundle-Dq_BfgEB.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-DxUgagG2.js');
+require('../chunks/bundle-COyzsE6d.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-61s5Z4d7.js');
-require('../chunks/bundle-BrwM1NMi.js');
+require('../chunks/bundle-B1HrIqoy.js');
+require('../chunks/bundle-vMl-hjKf.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-DjpWffuA.js');
+require('../chunks/bundle-V3A8AaNp.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CvRdW9yw.js');
+require('../chunks/bundle-8BvxeS8W.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-CBRLDy3Y.js');
-require('../chunks/bundle-9xV-yjpP.js');
-require('../chunks/bundle-D-9WWmQ7.js');
-require('../chunks/bundle-CXlUscvX.js');
+require('../chunks/bundle-DH_1RL2d.js');
+require('../chunks/bundle-CYIQLQ3l.js');
+require('../chunks/bundle-DJYmo2fi.js');
+require('../chunks/bundle-BapLXIgi.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-khkLB6lz.js');
-require('../chunks/bundle-O3NwtEP9.js');
+require('../chunks/bundle-qn9zfxlD.js');
+require('../chunks/bundle-BHI75BT4.js');
 require('./TextButton.js');
-require('../chunks/bundle-ChVQ484N.js');
+require('../chunks/bundle-6kGpS9J5.js');
 require('./FileViewer.js');
-require('../chunks/bundle-CyTIW0JZ.js');
+require('../chunks/bundle-Du4-Q-XI.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-DOqEHJ-4.js');
+require('../chunks/bundle-CMUxhnsA.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');
@@ -145,11 +144,11 @@ function MessageBody(props) {
         && index.isSendableMessage(message)
         && index.isOGMessage(message); }, function () {
         var _a;
-        return (React.createElement(ui_OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange }));
+        return (React.createElement(ui_OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
     })
         .when(index.isTextMessage, function () {
         var _a;
-        return (React.createElement(ui_TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel }));
+        return (React.createElement(ui_TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
     })
         .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React.createElement(ui_FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
         .when(index.isMultipleFilesMessage, function () { return (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
@@ -187,6 +186,51 @@ var SbFeedbackStatus;
     SbFeedbackStatus["SUBMITTED"] = "SUBMITTED";
 })(SbFeedbackStatus || (SbFeedbackStatus = {}));
 
+/* global MutationCallback */
+/* global MutationObserverInit */
+// To prevent Undefined lint errors: https://github.com/standard/standard/issues/1159#issuecomment-403003627
+function useElementObserver(selector, targetElement) {
+    var _a = React.useState(false), isElementMounted = _a[0], setIsElementMounted = _a[1];
+    React.useEffect(function () {
+        var targetElements = Array.isArray(targetElement) ? targetElement : [targetElement];
+        var updateElementState = function () {
+            var _a;
+            var elements = targetElements === null || targetElements === void 0 ? void 0 : targetElements.map(function (target) { return target === null || target === void 0 ? void 0 : target.querySelector(selector); });
+            setIsElementMounted((_a = elements === null || elements === void 0 ? void 0 : elements.some(function (element) { return !!element; })) !== null && _a !== void 0 ? _a : false);
+        };
+        updateElementState();
+        var observerCallback = function (mutations) {
+            mutations.forEach(function (mutation) {
+                if (mutation.addedNodes.length || mutation.removedNodes.length) {
+                    Array.from(mutation.addedNodes).forEach(function (node) {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
+                            setIsElementMounted(true);
+                        }
+                    });
+                    Array.from(mutation.removedNodes).forEach(function (node) {
+                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
+                            setIsElementMounted(false);
+                        }
+                    });
+                }
+            });
+        };
+        var observer = new MutationObserver(observerCallback);
+        var observerOptions = {
+            childList: true, // Observe addition and removal of child nodes
+            subtree: true, // Observe the entire subtree
+        };
+        targetElements === null || targetElements === void 0 ? void 0 : targetElements.forEach(function (target) {
+            if (target)
+                observer.observe(target, observerOptions);
+        });
+        return function () {
+            observer.disconnect();
+        };
+    }, [selector, targetElement]);
+    return isElementMounted;
+}
+
 function MessageContent(props) {
     var _this = this;
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
@@ -194,27 +238,30 @@ function MessageContent(props) {
     // Internal props
     className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _q = props.disabled, disabled = _q === void 0 ? false : _q, _r = props.chainTop, chainTop = _r === void 0 ? false : _r, _s = props.chainBottom, chainBottom = _s === void 0 ? false : _s, _t = props.isReactionEnabled, isReactionEnabled = _t === void 0 ? false : _t, _u = props.disableQuoteMessage, disableQuoteMessage = _u === void 0 ? false : _u, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage;
     // Public props for customization
-    var _v = utils.deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React.createElement(MessageProfile, _tslib.__assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React.createElement(MessageBody, _tslib.__assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React.createElement(MessageHeader, _tslib.__assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React.createElement(ui_MessageItemMenu.MessageMenu, _tslib.__assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React.createElement(index$2.MobileMenu, _tslib.__assign({}, props)); } : _2;
+    var _v = utils.deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React.createElement(MessageProfile, _tslib.__assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React.createElement(MessageBody, _tslib.__assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React.createElement(MessageHeader, _tslib.__assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React.createElement(index$2.MobileMenu, _tslib.__assign({}, props)); } : _2;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
     var _3 = useSendbirdStateContext.useSendbirdStateContext(), config = _3.config, eventHandlers = _3.eventHandlers;
     var logger = config.logger;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
-    var contentRef = React.useRef(null);
+    var contentRef = React.useRef();
     var timestampRef = React.useRef();
     var threadRepliesRef = React.useRef();
     var feedbackButtonsRef = React.useRef();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var _4 = React.useState(false), showMenu = _4[0], setShowMenu = _4[1];
     var _5 = React.useState(false), mouseHover = _5[0], setMouseHover = _5[1];
-    var _6 = React.useState(false), supposedHover = _6[0], setSupposedHover = _6[1];
+    var isMenuMounted = useElementObserver("#".concat(ui_ContextMenu.getObservingId(message$1.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
+        document.getElementById(ui_ContextMenu.MENU_ROOT_ID),
+        document.getElementById(ui_ContextMenu.EMOJI_MENU_ROOT_ID),
+    ]);
     // Feedback states
-    var _7 = React.useState(false), showFeedbackOptionsMenu = _7[0], setShowFeedbackOptionsMenu = _7[1];
-    var _8 = React.useState(false), showFeedbackModal = _8[0], setShowFeedbackModal = _8[1];
-    var _9 = React.useState(''), feedbackFailedText = _9[0], setFeedbackFailedText = _9[1];
-    var _10 = React.useState(index.getMessageContentMiddleClassNameByContainerType({
+    var _6 = React.useState(false), showFeedbackOptionsMenu = _6[0], setShowFeedbackOptionsMenu = _6[1];
+    var _7 = React.useState(false), showFeedbackModal = _7[0], setShowFeedbackModal = _7[1];
+    var _8 = React.useState(''), feedbackFailedText = _8[0], setFeedbackFailedText = _8[1];
+    var _9 = React.useState(index.getMessageContentMiddleClassNameByContainerType({
         message: message$1,
         isMobile: isMobile,
-    })), uiContainerType = _10[0], setUiContainerType = _10[1];
+    })), uiContainerType = _9[0], setUiContainerType = _9[1];
     var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
         if (renderedTemplateType === 'failed') {
             setUiContainerType(index.UI_CONTAINER_TYPES.DEFAULT);
@@ -234,7 +281,7 @@ function MessageContent(props) {
     var chainTopClassName = chainTop ? 'chain-top' : '';
     var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
     var isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';
-    var supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
+    var hoveredMenuClassName = isMenuMounted ? 'sendbird-mouse-hover' : '';
     var useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')
         && (message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessageId) && (message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessage)
         && !disableQuoteMessage);
@@ -315,18 +362,16 @@ function MessageContent(props) {
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
         React.createElement("div", { className: utils.classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(_tslib.__assign(_tslib.__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName) },
+            showOutgoingMenu && (React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message$1,
                     isByMe: isByMe,
                     replyType: replyType,
-                    disabled: disabled,
                     showEdit: showEdit,
                     showRemove: showRemove,
                     resendMessage: resendMessage,
                     setQuoteMessage: setQuoteMessage,
-                    setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
                         var _b, _c;
                         var message = _a.message;
@@ -344,7 +389,6 @@ function MessageContent(props) {
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
-                    setSupposedHover: setSupposedHover,
                 }))))),
         React.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
@@ -360,7 +404,7 @@ function MessageContent(props) {
                         }
                     } }))) : null,
             React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message') },
-                (isByMe && !chainBottom) && (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName, uiContainerType), ref: timestampRef },
+                (isByMe && !chainBottom) && (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName, uiContainerType), ref: timestampRef },
                     React.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
                 renderMessageBody({
@@ -387,7 +431,7 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName, uiContainerType), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, index$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
+                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', hoveredMenuClassName, uiContainerType), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, index$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React.createElement("div", { style: {
@@ -460,14 +504,13 @@ function MessageContent(props) {
                     }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
                     React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
         showRightContent && (React.createElement("div", { className: utils.classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
-            React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName) },
+            React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, hoveredMenuClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message$1,
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
-                    setSupposedHover: setSupposedHover,
                 })),
                 renderMessageMenu({
                     className: 'sendbird-message-content-menu__normal-menu',
@@ -475,11 +518,9 @@ function MessageContent(props) {
                     message: message$1,
                     isByMe: isByMe,
                     replyType: replyType,
-                    disabled: disabled,
                     showRemove: showRemove,
                     resendMessage: resendMessage,
                     setQuoteMessage: setQuoteMessage,
-                    setSupposedHover: setSupposedHover,
                     onReplyInThread: function (_a) {
                         var _b, _c;
                         var message = _a.message;

package/cjs/ui/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,34 +1,35 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
-var ui_Modal = require('../chunks/bundle-DxUgagG2.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
+var ui_Modal = require('../chunks/bundle-COyzsE6d.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-var useKeyDown = require('../chunks/bundle-CyTIW0JZ.js');
-require('../chunks/bundle-oQe6hXee.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-Cbv_awE2.js');
-require('../chunks/bundle-j2NTrunF.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+var useKeyDown = require('../chunks/bundle-Du4-Q-XI.js');
+require('../chunks/bundle-CVwB8G1I.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-CWoHu9t0.js');
+require('../chunks/bundle-BoVc1U1a.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-Ck6xvF19.js');
 require('react-dom');
-require('../chunks/bundle-B_TBDUIo.js');
+require('../chunks/bundle-BplDq0mq.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BDK2QCjs.js');
+require('../chunks/bundle-Boc_dyK4.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-61s5Z4d7.js');
-require('../chunks/bundle-BrwM1NMi.js');
+require('../chunks/bundle-B1HrIqoy.js');
+require('../chunks/bundle-vMl-hjKf.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CNLhvQ5S.js');
+require('./ContextMenu.js');
+require('./SortByRow.js');
 
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;

package/cjs/ui/MessageFeedbackFailedModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageFeedbackFailedModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageFeedbackFailedModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/MessageFeedbackModal.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
-var ui_Modal = require('../chunks/bundle-DxUgagG2.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
+var ui_Modal = require('../chunks/bundle-COyzsE6d.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-var MediaQueryContext = require('../chunks/bundle-B_TBDUIo.js');
-var useKeyDown = require('../chunks/bundle-CyTIW0JZ.js');
-require('../chunks/bundle-oQe6hXee.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-Cbv_awE2.js');
-require('../chunks/bundle-j2NTrunF.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+var MediaQueryContext = require('../chunks/bundle-BplDq0mq.js');
+var useKeyDown = require('../chunks/bundle-Du4-Q-XI.js');
+require('../chunks/bundle-CVwB8G1I.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-CWoHu9t0.js');
+require('../chunks/bundle-BoVc1U1a.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-DsFiTdM1.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-Ck6xvF19.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -24,12 +24,13 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BDK2QCjs.js');
+require('../chunks/bundle-Boc_dyK4.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-61s5Z4d7.js');
-require('../chunks/bundle-BrwM1NMi.js');
+require('../chunks/bundle-B1HrIqoy.js');
+require('../chunks/bundle-vMl-hjKf.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-CNLhvQ5S.js');
+require('./ContextMenu.js');
+require('./SortByRow.js');
 
 function MessageFeedbackModal(props) {
     var _a, _b;

package/cjs/ui/MessageFeedbackModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageFeedbackModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageFeedbackModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/MessageInput/hooks/usePaste.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-BW3lKCl2.js');
-require('../../../chunks/bundle-BWgaoz_w.js');
-require('../../../chunks/bundle-BoW1OyHH.js');
-require('../../../chunks/bundle-oQe6hXee.js');
-require('../../../chunks/bundle-BygoI0yo.js');
-require('../../../chunks/bundle-O3NwtEP9.js');
-require('../../../chunks/bundle-khkLB6lz.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-FWmDID1m.js');
+require('../../../chunks/bundle-7ZAMcgtS.js');
+require('../../../chunks/bundle-CVg_YIhP.js');
+require('../../../chunks/bundle-CVwB8G1I.js');
+require('../../../chunks/bundle-Ch_pAI0r.js');
+require('../../../chunks/bundle-BHI75BT4.js');
+require('../../../chunks/bundle-qn9zfxlD.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-BWgaoz_w.js');
-var _const = require('../chunks/bundle-BoW1OyHH.js');
+var _const$1 = require('../chunks/bundle-7ZAMcgtS.js');
+var _const = require('../chunks/bundle-CVg_YIhP.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-BW3lKCl2.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-FWmDID1m.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-UPXtcgsM.js');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
+var ui_Label = require('../chunks/bundle-DEPVIREe.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var tokenize = require('../chunks/bundle-CXlUscvX.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-var browser = require('../chunks/bundle-CLRPURXv.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var tokenize = require('../chunks/bundle-BapLXIgi.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
+var browser = require('../chunks/bundle-Dq_BfgEB.js');
 require('dompurify');
-require('../chunks/bundle-BygoI0yo.js');
-require('../chunks/bundle-O3NwtEP9.js');
-require('../chunks/bundle-khkLB6lz.js');
-require('../chunks/bundle-ClGYZFGc.js');
-require('../chunks/bundle-Cbv_awE2.js');
+require('../chunks/bundle-Ch_pAI0r.js');
+require('../chunks/bundle-BHI75BT4.js');
+require('../chunks/bundle-qn9zfxlD.js');
+require('../chunks/bundle-D-RACIZM.js');
+require('../chunks/bundle-CWoHu9t0.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DbH3qyAG.js');
+require('../chunks/bundle-BhClvZOU.js');
 
 /**
  * FIXME:
@@ -162,6 +162,7 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
                 var tokens = tokenize.tokenizeMessage({
                     messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
                     mentionedUsers: mentionedUsers_1,
+                    includeMarkdown: channel.isGroupChannel() && config.groupChannel.enableMarkdownForUserMessage,
                 });
                 if (textField) {
                     textField.innerHTML = tokens

package/cjs/ui/MessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/MessageItemMenu.js

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-oQe6hXee.js');
+var _tslib = require('../chunks/bundle-CVwB8G1I.js');
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-j2NTrunF.js');
-var LocalizationContext = require('../chunks/bundle-DYfOAYVw.js');
-var types = require('../chunks/bundle-Bd0RdeK2.js');
-var utils = require('../chunks/bundle-DsFiTdM1.js');
-require('../chunks/bundle-CNLhvQ5S.js');
+var index = require('../chunks/bundle-BoVc1U1a.js');
+var LocalizationContext = require('../chunks/bundle-D47V4Obt.js');
+var types = require('../chunks/bundle-BW9GG7kp.js');
+var utils = require('../chunks/bundle-Ck6xvF19.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BDK2QCjs.js');
-require('../chunks/bundle-UPXtcgsM.js');
-require('../chunks/bundle-ClGYZFGc.js');
+require('../chunks/bundle-Boc_dyK4.js');
+require('../chunks/bundle-DEPVIREe.js');
+require('../chunks/bundle-D-RACIZM.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLRPURXv.js');
-require('../chunks/bundle-DbH3qyAG.js');
-require('../chunks/bundle-Cbv_awE2.js');
+require('../chunks/bundle-Dq_BfgEB.js');
+require('../chunks/bundle-BhClvZOU.js');
+require('../chunks/bundle-CWoHu9t0.js');
 
 function MessageMenu(props) {
     var _a;

package/cjs/ui/MessageItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageItemMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}