@sendbird/uikit-react 3.10.0 → 3.10.1

package/cjs/ui/MessageContent.js

@@ -1,65 +1,65 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-UHsDbhGB.js');
+var _tslib = require('../chunks/bundle-bXLZZTmP.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-LWd8plnK.js');
-var ui_MessageStatus = require('../chunks/bundle-idn81XsS.js');
+var index$2 = require('../chunks/bundle-6ZegaDWX.js');
+var ui_MessageStatus = require('../chunks/bundle-ptZslG_m.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-wDJ0vmp7.js');
+var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-bPLEZuwe.js');
-var LocalizationContext = require('../chunks/bundle-M_JdGFB9.js');
+var index = require('../chunks/bundle-p6kWiWDv.js');
+var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-RWm1ToHA.js');
-var index$3 = require('../chunks/bundle-IVfrW5UV.js');
-var MediaQueryContext = require('../chunks/bundle-R55qwYIC.js');
+var useLongPress = require('../chunks/bundle-TFo3Eb8z.js');
+var index$3 = require('../chunks/bundle-s82XYT1Q.js');
+var MediaQueryContext = require('../chunks/bundle-WzrocC57.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-waeY4XbU.js');
-var utils = require('../chunks/bundle-wTtkySLW.js');
+var _const = require('../chunks/bundle-zrsbDQGp.js');
+var utils = require('../chunks/bundle-LRCFL23q.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-OOMB_O1L.js');
+var ui_Avatar = require('../chunks/bundle-7VJjqIPJ.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-e6jRRPqy.js');
+var UserProfileContext = require('../chunks/bundle-7AS0Rcch.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useStatefulFileInfoList = require('../chunks/bundle-Pa-zxMUU.js');
+var useStatefulFileInfoList = require('../chunks/bundle-JVe1J2FX.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
-var index$1 = require('../chunks/bundle-X1vsWmGi.js');
+var index$1 = require('../chunks/bundle-65IwoStx.js');
 var ui_Icon = require('./Icon.js');
 var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var Channel_components_MessageFeedbackModal = require('../Channel/components/MessageFeedbackModal.js');
-var ui_Modal = require('../chunks/bundle-7iyslQY5.js');
+var ui_Modal = require('../chunks/bundle-Oc2T5_VP.js');
 var ui_Button = require('./Button.js');
-var useKeyDown = require('../chunks/bundle-WuVcsZSE.js');
-require('../chunks/bundle-lk7syGfV.js');
+var useKeyDown = require('../chunks/bundle-n6iwTZAo.js');
+require('../chunks/bundle-RSklGv-u.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-dD_wqelx.js');
-require('../chunks/bundle-XwSBmqOP.js');
+require('../chunks/bundle-J_ooPKgS.js');
+require('../chunks/bundle-2gCdAlxv.js');
 require('./IconButton.js');
-require('../chunks/bundle-wwqhN6T8.js');
-require('../chunks/bundle-rD_EqTu8.js');
-require('../chunks/bundle-tJKWfbHM.js');
-require('../chunks/bundle-OmshX9RP.js');
-require('../chunks/bundle-fKDcA4eI.js');
+require('../chunks/bundle-GsUulypb.js');
+require('../chunks/bundle-Ue5GkT2H.js');
+require('../chunks/bundle-XaLiuh0L.js');
+require('../chunks/bundle--MJd6Gw1.js');
+require('../chunks/bundle-UaSM_xZY.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-Ox6f1Pr4.js');
+require('../chunks/bundle-INJtS58R.js');
 require('../Channel/hooks/useInitialMessagesFetch.js');
-require('../chunks/bundle-Q7Qb_8Qy.js');
-require('../chunks/bundle-trkwub16.js');
-require('../chunks/bundle-F9aI-PNs.js');
-require('../chunks/bundle-YTD5gh4h.js');
+require('../chunks/bundle-135pRm7i.js');
+require('../chunks/bundle-JbxviE94.js');
+require('../chunks/bundle-VB_a0u7i.js');
+require('../chunks/bundle-3K153hLM.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-FJe6Dl-f.js');
+require('../chunks/bundle-kSScygqj.js');
 require('../withSendbird.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
@@ -69,24 +69,24 @@ require('../hooks/useModal.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-EdNscsik.js');
+require('../chunks/bundle--d5w7FVF.js');
 require('../sendbirdSelectors.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-4F7u20x2.js');
-require('../chunks/bundle-jr9hFzH_.js');
-require('../chunks/bundle-DwxvWTiX.js');
+require('../chunks/bundle-aoIToceJ.js');
+require('../chunks/bundle-TxdziCwH.js');
+require('../chunks/bundle-9iE0HY96.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-jayPpL4B.js');
-require('../chunks/bundle-s5Lt0vKF.js');
+require('../chunks/bundle-OVfymd1y.js');
+require('../chunks/bundle-hXzxY0NJ.js');
 require('./TextButton.js');
-require('../chunks/bundle-gBGbUm4f.js');
-require('../chunks/bundle-sGVgQ4l8.js');
+require('../chunks/bundle-7J-qpEzM.js');
+require('../chunks/bundle-68NdNRjR.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../chunks/bundle-1GRgJFEb.js');
+require('../chunks/bundle-rgxTgHrK.js');
 require('../VoiceRecorder/context.js');
 require('./PlaybackTime.js');
 require('./Input.js');
@@ -195,27 +195,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$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, 
+    className = props.className, userId = props.userId, channel = props.channel, message$1 = 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.createElement(MessageProfile, _tslib.__assign({}, props))); } : _v, _w = props.renderMessageBody, renderMessageBody = _w === void 0 ? function (props) { return (React.createElement(MessageBody, _tslib.__assign({}, props))); } : _w, _x = props.renderMessageHeader, renderMessageHeader = _x === void 0 ? function (props) { return (React.createElement(MessageHeader, _tslib.__assign({}, props))); } : _x, _y = props.renderMessageMenu, renderMessageMenu = _y === void 0 ? function (props) { return (React.createElement(ui_MessageItemMenu.MessageMenu, _tslib.__assign({}, props))); } : _y, _z = props.renderEmojiMenu, renderEmojiMenu = _z === void 0 ? function (props) { return (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props))); } : _z, _0 = props.renderEmojiReactions, renderEmojiReactions = _0 === void 0 ? function (props) { return (React.createElement(ui_EmojiReactions, _tslib.__assign({}, props))); } : _0;
+    renderSenderProfile = _x === void 0 ? function (props) { return (React.createElement(MessageProfile, _tslib.__assign({}, props))); } : _x, _y = props.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return (React.createElement(MessageBody, _tslib.__assign({}, props))); } : _y, _z = props.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return (React.createElement(MessageHeader, _tslib.__assign({}, props))); } : _z, _0 = props.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return (React.createElement(ui_MessageItemMenu.MessageMenu, _tslib.__assign({}, props))); } : _0, _1 = props.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props))); } : _1, _2 = props.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return (React.createElement(ui_EmojiReactions, _tslib.__assign({}, props))); } : _2;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
-    var _1 = (useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.useSendbirdStateContext()) || {}, config = _1.config, eventHandlers = _1.eventHandlers;
+    var _3 = (useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.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 = React.useRef(null);
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _2 = React.useState(false), showMenu = _2[0], setShowMenu = _2[1];
-    var _3 = React.useState(false), mouseHover = _3[0], setMouseHover = _3[1];
-    var _4 = React.useState(false), supposedHover = _4[0], setSupposedHover = _4[1];
+    var _4 = React.useState(false), showMenu = _4[0], setShowMenu = _4[1];
+    var _5 = React.useState(false), mouseHover = _5[0], setMouseHover = _5[1];
+    var _6 = React.useState(false), supposedHover = _6[0], setSupposedHover = _6[1];
     // Feedback states
-    var _5 = React.useState(null), selectedFeedback = _5[0], setSelectedFeedback = _5[1];
-    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 _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 stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var isByMe = (userId === ((_b = message$1 === null || message$1 === void 0 ? void 0 : message$1.sender) === null || _b === void 0 ? void 0 : _b.userId))
         || ((message$1 === null || message$1 === void 0 ? void 0 : message$1.sendingStatus) === 'pending')
@@ -238,9 +237,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;
@@ -344,27 +350,67 @@ function MessageContent(props) {
                             ? 'sendbird-message-content__middle__body-container__feedback-buttons-container_with-thread-replies'
                             : '',
                     ]) },
-                    React.createElement(ui_FeedbackIconButton, { isSelected: ((_k = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _k === void 0 ? void 0 : _k.rating) === message.FeedbackRating.GOOD, onClick: function () {
-                            var _a;
-                            setSelectedFeedback(message.FeedbackRating.GOOD);
-                            if (isMobile && ((_a = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _a === void 0 ? void 0 : _a.rating) === message.FeedbackRating.GOOD) {
-                                setShowFeedbackOptionsMenu(true);
-                            }
-                            else {
-                                setShowFeedbackModal(true);
-                            }
-                        }, disabled: (message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
+                    React.createElement(ui_FeedbackIconButton, { isSelected: ((_k = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _k === void 0 ? void 0 : _k.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) {
+                                    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;
+                                    case 1:
+                                        _d.trys.push([1, 3, , 4]);
+                                        return [4 /*yield*/, message$1.submitFeedback({
+                                                rating: message.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$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
                         React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
-                    React.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.BAD, onClick: function () {
-                            var _a;
-                            setSelectedFeedback(message.FeedbackRating.BAD);
-                            if (isMobile && ((_a = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _a === void 0 ? void 0 : _a.rating) === message.FeedbackRating.BAD) {
-                                setShowFeedbackOptionsMenu(true);
-                            }
-                            else {
-                                setShowFeedbackModal(true);
-                            }
-                        }, disabled: (message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
+                    React.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.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) {
+                                    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;
+                                    case 1:
+                                        _d.trys.push([1, 3, , 4]);
+                                        return [4 /*yield*/, message$1.submitFeedback({
+                                                rating: message.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$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
                         React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' }))),
                 (!isByMe && !chainBottom) && (React.createElement(ui_Label.Label, { className: index.getClassName(['sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName]), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$2.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
                     locale: dateLocale,
@@ -411,49 +457,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.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
+        ((_q = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _q === void 0 ? void 0 : _q.rating) && showFeedbackOptionsMenu && (React.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
                 setShowFeedbackModal(true);
             }, onRemoveFeedback: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                return _tslib.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, message$1.deleteFeedback(message$1.myFeedback.id)];
-                        case 1:
-                            _a.sent();
-                            setSelectedFeedback(null);
-                            setShowFeedbackOptionsMenu(false);
-                            return [2 /*return*/];
-                    }
-                });
-            }); } })),
-        showFeedbackModal && (React.createElement(Channel_components_MessageFeedbackModal, { selectedFeedback: selectedFeedback, message: message$1, onSubmit: function (comment) { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                var error_1;
+                var error_3;
                 var _a, _b;
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
                             _c.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, message$1.submitFeedback({
-                                    rating: selectedFeedback,
-                                    comment: comment,
-                                })];
+                            return [4 /*yield*/, message$1.deleteFeedback(message$1.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 _tslib.__awaiter(_this, void 0, void 0, function () {
-                var newFeedback, error_2;
+            }); } })),
+        ((_r = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _r === void 0 ? void 0 : _r.rating) && showFeedbackModal && (React.createElement(Channel_components_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) {
                     switch (_c.label) {
@@ -471,8 +503,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:
@@ -481,7 +513,7 @@ function MessageContent(props) {
                     }
                 });
             }); }, onClose: onCloseFeedbackForm, onRemove: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                var error_3;
+                var error_5;
                 var _a, _b;
                 return _tslib.__generator(this, function (_c) {
                     switch (_c.label) {
@@ -492,8 +524,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/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/MessageInput/hooks/usePaste.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-XIMyjFuW.js');
-require('../../../chunks/bundle-UHsDbhGB.js');
-require('../../../chunks/bundle-85IKKe_e.js');
-require('../../../chunks/bundle-s5Lt0vKF.js');
-require('../../../chunks/bundle-jayPpL4B.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-hEYmMlZe.js');
+require('../../../chunks/bundle-bXLZZTmP.js');
+require('../../../chunks/bundle-Dax6YIIr.js');
+require('../../../chunks/bundle-hXzxY0NJ.js');
+require('../../../chunks/bundle-OVfymd1y.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,27 +1,28 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-UHsDbhGB.js');
+var _tslib = require('../chunks/bundle-bXLZZTmP.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-EKK1TWOg.js');
-var _const = require('../chunks/bundle-waeY4XbU.js');
+var _const$1 = require('../chunks/bundle-zgoic8x9.js');
+var _const = require('../chunks/bundle-zrsbDQGp.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-XIMyjFuW.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-hEYmMlZe.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-wDJ0vmp7.js');
-var LocalizationContext = require('../chunks/bundle-M_JdGFB9.js');
+var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
+var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index$1 = require('../chunks/bundle-bPLEZuwe.js');
-var tokenize = require('../chunks/bundle-DwxvWTiX.js');
-var index = require('../chunks/bundle-X1vsWmGi.js');
-var utils = require('../chunks/bundle-wTtkySLW.js');
+var index$1 = require('../chunks/bundle-p6kWiWDv.js');
+var tokenize = require('../chunks/bundle-9iE0HY96.js');
+var index = require('../chunks/bundle-65IwoStx.js');
+var utils = require('../chunks/bundle-LRCFL23q.js');
 require('dompurify');
-require('../chunks/bundle-85IKKe_e.js');
-require('../chunks/bundle-s5Lt0vKF.js');
-require('../chunks/bundle-jayPpL4B.js');
-require('../chunks/bundle-FJe6Dl-f.js');
-require('../chunks/bundle-lk7syGfV.js');
+require('../chunks/bundle-Dax6YIIr.js');
+require('../chunks/bundle-hXzxY0NJ.js');
+require('../chunks/bundle-OVfymd1y.js');
+require('../chunks/bundle-kSScygqj.js');
+require('../chunks/bundle-RSklGv-u.js');
 require('../withSendbird.js');
+require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 
 /**

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

@@ -6,35 +6,35 @@ var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-bPLEZuwe.js');
-var LocalizationContext = require('../chunks/bundle-M_JdGFB9.js');
-var types = require('../chunks/bundle-wwqhN6T8.js');
-var Channel_context = require('../chunks/bundle-rD_EqTu8.js');
-require('../chunks/bundle-UHsDbhGB.js');
+var index = require('../chunks/bundle-p6kWiWDv.js');
+var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
+var types = require('../chunks/bundle-GsUulypb.js');
+var Channel_context = require('../chunks/bundle-Ue5GkT2H.js');
+require('../chunks/bundle-bXLZZTmP.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-Ox6f1Pr4.js');
-require('../chunks/bundle-wDJ0vmp7.js');
-require('../chunks/bundle-FJe6Dl-f.js');
-require('../chunks/bundle-wTtkySLW.js');
+require('../chunks/bundle-INJtS58R.js');
+require('../chunks/bundle-7J3nX_hP.js');
+require('../chunks/bundle-kSScygqj.js');
+require('../chunks/bundle-LRCFL23q.js');
+require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-X1vsWmGi.js');
-require('../chunks/bundle-lk7syGfV.js');
-require('../chunks/bundle-e6jRRPqy.js');
+require('../chunks/bundle-65IwoStx.js');
+require('../chunks/bundle-RSklGv-u.js');
+require('../chunks/bundle-7AS0Rcch.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-waeY4XbU.js');
-require('../chunks/bundle-tJKWfbHM.js');
-require('../chunks/bundle-LWd8plnK.js');
+require('../chunks/bundle-zrsbDQGp.js');
+require('../chunks/bundle-XaLiuh0L.js');
+require('../chunks/bundle-6ZegaDWX.js');
 require('@sendbird/chat/message');
-require('../chunks/bundle-OmshX9RP.js');
-require('../chunks/bundle-fKDcA4eI.js');
-require('@sendbird/chat/groupChannel');
+require('../chunks/bundle--MJd6Gw1.js');
+require('../chunks/bundle-UaSM_xZY.js');
 require('../Channel/hooks/useInitialMessagesFetch.js');
-require('../chunks/bundle-Q7Qb_8Qy.js');
-require('../chunks/bundle-trkwub16.js');
-require('../chunks/bundle-F9aI-PNs.js');
-require('../chunks/bundle-YTD5gh4h.js');
+require('../chunks/bundle-135pRm7i.js');
+require('../chunks/bundle-JbxviE94.js');
+require('../chunks/bundle-VB_a0u7i.js');
+require('../chunks/bundle-3K153hLM.js');
 
 function MessageMenu(_a) {
     var _b;

package/cjs/ui/MessageItemReactionMenu.js

@@ -8,18 +8,19 @@ 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-bPLEZuwe.js');
-require('../chunks/bundle-UHsDbhGB.js');
+var index = require('../chunks/bundle-p6kWiWDv.js');
+require('../chunks/bundle-bXLZZTmP.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-Ox6f1Pr4.js');
-require('../chunks/bundle-wDJ0vmp7.js');
-require('../chunks/bundle-FJe6Dl-f.js');
-require('../chunks/bundle-wTtkySLW.js');
-require('../chunks/bundle-RWm1ToHA.js');
-require('../chunks/bundle-R55qwYIC.js');
+require('../chunks/bundle-INJtS58R.js');
+require('../chunks/bundle-7J3nX_hP.js');
+require('../chunks/bundle-kSScygqj.js');
+require('../chunks/bundle-LRCFL23q.js');
+require('../chunks/bundle-TFo3Eb8z.js');
+require('../chunks/bundle-WzrocC57.js');
+require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-X1vsWmGi.js');
+require('../chunks/bundle-65IwoStx.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, setSupposedHover = _a.setSupposedHover;

package/cjs/ui/MessageItemReactionMenu.js.map

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

package/cjs/ui/MessageSearchFileItem.js

@@ -1,24 +1,25 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-UHsDbhGB.js');
+var _tslib = require('../chunks/bundle-bXLZZTmP.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-OOMB_O1L.js');
+var ui_Avatar = require('../chunks/bundle-7VJjqIPJ.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-wDJ0vmp7.js');
-var LocalizationContext = require('../chunks/bundle-M_JdGFB9.js');
-var index$1 = require('../chunks/bundle-LWd8plnK.js');
-var index = require('../chunks/bundle-dD_wqelx.js');
-var index$2 = require('../chunks/bundle-bPLEZuwe.js');
-var utils = require('../chunks/bundle-4F7u20x2.js');
+var ui_Label = require('../chunks/bundle-7J3nX_hP.js');
+var LocalizationContext = require('../chunks/bundle-qtXdbPNE.js');
+var index$1 = require('../chunks/bundle-6ZegaDWX.js');
+var index = require('../chunks/bundle-J_ooPKgS.js');
+var index$2 = require('../chunks/bundle-p6kWiWDv.js');
+var utils = require('../chunks/bundle-aoIToceJ.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Ox6f1Pr4.js');
-require('../chunks/bundle-EdNscsik.js');
-require('../chunks/bundle-wTtkySLW.js');
-require('../chunks/bundle-FJe6Dl-f.js');
-require('../chunks/bundle-lk7syGfV.js');
-require('../chunks/bundle-XwSBmqOP.js');
+require('../chunks/bundle-INJtS58R.js');
+require('../chunks/bundle--d5w7FVF.js');
+require('../chunks/bundle-LRCFL23q.js');
+require('../chunks/bundle-kSScygqj.js');
+require('../chunks/bundle-RSklGv-u.js');
+require('../chunks/bundle-2gCdAlxv.js');
+require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-X1vsWmGi.js');
+require('../chunks/bundle-65IwoStx.js');
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/cjs/ui/MessageSearchFileItem.js.map

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