@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-rc.0

package/cjs/Thread/components/ThreadListItem.js

@@ -1,27 +1,26 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-BJ4ap5Wm.js');
-var LocalizationContext = require('../../chunks/bundle-DnchMcYp.js');
+var index$1 = require('../../chunks/bundle-Dr6xSjal.js');
+var LocalizationContext = require('../../chunks/bundle-CiMvvzt_.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-Dq9xVvbD.js');
-var RemoveMessageModal = require('../../chunks/bundle-C3gbUZuS.js');
+var ui_Label = require('../../chunks/bundle-Cmim7RkF.js');
+var RemoveMessageModal = require('../../chunks/bundle-Br-Fmk6C.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
 var Thread_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var SuggestedMentionList = require('../../chunks/bundle-DiqhZlPt.js');
+var SuggestedMentionList = require('../../chunks/bundle-BrV4mEBh.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var _const = require('../../chunks/bundle-B6bMPH7-.js');
-var ui_ContextMenu = require('../../chunks/bundle-6P-e5JVH.js');
-var ui_Avatar = require('../../chunks/bundle-BAZ7twtS.js');
-var UserProfileContext = require('../../chunks/bundle-e0O2ux90.js');
+var _const = require('../../chunks/bundle-wVbT1fu8.js');
+var ui_ContextMenu = require('../../chunks/bundle-BeTneyYL.js');
+var ui_Avatar = require('../../chunks/bundle-Dqp9uxau.js');
+var UserProfileContext = require('../../chunks/bundle-DBxITwxu.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
-var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var index = require('../../chunks/bundle-C5OtWVnd.js');
-var ui_MessageStatus = require('../../chunks/bundle-45LCNecQ.js');
+var index = require('../../chunks/bundle-CRHrNWJp.js');
+var ui_MessageStatus = require('../../chunks/bundle-CchFLX3D.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var ui_TextMessageItemBody = require('../../ui/TextMessageItemBody.js');
 var ui_OGMessageItemBody = require('../../ui/OGMessageItemBody.js');
@@ -29,20 +28,22 @@ var ui_FileMessageItemBody = require('../../ui/FileMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var MediaQueryContext = require('../../chunks/bundle-QmHmrOIH.js');
-var useLongPress = require('../../chunks/bundle-Bur_syFT.js');
+var MediaQueryContext = require('../../chunks/bundle-BFb_s1Sk.js');
+var useLongPress = require('../../chunks/bundle-CflLBf1e.js');
 var ui_MobileMenu = require('../../ui/MobileMenu.js');
-var useFileInfoListWithUploaded = require('../../chunks/bundle-Dry8pGsa.js');
-var utils = require('../../chunks/bundle-CxcGHjPH.js');
-var types = require('../../chunks/bundle-BM4Y_8Ij.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-1YpbHa8U.js');
+var utils = require('../../chunks/bundle-CfMyWzdL.js');
+var MessageMenu = require('../../chunks/bundle-CLqyuHxF.js');
+var useElementObserver = require('../../chunks/bundle-DDKB7brp.js');
+var types = require('../../chunks/bundle-B2GGDqtV.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var getIsReactionEnabled = require('../../chunks/bundle-BWN_zTcF.js');
-var resolvedReplyType = require('../../chunks/bundle-B_fVOxPS.js');
-require('../../chunks/bundle-CTGjIAK4.js');
-require('../../chunks/bundle-BR99z-80.js');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-CS6Aibfk.js');
-require('../../chunks/bundle-BVG8wAfm.js');
+var getIsReactionEnabled = require('../../chunks/bundle-CvHhKWQR.js');
+var resolvedReplyType = require('../../chunks/bundle-mHr4_GQW.js');
+require('../../chunks/bundle-rgSWvbRw.js');
+require('../../chunks/bundle-C0bs5HgC.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-CsQg__hd.js');
+require('../../chunks/bundle-B2dRfy75.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
@@ -51,37 +52,37 @@ require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-BThLM1G6.js');
+require('../../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-UZTd4E_b.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-BM_8g6jd.js');
-require('../../chunks/bundle-CUXyY7Ya.js');
-require('../../chunks/bundle-Dcjg_OOk.js');
-require('../../chunks/bundle-BTOs4s9G.js');
-require('../../chunks/bundle-BvFJMBGd.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-BdulnACZ.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-CVrMzbXA.js');
+require('../../chunks/bundle-BwUmsqFF.js');
+require('../../chunks/bundle-Ck2VZC9v.js');
+require('../../chunks/bundle-B1gFRcVr.js');
+require('../../chunks/bundle-B4zRox4H.js');
 require('@sendbird/chat/message');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Ce-SrNLP.js');
-require('../../chunks/bundle-zuGzPHQP.js');
-require('../../chunks/bundle-BnSyoJcs.js');
-require('../../chunks/bundle-DhsLc3aN.js');
-require('../../chunks/bundle-ixFTDNk4.js');
+require('../../chunks/bundle--vGr2hVA.js');
+require('../../chunks/bundle-_BQ69s5I.js');
+require('../../chunks/bundle-CjCsrobH.js');
+require('../../chunks/bundle-CbHU1T-B.js');
+require('../../chunks/bundle-Due_kqIz.js');
 require('dompurify');
-require('../../chunks/bundle-DAwgW6yl.js');
-require('../../chunks/bundle-DP_BgK40.js');
-require('../../chunks/bundle-Ckd5KYz3.js');
-require('../../chunks/bundle-DITjC1Le.js');
+require('../../chunks/bundle-52q2knIq.js');
+require('../../chunks/bundle-BjFlNAEh.js');
+require('../../chunks/bundle-C5fH7ZXr.js');
+require('../../chunks/bundle-Jev4e8GC.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DKmAwp7d.js');
+require('../../chunks/bundle-CNV7xlYf.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-BUO7k2pq.js');
-require('../../chunks/bundle-DnW7SPYc.js');
+require('../../chunks/bundle-BJIqrjP-.js');
+require('../../chunks/bundle-BSxwiDUI.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
@@ -90,26 +91,33 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-DroX83jz.js');
+require('../../chunks/bundle-k2YcpSmh.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DpylOTew.js');
+require('../../chunks/bundle-Dm_m9Mqo.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function ThreadListItemContent(_a) {
     var _this = this;
     var _b, _c, _d, _e, _f;
-    var className = _a.className, userId = _a.userId, channel = _a.channel, message = _a.message, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.chainTop, chainTop = _h === void 0 ? false : _h, _j = _a.chainBottom, chainBottom = _j === void 0 ? false : _j, _k = _a.isMentionEnabled, isMentionEnabled = _k === void 0 ? false : _k, _l = _a.isReactionEnabled, isReactionEnabled = _l === void 0 ? false : _l, _m = _a.disableQuoteMessage, disableQuoteMessage = _m === void 0 ? false : _m, replyType = _a.replyType, nicknamesMap = _a.nicknamesMap, emojiContainer = _a.emojiContainer, showEdit = _a.showEdit, showRemove = _a.showRemove, showFileViewer = _a.showFileViewer, resendMessage = _a.resendMessage, toggleReaction = _a.toggleReaction, onReplyInThread = _a.onReplyInThread;
+    var className = _a.className, userId = _a.userId, channel = _a.channel, message = _a.message, _g = _a.chainTop, chainTop = _g === void 0 ? false : _g, _h = _a.chainBottom, chainBottom = _h === void 0 ? false : _h, _j = _a.isMentionEnabled, isMentionEnabled = _j === void 0 ? false : _j, _k = _a.isReactionEnabled, isReactionEnabled = _k === void 0 ? false : _k, _l = _a.disableQuoteMessage, disableQuoteMessage = _l === void 0 ? false : _l, replyType = _a.replyType, nicknamesMap = _a.nicknamesMap, emojiContainer = _a.emojiContainer, showEdit = _a.showEdit, showRemove = _a.showRemove, showFileViewer = _a.showFileViewer, resendMessage = _a.resendMessage, toggleReaction = _a.toggleReaction, onReplyInThread = _a.onReplyInThread, _m = _a.renderEmojiMenu, renderEmojiMenu = _m === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _m, _o = _a.renderMessageMenu, renderMessageMenu = _o === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _o;
     var messageTypes = index.getUIKitMessageTypes();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
-    var _o = (useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.useSendbirdStateContext()) || {}, config = _o.config, eventHandlers = _o.eventHandlers;
+    var _p = (useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.useSendbirdStateContext()) || {}, config = _p.config, eventHandlers = _p.eventHandlers;
     var logger = config.logger;
     var onPressUserProfileHandler = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _b === void 0 ? void 0 : _b.onPressUserProfile;
-    var _p = React.useState(false), supposedHover = _p[0], setSupposedHover = _p[1];
+    var isMenuMounted = useElementObserver.useElementObserver("#".concat(ui_ContextMenu.getObservingId(message.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
+        document.getElementById(ui_ContextMenu.MENU_ROOT_ID),
+        document.getElementById(ui_ContextMenu.EMOJI_MENU_ROOT_ID),
+    ]);
     var _q = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _q.disableUserProfile, renderUserProfile = _q.renderUserProfile;
     var _r = Thread_context.useThreadContext(), deleteMessage = _r.deleteMessage, onBeforeDownloadFileMessage = _r.onBeforeDownloadFileMessage;
     var avatarRef = React.useRef(null);
@@ -119,7 +127,7 @@ function ThreadListItemContent(_a) {
     var useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')
         && (message === null || message === void 0 ? void 0 : message.parentMessageId) && (message === null || message === void 0 ? void 0 : message.parentMessage)
         && !disableQuoteMessage);
-    var supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
+    var supposedHoverClassName = isMenuMounted ? 'sendbird-mouse-hover' : '';
     var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
     var isOgMessageEnabledInGroupChannel = channel.isGroupChannel() && config.groupChannel.enableOgtag;
     // Mobile
@@ -140,11 +148,11 @@ function ThreadListItemContent(_a) {
     });
     // For MultipleFilesMessage only.
     var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message);
-    return (React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content', className, isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
-        React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content__left', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming') },
-            (!isByMe && !chainBottom) && (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
+    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content', className, isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
+        React__default.default.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content__left', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming') },
+            (!isByMe && !chainBottom) && (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
                     var _a, _b, _c;
-                    return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-thread-list-item-content__left__avatar", src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl) || ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.profileUrl) || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
+                    return (React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-thread-list-item-content__left__avatar", src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl) || ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.profileUrl) || '', ref: avatarRef, width: "28px", height: "28px", onClick: function () {
                             if (!disableUserProfile) {
                                 toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
                             }
@@ -156,45 +164,78 @@ function ThreadListItemContent(_a) {
                         currentUserId: userId,
                         avatarRef: avatarRef,
                     })
-                    : (React.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-                        React.createElement(ui_UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
-            (isByMe && !isMobile) && (React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content-menu', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming', supposedHoverClassName) },
-                React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage }),
-                isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction }))))),
-        React.createElement("div", _tslib.__assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? _tslib.__assign({}, longPress) : {}),
-            (!isByMe && !chainTop && !useReplying) && (React.createElement(ui_Label.Label, { className: "sendbird-thread-list-item-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ((_e = (_d = channel === null || channel === void 0 ? void 0 : channel.members) === null || _d === void 0 ? void 0 : _d.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _e === void 0 ? void 0 : _e.nickname)
+                    : (React__default.default.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                        React__default.default.createElement(ui_UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
+            (isByMe && !isMobile) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content-menu', isReactionEnabledInChannel && 'use-reaction', isByMe ? 'outgoing' : 'incoming', supposedHoverClassName) },
+                renderMessageMenu({
+                    className: 'sendbird-thread-list-item-content-menu__normal-menu',
+                    channel: channel,
+                    message: message,
+                    isByMe: isByMe,
+                    replyType: replyType,
+                    showEdit: showEdit,
+                    showRemove: showRemove,
+                    resendMessage: resendMessage,
+                    onReplyInThread: onReplyInThread,
+                    deleteMessage: deleteMessage,
+                }),
+                isReactionEnabledInChannel && (React__default.default.createElement(React__default.default.Fragment, null, renderEmojiMenu({
+                    className: 'sendbird-thread-list-item-content-menu__reaction-menu',
+                    message: message,
+                    userId: userId,
+                    emojiContainer: emojiContainer,
+                    toggleReaction: toggleReaction,
+                })))))),
+        React__default.default.createElement("div", _tslib.__assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? _tslib.__assign({}, longPress) : {}),
+            (!isByMe && !chainTop && !useReplying) && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-thread-list-item-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ((_e = (_d = channel === null || channel === void 0 ? void 0 : channel.members) === null || _d === void 0 ? void 0 : _d.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _e === void 0 ? void 0 : _e.nickname)
                 || index.getSenderName(message)
             // TODO: Divide getting profileUrl logic to utils
             )),
-            React.createElement("div", { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container']) },
-                (isByMe && !chainBottom) && (React.createElement("div", { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'left', supposedHoverClassName]) },
-                    React.createElement("div", { className: "sendbird-thread-list-item-content__middle__body-container__created-at__component-container" },
-                        React.createElement(ui_MessageStatus.MessageStatus, { message: message, channel: channel })))),
+            React__default.default.createElement("div", { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container']) },
+                (isByMe && !chainBottom) && (React__default.default.createElement("div", { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'left', supposedHoverClassName]) },
+                    React__default.default.createElement("div", { className: "sendbird-thread-list-item-content__middle__body-container__created-at__component-container" },
+                        React__default.default.createElement(ui_MessageStatus.MessageStatus, { message: message, channel: channel })))),
                 isOgMessageEnabledInGroupChannel && index.isOGMessage(message)
-                    ? (React.createElement(ui_OGMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage })) : index.isTextMessage(message) && (React.createElement(ui_TextMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage })),
-                index.isVoiceMessage(message) && (React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, channelUrl: channel === null || channel === void 0 ? void 0 : channel.url, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
-                (index.getUIKitMessageType(message) === messageTypes.FILE) && (React.createElement(ui_FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
-                index.isMultipleFilesMessage(message) && (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
-                (index.isThumbnailMessage(message)) && (React.createElement(ui_ThumbnailMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: {
+                    ? (React__default.default.createElement(ui_OGMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage })) : index.isTextMessage(message) && (React__default.default.createElement(ui_TextMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage })),
+                index.isVoiceMessage(message) && (React__default.default.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, channelUrl: channel === null || channel === void 0 ? void 0 : channel.url, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
+                (index.getUIKitMessageType(message) === messageTypes.FILE) && (React__default.default.createElement(ui_FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
+                index.isMultipleFilesMessage(message) && (React__default.default.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
+                (index.isThumbnailMessage(message)) && (React__default.default.createElement(ui_ThumbnailMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: {
                         width: isMobile ? '100%' : '200px',
                         height: '148px',
                     } })),
-                (index.getUIKitMessageType(message) === messageTypes.UNKNOWN) && (React.createElement(ui_UnknownMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
-                (isReactionEnabledInChannel && ((_f = message === null || message === void 0 ? void 0 : message.reactions) === null || _f === void 0 ? void 0 : _f.length) > 0) && (React.createElement("div", { className: index.getClassName([
+                (index.getUIKitMessageType(message) === messageTypes.UNKNOWN) && (React__default.default.createElement(ui_UnknownMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
+                (isReactionEnabledInChannel && ((_f = message === null || message === void 0 ? void 0 : message.reactions) === null || _f === void 0 ? void 0 : _f.length) > 0) && (React__default.default.createElement("div", { className: index.getClassName([
                         'sendbird-thread-list-item-content-reactions',
                         (!isByMe
                             || index.isThumbnailMessage(message)
                             || (isOgMessageEnabledInGroupChannel && index.isOGMessage(message))
                             || index.isMultipleFilesMessage(message)) ? '' : 'primary',
                     ]) },
-                    React.createElement(ui_EmojiReactions, { userId: userId, message: message, channel: channel, isByMe: isByMe, emojiContainer: emojiContainer, memberNicknamesMap: nicknamesMap, toggleReaction: toggleReaction, onPressUserProfile: onPressUserProfileHandler }))),
-                (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'right', supposedHoverClassName]), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
+                    React__default.default.createElement(ui_EmojiReactions, { userId: userId, message: message, channel: channel, isByMe: isByMe, emojiContainer: emojiContainer, memberNicknamesMap: nicknamesMap, toggleReaction: toggleReaction, onPressUserProfile: onPressUserProfileHandler }))),
+                (!isByMe && !chainBottom) && (React__default.default.createElement(ui_Label.Label, { className: index.getClassName(['sendbird-thread-list-item-content__middle__body-container__created-at', 'right', supposedHoverClassName]), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 }))))),
-        React.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content__right', chainTop && 'chain-top', isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
-            isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction })),
-            React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage })))),
-        showMobileMenu && (React.createElement(ui_MobileMenu.MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
+        React__default.default.createElement("div", { className: utils.classnames('sendbird-thread-list-item-content__right', chainTop && 'chain-top', isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React__default.default.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
+            isReactionEnabledInChannel && (renderEmojiMenu({
+                className: 'sendbird-thread-list-item-content-menu__reaction-menu',
+                message: message,
+                userId: userId,
+                emojiContainer: emojiContainer,
+                toggleReaction: toggleReaction,
+            })),
+            renderMessageMenu({
+                className: 'sendbird-thread-list-item-content-menu__normal-menu',
+                channel: channel,
+                message: message,
+                isByMe: isByMe,
+                replyType: replyType,
+                showRemove: showRemove,
+                resendMessage: resendMessage,
+                onReplyInThread: onReplyInThread,
+                deleteMessage: deleteMessage,
+            })))),
+        showMobileMenu && (React__default.default.createElement(ui_MobileMenu.MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
                 setShowMobileMenu(false);
             }, isReactionEnabled: isReactionEnabled, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: showEdit, showRemove: showRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, deleteMessage: deleteMessage, onDownloadClick: function (e) { return _tslib.__awaiter(_this, void 0, void 0, function () {
                 var allowDownload, err_1;
@@ -228,7 +269,7 @@ function ThreadListItemContent(_a) {
 function ThreadListItem(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    var className = _a.className, message = _a.message, chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator, renderCustomSeparator = _a.renderCustomSeparator, handleScroll = _a.handleScroll;
+    var className = _a.className, message = _a.message, chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator, renderCustomSeparator = _a.renderCustomSeparator, handleScroll = _a.handleScroll, renderEmojiMenu = _a.renderEmojiMenu, renderMessageMenu = _a.renderMessageMenu;
     var _f = useSendbirdStateContext.useSendbirdStateContext(), stores = _f.stores, config = _f.config;
     var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel = config.groupChannel;
     var userId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
@@ -298,8 +339,8 @@ function ThreadListItem(_a) {
     }, [message, renderCustomSeparator]);
     // Edit message
     if (showEdit && message.isUserMessage()) {
-        return (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
+        return (React__default.default.createElement(React__default.default.Fragment, null,
+            displaySuggestedMentionList && (React__default.default.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {
@@ -313,7 +354,7 @@ function ThreadListItem(_a) {
                 }, onFetchUsers: function (users) {
                     setMentionSuggestedUsers(users);
                 }, ableAddMention: ableMention, maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount, maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount })),
-            React.createElement(ui_MessageInput, { isEdit: true, channel: currentChannel, disabled: disabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, message: message, onStartTyping: function () {
+            React__default.default.createElement(ui_MessageInput, { isEdit: true, channel: currentChannel, disabled: disabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, message: message, onStartTyping: function () {
                     var _a;
                     (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
                 }, onUpdateMessage: function (_a) {
@@ -353,12 +394,12 @@ function ThreadListItem(_a) {
                     return false;
                 } })));
     }
-    return (React.createElement("div", { ref: messageScrollRef, className: utils.classnames('sendbird-thread-list-item', className), "data-testid": "sendbird-thread-list-item" },
-        hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (MemorizedSeparator || (React.createElement(ui_DateSeparator, null,
-            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR, { locale: dateLocale }))))),
-        React.createElement(ThreadListItemContent, { userId: userId, channel: currentChannel, message: message, chainTop: chainTop, chainBottom: chainBottom, isReactionEnabled: isReactionEnabled, isMentionEnabled: isMentionEnabled, disableQuoteMessage: true, replyType: replyType, nicknamesMap: nicknamesMap, emojiContainer: emojiContainer, resendMessage: resendMessage, showRemove: setShowRemove, showFileViewer: setShowFileViewer, toggleReaction: toggleReaction, showEdit: setShowEdit }),
-        showRemove && (React.createElement(RemoveMessageModal.RemoveMessage, { message: message, onCancel: function () { return setShowRemove(false); } })),
-        showFileViewer && (React.createElement(ui_FileViewer.default, { message: message, isByMe: ((_e = message === null || message === void 0 ? void 0 : message.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
+    return (React__default.default.createElement("div", { ref: messageScrollRef, className: utils.classnames('sendbird-thread-list-item', className), "data-testid": "sendbird-thread-list-item" },
+        hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (MemorizedSeparator || (React__default.default.createElement(ui_DateSeparator, null,
+            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR, { locale: dateLocale }))))),
+        React__default.default.createElement(ThreadListItemContent, { userId: userId, channel: currentChannel, message: message, chainTop: chainTop, chainBottom: chainBottom, isReactionEnabled: isReactionEnabled, isMentionEnabled: isMentionEnabled, disableQuoteMessage: true, replyType: replyType, nicknamesMap: nicknamesMap, emojiContainer: emojiContainer, resendMessage: resendMessage, showRemove: setShowRemove, showFileViewer: setShowFileViewer, toggleReaction: toggleReaction, showEdit: setShowEdit, renderEmojiMenu: renderEmojiMenu, renderMessageMenu: renderMessageMenu }),
+        showRemove && (React__default.default.createElement(RemoveMessageModal.RemoveMessage, { message: message, onCancel: function () { return setShowRemove(false); } })),
+        showFileViewer && (React__default.default.createElement(ui_FileViewer.default, { message: message, isByMe: ((_e = message === null || message === void 0 ? void 0 : message.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
                 deleteMessage(message);
                 setShowFileViewer(false);
             }, onDownloadClick: function (e) { return _tslib.__awaiter(_this, void 0, void 0, function () {

package/cjs/Thread/components/ThreadListItem.js.map

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

package/cjs/Thread/components/ThreadMessageInput.js

@@ -1,78 +1,82 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var MediaQueryContext = require('../../chunks/bundle-QmHmrOIH.js');
+var MediaQueryContext = require('../../chunks/bundle-BFb_s1Sk.js');
 var Thread_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-DnchMcYp.js');
+var LocalizationContext = require('../../chunks/bundle-CiMvvzt_.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-B6bMPH7-.js');
-var SuggestedMentionList = require('../../chunks/bundle-DiqhZlPt.js');
-var MessageInputWrapperView = require('../../chunks/bundle-DTXe3mFL.js');
+var _const = require('../../chunks/bundle-wVbT1fu8.js');
+var SuggestedMentionList = require('../../chunks/bundle-BrV4mEBh.js');
+var MessageInputWrapperView = require('../../chunks/bundle-DJO2Axoj.js');
 require('../../GroupChannel/context.js');
-var types = require('../../chunks/bundle-BM4Y_8Ij.js');
+var types = require('../../chunks/bundle-B2GGDqtV.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
 var Channel_hooks_useHandleUploadFiles = require('../../Channel/hooks/useHandleUploadFiles.js');
-var utils = require('../../chunks/bundle-BvFJMBGd.js');
-var utils$1 = require('../../chunks/bundle-CxcGHjPH.js');
+var utils = require('../../chunks/bundle-B4zRox4H.js');
+var utils$1 = require('../../chunks/bundle-CfMyWzdL.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Dcjg_OOk.js');
-require('../../chunks/bundle-BTOs4s9G.js');
+require('../../chunks/bundle-Ck2VZC9v.js');
+require('../../chunks/bundle-B1gFRcVr.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-UZTd4E_b.js');
-require('../../chunks/bundle-e0O2ux90.js');
+require('../../chunks/bundle-BdulnACZ.js');
+require('../../chunks/bundle-DBxITwxu.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ce-SrNLP.js');
-require('../../chunks/bundle-BThLM1G6.js');
-require('../../chunks/bundle-zuGzPHQP.js');
+require('../../chunks/bundle--vGr2hVA.js');
+require('../../chunks/bundle-Sp2G1sf1.js');
+require('../../chunks/bundle-_BQ69s5I.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-BR99z-80.js');
-require('../../chunks/bundle-DhsLc3aN.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-C0bs5HgC.js');
+require('../../chunks/bundle-CbHU1T-B.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-Dq9xVvbD.js');
-require('../../chunks/bundle-ixFTDNk4.js');
+require('../../chunks/bundle-Cmim7RkF.js');
+require('../../chunks/bundle-Due_kqIz.js');
 require('dompurify');
-require('../../chunks/bundle-DAwgW6yl.js');
-require('../../chunks/bundle-DP_BgK40.js');
-require('../../chunks/bundle-Ckd5KYz3.js');
+require('../../chunks/bundle-52q2knIq.js');
+require('../../chunks/bundle-BjFlNAEh.js');
+require('../../chunks/bundle-C5fH7ZXr.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-C5OtWVnd.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
-require('../../chunks/bundle-DITjC1Le.js');
-require('../../chunks/bundle-BnSyoJcs.js');
-require('../../chunks/bundle-BAZ7twtS.js');
+require('../../chunks/bundle-CRHrNWJp.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
+require('../../chunks/bundle-Jev4e8GC.js');
+require('../../chunks/bundle-CjCsrobH.js');
+require('../../chunks/bundle-Dqp9uxau.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DKmAwp7d.js');
-require('../../chunks/bundle-DisoZNvV.js');
+require('../../chunks/bundle-CNV7xlYf.js');
+require('../../chunks/bundle-CM2QHVT5.js');
 require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-DpylOTew.js');
+require('../../chunks/bundle-Dm_m9Mqo.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-BVG8wAfm.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-B2dRfy75.js');
 require('react-dom');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-6P-e5JVH.js');
+require('../../chunks/bundle-BeTneyYL.js');
 require('../../ui/SortByRow.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-CRUQT_mR.js');
+require('../../chunks/bundle-lUMAR4iA.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-CS6Aibfk.js');
-require('../../chunks/bundle-DuaQX9nz.js');
-require('../../chunks/bundle-CcPtH7Ym.js');
-require('../../chunks/bundle-B_fVOxPS.js');
-require('../../chunks/bundle-CjZy-Zrw.js');
-require('../../chunks/bundle-BWN_zTcF.js');
+require('../../chunks/bundle-CsQg__hd.js');
+require('../../chunks/bundle-CKsrVBaS.js');
+require('../../chunks/bundle-B4h5vnc4.js');
+require('../../chunks/bundle-mHr4_GQW.js');
+require('../../chunks/bundle-CLT9ucaB.js');
+require('../../chunks/bundle-CvHhKWQR.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ThreadMessageInput = function (props, ref) {
     var _a;
@@ -133,10 +137,10 @@ var ThreadMessageInput = function (props, ref) {
         }));
     }, [mentionedUserIds]);
     if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) !== types.Role.OPERATOR) {
-        return React.createElement(React.Fragment, null);
+        return React__default.default.createElement(React__default.default.Fragment, null);
     }
-    return (React.createElement("div", { className: utils$1.classnames(showVoiceMessageInput ? 'sendbird-thread-message-input--voice-message' : 'sendbird-thread-message-input', className) },
-        displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
+    return (React__default.default.createElement("div", { className: utils$1.classnames(showVoiceMessageInput ? 'sendbird-thread-message-input--voice-message' : 'sendbird-thread-message-input', className) },
+        displaySuggestedMentionList && (React__default.default.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
             // renderUserMentionItem={renderUserMentionItem}
             onUserItemClick: function (user) {
                 if (user) {
@@ -151,13 +155,13 @@ var ThreadMessageInput = function (props, ref) {
                 setMentionSuggestedUsers(users);
             }, ableAddMention: ableMention, maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount, maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount })),
         showVoiceMessageInput
-            ? (React.createElement(MessageInputWrapperView.VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
+            ? (React__default.default.createElement(MessageInputWrapperView.VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
                     sendVoiceMessage(recordedFile, duration, parentMessage);
                     setShowVoiceMessageInput(false);
                 }, onCancelClick: function () {
                     setShowVoiceMessageInput(false);
                 } }))
-            : (React.createElement(ui_MessageInput, { className: "sendbird-thread-message-input__message-input", messageFieldId: "sendbird-message-input-text-field--thread", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, disabled: threadInputDisabled, acceptableMimeTypes: acceptableMimeTypes, setMentionedUsers: setMentionedUsers, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
+            : (React__default.default.createElement(ui_MessageInput, { className: "sendbird-thread-message-input__message-input", messageFieldId: "sendbird-message-input-text-field--thread", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, disabled: threadInputDisabled, acceptableMimeTypes: acceptableMimeTypes, setMentionedUsers: setMentionedUsers, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
                     setShowVoiceMessageInput(true);
                 }, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon, ref: ref || messageInputRef, placeholder: ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isFrozen) && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
                     || ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === groupChannel.MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT)
@@ -196,7 +200,7 @@ var ThreadMessageInput = function (props, ref) {
                     return false;
                 } }))));
 };
-var ThreadMessageInput$1 = React.forwardRef(ThreadMessageInput);
+var ThreadMessageInput$1 = React__default.default.forwardRef(ThreadMessageInput);
 
 module.exports = ThreadMessageInput$1;
 //# sourceMappingURL=ThreadMessageInput.js.map

package/cjs/Thread/components/ThreadMessageInput.js.map

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