@sendbird/uikit-react 3.17.9 → 3.17.10

package/cjs/ui/MessageContent.js

@@ -2,101 +2,101 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-Cg9M1U0A.js');
+var _tslib = require('../chunks/bundle-Batig6Ji.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-B8chyd-B.js');
-var ui_MessageStatus = require('../chunks/bundle-CyKXslW4.js');
-var MessageMenu = require('../chunks/bundle-ypRWOZme.js');
-var ui_ContextMenu = require('../chunks/bundle-Cgs4OrTZ.js');
-var utils = require('../chunks/bundle-BGWx_pcP.js');
-var ui_Label = require('../chunks/bundle-CHORdLLF.js');
+var index$2 = require('../chunks/bundle-BYGUXntZ.js');
+var ui_MessageStatus = require('../chunks/bundle-Cu-E4uhH.js');
+var MessageMenu = require('../chunks/bundle-Bhfa8ipt.js');
+var ui_ContextMenu = require('../chunks/bundle-DiJHF9YJ.js');
+var utils = require('../chunks/bundle-NHTJoN9Q.js');
+var ui_Label = require('../chunks/bundle-D316Q_r0.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index$1 = require('../chunks/bundle-BRTmKjMK.js');
-var LocalizationContext = require('../chunks/bundle-CvPDIC6S.js');
-var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-XCyOjLsG.js');
+var index$1 = require('../chunks/bundle-BbjIi7z9.js');
+var LocalizationContext = require('../chunks/bundle-Cl1F2dVf.js');
+require('@sendbird/chat/message');
+var useLongPress = require('../chunks/bundle-C3p_3lFI.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-310NMH3A.js');
+var MediaQueryContext = require('../chunks/bundle-DZGqZ52T.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-5L9w6fPj.js');
-var index = require('../chunks/bundle-C1-19p4S.js');
-var ui_Icon = require('./Icon.js');
-var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
+var _const = require('../chunks/bundle-CzQxs20C.js');
+var index = require('../chunks/bundle-BOjQNN-9.js');
+require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-var useElementObserver = require('../chunks/bundle-O6xYslTS.js');
-var consts = require('../chunks/bundle-Cyv8f6Dp.js');
-var useSendbird = require('../chunks/bundle-B-ihNr_V.js');
-require('../chunks/bundle-bKuw5dNh.js');
-require('../chunks/bundle-BGONS4W9.js');
+var useElementObserver = require('../chunks/bundle--PzY8B9b.js');
+var consts = require('../chunks/bundle-DOkicHCg.js');
+var useSendbird = require('../chunks/bundle-CyqCxWZT.js');
+require('../chunks/bundle-D3ah5_IJ.js');
+require('../chunks/bundle-DkI6G6PW.js');
+require('./Icon.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CxRRYmUT.js');
-require('../chunks/bundle-BJ8umAod.js');
+require('../chunks/bundle-DuABYNkQ.js');
+require('../chunks/bundle-Czv9Hg_y.js');
 require('./IconButton.js');
 require('@sendbird/chat');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-Dq-f9_1G.js');
-require('../chunks/bundle-Bz39Opug.js');
+require('../chunks/bundle-B-PfgBAR.js');
+require('../chunks/bundle-B2eNle8H.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-C8GpGF_8.js');
+require('../chunks/bundle-COU8ZAhT.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
-require('../chunks/bundle-CznDpjTe.js');
-require('../chunks/bundle-BNqbA-KS.js');
+require('../chunks/bundle-CHs395io.js');
+require('../chunks/bundle-8OrPgTB0.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-CKxh6blR.js');
+require('../chunks/bundle-CnunHQIE.js');
 require('./Button.js');
 require('./UserListItem.js');
-require('../chunks/bundle-DUUHkjIn.js');
-require('../chunks/bundle-6yGpgiZP.js');
-require('../chunks/bundle-BMlAyMNH.js');
+require('../chunks/bundle-TMLyypqr.js');
+require('../chunks/bundle-CKCTCe5Y.js');
+require('../chunks/bundle-BngPWMsd.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DAU8asBH.js');
+require('../chunks/bundle-BUfNcSdS.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-b2IC6-e7.js');
-require('../chunks/bundle-u2J4dWFk.js');
+require('../chunks/bundle-VU45mQZx.js');
+require('../chunks/bundle-DD_yVvf1.js');
 require('./OGMessageItemBody.js');
-require('../chunks/bundle-WLpJfRu7.js');
-require('../chunks/bundle-B68_sPfN.js');
+require('../chunks/bundle-Dz196p2P.js');
+require('../chunks/bundle-DliNMy0M.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-aHy47zCA.js');
+require('../chunks/bundle-KhVg_sE0.js');
 require('./TextMessageItemBody.js');
-require('../chunks/bundle-DnhCPMJ1.js');
+require('../chunks/bundle-f__T9xli.js');
 require('./FileMessageItemBody.js');
 require('./TextButton.js');
-require('../chunks/bundle-tuwCJK5K.js');
-require('../chunks/bundle-Cz_c12Ki.js');
+require('../chunks/bundle-DtVAlWM4.js');
+require('../chunks/bundle-C5JFjCcJ.js');
 require('./FileViewer.js');
-require('../chunks/bundle-DiX_ED1E.js');
+require('../chunks/bundle-Cll76wxt.js');
 require('@sendbird/uikit-tools');
 require('./VoiceMessageItemBody.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../chunks/bundle-BYEau3Mi.js');
+require('../chunks/bundle-DFR87f0X.js');
 require('../VoiceRecorder/context.js');
 require('./PlaybackTime.js');
 require('./ThumbnailMessageItemBody.js');
 require('./UnknownMessageItemBody.js');
 require('./TemplateMessageItemBody.js');
-require('../chunks/bundle-CUsh0Afn.js');
+require('../chunks/bundle-CoQLe8gx.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
-require('../chunks/bundle-CnyIw-9P.js');
+require('../chunks/bundle-DZ8Uar-L.js');
 require('./Input.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -153,40 +153,40 @@ 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$1 = 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 = utils.deleteNullish(props), _u = _t.renderSenderProfile, renderSenderProfile = _u === void 0 ? function (props) { return React__default.default.createElement(index.MessageProfile, _tslib.__assign({}, props)); } : _u, _v = _t.renderMessageBody, renderMessageBody = _v === void 0 ? function (props) { return React__default.default.createElement(index.MessageBody, _tslib.__assign({}, props)); } : _v, _w = _t.renderMessageHeader, renderMessageHeader = _w === void 0 ? function (props) { return React__default.default.createElement(index.MessageHeader, _tslib.__assign({}, props)); } : _w, _x = _t.renderMessageMenu, renderMessageMenu = _x === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _x, _y = _t.renderEmojiMenu, renderEmojiMenu = _y === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _y, _z = _t.renderEmojiReactions, renderEmojiReactions = _z === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _z, _0 = _t.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _0 === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _0;
-    var _1 = LocalizationContext.useLocalization(), dateLocale = _1.dateLocale, stringSet = _1.stringSet;
-    var _2 = useSendbird.useSendbird().state, config = _2.config, eventHandlers = _2.eventHandlers;
+    var _s = utils.deleteNullish(props), _t = _s.renderSenderProfile, renderSenderProfile = _t === void 0 ? function (props) { return React__default.default.createElement(index.MessageProfile, _tslib.__assign({}, props)); } : _t, _u = _s.renderMessageBody, renderMessageBody = _u === void 0 ? function (props) { return React__default.default.createElement(index.MessageBody, _tslib.__assign({}, props)); } : _u, _v = _s.renderMessageHeader, renderMessageHeader = _v === void 0 ? function (props) { return React__default.default.createElement(index.MessageHeader, _tslib.__assign({}, props)); } : _v, _w = _s.renderMessageMenu, renderMessageMenu = _w === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _w, _x = _s.renderEmojiMenu, renderEmojiMenu = _x === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _x, _y = _s.renderEmojiReactions, renderEmojiReactions = _y === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _y, _z = _s.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _z === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _z;
+    var _0 = LocalizationContext.useLocalization(), dateLocale = _0.dateLocale, stringSet = _0.stringSet;
+    var _1 = useSendbird.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 = React.useRef();
     var threadRepliesRef = React.useRef();
     var feedbackButtonsRef = React.useRef();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _3 = React.useState(false), showMenu = _3[0], setShowMenu = _3[1];
-    var _4 = React.useState(false), mouseHover = _4[0], setMouseHover = _4[1];
-    var isMenuMounted = useElementObserver.useElementObserver("#".concat(ui_ContextMenu.getObservingId(message$1.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
+    var _2 = React.useState(false), showMenu = _2[0], setShowMenu = _2[1];
+    var _3 = React.useState(false), mouseHover = _3[0], setMouseHover = _3[1];
+    var isMenuMounted = useElementObserver.useElementObserver("#".concat(ui_ContextMenu.getObservingId(message.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
         document.getElementById(ui_ContextMenu.MENU_ROOT_ID),
         document.getElementById(ui_ContextMenu.EMOJI_MENU_ROOT_ID),
     ]);
     // Feedback states
-    var _5 = React.useState(false), showFeedbackOptionsMenu = _5[0], setShowFeedbackOptionsMenu = _5[1];
-    var _6 = React.useState(false), showFeedbackModal = _6[0], setShowFeedbackModal = _6[1];
-    var _7 = React.useState(''), feedbackFailedText = _7[0], setFeedbackFailedText = _7[1];
-    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')
-        || ((message$1 === null || message$1 === void 0 ? void 0 : message$1.sendingStatus) === 'failed');
+    var _4 = React.useState(false), showFeedbackOptionsMenu = _4[0], setShowFeedbackOptionsMenu = _4[1];
+    var _5 = React.useState(false), showFeedbackModal = _5[0], setShowFeedbackModal = _5[1];
+    var _6 = React.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');
     var isByMeClassName = isByMe ? 'outgoing' : 'incoming';
     var chainTopClassName = chainTop ? 'chain-top' : '';
     var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
     var isReactionEnabledClassName = isReactionEnabledInChannel ? 'use-reactions' : '';
     var hoveredMenuClassName = isMenuMounted ? 'sendbird-mouse-hover' : '';
     var useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD')
-        && (message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessageId) && (message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessage)
+        && (message === null || message === void 0 ? void 0 : message.parentMessageId) && (message === null || message === void 0 ? void 0 : message.parentMessage)
         && !disableQuoteMessage);
     var useReplyingClassName = useReplying ? 'use-quote' : '';
     React.useEffect(function () {
@@ -195,15 +195,16 @@ function MessageContent(props) {
         }
     }, [useReplying]);
     // Thread replies
-    var displayThreadReplies = (message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo)
-        && message$1.threadInfo.replyCount > 0
+    var displayThreadReplies = (message === null || message === void 0 ? void 0 : message.threadInfo)
+        && message.threadInfo.replyCount > 0
         && replyType === 'THREAD';
     // Feedback buttons
-    var isFeedbackMessage = !isByMe
-        && !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedbackStatus)
-        && message$1.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$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _d === void 0 ? void 0 : _d.rating;
+    !isByMe
+        && !!(message === null || message === void 0 ? void 0 : message.myFeedbackStatus)
+        && message.myFeedbackStatus !== SbFeedbackStatus.NOT_APPLICABLE;
+    // 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:
@@ -213,7 +214,7 @@ function MessageContent(props) {
      *   - in mobile view:
      *     - bottom sheet on long click
      */
-    var isNotSpecialMessage = !index$1.isTemplateMessage(message$1) && !index$1.isFormMessage(message$1);
+    var isNotSpecialMessage = !index$1.isTemplateMessage(message) && !index$1.isFormMessage(message);
     var showLongPressMenu = isNotSpecialMessage && isMobile;
     var showOutgoingMenu = isNotSpecialMessage && isByMe && !isMobile;
     var showThreadReplies = isNotSpecialMessage && displayThreadReplies;
@@ -231,15 +232,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;
@@ -256,11 +248,11 @@ function MessageContent(props) {
         delay: 300,
         shouldPreventDefault: false,
     });
-    if (index$1.isAdminMessage(message$1)) {
-        return (React__default.default.createElement(ui_AdminMessage, { message: message$1 }));
+    if (index$1.isAdminMessage(message)) {
+        return (React__default.default.createElement(ui_AdminMessage, { message: message }));
     }
-    if (index$1.isTemplateMessage(message$1)) {
-        var templatePayload = message$1.extendedMessagePayload[consts.MESSAGE_TEMPLATE_KEY];
+    if (index$1.isTemplateMessage(message)) {
+        var templatePayload = message.extendedMessagePayload[consts.MESSAGE_TEMPLATE_KEY];
         if (index$1.isValidTemplateMessageType(templatePayload)) {
             return (React__default.default.createElement(MessageContentForTemplateMessage, _tslib.__assign({}, props, { renderSenderProfile: renderSenderProfile, renderMessageHeader: renderMessageHeader, renderMessageBody: renderMessageBody, isByMe: isByMe, displayThreadReplies: displayThreadReplies, mouseHover: mouseHover, isMobile: isMobile, isReactionEnabledInChannel: isReactionEnabledInChannel, hoveredMenuClassName: hoveredMenuClassName, templateType: templatePayload['type'], useReplying: useReplying })));
         }
@@ -275,7 +267,7 @@ function MessageContent(props) {
             showOutgoingMenu && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
-                    message: message$1,
+                    message: message,
                     isByMe: isByMe,
                     replyType: replyType,
                     showEdit: showEdit,
@@ -296,7 +288,7 @@ function MessageContent(props) {
                     deleteMessage: deleteMessage,
                 }),
                 isReactionEnabledInChannel && (renderEmojiMenu({
-                    message: message$1,
+                    message: message,
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
@@ -305,22 +297,22 @@ function MessageContent(props) {
         React__default.default.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle'), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
             (!isByMe && !chainTop && !useReplying) && renderMessageHeader(props),
             (useReplying) ? (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
-                React__default.default.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message$1.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
+                React__default.default.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, 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 === _const.ThreadReplySelectType.THREAD) {
-                            onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message$1 });
+                            onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message });
                         }
                         if ((replyType === 'QUOTE_REPLY' || (replyType === 'THREAD' && threadReplySelectType === _const.ThreadReplySelectType.PARENT))
-                            && ((_a = message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessage) === null || _a === void 0 ? void 0 : _a.createdAt) && (message$1 === null || message$1 === void 0 ? void 0 : message$1.parentMessageId)) {
-                            scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message$1.parentMessage.createdAt, message$1.parentMessageId);
+                            && ((_a = message === null || message === void 0 ? void 0 : message.parentMessage) === null || _a === void 0 ? void 0 : _a.createdAt) && (message === null || message === void 0 ? void 0 : message.parentMessageId)) {
+                            scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
                         }
                     } }))) : null,
-            React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index$1.isThumbnailMessage(message$1) && 'sendbird-message-content__middle__body-container--thumbnail') },
+            React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index$1.isThumbnailMessage(message) && 'sendbird-message-content__middle__body-container--thumbnail') },
                 (isByMe && !chainBottom) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName) },
                     React__default.default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
-                        React__default.default.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
+                        React__default.default.createElement(ui_MessageStatus.MessageStatus, { message: message, channel: channel })))),
                 renderMessageBody({
-                    message: message$1,
+                    message: message,
                     channel: channel,
                     showFileViewer: showFileViewer,
                     onMessageHeightChange: onMessageHeightChange,
@@ -331,10 +323,10 @@ function MessageContent(props) {
                     isByMe: isByMe,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index$1.isMultipleFilesMessage(message$1) ? 'image-grid'
-                        : (isByMe && !index$1.isThumbnailMessage(message$1) && !index$1.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
+                (isReactionEnabledInChannel && ((_g = message === null || message === void 0 ? void 0 : message.reactions) === null || _g === void 0 ? void 0 : _g.length) > 0) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index$1.isMultipleFilesMessage(message) ? 'image-grid'
+                        : (isByMe && !index$1.isThumbnailMessage(message) && !index$1.isOGMessage(message)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
-                    message: message$1,
+                    message: message,
                     channel: channel,
                     isByMe: isByMe,
                     emojiContainer: emojiContainer,
@@ -343,78 +335,16 @@ function MessageContent(props) {
                     onPressUserProfile: onPressUserProfileHandler,
                     filterEmojiCategoryIds: filterEmojiCategoryIds,
                 }))),
-                (!isByMe && !chainBottom) && (React__default.default.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', hoveredMenuClassName), 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, stringSet.DATE_FORMAT__MESSAGE_CREATED_AT, {
+                (!isByMe && !chainBottom) && (React__default.default.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', hoveredMenuClassName), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$2.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, stringSet.DATE_FORMAT__MESSAGE_CREATED_AT, {
                     locale: dateLocale,
                 })))),
-            showThreadReplies && (message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo) && (React__default.default.createElement(ui_ThreadReplies.default, { className: "sendbird-message-content__middle__thread-replies", threadInfo: message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo, onClick: function () { return onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message$1 }); }, ref: threadRepliesRef })),
-            isFeedbackEnabled && React__default.default.createElement("div", { className: "sendbird-message-content__middle__body-container__feedback-buttons-container", ref: feedbackButtonsRef },
-                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_j = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _j === void 0 ? void 0 : _j.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                        var error_1;
-                        var _a, _b;
-                        return _tslib.__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$1.submitFeedback({
-                                            rating: message.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$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
-                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
-                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_k = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _k === void 0 ? void 0 : _k.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                        var error_2;
-                        var _a, _b;
-                        return _tslib.__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$1.submitFeedback({
-                                            rating: message.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$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
-                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
+            showThreadReplies && (message === null || message === void 0 ? void 0 : message.threadInfo) && (React__default.default.createElement(ui_ThreadReplies.default, { 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),
         showRightContent && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
             React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, hoveredMenuClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
-                    message: message$1,
+                    message: message,
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
@@ -423,7 +353,7 @@ function MessageContent(props) {
                 renderMessageMenu({
                     className: 'sendbird-message-content-menu__normal-menu',
                     channel: channel,
-                    message: message$1,
+                    message: message,
                     isByMe: isByMe,
                     replyType: replyType,
                     showRemove: showRemove,
@@ -442,11 +372,11 @@ function MessageContent(props) {
                     },
                     deleteMessage: deleteMessage,
                 })))),
-        showMenu && index$1.isSendableMessage(message$1) && channel && renderMobileMenuOnLongPress({
+        showMenu && index$1.isSendableMessage(message) && channel && renderMobileMenuOnLongPress({
             parentRef: contentRef,
             channel: channel,
             hideMenu: function () { setShowMenu(false); },
-            message: message$1,
+            message: message,
             isReactionEnabled: isReactionEnabledInChannel,
             isByMe: isByMe,
             userId: userId,
@@ -482,7 +412,7 @@ function MessageContent(props) {
                             _c.label = 1;
                         case 1:
                             _c.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message$1 })];
+                            return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
                         case 2:
                             allowDownload = _c.sent();
                             if (!allowDownload) {
@@ -499,7 +429,7 @@ function MessageContent(props) {
                 });
             }); },
         }),
-        ((_l = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
+        ((_k = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _k === void 0 ? void 0 : _k.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -511,8 +441,8 @@ function MessageContent(props) {
                     switch (_c.label) {
                         case 0:
                             _c.trys.push([0, 3, , 4]);
-                            if (!(message$1.myFeedback !== null)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, message$1.deleteFeedback(message$1.myFeedback.id)];
+                            if (!(message.myFeedback !== null)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, message.deleteFeedback(message.myFeedback.id)];
                         case 1:
                             _c.sent();
                             _c.label = 2;
@@ -528,22 +458,22 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) && showFeedbackModal && (React__default.default.createElement(ui_MessageFeedbackModal, { selectedFeedback: message$1.myFeedback.rating, message: message$1, onUpdate: function (selectedFeedback, comment) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) && showFeedbackModal && (React__default.default.createElement(ui_MessageFeedbackModal, { selectedFeedback: message.myFeedback.rating, message: message, 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) {
                         case 0:
-                            if (!(message$1.myFeedback !== null)) return [3 /*break*/, 4];
-                            newFeedback = new message.Feedback({
-                                id: message$1.myFeedback.id,
+                            if (!(message.myFeedback !== null)) return [3 /*break*/, 4];
+                            newFeedback = {
+                                id: message.myFeedback.id,
                                 rating: selectedFeedback,
                                 comment: comment,
-                            });
+                            };
                             _c.label = 1;
                         case 1:
                             _c.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, message$1.updateFeedback(newFeedback)];
+                            return [4 /*yield*/, message.updateFeedback(newFeedback)];
                         case 2:
                             _c.sent();
                             return [3 /*break*/, 4];
@@ -564,8 +494,8 @@ function MessageContent(props) {
                     switch (_c.label) {
                         case 0:
                             _c.trys.push([0, 3, , 4]);
-                            if (!(message$1.myFeedback !== null)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, message$1.deleteFeedback(message$1.myFeedback.id)];
+                            if (!(message.myFeedback !== null)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, message.deleteFeedback(message.myFeedback.id)];
                         case 1:
                             _c.sent();
                             _c.label = 2;

package/cjs/ui/MessageContent.js.map

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

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,23 +1,23 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-CvPDIC6S.js');
-var ui_Modal = require('../chunks/bundle-CKxh6blR.js');
+var LocalizationContext = require('../chunks/bundle-Cl1F2dVf.js');
+var ui_Modal = require('../chunks/bundle-CnunHQIE.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-CHORdLLF.js');
-var useKeyDown = require('../chunks/bundle-DiX_ED1E.js');
-require('../chunks/bundle-Cg9M1U0A.js');
-require('../chunks/bundle-C8GpGF_8.js');
-require('../chunks/bundle-BGONS4W9.js');
+var ui_Label = require('../chunks/bundle-D316Q_r0.js');
+var useKeyDown = require('../chunks/bundle-Cll76wxt.js');
+require('../chunks/bundle-Batig6Ji.js');
+require('../chunks/bundle-COU8ZAhT.js');
+require('../chunks/bundle-DkI6G6PW.js');
 require('react-dom');
-require('../chunks/bundle-BGWx_pcP.js');
-require('../chunks/bundle-310NMH3A.js');
+require('../chunks/bundle-NHTJoN9Q.js');
+require('../chunks/bundle-DZGqZ52T.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-Dq-f9_1G.js');
-require('../chunks/bundle-B-ihNr_V.js');
-require('../chunks/bundle-Bz39Opug.js');
-require('../chunks/bundle-Cyv8f6Dp.js');
+require('../chunks/bundle-B-PfgBAR.js');
+require('../chunks/bundle-CyqCxWZT.js');
+require('../chunks/bundle-B2eNle8H.js');
+require('../chunks/bundle-DOkicHCg.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
@@ -27,6 +27,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated This feature is deprecated and will be removed in May 2026.
+ */
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/ui/MessageFeedbackFailedModal.js.map

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