@sendbird/uikit-react 3.17.8 → 3.17.10

package/ui/MessageContent.js

@@ -1,98 +1,98 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-Cb33D_QR.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-fT16CxUq.js';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-DfcVDYZJ.js';
-import { M as MessageStatus } from '../chunks/bundle-BUocnB3D.js';
-import { M as MessageMenu } from '../chunks/bundle-ray7Dj4f.js';
-import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-VVVOJGMk.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-DeBC8-NM.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Vwe91C8I.js';
+import { f as format } from '../chunks/bundle-DvfLia2p.js';
+import { M as MessageStatus } from '../chunks/bundle-BQqf09uI.js';
+import { M as MessageMenu } from '../chunks/bundle-CVkjpnw8.js';
+import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-DFwAWoi7.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-BxRMl0NH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { P as uiContainerType, E as isTemplateMessage, Q as isFormMessage, b as isAdminMessage, R as isValidTemplateMessageType, z as getClassName, e as isMultipleFilesMessage, r as isThumbnailMessage, N as isOGMessage, m as isSendableMessage } from '../chunks/bundle-CwiOZkw5.js';
-import { u as useLocalization } from '../chunks/bundle-B3070GP8.js';
-import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-dza5Ln49.js';
+import { P as uiContainerType, E as isTemplateMessage, Q as isFormMessage, b as isAdminMessage, R as isValidTemplateMessageType, z as getClassName, r as isThumbnailMessage, e as isMultipleFilesMessage, N as isOGMessage, m as isSendableMessage } from '../chunks/bundle-ByVmmqcj.js';
+import { u as useLocalization } from '../chunks/bundle-CwWHzn0O.js';
+import '@sendbird/chat/message';
+import { u as useLongPress } from '../chunks/bundle-C584816X.js';
 import { MobileMenu } from './MobileMenu.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-B8QzeTlj.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DcfQg8Uy.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-G9Ab37UP.js';
-import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-BBsTFpWr.js';
-import Icon, { IconTypes } from './Icon.js';
-import FeedbackIconButton from './FeedbackIconButton.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-CIlc1dvT.js';
+import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-CD7nQMNh.js';
+import './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import { u as useElementObserver } from '../chunks/bundle-muxpTh9u.js';
-import { M as MESSAGE_TEMPLATE_KEY } from '../chunks/bundle-Bxw6lQbS.js';
-import { u as useSendbird } from '../chunks/bundle-CzumtYKK.js';
-import '../chunks/bundle-CuMlMBCU.js';
-import '../chunks/bundle-Chl-afJt.js';
+import { u as useElementObserver } from '../chunks/bundle-VHuYsTmC.js';
+import { M as MESSAGE_TEMPLATE_KEY } from '../chunks/bundle-DobIp5EF.js';
+import { u as useSendbird } from '../chunks/bundle-C98ZxHO9.js';
+import '../chunks/bundle-DArDRDUr.js';
+import '../chunks/bundle-zxR5w1Ch.js';
+import './Icon.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CBXVXcKA.js';
-import '../chunks/bundle-LAORUmCI.js';
+import '../chunks/bundle-DJM1hhs4.js';
+import '../chunks/bundle-DbWCSmuo.js';
 import './IconButton.js';
 import '@sendbird/chat';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-N8Fgt3t-.js';
-import '../chunks/bundle-LtUjjnGN.js';
+import '../chunks/bundle-DnBGqmRP.js';
+import '../chunks/bundle-VqoQQamR.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-CGdHR-Ps.js';
+import '../chunks/bundle-BZoeTBeq.js';
 import './ImageRenderer.js';
 import './ReactionButton.js';
-import '../chunks/bundle-CLr3fT6Y.js';
-import '../chunks/bundle-CeCKOzBv.js';
+import '../chunks/bundle-CqUk0XXd.js';
+import '../chunks/bundle-yydYieYt.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-m4x7sPQ7.js';
+import '../chunks/bundle-Bq3cKfll.js';
 import './Button.js';
 import './UserListItem.js';
-import '../chunks/bundle-C2j5faYi.js';
-import '../chunks/bundle-DgGM7iAj.js';
-import '../chunks/bundle-BjH8wyIq.js';
+import '../chunks/bundle-CJX5Jh7u.js';
+import '../chunks/bundle-DMP4IOmZ.js';
+import '../chunks/bundle-CjHWsy4S.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DDuEV8ss.js';
+import '../chunks/bundle-B3Vz_eYg.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-DyvN3jnE.js';
-import '../chunks/bundle-7Lu1-IwI.js';
+import '../chunks/bundle-CUdLrgmK.js';
+import '../chunks/bundle-CWttl_Pf.js';
 import './OGMessageItemBody.js';
-import '../chunks/bundle-DW_bfssX.js';
-import '../chunks/bundle-Cj5HFVNm.js';
+import '../chunks/bundle-CT2liYyN.js';
+import '../chunks/bundle-DiDPUa4G.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-Dy_aAi1y.js';
+import '../chunks/bundle-CQgnHPbJ.js';
 import './TextMessageItemBody.js';
-import '../chunks/bundle-D8NOKNDm.js';
+import '../chunks/bundle-C6DfSdlB.js';
 import './FileMessageItemBody.js';
 import './TextButton.js';
-import '../chunks/bundle-DRqC4c0T.js';
-import '../chunks/bundle-CluAw9vh.js';
+import '../chunks/bundle-DQu3BLLd.js';
+import '../chunks/bundle-C8ue-M9T.js';
 import './FileViewer.js';
-import '../chunks/bundle-Dr70s9Hs.js';
+import '../chunks/bundle-BgOjuIrI.js';
 import '@sendbird/uikit-tools';
 import './VoiceMessageItemBody.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-BF6ey5Oc.js';
+import '../chunks/bundle-aylKVP-t.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
 import './ThumbnailMessageItemBody.js';
 import './UnknownMessageItemBody.js';
 import './TemplateMessageItemBody.js';
-import '../chunks/bundle-J7NywV72.js';
+import '../chunks/bundle-DwoUKI2F.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
-import '../chunks/bundle-DzCmr8py.js';
+import '../chunks/bundle-Cda4O3PL.js';
 import './Input.js';
 
 var SbFeedbackStatus;
@@ -145,30 +145,30 @@ function MessageContentForTemplateMessage(props) {
 
 function MessageContent(props) {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _k, _l;
     var 
     // Internal props
-    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _o = props.disabled, disabled = _o === void 0 ? false : _o, _p = props.chainTop, chainTop = _p === void 0 ? false : _p, _q = props.chainBottom, chainBottom = _q === void 0 ? false : _q, _r = props.isReactionEnabled, isReactionEnabled = _r === void 0 ? false : _r, _s = props.disableQuoteMessage, disableQuoteMessage = _s === void 0 ? false : _s, 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, markAsUnread = props.markAsUnread, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
+    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.chainTop, chainTop = _o === void 0 ? false : _o, _p = props.chainBottom, chainBottom = _p === void 0 ? false : _p, _q = props.isReactionEnabled, isReactionEnabled = _q === void 0 ? false : _q, _r = props.disableQuoteMessage, disableQuoteMessage = _r === void 0 ? false : _r, 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, markAsUnread = props.markAsUnread, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
     // Public props for customization
-    var _t = deleteNullish(props), _u = _t.renderSenderProfile, renderSenderProfile = _u === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _u, _v = _t.renderMessageBody, renderMessageBody = _v === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _v, _w = _t.renderMessageHeader, renderMessageHeader = _w === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _w, _x = _t.renderMessageMenu, renderMessageMenu = _x === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _x, _y = _t.renderEmojiMenu, renderEmojiMenu = _y === void 0 ? function (props) { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _y, _z = _t.renderEmojiReactions, renderEmojiReactions = _z === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _z, _0 = _t.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _0 === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _0;
-    var _1 = useLocalization(), dateLocale = _1.dateLocale, stringSet = _1.stringSet;
-    var _2 = useSendbird().state, config = _2.config, eventHandlers = _2.eventHandlers;
+    var _s = deleteNullish(props), _t = _s.renderSenderProfile, renderSenderProfile = _t === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _t, _u = _s.renderMessageBody, renderMessageBody = _u === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _u, _v = _s.renderMessageHeader, renderMessageHeader = _v === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _v, _w = _s.renderMessageMenu, renderMessageMenu = _w === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _w, _x = _s.renderEmojiMenu, renderEmojiMenu = _x === void 0 ? function (props) { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _x, _y = _s.renderEmojiReactions, renderEmojiReactions = _y === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _y, _z = _s.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _z === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _z;
+    var _0 = useLocalization(), dateLocale = _0.dateLocale, stringSet = _0.stringSet;
+    var _1 = useSendbird().state, config = _1.config, eventHandlers = _1.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();
     var threadRepliesRef = useRef();
     var feedbackButtonsRef = useRef();
     var isMobile = useMediaQueryContext().isMobile;
-    var _3 = useState(false), showMenu = _3[0], setShowMenu = _3[1];
-    var _4 = useState(false), mouseHover = _4[0], setMouseHover = _4[1];
+    var _2 = useState(false), showMenu = _2[0], setShowMenu = _2[1];
+    var _3 = useState(false), mouseHover = _3[0], setMouseHover = _3[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 _5 = useState(false), showFeedbackOptionsMenu = _5[0], setShowFeedbackOptionsMenu = _5[1];
-    var _6 = useState(false), showFeedbackModal = _6[0], setShowFeedbackModal = _6[1];
-    var _7 = useState(''), feedbackFailedText = _7[0], setFeedbackFailedText = _7[1];
+    var _4 = useState(false), showFeedbackOptionsMenu = _4[0], setShowFeedbackOptionsMenu = _4[1];
+    var _5 = useState(false), showFeedbackModal = _5[0], setShowFeedbackModal = _5[1];
+    var _6 = useState(''), feedbackFailedText = _6[0], setFeedbackFailedText = _6[1];
     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')
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'failed');
@@ -191,11 +191,12 @@ function MessageContent(props) {
         && message.threadInfo.replyCount > 0
         && replyType === 'THREAD';
     // Feedback buttons
-    var isFeedbackMessage = !isByMe
+    !isByMe
         && !!(message === null || message === void 0 ? void 0 : message.myFeedbackStatus)
         && message.myFeedbackStatus !== SbFeedbackStatus.NOT_APPLICABLE;
-    var isFeedbackEnabled = !!((_c = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _c === void 0 ? void 0 : _c.enableFeedback) && isFeedbackMessage;
-    var hasFeedback = (_d = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _d === void 0 ? void 0 : _d.rating;
+    // Force-disable feedback regardless of config/message state.
+    var isFeedbackEnabled = false;
+    (_c = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _c === void 0 ? void 0 : _c.rating;
     /**
      * For TemplateMessage or FormMessage, do not display:
      *   - in web view:
@@ -223,15 +224,6 @@ function MessageContent(props) {
     var onCloseFeedbackForm = function () {
         setShowFeedbackModal(false);
     };
-    var openFeedbackFormOrMenu = function (hasFeedback) {
-        if (hasFeedback === void 0) { hasFeedback = false; }
-        if (isMobile && hasFeedback) {
-            setShowFeedbackOptionsMenu(true);
-        }
-        else {
-            setShowFeedbackModal(true);
-        }
-    };
     // onMouseDown: (e: React.MouseEvent<T>) => void;
     // onTouchStart: (e: React.TouchEvent<T>) => void;
     // onMouseUp: (e: React.MouseEvent<T>) => void;
@@ -297,7 +289,7 @@ function MessageContent(props) {
         React__default.createElement("div", __assign({ className: classnames('sendbird-message-content__middle'), "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: ((_d = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _d !== void 0 ? _d : 0) > ((_f = (_e = message.parentMessage) === null || _e === void 0 ? void 0 : _e.createdAt) !== null && _f !== void 0 ? _f : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
                             onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message });
@@ -307,7 +299,7 @@ function MessageContent(props) {
                             scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
                         }
                     } }))) : null,
-            React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container') },
+            React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container', isThumbnailMessage(message) && 'sendbird-message-content__middle__body-container--thumbnail') },
                 (isByMe && !chainBottom) && (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName) },
                     React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.createElement(MessageStatus, { message: message, channel: channel })))),
@@ -323,7 +315,7 @@ function MessageContent(props) {
                     isByMe: isByMe,
                     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 && ((_g = message === null || message === void 0 ? void 0 : message.reactions) === null || _g === void 0 ? void 0 : _g.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,
@@ -339,69 +331,7 @@ function MessageContent(props) {
                     locale: dateLocale,
                 })))),
             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: ((_j = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _j === void 0 ? void 0 : _j.rating) === FeedbackRating.GOOD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
-                        var error_1;
-                        var _a, _b;
-                        return __generator(this, function (_c) {
-                            switch (_c.label) {
-                                case 0:
-                                    if (!!hasFeedback) return [3 /*break*/, 5];
-                                    _c.label = 1;
-                                case 1:
-                                    _c.trys.push([1, 3, , 4]);
-                                    return [4 /*yield*/, message.submitFeedback({
-                                            rating: FeedbackRating.GOOD,
-                                        })];
-                                case 2:
-                                    _c.sent();
-                                    openFeedbackFormOrMenu();
-                                    return [3 /*break*/, 4];
-                                case 3:
-                                    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(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: ((_k = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _k === void 0 ? void 0 : _k.rating) === FeedbackRating.BAD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
-                        var error_2;
-                        var _a, _b;
-                        return __generator(this, function (_c) {
-                            switch (_c.label) {
-                                case 0:
-                                    if (!!hasFeedback) return [3 /*break*/, 5];
-                                    _c.label = 1;
-                                case 1:
-                                    _c.trys.push([1, 3, , 4]);
-                                    return [4 /*yield*/, message.submitFeedback({
-                                            rating: FeedbackRating.BAD,
-                                        })];
-                                case 2:
-                                    _c.sent();
-                                    openFeedbackFormOrMenu();
-                                    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: Submit feedback failed.', error_2);
-                                    setFeedbackFailedText(stringSet.FEEDBACK_FAILED_SUBMIT);
-                                    return [3 /*break*/, 4];
-                                case 4: return [3 /*break*/, 6];
-                                case 5:
-                                    openFeedbackFormOrMenu(true);
-                                    _c.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' })))),
+            isFeedbackEnabled),
         showRightContent && (React__default.createElement("div", { className: classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
             React__default.createElement("div", { className: classnames('sendbird-message-content-menu', chainTopClassName, hoveredMenuClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
@@ -491,7 +421,7 @@ function MessageContent(props) {
                 });
             }); },
         }),
-        ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
+        ((_k = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _k === void 0 ? void 0 : _k.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -520,18 +450,18 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        ((_m = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) && showFeedbackModal && (React__default.createElement(MessageFeedbackModal, { selectedFeedback: message.myFeedback.rating, message: message, onUpdate: function (selectedFeedback, comment) { return __awaiter(_this, void 0, void 0, function () {
+        ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.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) {
                         case 0:
                             if (!(message.myFeedback !== null)) return [3 /*break*/, 4];
-                            newFeedback = new Feedback({
+                            newFeedback = {
                                 id: message.myFeedback.id,
                                 rating: selectedFeedback,
                                 comment: comment,
-                            });
+                            };
                             _c.label = 1;
                         case 1:
                             _c.trys.push([1, 3, , 4]);

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,26 +1,29 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-B3070GP8.js';
-import { M as Modal } from '../chunks/bundle-m4x7sPQ7.js';
+import { L as LocalizationContext } from '../chunks/bundle-CwWHzn0O.js';
+import { M as Modal } from '../chunks/bundle-Bq3cKfll.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Vwe91C8I.js';
-import { u as useKeyDown } from '../chunks/bundle-Dr70s9Hs.js';
-import '../chunks/bundle-Cb33D_QR.js';
-import '../chunks/bundle-CGdHR-Ps.js';
-import '../chunks/bundle-Chl-afJt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
+import { u as useKeyDown } from '../chunks/bundle-BgOjuIrI.js';
+import '../chunks/bundle-fT16CxUq.js';
+import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-zxR5w1Ch.js';
 import 'react-dom';
-import '../chunks/bundle-DeBC8-NM.js';
-import '../chunks/bundle-B8QzeTlj.js';
+import '../chunks/bundle-BxRMl0NH.js';
+import '../chunks/bundle-DcfQg8Uy.js';
 import './IconButton.js';
 import './Icon.js';
-import '../chunks/bundle-N8Fgt3t-.js';
-import '../chunks/bundle-CzumtYKK.js';
-import '../chunks/bundle-LtUjjnGN.js';
-import '../chunks/bundle-Bxw6lQbS.js';
+import '../chunks/bundle-DnBGqmRP.js';
+import '../chunks/bundle-C98ZxHO9.js';
+import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-DobIp5EF.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
 import '@sendbird/uikit-tools';
 
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/MessageFeedbackFailedModal.js.map

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

package/ui/MessageFeedbackModal.js

@@ -1,27 +1,30 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-B3070GP8.js';
-import { M as Modal } from '../chunks/bundle-m4x7sPQ7.js';
+import { L as LocalizationContext } from '../chunks/bundle-CwWHzn0O.js';
+import { M as Modal } from '../chunks/bundle-Bq3cKfll.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-Vwe91C8I.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-B8QzeTlj.js';
-import { u as useKeyDown } from '../chunks/bundle-Dr70s9Hs.js';
-import '../chunks/bundle-Cb33D_QR.js';
-import '../chunks/bundle-CGdHR-Ps.js';
-import '../chunks/bundle-Chl-afJt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-DcfQg8Uy.js';
+import { u as useKeyDown } from '../chunks/bundle-BgOjuIrI.js';
+import '../chunks/bundle-fT16CxUq.js';
+import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-zxR5w1Ch.js';
 import 'react-dom';
-import '../chunks/bundle-DeBC8-NM.js';
+import '../chunks/bundle-BxRMl0NH.js';
 import './IconButton.js';
 import './Icon.js';
-import '../chunks/bundle-N8Fgt3t-.js';
-import '../chunks/bundle-CzumtYKK.js';
-import '../chunks/bundle-LtUjjnGN.js';
-import '../chunks/bundle-Bxw6lQbS.js';
+import '../chunks/bundle-DnBGqmRP.js';
+import '../chunks/bundle-C98ZxHO9.js';
+import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-DobIp5EF.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
 import '@sendbird/uikit-tools';
 
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 function MessageFeedbackModal(props) {
     var _a, _b;
     var selectedFeedback = props.selectedFeedback, message = props.message, onClose = props.onClose, onSubmit = props.onSubmit, onUpdate = props.onUpdate, onRemove = props.onRemove;

package/ui/MessageFeedbackModal.js.map

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

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-DrTCKt_l.js';
-import '../../../chunks/bundle-7j_kGHGn.js';
-import '../../../chunks/bundle-G9Ab37UP.js';
-import '../../../chunks/bundle-Cb33D_QR.js';
-import '../../../chunks/bundle-BMCJ_Yj1.js';
-import '../../../chunks/bundle-D8NOKNDm.js';
-import '../../../chunks/bundle-Dy_aAi1y.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-CbLxWQmt.js';
+import '../../../chunks/bundle-CLxgZowy.js';
+import '../../../chunks/bundle-CIlc1dvT.js';
+import '../../../chunks/bundle-fT16CxUq.js';
+import '../../../chunks/bundle-CeknuDhO.js';
+import '../../../chunks/bundle-C6DfSdlB.js';
+import '../../../chunks/bundle-CQgnHPbJ.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,30 +1,30 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-Cb33D_QR.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-fT16CxUq.js';
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-7j_kGHGn.js';
-import { a as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-G9Ab37UP.js';
+import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-CLxgZowy.js';
+import { a as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-CIlc1dvT.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-DrTCKt_l.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-CbLxWQmt.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Vwe91C8I.js';
-import { u as useLocalization } from '../chunks/bundle-B3070GP8.js';
-import { I as arrayEqual, J as getMimeTypesUIKitAccepts } from '../chunks/bundle-CwiOZkw5.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-Cj5HFVNm.js';
-import { K } from '../chunks/bundle-CeCKOzBv.js';
-import { c as classnames } from '../chunks/bundle-DeBC8-NM.js';
-import { i as isMobileIOS } from '../chunks/bundle-CLr3fT6Y.js';
-import { u as useSendbird } from '../chunks/bundle-CzumtYKK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
+import { u as useLocalization } from '../chunks/bundle-CwWHzn0O.js';
+import { I as arrayEqual, J as getMimeTypesUIKitAccepts } from '../chunks/bundle-ByVmmqcj.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-DiDPUa4G.js';
+import { K } from '../chunks/bundle-yydYieYt.js';
+import { c as classnames } from '../chunks/bundle-BxRMl0NH.js';
+import { i as isMobileIOS } from '../chunks/bundle-CqUk0XXd.js';
+import { u as useSendbird } from '../chunks/bundle-C98ZxHO9.js';
 import 'dompurify';
-import '../chunks/bundle-BMCJ_Yj1.js';
-import '../chunks/bundle-D8NOKNDm.js';
-import '../chunks/bundle-Dy_aAi1y.js';
-import '../chunks/bundle-CGdHR-Ps.js';
-import '../chunks/bundle-Chl-afJt.js';
+import '../chunks/bundle-CeknuDhO.js';
+import '../chunks/bundle-C6DfSdlB.js';
+import '../chunks/bundle-CQgnHPbJ.js';
+import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-zxR5w1Ch.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CuMlMBCU.js';
-import '../chunks/bundle-Bxw6lQbS.js';
-import '../chunks/bundle-LtUjjnGN.js';
+import '../chunks/bundle-DArDRDUr.js';
+import '../chunks/bundle-DobIp5EF.js';
+import '../chunks/bundle-VqoQQamR.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 

package/ui/MessageItemMenu.js

@@ -1,27 +1,27 @@
-import { _ as __assign } from '../chunks/bundle-Cb33D_QR.js';
+import { _ as __assign } from '../chunks/bundle-fT16CxUq.js';
 import React__default, { useContext, useRef } from 'react';
-import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-VVVOJGMk.js';
+import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-DFwAWoi7.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { n as isUserMessage, s as isSentMessage, y as isFailedMessage, x as isPendingMessage, z as getClassName, C as copyToClipboard } from '../chunks/bundle-CwiOZkw5.js';
-import { L as LocalizationContext } from '../chunks/bundle-B3070GP8.js';
-import { R as Role } from '../chunks/bundle-t-3ijxgJ.js';
-import { d as deleteNullish } from '../chunks/bundle-DeBC8-NM.js';
+import { n as isUserMessage, s as isSentMessage, y as isFailedMessage, x as isPendingMessage, z as getClassName, C as copyToClipboard } from '../chunks/bundle-ByVmmqcj.js';
+import { L as LocalizationContext } from '../chunks/bundle-CwWHzn0O.js';
+import { R as Role } from '../chunks/bundle-C3cyXpot.js';
+import { d as deleteNullish } from '../chunks/bundle-BxRMl0NH.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-N8Fgt3t-.js';
-import '../chunks/bundle-Vwe91C8I.js';
-import '../chunks/bundle-CGdHR-Ps.js';
-import '../chunks/bundle-LtUjjnGN.js';
-import '../chunks/bundle-Bxw6lQbS.js';
+import '../chunks/bundle-DnBGqmRP.js';
+import '../chunks/bundle-DzM4yc5s.js';
+import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-DobIp5EF.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CLr3fT6Y.js';
-import '../chunks/bundle-CeCKOzBv.js';
-import '../chunks/bundle-CuMlMBCU.js';
-import '../chunks/bundle-Chl-afJt.js';
+import '../chunks/bundle-CqUk0XXd.js';
+import '../chunks/bundle-yydYieYt.js';
+import '../chunks/bundle-DArDRDUr.js';
+import '../chunks/bundle-zxR5w1Ch.js';
 
 function MessageMenu(props) {
     var _a;