@sendbird/uikit-react 3.14.0-beta.2 → 3.14.1

package/ui/MessageContent.js

@@ -1,94 +1,95 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-D_KO6Orc.js';
-import React__default, { useRef, useContext, useState, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-dw1OtCIz.js';
-import { M as MessageStatus } from '../chunks/bundle-BdZAuvN7.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DRWNB6So.js';
+import React__default, { useRef, useContext, useState, useMemo } from 'react';
+import { f as format } from '../chunks/bundle-BCNLSTzO.js';
+import { M as MessageStatus } from '../chunks/bundle--6zoMlSy.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, C as isTemplateMessage, L as isOGMessage, M as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, V as getMessageContentMiddleClassNameByContainerType, w as getClassName, W as UI_CONTAINER_TYPES } from '../chunks/bundle-5okwu0-4.js';
-import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-CJIPD7gN.js';
+import { e as isSendableMessage, n as getUIKitMessageTypes, C as isTemplateMessage, L as isOGMessage, M as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, O as getMessageContentMiddleClassNameByContainerType, P as isAdminMessage, w as getClassName, Q as UI_CONTAINER_TYPES } from '../chunks/bundle-CRJQQ2Pt.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-DUTTSKO5.js';
-import { M as MobileMenu } from '../chunks/bundle-CRLJsnLv.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-BuIxT5aZ.js';
+import { u as useLongPress } from '../chunks/bundle-BL67-UYY.js';
+import { M as MobileMenu } from '../chunks/bundle-C5yKwJa5.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CfCfA_eS.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-DoLed6JB.js';
-import { n as noop } from '../chunks/bundle-CwofYH9U.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-DKTKyX5B.js';
+import { d as deleteNullish, n as noop } from '../chunks/bundle-B-rlaXWu.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-C4sUzPGS.js';
+import { A as Avatar } from '../chunks/bundle-DiKCx9T0.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-DnFiUPoR.js';
+import { a as UserProfileContext } from '../chunks/bundle-Cr5JfXnd.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-rSEP1XoB.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle--KTlVDyw.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
-import { K } from '../chunks/bundle-aH4n4ipp.js';
+import { K } from '../chunks/bundle-BSOtUr3s.js';
 import { TemplateMessageItemBody } from './TemplateMessageItemBody.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
-import MessageFeedbackModal from '../Channel/components/MessageFeedbackModal.js';
-import { M as Modal } from '../chunks/bundle-BSPBjwR6.js';
-import Button, { ButtonTypes } from './Button.js';
-import { u as useKeyDown } from '../chunks/bundle-GQqssfTX.js';
-import '../chunks/bundle-CcTHgZqq.js';
+import MessageFeedbackModal from './MessageFeedbackModal.js';
+import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
+import '../chunks/bundle-Ca-c848e.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CcVFQEGF.js';
-import '../chunks/bundle-BJgNc4do.js';
+import '../chunks/bundle-BGjW7OlD.js';
+import '../chunks/bundle-DLC9d0SK.js';
 import './IconButton.js';
-import '../chunks/bundle-rfEyWmAm.js';
+import '../chunks/bundle-DChW5Z3e.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BFDyBk4r.js';
-import '../chunks/bundle-DXhynnjn.js';
+import '../chunks/bundle-oKdCuyHB.js';
+import '../chunks/bundle-CqjZHu2X.js';
 import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
 import '../hooks/useModal.js';
+import '../chunks/bundle-DURANzV-.js';
+import './Button.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-BUy5u56K.js';
+import '../chunks/bundle-D3BcbbU5.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Bf5VthYV.js';
+import '../chunks/bundle-BmJsj1DE.js';
 import '../withSendbird.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-B2pNgmzq.js';
-import '../chunks/bundle-D56MXYqF.js';
-import '../chunks/bundle-D_X2Bqh-.js';
+import '../chunks/bundle-CEBnyfFY.js';
+import '../chunks/bundle-DmHVnPIK.js';
+import '../chunks/bundle-CVBV25Ez.js';
+import '../chunks/bundle-tVxHr2lN.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-BvQAepkJ.js';
-import '../chunks/bundle-DRL21d0s.js';
+import '../chunks/bundle-DR0N9Re_.js';
+import '../chunks/bundle-CXPL_q7g.js';
 import './TextButton.js';
-import '../chunks/bundle-CfKGkWtT.js';
-import '../chunks/bundle-zf2ni0YJ.js';
-import '../chunks/bundle-BJ9OAqWz.js';
+import '../chunks/bundle-B1531-Xt.js';
+import '../chunks/bundle-BYJO_VIh.js';
+import '../chunks/bundle-CypLTOy5.js';
+import '../chunks/bundle-DdrjZDoC.js';
+import '@sendbird/uikit-tools';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-C0LxowmB.js';
+import '../chunks/bundle-Cv74ntvD.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-BH5rbsxO.js';
+import '../chunks/bundle-vcCWiyPL.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
-import './Carousel.js';
 import './Input.js';
-import '@sendbird/uikit-tools';
 
 function MessageProfile(props) {
     var message = props.message, channel = props.channel, userId = props.userId, _a = props.chainBottom, chainBottom = _a === void 0 ? false : _a, isByMe = props.isByMe, displayThreadReplies = props.displayThreadReplies, bottom = props.bottom;
@@ -128,7 +129,7 @@ function MessageProfile(props) {
 
 var MESSAGE_ITEM_BODY_CLASSNAME = 'sendbird-message-content__middle__message-item-body';
 function MessageBody(props) {
-    var message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
+    var message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, onTemplateMessageRenderedCallback = props.onTemplateMessageRenderedCallback, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
     var threadMessageKindKey = useThreadMessageKindKeySelector({
         isMobile: isMobile,
     });
@@ -136,13 +137,13 @@ function MessageBody(props) {
     var messageTypes = getUIKitMessageTypes();
     var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     return K(message)
-        .when(isTemplateMessage, function () { return (React__default.createElement(TemplateMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, theme: config === null || config === void 0 ? void 0 : config.theme })); })
+        .when(isTemplateMessage, function () { return (React__default.createElement(TemplateMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, theme: config === null || config === void 0 ? void 0 : config.theme, onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback })); })
         .when(function (message) { return isOgMessageEnabledInGroupChannel
         && isSendableMessage(message)
         && isOGMessage(message); }, function () { return (React__default.createElement(OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange })); })
         .when(isTextMessage, function () { return (React__default.createElement(TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel })); })
-        .when(function (message) { return getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.createElement(FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); })
-        .when(isMultipleFilesMessage, function () { return (React__default.createElement(MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })); })
+        .when(function (message) { return getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.createElement(FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
+        .when(isMultipleFilesMessage, function () { return (React__default.createElement(MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
         .when(isVoiceMessage, function () {
         var _a;
         return (React__default.createElement(VoiceMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, channelUrl: (_a = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _a !== void 0 ? _a : '', isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel }));
@@ -177,51 +178,45 @@ var SbFeedbackStatus;
     SbFeedbackStatus["SUBMITTED"] = "SUBMITTED";
 })(SbFeedbackStatus || (SbFeedbackStatus = {}));
 
-function MessageFeedbackFailedModal(props) {
-    var text = props.text, onCancel = props.onCancel;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var modalRef = useRef(null);
-    var onKeyDown = useKeyDown(modalRef, {
-        Enter: function () { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(); },
-        Escape: function () { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(); },
-    });
-    return (React__default.createElement("div", { onKeyDown: onKeyDown },
-        React__default.createElement(Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ButtonTypes.PRIMARY, onSubmit: onCancel, onClose: onCancel, submitText: stringSet.BUTTON__OK, renderHeader: function () { return (React__default.createElement("div", { className: 'sendbird-modal__header' },
-                React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, text))); }, customFooter: React__default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root_failed' },
-                React__default.createElement(Button, { onClick: onCancel },
-                    React__default.createElement(Label, { type: LabelTypography.BUTTON_3, color: LabelColors.ONCONTENT_1 }, stringSet.BUTTON__OK))) })));
-}
-
 function MessageContent(props) {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var 
     // Internal props
-    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _u = props.disabled, disabled = _u === void 0 ? false : _u, _v = props.chainTop, chainTop = _v === void 0 ? false : _v, _w = props.chainBottom, chainBottom = _w === void 0 ? false : _w, _x = props.isReactionEnabled, isReactionEnabled = _x === void 0 ? false : _x, _y = props.disableQuoteMessage, disableQuoteMessage = _y === void 0 ? false : _y, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, 
+    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _q = props.disabled, disabled = _q === void 0 ? false : _q, _r = props.chainTop, chainTop = _r === void 0 ? false : _r, _s = props.chainBottom, chainBottom = _s === void 0 ? false : _s, _t = props.isReactionEnabled, isReactionEnabled = _t === void 0 ? false : _t, _u = props.disableQuoteMessage, disableQuoteMessage = _u === void 0 ? false : _u, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage;
     // Public props for customization
-    _z = props.renderSenderProfile, 
-    // Public props for customization
-    renderSenderProfile = _z === void 0 ? function (props) { return (React__default.createElement(MessageProfile, __assign({}, props))); } : _z, _0 = props.renderMessageBody, renderMessageBody = _0 === void 0 ? function (props) { return (React__default.createElement(MessageBody, __assign({}, props))); } : _0, _1 = props.renderMessageHeader, renderMessageHeader = _1 === void 0 ? function (props) { return (React__default.createElement(MessageHeader, __assign({}, props))); } : _1, _2 = props.renderMessageMenu, renderMessageMenu = _2 === void 0 ? function (props) { return (React__default.createElement(MessageMenu, __assign({}, props))); } : _2, _3 = props.renderEmojiMenu, renderEmojiMenu = _3 === void 0 ? function (props) { return (React__default.createElement(MessageEmojiMenu, __assign({}, props))); } : _3, _4 = props.renderEmojiReactions, renderEmojiReactions = _4 === void 0 ? function (props) { return (React__default.createElement(EmojiReactions, __assign({}, props))); } : _4, _5 = props.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _5 === void 0 ? function (props) { return (React__default.createElement(MobileMenu, __assign({}, props))); } : _5;
+    var _v = deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _2;
     var dateLocale = useLocalization().dateLocale;
-    var _6 = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _6.config, eventHandlers = _6.eventHandlers;
+    var _3 = useSendbirdStateContext(), config = _3.config, eventHandlers = _3.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(null);
     var timestampRef = useRef(null);
     var threadRepliesRef = useRef(null);
     var feedbackButtonsRef = useRef(null);
     var isMobile = useMediaQueryContext().isMobile;
-    var _7 = useState(false), showMenu = _7[0], setShowMenu = _7[1];
-    var _8 = useState(false), mouseHover = _8[0], setMouseHover = _8[1];
-    var _9 = useState(false), supposedHover = _9[0], setSupposedHover = _9[1];
+    var _4 = useState(false), showMenu = _4[0], setShowMenu = _4[1];
+    var _5 = useState(false), mouseHover = _5[0], setMouseHover = _5[1];
+    var _6 = useState(false), supposedHover = _6[0], setSupposedHover = _6[1];
     // Feedback states
-    var _10 = useState(false), showFeedbackOptionsMenu = _10[0], setShowFeedbackOptionsMenu = _10[1];
-    var _11 = useState(false), showFeedbackModal = _11[0], setShowFeedbackModal = _11[1];
-    var _12 = useState(''), feedbackFailedText = _12[0], setFeedbackFailedText = _12[1];
-    var _13 = useState(0), totalBottom = _13[0], setTotalBottom = _13[1];
-    var uiContainerType = getMessageContentMiddleClassNameByContainerType({
+    var _7 = useState(false), showFeedbackOptionsMenu = _7[0], setShowFeedbackOptionsMenu = _7[1];
+    var _8 = useState(false), showFeedbackModal = _8[0], setShowFeedbackModal = _8[1];
+    var _9 = useState(''), feedbackFailedText = _9[0], setFeedbackFailedText = _9[1];
+    var _10 = useState(getMessageContentMiddleClassNameByContainerType({
         message: message,
         isMobile: isMobile,
-    });
+    })), uiContainerType = _10[0], setUiContainerType = _10[1];
+    var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
+        if (renderedTemplateType === 'failed') {
+            setUiContainerType(UI_CONTAINER_TYPES.DEFAULT);
+        }
+        else if (renderedTemplateType === 'composite') {
+            /**
+             * Composite templates must have default carousel view irregardless of given containerType.
+             */
+            setUiContainerType(UI_CONTAINER_TYPES.DEFAULT_CAROUSEL);
+        }
+    };
     var stringSet = useContext(LocalizationContext).stringSet;
     var isByMe = (userId === ((_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.userId))
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
@@ -257,6 +252,20 @@ function MessageContent(props) {
     var showThreadReplies = isNotTemplateMessage && displayThreadReplies;
     var showRightContent = isNotTemplateMessage && !isByMe && !isMobile;
     var isTimestampBottom = !!uiContainerType;
+    var getTotalBottom = function () {
+        var sum = 2;
+        if (timestampRef.current && isTimestampBottom) {
+            sum += 4 + timestampRef.current.clientHeight;
+        }
+        if (threadRepliesRef.current) {
+            sum += 4 + threadRepliesRef.current.clientHeight;
+        }
+        if (feedbackButtonsRef.current) {
+            sum += 4 + feedbackButtonsRef.current.clientHeight;
+        }
+        return sum;
+    };
+    var totalBottom = useMemo(function () { return getTotalBottom(); }, [isTimestampBottom]);
     var onCloseFeedbackForm = function () {
         setShowFeedbackModal(false);
     };
@@ -284,65 +293,48 @@ function MessageContent(props) {
         delay: 300,
         shouldPreventDefault: false,
     });
-    if (((_e = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _e === void 0 ? void 0 : _e.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
+    if (isAdminMessage(message)) {
         return (React__default.createElement(AdminMessage, { message: message }));
     }
-    useEffect(function () {
-        var getTotalBottom = function () {
-            var sum = 2;
-            if (timestampRef.current && isTimestampBottom) {
-                sum += 4 + timestampRef.current.clientHeight;
-            }
-            if (threadRepliesRef.current) {
-                sum += 4 + threadRepliesRef.current.clientHeight;
-            }
-            if (feedbackButtonsRef.current) {
-                sum += 4 + feedbackButtonsRef.current.clientHeight;
-            }
-            return sum;
-        };
-        setTotalBottom(getTotalBottom());
-    }, [isTimestampBottom]);
     return (React__default.createElement("div", { className: getClassName([
             className,
             'sendbird-message-content',
             isByMeClassName,
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        uiContainerType !== UI_CONTAINER_TYPES.FULL
-            && React__default.createElement("div", { className: getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
-                renderSenderProfile(__assign(__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-                showOutgoingMenu && (React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
-                    renderMessageMenu({
-                        channel: channel,
-                        message: message,
-                        isByMe: isByMe,
-                        replyType: replyType,
-                        disabled: disabled,
-                        showEdit: showEdit,
-                        showRemove: showRemove,
-                        resendMessage: resendMessage,
-                        setQuoteMessage: setQuoteMessage,
-                        setSupposedHover: setSupposedHover,
-                        onReplyInThread: function (_a) {
-                            var _b;
-                            var message = _a.message;
-                            if (threadReplySelectType === ThreadReplySelectType.THREAD) {
-                                onReplyInThread({ message: message });
-                            }
-                            else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
-                                scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
-                            }
-                        },
-                        deleteMessage: deleteMessage,
-                    }),
-                    isReactionEnabledInChannel && (renderEmojiMenu({
-                        message: message,
-                        userId: userId,
-                        emojiContainer: emojiContainer,
-                        toggleReaction: toggleReaction,
-                        setSupposedHover: setSupposedHover,
-                    }))))),
+        React__default.createElement("div", { className: getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
+            renderSenderProfile(__assign(__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
+            showOutgoingMenu && (React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
+                renderMessageMenu({
+                    channel: channel,
+                    message: message,
+                    isByMe: isByMe,
+                    replyType: replyType,
+                    disabled: disabled,
+                    showEdit: showEdit,
+                    showRemove: showRemove,
+                    resendMessage: resendMessage,
+                    setQuoteMessage: setQuoteMessage,
+                    setSupposedHover: setSupposedHover,
+                    onReplyInThread: function (_a) {
+                        var _b;
+                        var message = _a.message;
+                        if (threadReplySelectType === ThreadReplySelectType.THREAD) {
+                            onReplyInThread({ message: message });
+                        }
+                        else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
+                            scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
+                        }
+                    },
+                    deleteMessage: deleteMessage,
+                }),
+                isReactionEnabledInChannel && (renderEmojiMenu({
+                    message: message,
+                    userId: userId,
+                    emojiContainer: emojiContainer,
+                    toggleReaction: toggleReaction,
+                    setSupposedHover: setSupposedHover,
+                }))))),
         React__default.createElement("div", __assign({ className: getClassName([
                 'sendbird-message-content__middle',
                 isTemplateMessage(message) ? 'sendbird-message-content__middle__for_template_message' : '',
@@ -350,7 +342,7 @@ function MessageContent(props) {
             ]) }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
             (useReplying) ? (React__default.createElement("div", { className: getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName]) },
-                React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_f = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _f !== void 0 ? _f : 0) > ((_h = (_g = message.parentMessage) === null || _g === void 0 ? void 0 : _g.createdAt) !== null && _h !== void 0 ? _h : 0), onClick: function () {
+                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 () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
                             onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message });
@@ -382,8 +374,10 @@ function MessageContent(props) {
                     config: config,
                     isReactionEnabledInChannel: isReactionEnabledInChannel,
                     isByMe: isByMe,
+                    onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
+                    onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_j = message === null || message === void 0 ? void 0 : message.reactions) === null || _j === void 0 ? void 0 : _j.length) > 0) && (React__default.createElement("div", { className: getClassName([
+                (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: getClassName([
                         'sendbird-message-content-reactions',
                         isMultipleFilesMessage(message)
                             ? 'image-grid'
@@ -410,12 +404,12 @@ function MessageContent(props) {
                 })))),
             isTimestampBottom && React__default.createElement("div", { style: {
                     width: '100%',
-                    height: ((_l = (_k = timestampRef.current) === null || _k === void 0 ? void 0 : _k.clientHeight) !== null && _l !== void 0 ? _l : 0) + 'px',
+                    height: ((_k = (_j = timestampRef.current) === null || _j === void 0 ? void 0 : _j.clientHeight) !== null && _k !== void 0 ? _k : 0) + 'px',
                     marginTop: '4px',
                 } }),
             showThreadReplies && (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: ((_m = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === FeedbackRating.GOOD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                React__default.createElement(FeedbackIconButton, { isSelected: ((_l = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === FeedbackRating.GOOD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                         var error_1;
                         var _a, _b, _c;
                         return __generator(this, function (_d) {
@@ -446,7 +440,7 @@ function MessageContent(props) {
                         });
                     }); }, 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: ((_o = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) === FeedbackRating.BAD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                React__default.createElement(FeedbackIconButton, { isSelected: ((_m = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === FeedbackRating.BAD, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
                         var error_2;
                         var _a, _b, _c;
                         return __generator(this, function (_d) {
@@ -510,7 +504,7 @@ function MessageContent(props) {
                     },
                     deleteMessage: deleteMessage,
                 })))),
-        showMenu && (((_p = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _p === void 0 ? void 0 : _p.call(message)) || ((_q = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _q === void 0 ? void 0 : _q.call(message)) || ((_r = message === null || message === void 0 ? void 0 : message.isMultipleFilesMessage) === null || _r === void 0 ? void 0 : _r.call(message))) && renderMobileMenuOnLongPress({
+        showMenu && isSendableMessage(message) && renderMobileMenuOnLongPress({
             parentRef: contentRef,
             channel: channel,
             hideMenu: function () { setShowMenu(false); },
@@ -537,8 +531,36 @@ 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);
                 }
             },
+            onDownloadClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                var allowDownload, err_1;
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!onBeforeDownloadFileMessage) {
+                                return [2 /*return*/, null];
+                            }
+                            _c.label = 1;
+                        case 1:
+                            _c.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
+                        case 2:
+                            allowDownload = _c.sent();
+                            if (!allowDownload) {
+                                e.preventDefault();
+                                (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MessageContent: Not allowed to download.');
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            err_1 = _c.sent();
+                            (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'MessageContent: Error occurred while determining download continuation:', err_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); },
         }),
-        ((_s = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _s === void 0 ? void 0 : _s.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
+        ((_o = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -565,7 +587,7 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        ((_t = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _t === void 0 ? void 0 : _t.rating) && showFeedbackModal && (React__default.createElement(MessageFeedbackModal, { selectedFeedback: message.myFeedback.rating, message: message, onUpdate: function (selectedFeedback, comment) { return __awaiter(_this, void 0, void 0, function () {
+        ((_p = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _p === void 0 ? void 0 : _p.rating) && showFeedbackModal && (React__default.createElement(MessageFeedbackModal, { selectedFeedback: message.myFeedback.rating, message: message, onUpdate: function (selectedFeedback, comment) { return __awaiter(_this, void 0, void 0, function () {
                 var newFeedback, error_4;
                 var _a, _b;
                 return __generator(this, function (_c) {

package/ui/MessageContent.js.map

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

package/ui/MessageFeedbackFailedModal.js

@@ -0,0 +1,33 @@
+import React__default, { useContext, useRef } from 'react';
+import { L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
+import { M as Modal } from '../chunks/bundle-DURANzV-.js';
+import Button, { ButtonTypes } from './Button.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import { u as useKeyDown } from '../chunks/bundle-DdrjZDoC.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-DRWNB6So.js';
+import 'react-dom';
+import '../chunks/bundle-B-rlaXWu.js';
+import '../chunks/bundle-CfCfA_eS.js';
+import './IconButton.js';
+import './Icon.js';
+import '@sendbird/uikit-tools';
+
+function MessageFeedbackFailedModal(props) {
+    var text = props.text, onCancel = props.onCancel;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var modalRef = useRef(null);
+    var onKeyDown = useKeyDown(modalRef, {
+        Enter: function () { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(); },
+        Escape: function () { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(); },
+    });
+    return (React__default.createElement("div", { onKeyDown: onKeyDown },
+        React__default.createElement(Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ButtonTypes.PRIMARY, onSubmit: onCancel, onClose: onCancel, submitText: stringSet.BUTTON__OK, renderHeader: function () { return (React__default.createElement("div", { className: 'sendbird-modal__header' },
+                React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, text))); }, customFooter: React__default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root_failed' },
+                React__default.createElement(Button, { onClick: onCancel },
+                    React__default.createElement(Label, { type: LabelTypography.BUTTON_3, color: LabelColors.ONCONTENT_1 }, stringSet.BUTTON__OK))) })));
+}
+
+export { MessageFeedbackFailedModal as default };
+//# sourceMappingURL=MessageFeedbackFailedModal.js.map

package/ui/MessageFeedbackFailedModal.js.map

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

package/{Channel/components → ui}/MessageFeedbackModal.js

@@ -1,18 +1,18 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-CJIPD7gN.js';
-import { M as Modal } from '../../chunks/bundle-BSPBjwR6.js';
-import Button, { ButtonTypes } from '../../ui/Button.js';
-import Input from '../../ui/Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C-_RpFyM.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-BuIxT5aZ.js';
-import { u as useKeyDown } from '../../chunks/bundle-GQqssfTX.js';
-import '../../chunks/bundle-DXhynnjn.js';
-import '../../chunks/bundle-CcTHgZqq.js';
-import '../../chunks/bundle-D_KO6Orc.js';
+import { L as LocalizationContext } from '../chunks/bundle-ByOL8d1Y.js';
+import { M as Modal } from '../chunks/bundle-DURANzV-.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-C9k4XREr.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CfCfA_eS.js';
+import { u as useKeyDown } from '../chunks/bundle-DdrjZDoC.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
+import '../chunks/bundle-DRWNB6So.js';
 import 'react-dom';
-import '../../chunks/bundle-CwofYH9U.js';
-import '../../ui/IconButton.js';
-import '../../ui/Icon.js';
+import '../chunks/bundle-B-rlaXWu.js';
+import './IconButton.js';
+import './Icon.js';
 import '@sendbird/uikit-tools';
 
 function MessageFeedbackModal(props) {

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-cjTAVQxr.js';
-import '../../../chunks/bundle-87W4GPnC.js';
-import '../../../chunks/bundle-DoLed6JB.js';
-import '../../../chunks/bundle-D_KO6Orc.js';
-import '../../../chunks/bundle-gSQF3Ob-.js';
-import '../../../chunks/bundle-DRL21d0s.js';
-import '../../../chunks/bundle-BvQAepkJ.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-BqZ85d_h.js';
+import '../../../chunks/bundle-C4E6x1yH.js';
+import '../../../chunks/bundle-DKTKyX5B.js';
+import '../../../chunks/bundle-DRWNB6So.js';
+import '../../../chunks/bundle-BlbJo9zV.js';
+import '../../../chunks/bundle-CXPL_q7g.js';
+import '../../../chunks/bundle-DR0N9Re_.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,24 +1,24 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-D_KO6Orc.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DRWNB6So.js';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { N as NodeTypes, M as MessageInputKeys } from '../chunks/bundle-87W4GPnC.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-DoLed6JB.js';
+import { N as NodeTypes, M as MessageInputKeys } from '../chunks/bundle-C4E6x1yH.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-DKTKyX5B.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-cjTAVQxr.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-BqZ85d_h.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C-_RpFyM.js';
-import { u as useLocalization } from '../chunks/bundle-CJIPD7gN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C9k4XREr.js';
+import { u as useLocalization } from '../chunks/bundle-ByOL8d1Y.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { G as arrayEqual, w as getClassName, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-5okwu0-4.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-D_X2Bqh-.js';
-import { K } from '../chunks/bundle-aH4n4ipp.js';
-import { i as isMobileIOS } from '../chunks/bundle-CwofYH9U.js';
+import { G as arrayEqual, w as getClassName, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-CRJQQ2Pt.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-tVxHr2lN.js';
+import { K } from '../chunks/bundle-BSOtUr3s.js';
+import { i as isMobileIOS } from '../chunks/bundle-B-rlaXWu.js';
 import 'dompurify';
-import '../chunks/bundle-gSQF3Ob-.js';
-import '../chunks/bundle-DRL21d0s.js';
-import '../chunks/bundle-BvQAepkJ.js';
-import '../chunks/bundle-DXhynnjn.js';
-import '../chunks/bundle-CcTHgZqq.js';
+import '../chunks/bundle-BlbJo9zV.js';
+import '../chunks/bundle-CXPL_q7g.js';
+import '../chunks/bundle-DR0N9Re_.js';
+import '../chunks/bundle-CqjZHu2X.js';
+import '../chunks/bundle-Ca-c848e.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';