@sendbird/uikit-react 3.10.0 → 3.10.2-alpha.0

package/ui/MessageContent.js

@@ -1,64 +1,54 @@
-import { _ as __assign, b as __awaiter, c as __generator } from '../chunks/bundle-Dv_OpODB.js';
+import { _ as __assign, b as __awaiter, c as __generator } from '../chunks/bundle-BA7tv0JB.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-gzQGUVJt.js';
-import { M as MessageStatus } from '../chunks/bundle-fDGhJhA3.js';
+import { f as format } from '../chunks/bundle-hDx2-CRe.js';
+import { M as MessageStatus } from '../chunks/bundle-J3DrW9X2.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-cYhstyoi.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { R as isSendableMessage, w as getUIKitMessageTypes, I as isOGMessage, J as isTextMessage, t as getUIKitMessageType, b as isMultipleFilesMessage, i as isVoiceMessage, r as isThumbnailMessage, h as getSenderName, n as getClassName } from '../chunks/bundle-aD4V4aI8.js';
-import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-AilPIINY.js';
+import { Q as isSendableMessage, h as getUIKitMessageTypes, I as isOGMessage, J as isTextMessage, f as getUIKitMessageType, a as isMultipleFilesMessage, i as isVoiceMessage, k as isThumbnailMessage, g as getSenderName, q as getClassName } from '../chunks/bundle-N9hMnIRl.js';
+import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-BBjosDA0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-tLQ87Jwz.js';
-import { M as MobileMenu } from '../chunks/bundle-wNtXTu0c.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Uw736N77.js';
+import { u as useLongPress } from '../chunks/bundle-0jbuC1o3.js';
+import { M as MobileMenu } from '../chunks/bundle-ctAjRHDW.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-r9j_eCHc.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-zx8iuoIh.js';
-import { n as noop } from '../chunks/bundle-kHH52OEM.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-poK2Vr1v.js';
+import { n as noop } from '../chunks/bundle-cA_r9HRx.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-HVtbYmj3.js';
+import { A as Avatar } from '../chunks/bundle-Qufz6_i_.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-8XAFqDsw.js';
+import { a as UserProfileContext } from '../chunks/bundle-vOT5acXc.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody } from '../chunks/bundle-4uNbb5ZI.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-cBbT3DlY.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
-import { K } from '../chunks/bundle-rQ1k1Cpu.js';
+import { K } from '../chunks/bundle-aKXnhi3A.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from '../Channel/components/MessageFeedbackModal.js';
-import { M as Modal } from '../chunks/bundle-4vHal8Yn.js';
+import { M as Modal } from '../chunks/bundle-cvTUkQV_.js';
 import Button, { ButtonTypes } from './Button.js';
-import { u as useKeyDown } from '../chunks/bundle-YWlIaifS.js';
-import '../chunks/bundle-26VX7FQg.js';
+import { u as useKeyDown } from '../chunks/bundle-fQ1V_U8F.js';
+import '../chunks/bundle-ULVw0l0r.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-cN2gAFB_.js';
-import '../chunks/bundle-6LRbbWyh.js';
+import '../chunks/bundle-lUrIOx9p.js';
+import '../chunks/bundle-nD2ZWBq4.js';
 import './IconButton.js';
-import '../chunks/bundle-M-Qfv2tU.js';
-import '../chunks/bundle-QSb_mwts.js';
-import '../chunks/bundle-KpJtSqe-.js';
-import '../chunks/bundle-ej1sc1yZ.js';
-import '../chunks/bundle-1pnUZsGs.js';
-import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-mccz6DbW.js';
-import '../Channel/hooks/useInitialMessagesFetch.js';
-import '../chunks/bundle-tD8xAWw2.js';
-import '../chunks/bundle-QjcHKpDK.js';
-import '../chunks/bundle-QGpFq71p.js';
-import '../chunks/bundle-Abz9zH51.js';
+import '../chunks/bundle-4Ib7FkR6.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-P_LfQm7L.js';
-import '../withSendbird.js';
+import '../chunks/bundle-YoWLsJ0C.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import './ReactionBadge.js';
@@ -67,24 +57,27 @@ import '../hooks/useModal.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-s5uFV3hh.js';
+import '../chunks/bundle-jDjj3eHU.js';
 import '../sendbirdSelectors.js';
+import '../chunks/bundle-nlOgiAcu.js';
+import '../withSendbird.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-5iL1VCKs.js';
-import '../chunks/bundle-YD2b0cnK.js';
-import '../chunks/bundle-ZExhHi47.js';
+import '../chunks/bundle-w1C-Xmf3.js';
+import '../chunks/bundle-agW9Hw66.js';
+import '../chunks/bundle-IRlSmJVg.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-hpM7HwDV.js';
-import '../chunks/bundle-X2Sm7pn5.js';
+import '../chunks/bundle-iwZaUd9o.js';
+import '../chunks/bundle-4GPpeoNf.js';
 import './TextButton.js';
-import '../chunks/bundle-y_DSrC-A.js';
-import '../chunks/bundle-hNJ4PtSG.js';
+import '../chunks/bundle-LWD0OLz8.js';
+import '../chunks/bundle-wMP1pqZM.js';
+import '../chunks/bundle-MBrlu_LK.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-8XsN_e3a.js';
+import '../chunks/bundle-drww6xht.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
 import './Input.js';
@@ -132,7 +125,7 @@ function MessageBody(props) {
     var threadMessageKindKey = useThreadMessageKindKeySelector({
         isMobile: isMobile,
     });
-    var statefulFileInfoList = useStatefulFileInfoList(message); // For MultipleFilesMessage.
+    var statefulFileInfoList = useFileInfoListWithUploaded(message); // For MultipleFilesMessage.
     var messageTypes = getUIKitMessageTypes();
     var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     return K(message)
@@ -193,27 +186,26 @@ function MessageFeedbackFailedModal(props) {
 
 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, _r;
     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, 
+    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _s = props.disabled, disabled = _s === void 0 ? false : _s, _t = props.chainTop, chainTop = _t === void 0 ? false : _t, _u = props.chainBottom, chainBottom = _u === void 0 ? false : _u, _v = props.isReactionEnabled, isReactionEnabled = _v === void 0 ? false : _v, _w = props.disableQuoteMessage, disableQuoteMessage = _w === void 0 ? false : _w, 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, 
     // Public props for customization
-    _v = props.renderSenderProfile, 
+    _x = props.renderSenderProfile, 
     // Public props for customization
-    renderSenderProfile = _v === void 0 ? function (props) { return (React__default.createElement(MessageProfile, __assign({}, props))); } : _v, _w = props.renderMessageBody, renderMessageBody = _w === void 0 ? function (props) { return (React__default.createElement(MessageBody, __assign({}, props))); } : _w, _x = props.renderMessageHeader, renderMessageHeader = _x === void 0 ? function (props) { return (React__default.createElement(MessageHeader, __assign({}, props))); } : _x, _y = props.renderMessageMenu, renderMessageMenu = _y === void 0 ? function (props) { return (React__default.createElement(MessageMenu, __assign({}, props))); } : _y, _z = props.renderEmojiMenu, renderEmojiMenu = _z === void 0 ? function (props) { return (React__default.createElement(MessageEmojiMenu, __assign({}, props))); } : _z, _0 = props.renderEmojiReactions, renderEmojiReactions = _0 === void 0 ? function (props) { return (React__default.createElement(EmojiReactions, __assign({}, props))); } : _0;
+    renderSenderProfile = _x === void 0 ? function (props) { return (React__default.createElement(MessageProfile, __assign({}, props))); } : _x, _y = props.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return (React__default.createElement(MessageBody, __assign({}, props))); } : _y, _z = props.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return (React__default.createElement(MessageHeader, __assign({}, props))); } : _z, _0 = props.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return (React__default.createElement(MessageMenu, __assign({}, props))); } : _0, _1 = props.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return (React__default.createElement(MessageEmojiMenu, __assign({}, props))); } : _1, _2 = props.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return (React__default.createElement(EmojiReactions, __assign({}, props))); } : _2;
     var dateLocale = useLocalization().dateLocale;
-    var _1 = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _1.config, eventHandlers = _1.eventHandlers;
+    var _3 = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _3.config, eventHandlers = _3.eventHandlers;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
     var contentRef = useRef(null);
     var isMobile = useMediaQueryContext().isMobile;
-    var _2 = useState(false), showMenu = _2[0], setShowMenu = _2[1];
-    var _3 = useState(false), mouseHover = _3[0], setMouseHover = _3[1];
-    var _4 = useState(false), supposedHover = _4[0], setSupposedHover = _4[1];
+    var _4 = useState(false), showMenu = _4[0], setShowMenu = _4[1];
+    var _5 = useState(false), mouseHover = _5[0], setMouseHover = _5[1];
+    var _6 = useState(false), supposedHover = _6[0], setSupposedHover = _6[1];
     // Feedback states
-    var _5 = useState(null), selectedFeedback = _5[0], setSelectedFeedback = _5[1];
-    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 _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 stringSet = useContext(LocalizationContext).stringSet;
     var isByMe = (userId === ((_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.userId))
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
@@ -236,9 +228,16 @@ function MessageContent(props) {
     var isFeedbackEnabled = ((_d = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _d === void 0 ? void 0 : _d.enableFeedback) && isFeedbackMessage;
     var feedbackMessageClassName = isFeedbackEnabled ? 'sendbird-message-content__feedback' : '';
     var onCloseFeedbackForm = function () {
-        setSelectedFeedback(null);
         setShowFeedbackModal(false);
     };
+    var openFeedbackFormOrMenu = function () {
+        if (isMobile) {
+            setShowFeedbackOptionsMenu(true);
+        }
+        else {
+            setShowFeedbackModal(true);
+        }
+    };
     // onMouseDown: (e: React.MouseEvent<T>) => void;
     // onTouchStart: (e: React.TouchEvent<T>) => void;
     // onMouseUp: (e: React.MouseEvent<T>) => void;
@@ -283,6 +282,7 @@ function MessageContent(props) {
                             scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                         }
                     },
+                    deleteMessage: deleteMessage,
                 }),
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     message: message,
@@ -342,27 +342,67 @@ function MessageContent(props) {
                             ? 'sendbird-message-content__middle__body-container__feedback-buttons-container_with-thread-replies'
                             : '',
                     ]) },
-                    React__default.createElement(FeedbackIconButton, { isSelected: ((_k = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _k === void 0 ? void 0 : _k.rating) === FeedbackRating.GOOD, onClick: function () {
-                            var _a;
-                            setSelectedFeedback(FeedbackRating.GOOD);
-                            if (isMobile && ((_a = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _a === void 0 ? void 0 : _a.rating) === FeedbackRating.GOOD) {
-                                setShowFeedbackOptionsMenu(true);
-                            }
-                            else {
-                                setShowFeedbackModal(true);
-                            }
-                        }, disabled: (message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.GOOD },
+                    React__default.createElement(FeedbackIconButton, { isSelected: ((_k = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _k === void 0 ? void 0 : _k.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) {
+                                    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;
+                                    case 1:
+                                        _d.trys.push([1, 3, , 4]);
+                                        return [4 /*yield*/, message.submitFeedback({
+                                                rating: FeedbackRating.GOOD,
+                                            })];
+                                    case 2:
+                                        _d.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);
+                                        setFeedbackFailedText(stringSet.FEEDBACK_FAILED_SUBMIT);
+                                        return [3 /*break*/, 4];
+                                    case 4: return [3 /*break*/, 6];
+                                    case 5:
+                                        openFeedbackFormOrMenu();
+                                        _d.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: ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === FeedbackRating.BAD, onClick: function () {
-                            var _a;
-                            setSelectedFeedback(FeedbackRating.BAD);
-                            if (isMobile && ((_a = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _a === void 0 ? void 0 : _a.rating) === FeedbackRating.BAD) {
-                                setShowFeedbackOptionsMenu(true);
-                            }
-                            else {
-                                setShowFeedbackModal(true);
-                            }
-                        }, disabled: (message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.BAD },
+                    React__default.createElement(FeedbackIconButton, { isSelected: ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.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) {
+                                    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;
+                                    case 1:
+                                        _d.trys.push([1, 3, , 4]);
+                                        return [4 /*yield*/, message.submitFeedback({
+                                                rating: FeedbackRating.BAD,
+                                            })];
+                                    case 2:
+                                        _d.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);
+                                        setFeedbackFailedText(stringSet.FEEDBACK_FAILED_SUBMIT);
+                                        return [3 /*break*/, 4];
+                                    case 4: return [3 /*break*/, 6];
+                                    case 5:
+                                        openFeedbackFormOrMenu();
+                                        _d.label = 6;
+                                    case 6: return [2 /*return*/];
+                                }
+                            });
+                        }); }, disabled: (message === null || message === void 0 ? void 0 : message.myFeedback) && message.myFeedback.rating !== FeedbackRating.BAD },
                         React__default.createElement(Icon, { type: IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' }))),
                 (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: getClassName(['sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName]), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
@@ -398,6 +438,7 @@ function MessageContent(props) {
                         scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                     }
                 },
+                deleteMessage: deleteMessage,
             })))),
         showMenu && (((_m = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _m === void 0 ? void 0 : _m.call(message)) || ((_o = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _o === void 0 ? void 0 : _o.call(message)) || ((_p = message === null || message === void 0 ? void 0 : message.isMultipleFilesMessage) === null || _p === void 0 ? void 0 : _p.call(message))) && (React__default.createElement(MobileMenu, { parentRef: contentRef, channel: channel, hideMenu: function () { setShowMenu(false); }, message: message, isReactionEnabled: isReactionEnabledInChannel, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, emojiContainer: emojiContainer, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, toggleReaction: toggleReaction, showEdit: showEdit, onReplyInThread: function (_a) {
                 var _b;
@@ -409,49 +450,35 @@ function MessageContent(props) {
                     scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(((_b = message === null || message === void 0 ? void 0 : message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt) || 0, (message === null || message === void 0 ? void 0 : message.parentMessageId) || 0);
                 }
             } })),
-        showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
+        ((_q = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _q === void 0 ? void 0 : _q.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
                 setShowFeedbackModal(true);
             }, onRemoveFeedback: function () { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, message.deleteFeedback(message.myFeedback.id)];
-                        case 1:
-                            _a.sent();
-                            setSelectedFeedback(null);
-                            setShowFeedbackOptionsMenu(false);
-                            return [2 /*return*/];
-                    }
-                });
-            }); } })),
-        showFeedbackModal && (React__default.createElement(MessageFeedbackModal, { selectedFeedback: selectedFeedback, message: message, onSubmit: function (comment) { return __awaiter(_this, void 0, void 0, function () {
-                var error_1;
+                var error_3;
                 var _a, _b;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
                             _c.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, message.submitFeedback({
-                                    rating: selectedFeedback,
-                                    comment: comment,
-                                })];
+                            return [4 /*yield*/, message.deleteFeedback(message.myFeedback.id)];
                         case 1:
                             _c.sent();
                             return [3 /*break*/, 3];
                         case 2:
-                            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);
+                            error_3 = _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: Delete feedback failed.', error_3);
+                            setFeedbackFailedText(stringSet.FEEDBACK_FAILED_DELETE);
                             return [3 /*break*/, 3];
                         case 3:
-                            onCloseFeedbackForm();
+                            setShowFeedbackOptionsMenu(false);
                             return [2 /*return*/];
                     }
                 });
-            }); }, onUpdate: function (comment) { return __awaiter(_this, void 0, void 0, function () {
-                var newFeedback, error_2;
+            }); } })),
+        ((_r = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _r === void 0 ? void 0 : _r.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) {
                     switch (_c.label) {
@@ -469,8 +496,8 @@ function MessageContent(props) {
                             _c.sent();
                             return [3 /*break*/, 4];
                         case 3:
-                            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: Update feedback failed.', error_2);
+                            error_4 = _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: Update feedback failed.', error_4);
                             setFeedbackFailedText(stringSet.FEEDBACK_FAILED_SAVE);
                             return [3 /*break*/, 4];
                         case 4:
@@ -479,7 +506,7 @@ function MessageContent(props) {
                     }
                 });
             }); }, onClose: onCloseFeedbackForm, onRemove: function () { return __awaiter(_this, void 0, void 0, function () {
-                var error_3;
+                var error_5;
                 var _a, _b;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
@@ -490,8 +517,8 @@ function MessageContent(props) {
                             _c.sent();
                             return [3 /*break*/, 3];
                         case 2:
-                            error_3 = _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: Delete feedback failed.', error_3);
+                            error_5 = _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: Delete feedback failed.', error_5);
                             setFeedbackFailedText(stringSet.FEEDBACK_FAILED_DELETE);
                             return [3 /*break*/, 3];
                         case 3:

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/MessageInput/hooks/usePaste.js

@@ -1,8 +1,8 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-tZrqMc_G.js';
-import '../../../chunks/bundle-Dv_OpODB.js';
-import '../../../chunks/bundle-imm3o8vY.js';
-import '../../../chunks/bundle-X2Sm7pn5.js';
-import '../../../chunks/bundle-hpM7HwDV.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-62ej9afV.js';
+import '../../../chunks/bundle-BA7tv0JB.js';
+import '../../../chunks/bundle-zV8TJWvL.js';
+import '../../../chunks/bundle-4GPpeoNf.js';
+import '../../../chunks/bundle-iwZaUd9o.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,25 +1,26 @@
-import { _ as __assign, a as __spreadArray } from '../chunks/bundle-Dv_OpODB.js';
+import { _ as __assign, a as __spreadArray } from '../chunks/bundle-BA7tv0JB.js';
 import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../chunks/bundle-84jQZIDS.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-zx8iuoIh.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../chunks/bundle-GGE6HRof.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-poK2Vr1v.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 } from '../chunks/bundle-tZrqMc_G.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage } from '../chunks/bundle-62ej9afV.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-cYhstyoi.js';
-import { u as useLocalization } from '../chunks/bundle-AilPIINY.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-I8JFwttJ.js';
+import { u as useLocalization } from '../chunks/bundle-BBjosDA0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { D as arrayEqual, n as getClassName, E as getMimeTypesUIKitAccepts } from '../chunks/bundle-aD4V4aI8.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-ZExhHi47.js';
-import { K } from '../chunks/bundle-rQ1k1Cpu.js';
-import { a as isMobileIOS } from '../chunks/bundle-kHH52OEM.js';
+import { C as arrayEqual, q as getClassName, D as getMimeTypesUIKitAccepts } from '../chunks/bundle-N9hMnIRl.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-IRlSmJVg.js';
+import { K } from '../chunks/bundle-aKXnhi3A.js';
+import { i as isMobileIOS } from '../chunks/bundle-cA_r9HRx.js';
 import 'dompurify';
-import '../chunks/bundle-imm3o8vY.js';
-import '../chunks/bundle-X2Sm7pn5.js';
-import '../chunks/bundle-hpM7HwDV.js';
-import '../chunks/bundle-P_LfQm7L.js';
-import '../chunks/bundle-26VX7FQg.js';
+import '../chunks/bundle-zV8TJWvL.js';
+import '../chunks/bundle-4GPpeoNf.js';
+import '../chunks/bundle-iwZaUd9o.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-ULVw0l0r.js';
 import '../withSendbird.js';
+import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
 
 /**
@@ -83,7 +84,7 @@ var initialTargetStringInfo = {
 };
 var MessageInput = React__default.forwardRef(function (props, externalRef) {
     var _a, _b, _c, _d, _e;
-    var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMentionEnabled, isMentionEnabled = _j === void 0 ? false : _j, _k = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _k === void 0 ? true : _k, _l = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _l === void 0 ? false : _l, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.message, message = _o === void 0 ? null : _o, _p = props.placeholder, placeholder = _p === void 0 ? '' : _p, _q = props.maxLength, maxLength = _q === void 0 ? 5000 : _q, _r = props.onFileUpload, onFileUpload = _r === void 0 ? noop : _r, _s = props.onSendMessage, onSendMessage = _s === void 0 ? noop : _s, _t = props.onUpdateMessage, onUpdateMessage = _t === void 0 ? noop : _t, _u = props.onCancelEdit, onCancelEdit = _u === void 0 ? noop : _u, _v = props.onStartTyping, onStartTyping = _v === void 0 ? noop : _v, _w = props.channelUrl, channelUrl = _w === void 0 ? '' : _w, _x = props.mentionSelectedUser, mentionSelectedUser = _x === void 0 ? null : _x, _y = props.onUserMentioned, onUserMentioned = _y === void 0 ? noop : _y, _z = props.onMentionStringChange, onMentionStringChange = _z === void 0 ? noop : _z, _0 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _0 === void 0 ? noop : _0, _1 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _1 === void 0 ? noop : _1, _2 = props.onKeyUp, onKeyUp = _2 === void 0 ? noop : _2, _3 = props.onKeyDown, onKeyDown = _3 === void 0 ? noop : _3, _4 = props.renderFileUploadIcon, renderFileUploadIcon = _4 === void 0 ? noop : _4, _5 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _5 === void 0 ? noop : _5, _6 = props.renderSendMessageIcon, renderSendMessageIcon = _6 === void 0 ? noop : _6, _7 = props.setMentionedUsers, setMentionedUsers = _7 === void 0 ? noop : _7, _8 = props.acceptableMimeTypes, acceptableMimeTypes = _8 === void 0 ? null : _8;
+    var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMentionEnabled, isMentionEnabled = _j === void 0 ? false : _j, _k = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _k === void 0 ? true : _k, _l = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _l === void 0 ? false : _l, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.message, message = _o === void 0 ? null : _o, _p = props.placeholder, placeholder = _p === void 0 ? '' : _p, _q = props.maxLength, maxLength = _q === void 0 ? 5000 : _q, _r = props.onFileUpload, onFileUpload = _r === void 0 ? noop : _r, _s = props.onSendMessage, onSendMessage = _s === void 0 ? noop : _s, _t = props.onUpdateMessage, onUpdateMessage = _t === void 0 ? noop : _t, _u = props.onCancelEdit, onCancelEdit = _u === void 0 ? noop : _u, _v = props.onStartTyping, onStartTyping = _v === void 0 ? noop : _v, _w = props.channelUrl, channelUrl = _w === void 0 ? '' : _w, _x = props.mentionSelectedUser, mentionSelectedUser = _x === void 0 ? null : _x, _y = props.onUserMentioned, onUserMentioned = _y === void 0 ? noop : _y, _z = props.onMentionStringChange, onMentionStringChange = _z === void 0 ? noop : _z, _0 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _0 === void 0 ? noop : _0, _1 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _1 === void 0 ? noop : _1, _2 = props.onKeyUp, onKeyUp = _2 === void 0 ? noop : _2, _3 = props.onKeyDown, onKeyDown = _3 === void 0 ? noop : _3, _4 = props.renderFileUploadIcon, renderFileUploadIcon = _4 === void 0 ? noop : _4, _5 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _5 === void 0 ? noop : _5, _6 = props.renderSendMessageIcon, renderSendMessageIcon = _6 === void 0 ? noop : _6, _7 = props.setMentionedUsers, setMentionedUsers = _7 === void 0 ? noop : _7, acceptableMimeTypes = props.acceptableMimeTypes;
     var internalRef = (externalRef && 'current' in externalRef) ? externalRef : null;
     var textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = useLocalization().stringSet;
@@ -93,9 +94,9 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
         config: config,
     });
     var fileInputRef = useRef(null);
-    var _9 = useState(false), isInput = _9[0], setIsInput = _9[1];
-    var _10 = useState([]), mentionedUserIds = _10[0], setMentionedUserIds = _10[1];
-    var _11 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _11[0], setTargetStringInfo = _11[1];
+    var _8 = useState(false), isInput = _8[0], setIsInput = _8[1];
+    var _9 = useState([]), mentionedUserIds = _9[0], setMentionedUserIds = _9[1];
+    var _10 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _10[0], setTargetStringInfo = _10[1];
     var setHeight = useMemo(function () { return function () {
         try {
             var elem = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;

package/ui/MessageInput.js.map

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

package/ui/MessageItemMenu.js

@@ -2,43 +2,27 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { j as isUserMessage, k as isSentMessage, l as isFailedMessage, m as isPendingMessage, n as getClassName, o as copyToClipboard } from '../chunks/bundle-aD4V4aI8.js';
-import { L as LocalizationContext } from '../chunks/bundle-AilPIINY.js';
-import { R as Role } from '../chunks/bundle-M-Qfv2tU.js';
-import { u as useChannelContext } from '../chunks/bundle-QSb_mwts.js';
-import '../chunks/bundle-Dv_OpODB.js';
+import { e as isUserMessage, l as isSentMessage, o as isFailedMessage, p as isPendingMessage, q as getClassName, r as copyToClipboard } from '../chunks/bundle-N9hMnIRl.js';
+import { L as LocalizationContext } from '../chunks/bundle-BBjosDA0.js';
+import { R as Role } from '../chunks/bundle-4Ib7FkR6.js';
+import '../chunks/bundle-BA7tv0JB.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-mccz6DbW.js';
-import '../chunks/bundle-cYhstyoi.js';
-import '../chunks/bundle-P_LfQm7L.js';
-import '../chunks/bundle-kHH52OEM.js';
-import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-rQ1k1Cpu.js';
-import '../chunks/bundle-26VX7FQg.js';
-import '../chunks/bundle-8XAFqDsw.js';
-import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
-import '../chunks/bundle-zx8iuoIh.js';
-import '../chunks/bundle-KpJtSqe-.js';
-import '../chunks/bundle-gzQGUVJt.js';
-import '@sendbird/chat/message';
-import '../chunks/bundle-ej1sc1yZ.js';
-import '../chunks/bundle-1pnUZsGs.js';
+import '../chunks/bundle-YoWLsJ0C.js';
+import '../chunks/bundle-I8JFwttJ.js';
+import '../chunks/bundle-jy6_UG14.js';
+import '../chunks/bundle-cA_r9HRx.js';
 import '@sendbird/chat/groupChannel';
-import '../Channel/hooks/useInitialMessagesFetch.js';
-import '../chunks/bundle-tD8xAWw2.js';
-import '../chunks/bundle-QjcHKpDK.js';
-import '../chunks/bundle-QGpFq71p.js';
-import '../chunks/bundle-Abz9zH51.js';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-aKXnhi3A.js';
+import '../chunks/bundle-ULVw0l0r.js';
 
 function MessageMenu(_a) {
     var _b;
-    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f;
+    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f;
     var stringSet = useContext(LocalizationContext).stringSet;
     var triggerRef = useRef(null);
     var containerRef = useRef(null);
-    var channelStore = useChannelContext();
     var showMenuItemCopy = isUserMessage(message);
     var showMenuItemEdit = (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isUserMessage(message) && isSentMessage(message) && isByMe);
     var showMenuItemResend = (isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
@@ -108,9 +92,8 @@ function MessageMenu(_a) {
                             }
                         }, dataSbId: "ui_message_item_menu_resend" }, stringSet.MESSAGE_MENU__RESEND)),
                     showMenuItemDelete && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-delete", onClick: function () {
-                            var _a;
                             if (isFailedMessage(message)) {
-                                (_a = channelStore === null || channelStore === void 0 ? void 0 : channelStore.deleteMessage) === null || _a === void 0 ? void 0 : _a.call(channelStore, message);
+                                deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
                             }
                             else if (!disabled) {
                                 showRemove(true);

package/ui/MessageItemMenu.js.map

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