@sendbird/uikit-react 3.14.12 → 3.14.13

package/cjs/Thread/components/ParentMessageInfo.js

@@ -1,36 +1,37 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-Di0c83Tp.js');
-var RemoveMessageModal = require('../../chunks/bundle-C87PENaO.js');
+var index$1 = require('../../chunks/bundle-Cmc_F-zF.js');
+var RemoveMessageModal = require('../../chunks/bundle-6znhfpIB.js');
 var Thread_components_ParentMessageInfoItem = require('./ParentMessageInfoItem.js');
-var index = require('../../chunks/bundle-VyDwmxN4.js');
-var getIsReactionEnabled = require('../../chunks/bundle-Cv85GW-0.js');
-var LocalizationContext = require('../../chunks/bundle-Bq4FcvTF.js');
+var index = require('../../chunks/bundle-E1Tkj9Pc.js');
+var getIsReactionEnabled = require('../../chunks/bundle-B2fSsGeZ.js');
+var LocalizationContext = require('../../chunks/bundle-BZCLEq3c.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Thread_context = require('../context.js');
-var UserProfileContext = require('../../chunks/bundle-_cqjcInH.js');
-var SuggestedMentionList = require('../../chunks/bundle-BZuuSeui.js');
-var ui_Avatar = require('../../chunks/bundle-B56LqPOh.js');
-var ui_Label = require('../../chunks/bundle-BM95N32D.js');
+var UserProfileContext = require('../../chunks/bundle-C0HSA_B2.js');
+var SuggestedMentionList = require('../../chunks/bundle-BXenYVc5.js');
+var ui_Avatar = require('../../chunks/bundle-Cq7gxYWj.js');
+var ui_Label = require('../../chunks/bundle-CLsH2CaE.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
-var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var ui_ContextMenu = require('../../chunks/bundle-B_eF_lLw.js');
+var ui_ContextMenu = require('../../chunks/bundle-5SGoePaQ.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-CWAjZyWA.js');
-var types = require('../../chunks/bundle-CqDaqTbt.js');
-var MediaQueryContext = require('../../chunks/bundle-D0U-xAFE.js');
-var useLongPress = require('../../chunks/bundle-BHieBSdL.js');
+var _const = require('../../chunks/bundle-B8BijbtU.js');
+var types = require('../../chunks/bundle-D1D4kiAc.js');
+var MediaQueryContext = require('../../chunks/bundle-DW5WyVEg.js');
+var useLongPress = require('../../chunks/bundle-CteyVr3n.js');
 var ui_MobileMenu = require('../../ui/MobileMenu.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var resolvedReplyType = require('../../chunks/bundle-D1QbLxW7.js');
-var utils = require('../../chunks/bundle-CO52Wsr3.js');
-require('../../chunks/bundle-_xb0mhf9.js');
-require('../../chunks/bundle-DQG6eG4l.js');
-require('../../chunks/bundle-1dGjBLMq.js');
+var resolvedReplyType = require('../../chunks/bundle-BV2SpuVS.js');
+var utils = require('../../chunks/bundle-BsUVmQmx.js');
+var MessageMenu = require('../../chunks/bundle-DFDL4gbf.js');
+var useElementObserver = require('../../chunks/bundle-CuQr5jRg.js');
+require('../../chunks/bundle-C6bh_Eny.js');
+require('../../chunks/bundle-B9Jxp8fA.js');
+require('../../chunks/bundle-BCx4TP9R.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
@@ -39,16 +40,16 @@ require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-BkKs2HEQ.js');
+require('../../chunks/bundle-DAzWBBxC.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-D60dip73.js');
-require('../../chunks/bundle-DsscLs3k.js');
-require('../../chunks/bundle-CTW4jbtw.js');
-require('../../chunks/bundle-S9DD9Vhs.js');
+require('../../chunks/bundle-BimZhXdJ.js');
+require('../../chunks/bundle-COzM5cWS.js');
+require('../../chunks/bundle-BafSf9GJ.js');
+require('../../chunks/bundle-DYiRJpFp.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-8gOOVKMq.js');
+require('../../chunks/bundle-ikSCkayP.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
@@ -56,12 +57,12 @@ require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-CQbuVhqz.js');
+require('../../chunks/bundle-CGBazQAC.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CrkUdg03.js');
+require('../../chunks/bundle-CqS517qU.js');
 require('../../ui/SortByRow.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-CI9mjpa7.js');
+require('../../chunks/bundle-B8eM_7mB.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
@@ -70,39 +71,46 @@ require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-rXt3MgU-.js');
-require('../../chunks/bundle-auAyIyjy.js');
+require('../../chunks/bundle-D58niGxd.js');
+require('../../chunks/bundle-B0yVr4jS.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-DoSN8wR4.js');
+require('../../chunks/bundle-D2E4FfSM.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-C1OL5nEa.js');
-require('../../chunks/bundle-DFqn4B6U.js');
+require('../../chunks/bundle-RZyJVP0m.js');
+require('../../chunks/bundle-xw9pjZRm.js');
 require('../context/types.js');
-require('../../chunks/bundle-CCm3PIiM.js');
-require('../../chunks/bundle-C21OJi5Y.js');
-require('../../chunks/bundle-aANaw2cz.js');
-require('../../chunks/bundle-BIlOa8cH.js');
-require('../../chunks/bundle-QTX1PYil.js');
-require('../../chunks/bundle-bgI8QY8V.js');
+require('../../chunks/bundle-D8QV4Pzq.js');
+require('../../chunks/bundle-Co8lVUvq.js');
+require('../../chunks/bundle-43QCjeGi.js');
+require('../../chunks/bundle-BhgTi0HE.js');
+require('../../chunks/bundle-BTdldoB1.js');
+require('../../chunks/bundle-Db2msOTT.js');
 require('dompurify');
-require('../../chunks/bundle-BqL8lmhl.js');
-require('../../chunks/bundle-CiIb5etk.js');
-require('../../chunks/bundle-BKID5CS2.js');
+require('../../chunks/bundle-DPZ5pgOH.js');
+require('../../chunks/bundle-CC7ewM-Z.js');
+require('../../chunks/bundle-CwwjS2wm.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function ParentMessageInfo(_a) {
     var _this = this;
     var _b, _c, _d, _e, _f, _g;
-    var className = _a.className;
-    var _h = useSendbirdStateContext.useSendbirdStateContext(), stores = _h.stores, config = _h.config;
+    var className = _a.className, _h = _a.renderEmojiMenu, renderEmojiMenu = _h === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _h, _j = _a.renderMessageMenu, renderMessageMenu = _j === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _j;
+    var _k = useSendbirdStateContext.useSendbirdStateContext(), stores = _k.stores, config = _k.config;
     var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel = config.groupChannel;
     var userId = (_c = (_b = stores.userStore.user) === null || _b === void 0 ? void 0 : _b.userId) !== null && _c !== void 0 ? _c : '';
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
-    var _j = Thread_context.useThreadContext(), currentChannel = _j.currentChannel, parentMessage = _j.parentMessage, allThreadMessages = _j.allThreadMessages, emojiContainer = _j.emojiContainer, toggleReaction = _j.toggleReaction, updateMessage = _j.updateMessage, deleteMessage = _j.deleteMessage, onMoveToParentMessage = _j.onMoveToParentMessage, onHeaderActionClick = _j.onHeaderActionClick, isMuted = _j.isMuted, isChannelFrozen = _j.isChannelFrozen, onBeforeDownloadFileMessage = _j.onBeforeDownloadFileMessage;
+    var _l = Thread_context.useThreadContext(), currentChannel = _l.currentChannel, parentMessage = _l.parentMessage, allThreadMessages = _l.allThreadMessages, emojiContainer = _l.emojiContainer, toggleReaction = _l.toggleReaction, updateMessage = _l.updateMessage, deleteMessage = _l.deleteMessage, onMoveToParentMessage = _l.onMoveToParentMessage, onHeaderActionClick = _l.onHeaderActionClick, isMuted = _l.isMuted, isChannelFrozen = _l.isChannelFrozen, onBeforeDownloadFileMessage = _l.onBeforeDownloadFileMessage;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _k = React.useState(false), showRemove = _k[0], setShowRemove = _k[1];
-    var _l = React.useState(false), supposedHover = _l[0], setSupposedHover = _l[1];
-    var _m = React.useState(false), showFileViewer = _m[0], setShowFileViewer = _m[1];
+    var isMenuMounted = useElementObserver.useElementObserver("#".concat(ui_ContextMenu.getObservingId(parentMessage.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
+        document.getElementById(ui_ContextMenu.MENU_ROOT_ID),
+        document.getElementById(ui_ContextMenu.EMOJI_MENU_ROOT_ID),
+    ]);
+    var _m = React.useState(false), showRemove = _m[0], setShowRemove = _m[1];
+    var _o = React.useState(false), showFileViewer = _o[0], setShowFileViewer = _o[1];
     var isReactionEnabled = getIsReactionEnabled.getIsReactionEnabled({
         channel: currentChannel,
         config: config,
@@ -112,7 +120,7 @@ function ParentMessageInfo(_a) {
     var isByMe = userId === parentMessage.sender.userId;
     // Mobile
     var mobileMenuRef = React.useRef(null);
-    var _o = React.useState(false), showMobileMenu = _o[0], setShowMobileMenu = _o[1];
+    var _p = React.useState(false), showMobileMenu = _p[0], setShowMobileMenu = _p[1];
     var longPress = useLongPress.useLongPress({
         onLongPress: function () {
             if (isMobile) {
@@ -123,16 +131,16 @@ function ParentMessageInfo(_a) {
         shouldPreventDefault: false,
     });
     // Edit message
-    var _p = React.useState(false), showEditInput = _p[0], setShowEditInput = _p[1];
+    var _q = React.useState(false), showEditInput = _q[0], setShowEditInput = _q[1];
     var disabled = !isOnline || isMuted || isChannelFrozen && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR);
     // Mention
     var editMessageInputRef = React.useRef(null);
-    var _q = React.useState(''), mentionNickname = _q[0], setMentionNickname = _q[1];
-    var _r = React.useState([]), mentionedUsers = _r[0], setMentionedUsers = _r[1];
-    var _s = React.useState([]), mentionedUserIds = _s[0], setMentionedUserIds = _s[1];
-    var _t = React.useState(null), messageInputEvent = _t[0], setMessageInputEvent = _t[1];
-    var _u = React.useState(null), selectedUser = _u[0], setSelectedUser = _u[1];
-    var _v = React.useState([]), mentionSuggestedUsers = _v[0], setMentionSuggestedUsers = _v[1];
+    var _r = React.useState(''), mentionNickname = _r[0], setMentionNickname = _r[1];
+    var _s = React.useState([]), mentionedUsers = _s[0], setMentionedUsers = _s[1];
+    var _t = React.useState([]), mentionedUserIds = _t[0], setMentionedUserIds = _t[1];
+    var _u = React.useState(null), messageInputEvent = _u[0], setMessageInputEvent = _u[1];
+    var _v = React.useState(null), selectedUser = _v[0], setSelectedUser = _v[1];
+    var _w = React.useState([]), mentionSuggestedUsers = _w[0], setMentionSuggestedUsers = _w[1];
     var displaySuggestedMentionList = isOnline
         && isMentionEnabled
         && mentionNickname.length > 0
@@ -182,10 +190,10 @@ function ParentMessageInfo(_a) {
     }); };
     // User Profile
     var avatarRef = React.useRef(null);
-    var _w = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _w.disableUserProfile, renderUserProfile = _w.renderUserProfile;
+    var _x = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _x.disableUserProfile, renderUserProfile = _x.renderUserProfile;
     if (showEditInput && ((_d = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.isUserMessage) === null || _d === void 0 ? void 0 : _d.call(parentMessage))) {
-        return (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { className: "parent-message-info--suggested-mention-list", 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, { className: "parent-message-info--suggested-mention-list", targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {
@@ -199,7 +207,7 @@ function ParentMessageInfo(_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, { channel: currentChannel, isEdit: true, disabled: disabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, message: parentMessage, onStartTyping: function () {
+            React__default.default.createElement(ui_MessageInput, { channel: currentChannel, isEdit: true, disabled: disabled, ref: editMessageInputRef, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, message: parentMessage, 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) {
@@ -239,10 +247,10 @@ function ParentMessageInfo(_a) {
                     return false;
                 } })));
     }
-    return (React.createElement("div", _tslib.__assign({ className: "sendbird-parent-message-info ".concat(className) }, (isMobile) ? _tslib.__assign({}, longPress) : {}, { ref: mobileMenuRef }),
-        React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
+    return (React__default.default.createElement("div", _tslib.__assign({ className: "sendbird-parent-message-info ".concat(className) }, (isMobile) ? _tslib.__assign({}, longPress) : {}, { ref: mobileMenuRef }),
+        React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
                 var _a, _b, _c;
-                return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-parent-message-info__sender", ref: avatarRef, src: ((_b = (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _a === void 0 ? void 0 : _a.find(function (m) { var _a; return (m === null || m === void 0 ? void 0 : m.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl)
+                return (React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-parent-message-info__sender", ref: avatarRef, src: ((_b = (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _a === void 0 ? void 0 : _a.find(function (m) { var _a; return (m === null || m === void 0 ? void 0 : m.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _b === void 0 ? void 0 : _b.profileUrl)
                         || ((_c = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _c === void 0 ? void 0 : _c.profileUrl), alt: "thread message sender", width: "40px", height: "40px", onClick: function () {
                         if (!disableUserProfile) {
                             toggleDropdown();
@@ -255,29 +263,47 @@ function ParentMessageInfo(_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: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender, currentUserId: userId, onSuccess: closeDropdown })))); } }),
-        React.createElement("div", { className: "sendbird-parent-message-info__content" },
-            React.createElement("div", { className: "sendbird-parent-message-info__content__info" },
-                React.createElement(ui_Label.Label, { className: isReactionEnabled
+                : (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: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender, currentUserId: userId, onSuccess: closeDropdown })))); } }),
+        React__default.default.createElement("div", { className: "sendbird-parent-message-info__content" },
+            React__default.default.createElement("div", { className: "sendbird-parent-message-info__content__info" },
+                React__default.default.createElement(ui_Label.Label, { className: isReactionEnabled
                         ? 'sendbird-parent-message-info__content__info__sender-name--use-reaction'
                         : 'sendbird-parent-message-info__content__info__sender-name', type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (index.getSenderName === null || index.getSenderName === void 0 ? void 0 : index.getSenderName(parentMessage))),
-                React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
-            React.createElement(Thread_components_ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
-        !isMobile && (React.createElement(ui_MessageItemMenu.MessageMenu, { className: utils.classnames('sendbird-parent-message-info__context-menu', isReactionEnabled && 'use-reaction', supposedHover && 'sendbird-mouse-hover'), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
-                onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
-            }, deleteMessage: deleteMessage })),
-        (isReactionEnabled && !isMobile) && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: utils.classnames('sendbird-parent-message-info__reaction-menu', supposedHover && 'sendbird-mouse-hover'), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction })),
-        showRemove && (React.createElement(RemoveMessageModal.RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
+                React__default.default.createElement(ui_Label.Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
+            React__default.default.createElement(Thread_components_ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
+        !isMobile && (React__default.default.createElement("div", { className: 'sendbird-parent-message-info__menu-container' },
+            renderMessageMenu({
+                className: utils.classnames('sendbird-parent-message-info__context-menu', isReactionEnabled && 'use-reaction', isMenuMounted && 'sendbird-mouse-hover'),
+                channel: currentChannel,
+                message: parentMessage,
+                isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId),
+                disableDeleteMessage: allThreadMessages.length > 0,
+                replyType: replyType,
+                showEdit: setShowEditInput,
+                showRemove: setShowRemove,
+                onMoveToParentMessage: function () {
+                    onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
+                },
+                deleteMessage: deleteMessage,
+            }),
+            isReactionEnabled && (renderEmojiMenu({
+                className: utils.classnames('sendbird-parent-message-info__reaction-menu', isMenuMounted && 'sendbird-mouse-hover'),
+                message: parentMessage,
+                userId: userId,
+                emojiContainer: emojiContainer,
+                toggleReaction: toggleReaction,
+            })))),
+        showRemove && (React__default.default.createElement(RemoveMessageModal.RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
                 onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();
             }, message: parentMessage })),
-        showFileViewer && (React.createElement(ui_FileViewer.default, { message: parentMessage, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
+        showFileViewer && (React__default.default.createElement(ui_FileViewer.default, { message: parentMessage, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
                 deleteMessage(parentMessage)
                     .then(function () {
                     setShowFileViewer(false);
                 });
             }, onDownloadClick: handleOnDownloadClick })),
-        showMobileMenu && (React.createElement(ui_MobileMenu.MobileMenu, { parentRef: mobileMenuRef, channel: currentChannel, message: parentMessage, userId: userId, replyType: replyType, hideMenu: function () {
+        showMobileMenu && (React__default.default.createElement(ui_MobileMenu.MobileMenu, { parentRef: mobileMenuRef, channel: currentChannel, message: parentMessage, userId: userId, replyType: replyType, hideMenu: function () {
                 setShowMobileMenu(false);
             }, deleteMessage: deleteMessage, deleteMenuState: (allThreadMessages === null || allThreadMessages === void 0 ? void 0 : allThreadMessages.length) === 0
                 ? 'ACTIVE'

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

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

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-Cu2j1EmN.js');
+var _tslib = require('../../chunks/bundle-BSZgogl8.js');
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-Bq4FcvTF.js');
-var index = require('../../chunks/bundle-VyDwmxN4.js');
-var ui_Label = require('../../chunks/bundle-BM95N32D.js');
+var LocalizationContext = require('../../chunks/bundle-BZCLEq3c.js');
+var index = require('../../chunks/bundle-E1Tkj9Pc.js');
+var ui_Label = require('../../chunks/bundle-CLsH2CaE.js');
 var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_TextButton = require('../../ui/TextButton.js');
@@ -12,55 +12,55 @@ var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var Thread_context = require('../context.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var index$1 = require('../../chunks/bundle-rXt3MgU-.js');
-var tokenize = require('../../chunks/bundle-auAyIyjy.js');
-var useFileInfoListWithUploaded = require('../../chunks/bundle-DoSN8wR4.js');
-var MediaQueryContext = require('../../chunks/bundle-D0U-xAFE.js');
-var color = require('../../chunks/bundle-8gOOVKMq.js');
-var utils = require('../../chunks/bundle-CO52Wsr3.js');
-require('../../chunks/bundle-CrkUdg03.js');
-require('../../chunks/bundle-DQG6eG4l.js');
+var index$1 = require('../../chunks/bundle-D58niGxd.js');
+var tokenize = require('../../chunks/bundle-B0yVr4jS.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-D2E4FfSM.js');
+var MediaQueryContext = require('../../chunks/bundle-DW5WyVEg.js');
+var color = require('../../chunks/bundle-ikSCkayP.js');
+var utils = require('../../chunks/bundle-BsUVmQmx.js');
+require('../../chunks/bundle-CqS517qU.js');
+require('../../chunks/bundle-B9Jxp8fA.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CTW4jbtw.js');
-require('../../chunks/bundle-_xb0mhf9.js');
+require('../../chunks/bundle-BafSf9GJ.js');
+require('../../chunks/bundle-C6bh_Eny.js');
 require('../../withSendbird.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-BHieBSdL.js');
-require('../../chunks/bundle-B_eF_lLw.js');
+require('../../chunks/bundle-CteyVr3n.js');
+require('../../chunks/bundle-5SGoePaQ.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-BkKs2HEQ.js');
+require('../../chunks/bundle-DAzWBBxC.js');
 require('../../ui/IconButton.js');
 require('../../ui/BottomSheet.js');
-require('../../chunks/bundle-1dGjBLMq.js');
+require('../../chunks/bundle-BCx4TP9R.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-D60dip73.js');
-require('../../chunks/bundle-DsscLs3k.js');
+require('../../chunks/bundle-BimZhXdJ.js');
+require('../../chunks/bundle-COzM5cWS.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-_cqjcInH.js');
-require('../../chunks/bundle-B56LqPOh.js');
-require('../../chunks/bundle-CQbuVhqz.js');
+require('../../chunks/bundle-C0HSA_B2.js');
+require('../../chunks/bundle-Cq7gxYWj.js');
+require('../../chunks/bundle-CGBazQAC.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-CI9mjpa7.js');
+require('../../chunks/bundle-B8eM_7mB.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-Cv85GW-0.js');
-require('../../chunks/bundle-C1OL5nEa.js');
-require('../../chunks/bundle-DFqn4B6U.js');
+require('../../chunks/bundle-B2fSsGeZ.js');
+require('../../chunks/bundle-RZyJVP0m.js');
+require('../../chunks/bundle-xw9pjZRm.js');
 require('@sendbird/chat/message');
 require('../context/types.js');
-require('../../chunks/bundle-CCm3PIiM.js');
-require('../../chunks/bundle-C21OJi5Y.js');
+require('../../chunks/bundle-D8QV4Pzq.js');
+require('../../chunks/bundle-Co8lVUvq.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
 require('../../ui/PlaybackTime.js');
@@ -68,7 +68,11 @@ require('../../ui/Loader.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/FileViewer.js');
-require('../../chunks/bundle-QTX1PYil.js');
+require('../../chunks/bundle-BTdldoB1.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function ParentMessageInfoItem(_a) {
     var _this = this;
@@ -150,47 +154,47 @@ function ParentMessageInfoItem(_a) {
     var _o = React.useState(false), isImageRendered = _o[0], setImageRendered = _o[1];
     var thumbnailUrl = ((_g = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _g === void 0 ? void 0 : _g.length) > 0
         ? (_h = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _h === void 0 ? void 0 : _h.url : '';
-    return (React.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
-        index.isUserMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
-            React.createElement(index$1.TextFragment, { tokens: tokens }),
-            index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message edited", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
+    return (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
+        index.isUserMessage(message) && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
+            React__default.default.createElement(index$1.TextFragment, { tokens: tokens }),
+            index.isEditedMessage(message) && (React__default.default.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message edited", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
         // Instead of the FileMessageItemBody component
-        (index.getUIKitMessageType(message) === index.getUIKitMessageTypes().FILE) && (React.createElement("div", { className: "sendbird-parent-message-info-item__file-message" },
-            React.createElement("div", { className: "sendbird-parent-message-info-item__file-message__file-icon" },
-                React.createElement(ui_Icon.default, { className: "sendbird-parent-message-info-item__file-message__file-icon__icon", type: {
+        (index.getUIKitMessageType(message) === index.getUIKitMessageTypes().FILE) && (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__file-message" },
+            React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__file-message__file-icon" },
+                React__default.default.createElement(ui_Icon.default, { className: "sendbird-parent-message-info-item__file-message__file-icon__icon", type: {
                         IMAGE: ui_Icon.IconTypes.PHOTO,
                         VIDEO: ui_Icon.IconTypes.PLAY,
                         AUDIO: ui_Icon.IconTypes.FILE_AUDIO,
                         GIF: ui_Icon.IconTypes.GIF,
                         OTHERS: ui_Icon.IconTypes.FILE_DOCUMENT,
                     }[index.getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
-            React.createElement(ui_TextButton, { className: "sendbird-parent-message-info-item__file-message__file-name", onClick: handleOnClickTextButton, color: color.Colors.ONBACKGROUND_1 },
-                React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__file-message__file-name__text", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30))))),
-        index.isMultipleFilesMessage(message) && (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
-        index.isVoiceMessage(message) && (React.createElement("div", { className: "sendbird-parent-message-info-item__voice-message" },
-            React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-parent-message-info-item__voice-message__item", message: message, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isByMe: false, isReactionEnabled: isReactionEnabled }))),
-        index.isThumbnailMessage(message) && (React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {
+            React__default.default.createElement(ui_TextButton, { className: "sendbird-parent-message-info-item__file-message__file-name", onClick: handleOnClickTextButton, color: color.Colors.ONBACKGROUND_1 },
+                React__default.default.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__file-message__file-name__text", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30))))),
+        index.isMultipleFilesMessage(message) && (React__default.default.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
+        index.isVoiceMessage(message) && (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__voice-message" },
+            React__default.default.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-parent-message-info-item__voice-message__item", message: message, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isByMe: false, isReactionEnabled: isReactionEnabled }))),
+        index.isThumbnailMessage(message) && (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {
                 if (index.isSentMessage(message)) {
                     showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
                 }
             } },
-            React.createElement(ui_ImageRenderer.default, { className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail", url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), alt: message === null || message === void 0 ? void 0 : message.type, width: "200px", height: "148px", onLoad: function () { setImageRendered(true); }, placeHolder: function (_a) {
+            React__default.default.createElement(ui_ImageRenderer.default, { className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail", url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), alt: message === null || message === void 0 ? void 0 : message.type, width: "200px", height: "148px", onLoad: function () { setImageRendered(true); }, placeHolder: function (_a) {
                     var style = _a.style;
-                    return (React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style },
-                        React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
-                            React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" }))));
+                    return (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style },
+                        React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
+                            React__default.default.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" }))));
                 } }),
-            (index.isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (React.createElement("video", { className: "sendbird-parent-message-info-item__thumbnail-message__video" },
-                React.createElement("source", { src: (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), type: message === null || message === void 0 ? void 0 : message.type }))),
-            React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__image-cover" }),
-            (index.isVideoMessage(message) || index.isGifMessage(message)) && (React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper" },
-                React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon" },
-                    React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))))),
-        index.getUIKitMessageType(message) === ((_j = index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : index.getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && (React.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
-            React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__unknown-message__header", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
-            React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__unknown-message__description", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE))),
-        isReactionActivated && (React.createElement("div", { className: "sendbird-parent-message-info__reactions" },
-            React.createElement(ui_EmojiReactions, { userId: currentUserId, message: message, channel: currentChannel, isByMe: false, emojiContainer: emojiContainer, memberNicknamesMap: nicknamesMap, toggleReaction: toggleReaction, onPressUserProfile: onPressUserProfileHandler })))));
+            (index.isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (React__default.default.createElement("video", { className: "sendbird-parent-message-info-item__thumbnail-message__video" },
+                React__default.default.createElement("source", { src: (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), type: message === null || message === void 0 ? void 0 : message.type }))),
+            React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__image-cover" }),
+            (index.isVideoMessage(message) || index.isGifMessage(message)) && (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper" },
+                React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon" },
+                    React__default.default.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))))),
+        index.getUIKitMessageType(message) === ((_j = index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : index.getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && (React__default.default.createElement("div", { className: "sendbird-parent-message-info-item__unknown-message" },
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__unknown-message__header", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__unknown-message__description", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE))),
+        isReactionActivated && (React__default.default.createElement("div", { className: "sendbird-parent-message-info__reactions" },
+            React__default.default.createElement(ui_EmojiReactions, { userId: currentUserId, message: message, channel: currentChannel, isByMe: false, emojiContainer: emojiContainer, memberNicknamesMap: nicknamesMap, toggleReaction: toggleReaction, onPressUserProfile: onPressUserProfileHandler })))));
 }
 
 module.exports = ParentMessageInfoItem;

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

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

package/cjs/Thread/components/ThreadHeader.js

@@ -2,18 +2,22 @@
 
 var React = require('react');
 var ui_Icon = require('../../ui/Icon.js');
-var LocalizationContext = require('../../chunks/bundle-Bq4FcvTF.js');
+var LocalizationContext = require('../../chunks/bundle-BZCLEq3c.js');
 var ui_Header = require('../../ui/Header.js');
-require('../../chunks/bundle-Cu2j1EmN.js');
-require('../../chunks/bundle-CO52Wsr3.js');
-require('../../chunks/bundle-CrkUdg03.js');
-require('../../chunks/bundle-DQG6eG4l.js');
-require('../../chunks/bundle-BM95N32D.js');
-require('../../chunks/bundle-D0U-xAFE.js');
+require('../../chunks/bundle-BSZgogl8.js');
+require('../../chunks/bundle-BsUVmQmx.js');
+require('../../chunks/bundle-CqS517qU.js');
+require('../../chunks/bundle-B9Jxp8fA.js');
+require('../../chunks/bundle-CLsH2CaE.js');
+require('../../chunks/bundle-DW5WyVEg.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-8gOOVKMq.js');
+require('../../chunks/bundle-ikSCkayP.js');
 require('../../ui/IconButton.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function ThreadHeader(_a) {
     var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;
     var stringSet = LocalizationContext.useLocalization().stringSet;
@@ -23,8 +27,8 @@ function ThreadHeader(_a) {
         }
         return null;
     }, [renderActionIcon]);
-    return (React.createElement(ui_Header.default, { className: "sendbird-thread-header ".concat(className), renderMiddle: function () { return (React.createElement(ui_Header.default.Title, { title: stringSet.THREAD__HEADER_TITLE, subtitle: channelName, onClickSubtitle: onChannelNameClick })); }, renderRight: function () { return (MemoizedActionIcon || (React.createElement("div", { className: "sendbird-thread-header__action" },
-            React.createElement(ui_Header.default.IconButton, { onClick: function (e) { return onActionIconClick(e); }, type: ui_Icon.IconTypes.CLOSE, color: ui_Icon.IconColors.ON_BACKGROUND_1 })))); } }));
+    return (React__default.default.createElement(ui_Header.default, { className: "sendbird-thread-header ".concat(className), renderMiddle: function () { return (React__default.default.createElement(ui_Header.default.Title, { title: stringSet.THREAD__HEADER_TITLE, subtitle: channelName, onClickSubtitle: onChannelNameClick })); }, renderRight: function () { return (MemoizedActionIcon || (React__default.default.createElement("div", { className: "sendbird-thread-header__action" },
+            React__default.default.createElement(ui_Header.default.IconButton, { onClick: function (e) { return onActionIconClick(e); }, type: ui_Icon.IconTypes.CLOSE, color: ui_Icon.IconColors.ON_BACKGROUND_1 })))); } }));
 }
 
 module.exports = ThreadHeader;

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

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