@sendbird/uikit-react 3.14.13 → 3.14.14

package/ui/MessageContent.js

@@ -1,32 +1,32 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-BQi9-O76.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-B1SLZ0HT.js';
 import React__default, { useRef, useContext, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-CAdqcqOm.js';
-import { M as MessageStatus } from '../chunks/bundle-vuBlPTsL.js';
-import { M as MessageMenu } from '../chunks/bundle-DkBecO3w.js';
-import { C as ContextMenu, b as MenuItems, d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-CwKZj-B6.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-BgwzpLeQ.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
+import { f as format } from '../chunks/bundle-C6F1gIgq.js';
+import { M as MessageStatus } from '../chunks/bundle-j0SR3DhQ.js';
+import { M as MessageMenu } from '../chunks/bundle-B6Uh5m2a.js';
+import { C as ContextMenu, b as MenuItems, d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-C7VSBUKJ.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-CtBgdgkK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { k as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, e as getSenderName, O as getMessageContentMiddleClassNameByContainerType, P as isAdminMessage, w as getClassName, Q as UI_CONTAINER_TYPES } from '../chunks/bundle-DxTN4_0p.js';
-import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-cQZ3UZoG.js';
+import { k as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, e as getSenderName, O as getMessageContentMiddleClassNameByContainerType, P as isAdminMessage, w as getClassName, Q as UI_CONTAINER_TYPES } from '../chunks/bundle-D-cVbGxk.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-BvAzWVA5.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-AfQS5DGf.js';
+import { u as useLongPress } from '../chunks/bundle-DxDVBm6N.js';
 import { MobileMenu } from './MobileMenu.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-f-SpnOx2.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DBzinRyn.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-CveCFQYP.js';
-import { A as Avatar } from '../chunks/bundle-CFosTNce.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-DHJZgVZH.js';
+import { A as Avatar } from '../chunks/bundle-C76-LA1E.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-BrTJ5Zbd.js';
+import { a as UserProfileContext } from '../chunks/bundle-BKxPk2t0.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-ZVq6xGXk.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-Bt68jirZ.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
@@ -36,57 +36,57 @@ import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import { u as useElementObserver } from '../chunks/bundle-Cf0UgZwi.js';
-import '../chunks/bundle-CA85nVxp.js';
-import '../chunks/bundle-bdDHjHH6.js';
+import { u as useElementObserver } from '../chunks/bundle-CbMF1uDu.js';
+import '../chunks/bundle-CwQYOWqR.js';
+import '../chunks/bundle-kNaMXwgI.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BHK1eF5R.js';
-import '../chunks/bundle-F5koPk19.js';
+import '../chunks/bundle-BxrZduJE.js';
+import '../chunks/bundle-q_YvxT21.js';
 import './IconButton.js';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-Cvt9FZvn.js';
 import '../withSendbird.js';
-import '../chunks/bundle-Bwk5KPwK.js';
+import '../chunks/bundle-D2Fmzffb.js';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-CNWAfTVw.js';
+import '../chunks/bundle-DJDeBhDz.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-CXdo2kR_.js';
+import '../chunks/bundle-Bh6KfMRl.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-DDeWOERD.js';
-import '../chunks/bundle-DCMGp6rH.js';
+import '../chunks/bundle-DO8nji3n.js';
+import '../chunks/bundle-c4e24Qt4.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-DXRRGizV.js';
+import '../chunks/bundle-DYIdeEpd.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-b6TpX_JP.js';
+import '../chunks/bundle-DZhG3Z6D.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-BNDaXsLn.js';
-import '../chunks/bundle-BqMHiKkl.js';
-import '../chunks/bundle-DofK8ySe.js';
-import '../chunks/bundle-GUbI4JcD.js';
+import '../chunks/bundle-uSSYB2TA.js';
+import '../chunks/bundle-CfsHVenu.js';
+import '../chunks/bundle-NWVriOUB.js';
+import '../chunks/bundle-DtlqJEe7.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-DhGZA5UP.js';
-import '../chunks/bundle-B6edg1g0.js';
+import '../chunks/bundle-fSuFm2tD.js';
+import '../chunks/bundle-BVBoUWl2.js';
 import './TextButton.js';
-import '../chunks/bundle-rA4afvKU.js';
+import '../chunks/bundle-CTaD4y3Q.js';
 import './FileViewer.js';
-import '../chunks/bundle-Gdl-rzQC.js';
+import '../chunks/bundle-DTOg7Xzt.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-uLjwqZrR.js';
+import '../chunks/bundle-CbTjJHLv.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
 import './Input.js';
@@ -186,14 +186,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 = 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 = 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 = deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _2;
+    var _w = deleteNullish(props), _x = _w.renderSenderProfile, renderSenderProfile = _x === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _x, _y = _w.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _y, _z = _w.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _z, _0 = _w.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _0, _1 = _w.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _1, _2 = _w.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _2, _3 = _w.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _3 === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _3;
     var dateLocale = useLocalization().dateLocale;
-    var _3 = useSendbirdStateContext(), config = _3.config, eventHandlers = _3.eventHandlers;
+    var _4 = 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 = useRef();
@@ -201,20 +201,20 @@ function MessageContent(props) {
     var threadRepliesRef = useRef();
     var feedbackButtonsRef = useRef();
     var isMobile = useMediaQueryContext().isMobile;
-    var _4 = useState(false), showMenu = _4[0], setShowMenu = _4[1];
-    var _5 = useState(false), mouseHover = _5[0], setMouseHover = _5[1];
+    var _5 = useState(false), showMenu = _5[0], setShowMenu = _5[1];
+    var _6 = useState(false), mouseHover = _6[0], setMouseHover = _6[1];
     var isMenuMounted = useElementObserver("#".concat(getObservingId(message.messageId), ".").concat(MENU_OBSERVING_CLASS_NAME), [
         document.getElementById(MENU_ROOT_ID),
         document.getElementById(EMOJI_MENU_ROOT_ID),
     ]);
     // Feedback states
-    var _6 = useState(false), showFeedbackOptionsMenu = _6[0], setShowFeedbackOptionsMenu = _6[1];
-    var _7 = useState(false), showFeedbackModal = _7[0], setShowFeedbackModal = _7[1];
-    var _8 = useState(''), feedbackFailedText = _8[0], setFeedbackFailedText = _8[1];
-    var _9 = useState(getMessageContentMiddleClassNameByContainerType({
+    var _7 = useState(false), showFeedbackOptionsMenu = _7[0], setShowFeedbackOptionsMenu = _7[1];
+    var _8 = useState(false), showFeedbackModal = _8[0], setShowFeedbackModal = _8[1];
+    var _9 = useState(''), feedbackFailedText = _9[0], setFeedbackFailedText = _9[1];
+    var _10 = useState(getMessageContentMiddleClassNameByContainerType({
         message: message,
         isMobile: isMobile,
-    })), uiContainerType = _9[0], setUiContainerType = _9[1];
+    })), uiContainerType = _10[0], setUiContainerType = _10[1];
     var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
         if (renderedTemplateType === 'failed') {
             setUiContainerType(UI_CONTAINER_TYPES.DEFAULT);
@@ -248,6 +248,7 @@ function MessageContent(props) {
         && !!(message === null || message === void 0 ? void 0 : message.myFeedbackStatus)
         && message.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 === null || message === void 0 ? void 0 : message.myFeedback) === null || _e === void 0 ? void 0 : _e.rating;
     /**
      * For TemplateMessage, do not display:
      *   - in web view:
@@ -280,8 +281,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 {
@@ -346,7 +348,7 @@ function MessageContent(props) {
         React__default.createElement("div", __assign({ className: classnames('sendbird-message-content__middle', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
             (useReplying) ? (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
-                React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
+                React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_f = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _f !== void 0 ? _f : 0) > ((_h = (_g = message.parentMessage) === null || _g === void 0 ? void 0 : _g.createdAt) !== null && _h !== void 0 ? _h : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
                             onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message });
@@ -373,7 +375,7 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.createElement("div", { className: classnames('sendbird-message-content-reactions', isMultipleFilesMessage(message) ? 'image-grid'
+                (isReactionEnabledInChannel && ((_j = message === null || message === void 0 ? void 0 : message.reactions) === null || _j === void 0 ? void 0 : _j.length) > 0) && (React__default.createElement("div", { className: classnames('sendbird-message-content-reactions', isMultipleFilesMessage(message) ? 'image-grid'
                         : (isByMe && !isThumbnailMessage(message) && !isOGMessage(message)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message,
@@ -390,68 +392,68 @@ function MessageContent(props) {
                 })))),
             isTimestampBottom && React__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 === null || message === void 0 ? void 0 : message.threadInfo) && (React__default.createElement(ThreadReplies, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message === null || message === void 0 ? void 0 : message.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message }); }, ref: threadRepliesRef })),
             isFeedbackEnabled && React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__feedback-buttons-container", ref: feedbackButtonsRef },
-                React__default.createElement(FeedbackIconButton, { isSelected: ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === FeedbackRating.GOOD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                React__default.createElement(FeedbackIconButton, { isSelected: ((_m = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === FeedbackRating.GOOD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                         var error_1;
-                        var _a, _b, _c;
-                        return __generator(this, function (_d) {
-                            switch (_d.label) {
+                        var _a, _b;
+                        return __generator(this, function (_c) {
+                            switch (_c.label) {
                                 case 0:
-                                    if (!!((_a = message === null || message === void 0 ? void 0 : message.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.submitFeedback({
                                             rating: 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 === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.GOOD },
                     React__default.createElement(Icon, { type: IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
-                React__default.createElement(FeedbackIconButton, { isSelected: ((_m = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === FeedbackRating.BAD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                React__default.createElement(FeedbackIconButton, { isSelected: ((_o = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) === FeedbackRating.BAD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                         var error_2;
-                        var _a, _b, _c;
-                        return __generator(this, function (_d) {
-                            switch (_d.label) {
+                        var _a, _b;
+                        return __generator(this, function (_c) {
+                            switch (_c.label) {
                                 case 0:
-                                    if (!!((_a = message === null || message === void 0 ? void 0 : message.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.submitFeedback({
                                             rating: 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*/];
                             }
                         });
@@ -543,7 +545,7 @@ function MessageContent(props) {
                 });
             }); },
         }),
-        ((_o = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
+        ((_p = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _p === void 0 ? void 0 : _p.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -572,7 +574,7 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        ((_p = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _p === void 0 ? void 0 : _p.rating) && showFeedbackModal && (React__default.createElement(MessageFeedbackModal, { selectedFeedback: message.myFeedback.rating, message: message, onUpdate: function (selectedFeedback, comment) { return __awaiter(_this, void 0, void 0, function () {
+        ((_q = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _q === void 0 ? void 0 : _q.rating) && showFeedbackModal && (React__default.createElement(MessageFeedbackModal, { selectedFeedback: message.myFeedback.rating, message: message, onUpdate: function (selectedFeedback, comment) { return __awaiter(_this, void 0, void 0, function () {
                 var newFeedback, error_4;
                 var _a, _b;
                 return __generator(this, function (_c) {

package/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/ui/MessageFeedbackFailedModal.js

@@ -1,32 +1,32 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-cQZ3UZoG.js';
-import { M as Modal } from '../chunks/bundle-CXdo2kR_.js';
+import { L as LocalizationContext } from '../chunks/bundle-BvAzWVA5.js';
+import { M as Modal } from '../chunks/bundle-Bh6KfMRl.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import { u as useKeyDown } from '../chunks/bundle-Gdl-rzQC.js';
-import '../chunks/bundle-BQi9-O76.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
-import '../chunks/bundle-DxTN4_0p.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
+import { u as useKeyDown } from '../chunks/bundle-DTOg7Xzt.js';
+import '../chunks/bundle-B1SLZ0HT.js';
+import '../chunks/bundle-D2Fmzffb.js';
+import '../chunks/bundle-kNaMXwgI.js';
+import '../chunks/bundle-D-cVbGxk.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CNWAfTVw.js';
-import '../chunks/bundle-CA85nVxp.js';
-import '../chunks/bundle-BgwzpLeQ.js';
+import '../chunks/bundle-DJDeBhDz.js';
+import '../chunks/bundle-CwQYOWqR.js';
+import '../chunks/bundle-CtBgdgkK.js';
 import 'react-dom';
-import '../chunks/bundle-f-SpnOx2.js';
+import '../chunks/bundle-DBzinRyn.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-Cvt9FZvn.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DDeWOERD.js';
-import '../chunks/bundle-DCMGp6rH.js';
+import '../chunks/bundle-DO8nji3n.js';
+import '../chunks/bundle-c4e24Qt4.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CwKZj-B6.js';
+import '../chunks/bundle-C7VSBUKJ.js';
 import './SortByRow.js';
 
 function MessageFeedbackFailedModal(props) {

package/ui/MessageFeedbackModal.js

@@ -1,20 +1,20 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-cQZ3UZoG.js';
-import { M as Modal } from '../chunks/bundle-CXdo2kR_.js';
+import { L as LocalizationContext } from '../chunks/bundle-BvAzWVA5.js';
+import { M as Modal } from '../chunks/bundle-Bh6KfMRl.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-f-SpnOx2.js';
-import { u as useKeyDown } from '../chunks/bundle-Gdl-rzQC.js';
-import '../chunks/bundle-BQi9-O76.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
-import '../chunks/bundle-DxTN4_0p.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DBzinRyn.js';
+import { u as useKeyDown } from '../chunks/bundle-DTOg7Xzt.js';
+import '../chunks/bundle-B1SLZ0HT.js';
+import '../chunks/bundle-D2Fmzffb.js';
+import '../chunks/bundle-kNaMXwgI.js';
+import '../chunks/bundle-D-cVbGxk.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CNWAfTVw.js';
-import '../chunks/bundle-CA85nVxp.js';
-import '../chunks/bundle-BgwzpLeQ.js';
+import '../chunks/bundle-DJDeBhDz.js';
+import '../chunks/bundle-CwQYOWqR.js';
+import '../chunks/bundle-CtBgdgkK.js';
 import 'react-dom';
 import './IconButton.js';
 import './Icon.js';
@@ -22,12 +22,12 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-Cvt9FZvn.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DDeWOERD.js';
-import '../chunks/bundle-DCMGp6rH.js';
+import '../chunks/bundle-DO8nji3n.js';
+import '../chunks/bundle-c4e24Qt4.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CwKZj-B6.js';
+import '../chunks/bundle-C7VSBUKJ.js';
 import './SortByRow.js';
 
 function MessageFeedbackModal(props) {

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-TZQ6dJCG.js';
-import '../../../chunks/bundle-0qSTzMXb.js';
-import '../../../chunks/bundle-CveCFQYP.js';
-import '../../../chunks/bundle-BQi9-O76.js';
-import '../../../chunks/bundle-0nQK2G2O.js';
-import '../../../chunks/bundle-B6edg1g0.js';
-import '../../../chunks/bundle-DhGZA5UP.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-BGQ77Eco.js';
+import '../../../chunks/bundle-DcNHBjGp.js';
+import '../../../chunks/bundle-DHJZgVZH.js';
+import '../../../chunks/bundle-B1SLZ0HT.js';
+import '../../../chunks/bundle-i2i0G-ml.js';
+import '../../../chunks/bundle-BVBoUWl2.js';
+import '../../../chunks/bundle-fSuFm2tD.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,28 +1,28 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-BQi9-O76.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-B1SLZ0HT.js';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-0qSTzMXb.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-CveCFQYP.js';
+import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-DcNHBjGp.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-DHJZgVZH.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
-import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-TZQ6dJCG.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-BGQ77Eco.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DhKQeIfP.js';
-import { u as useLocalization } from '../chunks/bundle-cQZ3UZoG.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
+import { u as useLocalization } from '../chunks/bundle-BvAzWVA5.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-DxTN4_0p.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-GUbI4JcD.js';
-import { c as classnames } from '../chunks/bundle-BgwzpLeQ.js';
-import { i as isMobileIOS } from '../chunks/bundle-CNWAfTVw.js';
+import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-D-cVbGxk.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-DtlqJEe7.js';
+import { c as classnames } from '../chunks/bundle-CtBgdgkK.js';
+import { i as isMobileIOS } from '../chunks/bundle-DJDeBhDz.js';
 import 'dompurify';
-import '../chunks/bundle-0nQK2G2O.js';
-import '../chunks/bundle-B6edg1g0.js';
-import '../chunks/bundle-DhGZA5UP.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
+import '../chunks/bundle-i2i0G-ml.js';
+import '../chunks/bundle-BVBoUWl2.js';
+import '../chunks/bundle-fSuFm2tD.js';
+import '../chunks/bundle-D2Fmzffb.js';
+import '../chunks/bundle-kNaMXwgI.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CA85nVxp.js';
+import '../chunks/bundle-CwQYOWqR.js';
 
 /**
  * FIXME:

package/ui/MessageItemMenu.js

@@ -1,25 +1,25 @@
-import { _ as __assign } from '../chunks/bundle-BQi9-O76.js';
+import { _ as __assign } from '../chunks/bundle-B1SLZ0HT.js';
 import React__default, { useContext, useRef } from 'react';
-import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-CwKZj-B6.js';
+import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-C7VSBUKJ.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { l as isUserMessage, q as isSentMessage, v as isFailedMessage, u as isPendingMessage, w as getClassName, A as copyToClipboard } from '../chunks/bundle-DxTN4_0p.js';
-import { L as LocalizationContext } from '../chunks/bundle-cQZ3UZoG.js';
-import { R as Role } from '../chunks/bundle-C3Ty1Yuy.js';
-import { d as deleteNullish } from '../chunks/bundle-BgwzpLeQ.js';
+import { l as isUserMessage, q as isSentMessage, v as isFailedMessage, u as isPendingMessage, w as getClassName, A as copyToClipboard } from '../chunks/bundle-D-cVbGxk.js';
+import { L as LocalizationContext } from '../chunks/bundle-BvAzWVA5.js';
+import { R as Role } from '../chunks/bundle-B5vIoHSd.js';
+import { d as deleteNullish } from '../chunks/bundle-CtBgdgkK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-Cvt9FZvn.js';
 import '../withSendbird.js';
-import '../chunks/bundle-DhKQeIfP.js';
-import '../chunks/bundle-Bwk5KPwK.js';
+import '../chunks/bundle-CEZ0D4qz.js';
+import '../chunks/bundle-D2Fmzffb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CNWAfTVw.js';
-import '../chunks/bundle-CA85nVxp.js';
-import '../chunks/bundle-bdDHjHH6.js';
+import '../chunks/bundle-DJDeBhDz.js';
+import '../chunks/bundle-CwQYOWqR.js';
+import '../chunks/bundle-kNaMXwgI.js';
 
 function MessageMenu(props) {
     var _a;

package/ui/MessageItemReactionMenu.js

@@ -1,28 +1,28 @@
 import React__default, { useRef } from 'react';
-import { C as ContextMenu, f as EmojiListItems, g as getObservingId } from '../chunks/bundle-CwKZj-B6.js';
+import { C as ContextMenu, f as EmojiListItems, g as getObservingId } from '../chunks/bundle-C7VSBUKJ.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { u as isPendingMessage, v as isFailedMessage, w as getClassName, x as getEmojiListAll } from '../chunks/bundle-DxTN4_0p.js';
-import '../chunks/bundle-BQi9-O76.js';
+import { u as isPendingMessage, v as isFailedMessage, w as getClassName, x as getEmojiListAll } from '../chunks/bundle-D-cVbGxk.js';
+import '../chunks/bundle-B1SLZ0HT.js';
 import 'react-dom';
-import '../chunks/bundle-BgwzpLeQ.js';
+import '../chunks/bundle-CtBgdgkK.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-etuaqevl.js';
+import '../chunks/bundle-Cvt9FZvn.js';
 import '../withSendbird.js';
-import '../chunks/bundle-cQZ3UZoG.js';
-import '../chunks/bundle-Bwk5KPwK.js';
-import '../chunks/bundle-bdDHjHH6.js';
-import '../chunks/bundle-DhKQeIfP.js';
-import '../chunks/bundle-AfQS5DGf.js';
-import '../chunks/bundle-f-SpnOx2.js';
+import '../chunks/bundle-BvAzWVA5.js';
+import '../chunks/bundle-D2Fmzffb.js';
+import '../chunks/bundle-kNaMXwgI.js';
+import '../chunks/bundle-CEZ0D4qz.js';
+import '../chunks/bundle-DxDVBm6N.js';
+import '../chunks/bundle-DBzinRyn.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CNWAfTVw.js';
-import '../chunks/bundle-CA85nVxp.js';
+import '../chunks/bundle-DJDeBhDz.js';
+import '../chunks/bundle-CwQYOWqR.js';
 
 function MessageEmojiMenu(_a) {
     var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction;