@sendbird/uikit-react 3.14.13 → 3.14.14-rc-0

package/cjs/ui/MessageContent.js

@@ -1,34 +1,34 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BSZgogl8.js');
+var _tslib = require('../chunks/bundle-DAiQFAIq.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-Cmc_F-zF.js');
-var ui_MessageStatus = require('../chunks/bundle-BTnBDw_3.js');
-var MessageMenu = require('../chunks/bundle-DFDL4gbf.js');
-var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
-var utils = require('../chunks/bundle-BsUVmQmx.js');
-var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
+var index$1 = require('../chunks/bundle-DZSwH3xC.js');
+var ui_MessageStatus = require('../chunks/bundle-cvNqCEIi.js');
+var MessageMenu = require('../chunks/bundle-D7Rq5q7E.js');
+var ui_ContextMenu = require('../chunks/bundle-B9X0JbpA.js');
+var utils = require('../chunks/bundle-DgDVQ2Go.js');
+var ui_Label = require('../chunks/bundle-B1FyXNgp.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-E1Tkj9Pc.js');
-var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var index = require('../chunks/bundle-wiHotMAw.js');
+var LocalizationContext = require('../chunks/bundle-BTnp5AMU.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-CteyVr3n.js');
+var useLongPress = require('../chunks/bundle-B1ekd7hP.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-DW5WyVEg.js');
+var MediaQueryContext = require('../chunks/bundle-Tld-Qm-O.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-BhgTi0HE.js');
-var ui_Avatar = require('../chunks/bundle-Cq7gxYWj.js');
+var _const = require('../chunks/bundle-DmKx6viv.js');
+var ui_Avatar = require('../chunks/bundle-V6wX5MNF.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-C0HSA_B2.js');
+var UserProfileContext = require('../chunks/bundle-Yr3AnlJo.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-D2E4FfSM.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-BcJCRBUJ.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
@@ -38,57 +38,57 @@ var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-var useElementObserver = require('../chunks/bundle-CuQr5jRg.js');
-require('../chunks/bundle-C6bh_Eny.js');
-require('../chunks/bundle-B9Jxp8fA.js');
+var useElementObserver = require('../chunks/bundle-CAHokxww.js');
+require('../chunks/bundle-B2iq7UlJ.js');
+require('../chunks/bundle-CtW7NpHu.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B8d4gIYz.js');
-require('../chunks/bundle-DBvrEPDQ.js');
+require('../chunks/bundle-1SdbXpYS.js');
+require('../chunks/bundle-BHguIcZy.js');
 require('./IconButton.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DAzWBBxC.js');
+require('../chunks/bundle-8ud3Tnvk.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-DUBFSyJD.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-BafSf9GJ.js');
+require('../chunks/bundle-D-wSuvqS.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-BCx4TP9R.js');
+require('../chunks/bundle-BrbJwzok.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../chunks/bundle-BimZhXdJ.js');
-require('../chunks/bundle-COzM5cWS.js');
+require('../chunks/bundle-DCV-Tw4-.js');
+require('../chunks/bundle-DyYk1tMQ.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-CGBazQAC.js');
+require('../chunks/bundle-Bxz5JW8i.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-B8eM_7mB.js');
+require('../chunks/bundle-DCkLfvV2.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-B2fSsGeZ.js');
-require('../chunks/bundle-BInYg-47.js');
-require('../chunks/bundle-D58niGxd.js');
-require('../chunks/bundle-B0yVr4jS.js');
+require('../chunks/bundle-64tfQrcj.js');
+require('../chunks/bundle-pfCkYPXZ.js');
+require('../chunks/bundle-DtZsJEtk.js');
+require('../chunks/bundle-CEmLXieA.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-CwwjS2wm.js');
-require('../chunks/bundle-CC7ewM-Z.js');
+require('../chunks/bundle-it4IqMgV.js');
+require('../chunks/bundle-BAU2-TVk.js');
 require('./TextButton.js');
-require('../chunks/bundle-ikSCkayP.js');
+require('../chunks/bundle-C1LcC75h.js');
 require('./FileViewer.js');
-require('../chunks/bundle-BTdldoB1.js');
+require('../chunks/bundle-Z_Fy-e9f.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-BXjyJKxX.js');
+require('../chunks/bundle-30asl7x4.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');
@@ -192,14 +192,14 @@ var SbFeedbackStatus;
 
 function MessageContent(props) {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     var 
     // Internal props
-    className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _q = props.disabled, disabled = _q === void 0 ? false : _q, _r = props.chainTop, chainTop = _r === void 0 ? false : _r, _s = props.chainBottom, chainBottom = _s === void 0 ? false : _s, _t = props.isReactionEnabled, isReactionEnabled = _t === void 0 ? false : _t, _u = props.disableQuoteMessage, disableQuoteMessage = _u === void 0 ? false : _u, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage;
+    className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _r = props.disabled, disabled = _r === void 0 ? false : _r, _s = props.chainTop, chainTop = _s === void 0 ? false : _s, _t = props.chainBottom, chainBottom = _t === void 0 ? false : _t, _u = props.isReactionEnabled, isReactionEnabled = _u === void 0 ? false : _u, _v = props.disableQuoteMessage, disableQuoteMessage = _v === void 0 ? false : _v, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage;
     // Public props for customization
-    var _v = utils.deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React__default.default.createElement(MessageProfile, _tslib.__assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React__default.default.createElement(MessageBody, _tslib.__assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React__default.default.createElement(MessageHeader, _tslib.__assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _2;
+    var _w = utils.deleteNullish(props), _x = _w.renderSenderProfile, renderSenderProfile = _x === void 0 ? function (props) { return React__default.default.createElement(MessageProfile, _tslib.__assign({}, props)); } : _x, _y = _w.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return React__default.default.createElement(MessageBody, _tslib.__assign({}, props)); } : _y, _z = _w.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return React__default.default.createElement(MessageHeader, _tslib.__assign({}, props)); } : _z, _0 = _w.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _0, _1 = _w.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _1, _2 = _w.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _2, _3 = _w.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _3 === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _3;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
-    var _3 = useSendbirdStateContext.useSendbirdStateContext(), config = _3.config, eventHandlers = _3.eventHandlers;
+    var _4 = useSendbirdStateContext.useSendbirdStateContext(), config = _4.config, eventHandlers = _4.eventHandlers;
     var logger = config.logger;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
     var contentRef = React.useRef();
@@ -207,20 +207,20 @@ function MessageContent(props) {
     var threadRepliesRef = React.useRef();
     var feedbackButtonsRef = React.useRef();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _4 = React.useState(false), showMenu = _4[0], setShowMenu = _4[1];
-    var _5 = React.useState(false), mouseHover = _5[0], setMouseHover = _5[1];
+    var _5 = React.useState(false), showMenu = _5[0], setShowMenu = _5[1];
+    var _6 = React.useState(false), mouseHover = _6[0], setMouseHover = _6[1];
     var isMenuMounted = useElementObserver.useElementObserver("#".concat(ui_ContextMenu.getObservingId(message$1.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
         document.getElementById(ui_ContextMenu.MENU_ROOT_ID),
         document.getElementById(ui_ContextMenu.EMOJI_MENU_ROOT_ID),
     ]);
     // Feedback states
-    var _6 = React.useState(false), showFeedbackOptionsMenu = _6[0], setShowFeedbackOptionsMenu = _6[1];
-    var _7 = React.useState(false), showFeedbackModal = _7[0], setShowFeedbackModal = _7[1];
-    var _8 = React.useState(''), feedbackFailedText = _8[0], setFeedbackFailedText = _8[1];
-    var _9 = React.useState(index.getMessageContentMiddleClassNameByContainerType({
+    var _7 = React.useState(false), showFeedbackOptionsMenu = _7[0], setShowFeedbackOptionsMenu = _7[1];
+    var _8 = React.useState(false), showFeedbackModal = _8[0], setShowFeedbackModal = _8[1];
+    var _9 = React.useState(''), feedbackFailedText = _9[0], setFeedbackFailedText = _9[1];
+    var _10 = React.useState(index.getMessageContentMiddleClassNameByContainerType({
         message: message$1,
         isMobile: isMobile,
-    })), uiContainerType = _9[0], setUiContainerType = _9[1];
+    })), uiContainerType = _10[0], setUiContainerType = _10[1];
     var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
         if (renderedTemplateType === 'failed') {
             setUiContainerType(index.UI_CONTAINER_TYPES.DEFAULT);
@@ -254,6 +254,7 @@ function MessageContent(props) {
         && !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedbackStatus)
         && message$1.myFeedbackStatus !== SbFeedbackStatus.NOT_APPLICABLE;
     var isFeedbackEnabled = !!((_d = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _d === void 0 ? void 0 : _d.enableFeedback) && isFeedbackMessage;
+    var hasFeedback = (_e = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _e === void 0 ? void 0 : _e.rating;
     /**
      * For TemplateMessage, do not display:
      *   - in web view:
@@ -286,8 +287,9 @@ function MessageContent(props) {
     var onCloseFeedbackForm = function () {
         setShowFeedbackModal(false);
     };
-    var openFeedbackFormOrMenu = function () {
-        if (isMobile) {
+    var openFeedbackFormOrMenu = function (hasFeedback) {
+        if (hasFeedback === void 0) { hasFeedback = false; }
+        if (isMobile && hasFeedback) {
             setShowFeedbackOptionsMenu(true);
         }
         else {
@@ -352,7 +354,7 @@ function MessageContent(props) {
         React__default.default.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
             (useReplying) ? (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
-                React__default.default.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message$1.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
+                React__default.default.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_f = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _f !== void 0 ? _f : 0) > ((_h = (_g = message$1.parentMessage) === null || _g === void 0 ? void 0 : _g.createdAt) !== null && _h !== void 0 ? _h : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === _const.ThreadReplySelectType.THREAD) {
                             onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message$1 });
@@ -379,7 +381,7 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index.isMultipleFilesMessage(message$1) ? 'image-grid'
+                (isReactionEnabledInChannel && ((_j = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _j === void 0 ? void 0 : _j.length) > 0) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index.isMultipleFilesMessage(message$1) ? 'image-grid'
                         : (isByMe && !index.isThumbnailMessage(message$1) && !index.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message$1,
@@ -396,68 +398,68 @@ function MessageContent(props) {
                 })))),
             isTimestampBottom && React__default.default.createElement("div", { style: {
                     width: '100%',
-                    height: ((_k = (_j = timestampRef.current) === null || _j === void 0 ? void 0 : _j.clientHeight) !== null && _k !== void 0 ? _k : 0) + 'px',
+                    height: ((_l = (_k = timestampRef.current) === null || _k === void 0 ? void 0 : _k.clientHeight) !== null && _l !== void 0 ? _l : 0) + 'px',
                     marginTop: '4px',
                 } }),
             showThreadReplies && (message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo) && (React__default.default.createElement(ui_ThreadReplies.default, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message$1 }); }, ref: threadRepliesRef })),
             isFeedbackEnabled && React__default.default.createElement("div", { className: "sendbird-message-content__middle__body-container__feedback-buttons-container", ref: feedbackButtonsRef },
-                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_l = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_1;
-                        var _a, _b, _c;
-                        return _tslib.__generator(this, function (_d) {
-                            switch (_d.label) {
+                        var _a, _b;
+                        return _tslib.__generator(this, function (_c) {
+                            switch (_c.label) {
                                 case 0:
-                                    if (!!((_a = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _a === void 0 ? void 0 : _a.rating)) return [3 /*break*/, 5];
-                                    _d.label = 1;
+                                    if (!!hasFeedback) return [3 /*break*/, 5];
+                                    _c.label = 1;
                                 case 1:
-                                    _d.trys.push([1, 3, , 4]);
+                                    _c.trys.push([1, 3, , 4]);
                                     return [4 /*yield*/, message$1.submitFeedback({
                                             rating: message.FeedbackRating.GOOD,
                                         })];
                                 case 2:
-                                    _d.sent();
+                                    _c.sent();
                                     openFeedbackFormOrMenu();
                                     return [3 /*break*/, 4];
                                 case 3:
-                                    error_1 = _d.sent();
-                                    (_c = (_b = config === null || config === void 0 ? void 0 : config.logger) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.call(_b, 'Channel: Submit feedback failed.', error_1);
+                                    error_1 = _c.sent();
+                                    (_b = (_a = config === null || config === void 0 ? void 0 : config.logger) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, 'Channel: Submit feedback failed.', error_1);
                                     setFeedbackFailedText(stringSet.FEEDBACK_FAILED_SUBMIT);
                                     return [3 /*break*/, 4];
                                 case 4: return [3 /*break*/, 6];
                                 case 5:
-                                    openFeedbackFormOrMenu();
-                                    _d.label = 6;
+                                    openFeedbackFormOrMenu(true);
+                                    _c.label = 6;
                                 case 6: return [2 /*return*/];
                             }
                         });
                     }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
                     React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
-                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_2;
-                        var _a, _b, _c;
-                        return _tslib.__generator(this, function (_d) {
-                            switch (_d.label) {
+                        var _a, _b;
+                        return _tslib.__generator(this, function (_c) {
+                            switch (_c.label) {
                                 case 0:
-                                    if (!!((_a = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _a === void 0 ? void 0 : _a.rating)) return [3 /*break*/, 5];
-                                    _d.label = 1;
+                                    if (!!hasFeedback) return [3 /*break*/, 5];
+                                    _c.label = 1;
                                 case 1:
-                                    _d.trys.push([1, 3, , 4]);
+                                    _c.trys.push([1, 3, , 4]);
                                     return [4 /*yield*/, message$1.submitFeedback({
                                             rating: message.FeedbackRating.BAD,
                                         })];
                                 case 2:
-                                    _d.sent();
+                                    _c.sent();
                                     openFeedbackFormOrMenu();
                                     return [3 /*break*/, 4];
                                 case 3:
-                                    error_2 = _d.sent();
-                                    (_c = (_b = config === null || config === void 0 ? void 0 : config.logger) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.call(_b, 'Channel: Submit feedback failed.', error_2);
+                                    error_2 = _c.sent();
+                                    (_b = (_a = config === null || config === void 0 ? void 0 : config.logger) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, 'Channel: Submit feedback failed.', error_2);
                                     setFeedbackFailedText(stringSet.FEEDBACK_FAILED_SUBMIT);
                                     return [3 /*break*/, 4];
                                 case 4: return [3 /*break*/, 6];
                                 case 5:
-                                    openFeedbackFormOrMenu();
-                                    _d.label = 6;
+                                    openFeedbackFormOrMenu(true);
+                                    _c.label = 6;
                                 case 6: return [2 /*return*/];
                             }
                         });
@@ -549,7 +551,7 @@ function MessageContent(props) {
                 });
             }); },
         }),
-        ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
+        ((_p = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _p === void 0 ? void 0 : _p.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -578,7 +580,7 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        ((_p = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _p === void 0 ? void 0 : _p.rating) && showFeedbackModal && (React__default.default.createElement(ui_MessageFeedbackModal, { selectedFeedback: message$1.myFeedback.rating, message: message$1, onUpdate: function (selectedFeedback, comment) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        ((_q = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _q === void 0 ? void 0 : _q.rating) && showFeedbackModal && (React__default.default.createElement(ui_MessageFeedbackModal, { selectedFeedback: message$1.myFeedback.rating, message: message$1, onUpdate: function (selectedFeedback, comment) { return _tslib.__awaiter(_this, void 0, void 0, function () {
                 var newFeedback, error_4;
                 var _a, _b;
                 return _tslib.__generator(this, function (_c) {

package/cjs/ui/MessageContent.js.map

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

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
-var ui_Modal = require('../chunks/bundle-BCx4TP9R.js');
+var LocalizationContext = require('../chunks/bundle-BTnp5AMU.js');
+var ui_Modal = require('../chunks/bundle-BrbJwzok.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
-var useKeyDown = require('../chunks/bundle-BTdldoB1.js');
-require('../chunks/bundle-BSZgogl8.js');
-require('../chunks/bundle-CqS517qU.js');
-require('../chunks/bundle-B9Jxp8fA.js');
-require('../chunks/bundle-E1Tkj9Pc.js');
+var ui_Label = require('../chunks/bundle-B1FyXNgp.js');
+var useKeyDown = require('../chunks/bundle-Z_Fy-e9f.js');
+require('../chunks/bundle-DAiQFAIq.js');
+require('../chunks/bundle-DUBFSyJD.js');
+require('../chunks/bundle-CtW7NpHu.js');
+require('../chunks/bundle-wiHotMAw.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BafSf9GJ.js');
-require('../chunks/bundle-C6bh_Eny.js');
-require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-D-wSuvqS.js');
+require('../chunks/bundle-B2iq7UlJ.js');
+require('../chunks/bundle-DgDVQ2Go.js');
 require('react-dom');
-require('../chunks/bundle-DW5WyVEg.js');
+require('../chunks/bundle-Tld-Qm-O.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-DAzWBBxC.js');
+require('../chunks/bundle-8ud3Tnvk.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BimZhXdJ.js');
-require('../chunks/bundle-COzM5cWS.js');
+require('../chunks/bundle-DCV-Tw4-.js');
+require('../chunks/bundle-DyYk1tMQ.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-5SGoePaQ.js');
+require('../chunks/bundle-B9X0JbpA.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/MessageFeedbackModal.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
-var ui_Modal = require('../chunks/bundle-BCx4TP9R.js');
+var LocalizationContext = require('../chunks/bundle-BTnp5AMU.js');
+var ui_Modal = require('../chunks/bundle-BrbJwzok.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
-var MediaQueryContext = require('../chunks/bundle-DW5WyVEg.js');
-var useKeyDown = require('../chunks/bundle-BTdldoB1.js');
-require('../chunks/bundle-BSZgogl8.js');
-require('../chunks/bundle-CqS517qU.js');
-require('../chunks/bundle-B9Jxp8fA.js');
-require('../chunks/bundle-E1Tkj9Pc.js');
+var ui_Label = require('../chunks/bundle-B1FyXNgp.js');
+var MediaQueryContext = require('../chunks/bundle-Tld-Qm-O.js');
+var useKeyDown = require('../chunks/bundle-Z_Fy-e9f.js');
+require('../chunks/bundle-DAiQFAIq.js');
+require('../chunks/bundle-DUBFSyJD.js');
+require('../chunks/bundle-CtW7NpHu.js');
+require('../chunks/bundle-wiHotMAw.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BafSf9GJ.js');
-require('../chunks/bundle-C6bh_Eny.js');
-require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-D-wSuvqS.js');
+require('../chunks/bundle-B2iq7UlJ.js');
+require('../chunks/bundle-DgDVQ2Go.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -24,12 +24,12 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-DAzWBBxC.js');
+require('../chunks/bundle-8ud3Tnvk.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BimZhXdJ.js');
-require('../chunks/bundle-COzM5cWS.js');
+require('../chunks/bundle-DCV-Tw4-.js');
+require('../chunks/bundle-DyYk1tMQ.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-5SGoePaQ.js');
+require('../chunks/bundle-B9X0JbpA.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-Db2msOTT.js');
-require('../../../chunks/bundle-B8BijbtU.js');
-require('../../../chunks/bundle-BhgTi0HE.js');
-require('../../../chunks/bundle-BSZgogl8.js');
-require('../../../chunks/bundle-DPZ5pgOH.js');
-require('../../../chunks/bundle-CC7ewM-Z.js');
-require('../../../chunks/bundle-CwwjS2wm.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-DWOvJMsF.js');
+require('../../../chunks/bundle-CgMkcoVf.js');
+require('../../../chunks/bundle-DmKx6viv.js');
+require('../../../chunks/bundle-DAiQFAIq.js');
+require('../../../chunks/bundle-DeiT1zRq.js');
+require('../../../chunks/bundle-BAU2-TVk.js');
+require('../../../chunks/bundle-it4IqMgV.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BSZgogl8.js');
+var _tslib = require('../chunks/bundle-DAiQFAIq.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-B8BijbtU.js');
-var _const = require('../chunks/bundle-BhgTi0HE.js');
+var _const$1 = require('../chunks/bundle-CgMkcoVf.js');
+var _const = require('../chunks/bundle-DmKx6viv.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-Db2msOTT.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-DWOvJMsF.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-CLsH2CaE.js');
-var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
+var ui_Label = require('../chunks/bundle-B1FyXNgp.js');
+var LocalizationContext = require('../chunks/bundle-BTnp5AMU.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('../chunks/bundle-E1Tkj9Pc.js');
-var tokenize = require('../chunks/bundle-B0yVr4jS.js');
-var utils = require('../chunks/bundle-BsUVmQmx.js');
-var browser = require('../chunks/bundle-BafSf9GJ.js');
+var index = require('../chunks/bundle-wiHotMAw.js');
+var tokenize = require('../chunks/bundle-CEmLXieA.js');
+var utils = require('../chunks/bundle-DgDVQ2Go.js');
+var browser = require('../chunks/bundle-D-wSuvqS.js');
 require('dompurify');
-require('../chunks/bundle-DPZ5pgOH.js');
-require('../chunks/bundle-CC7ewM-Z.js');
-require('../chunks/bundle-CwwjS2wm.js');
-require('../chunks/bundle-CqS517qU.js');
-require('../chunks/bundle-B9Jxp8fA.js');
+require('../chunks/bundle-DeiT1zRq.js');
+require('../chunks/bundle-BAU2-TVk.js');
+require('../chunks/bundle-it4IqMgV.js');
+require('../chunks/bundle-DUBFSyJD.js');
+require('../chunks/bundle-CtW7NpHu.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-B2iq7UlJ.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageItemMenu.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BSZgogl8.js');
+var _tslib = require('../chunks/bundle-DAiQFAIq.js');
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
+var ui_ContextMenu = require('../chunks/bundle-B9X0JbpA.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-E1Tkj9Pc.js');
-var LocalizationContext = require('../chunks/bundle-BZCLEq3c.js');
-var types = require('../chunks/bundle-D1D4kiAc.js');
-var utils = require('../chunks/bundle-BsUVmQmx.js');
+var index = require('../chunks/bundle-wiHotMAw.js');
+var LocalizationContext = require('../chunks/bundle-BTnp5AMU.js');
+var types = require('../chunks/bundle-B6Hjp5lH.js');
+var utils = require('../chunks/bundle-DgDVQ2Go.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DAzWBBxC.js');
+require('../chunks/bundle-8ud3Tnvk.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CLsH2CaE.js');
-require('../chunks/bundle-CqS517qU.js');
+require('../chunks/bundle-B1FyXNgp.js');
+require('../chunks/bundle-DUBFSyJD.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BafSf9GJ.js');
-require('../chunks/bundle-C6bh_Eny.js');
-require('../chunks/bundle-B9Jxp8fA.js');
+require('../chunks/bundle-D-wSuvqS.js');
+require('../chunks/bundle-B2iq7UlJ.js');
+require('../chunks/bundle-CtW7NpHu.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageItemReactionMenu.js

@@ -3,30 +3,30 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-5SGoePaQ.js');
+var ui_ContextMenu = require('../chunks/bundle-B9X0JbpA.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../chunks/bundle-E1Tkj9Pc.js');
-require('../chunks/bundle-BSZgogl8.js');
+var index = require('../chunks/bundle-wiHotMAw.js');
+require('../chunks/bundle-DAiQFAIq.js');
 require('react-dom');
-require('../chunks/bundle-BsUVmQmx.js');
+require('../chunks/bundle-DgDVQ2Go.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DAzWBBxC.js');
+require('../chunks/bundle-8ud3Tnvk.js');
 require('../withSendbird.js');
-require('../chunks/bundle-BZCLEq3c.js');
-require('../chunks/bundle-CqS517qU.js');
-require('../chunks/bundle-B9Jxp8fA.js');
-require('../chunks/bundle-CLsH2CaE.js');
-require('../chunks/bundle-CteyVr3n.js');
-require('../chunks/bundle-DW5WyVEg.js');
+require('../chunks/bundle-BTnp5AMU.js');
+require('../chunks/bundle-DUBFSyJD.js');
+require('../chunks/bundle-CtW7NpHu.js');
+require('../chunks/bundle-B1FyXNgp.js');
+require('../chunks/bundle-B1ekd7hP.js');
+require('../chunks/bundle-Tld-Qm-O.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BafSf9GJ.js');
-require('../chunks/bundle-C6bh_Eny.js');
+require('../chunks/bundle-D-wSuvqS.js');
+require('../chunks/bundle-B2iq7UlJ.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }