@sendbird/uikit-react 3.15.4 → 3.15.5

package/cjs/ui/MentionLabel.js

@@ -1,40 +1,40 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-BlctoPRq.js');
-var ui_Label = require('../chunks/bundle-UrfGgm28.js');
+var ui_ContextMenu = require('../chunks/bundle-C9UhSess.js');
+var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-D_lF37ye.js');
-require('../chunks/bundle-Db8YvH3q.js');
+var utils = require('../chunks/bundle-C9dUt1j_.js');
+require('../chunks/bundle-CXzY5rVA.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BrQ2ZPGR.js');
+require('../chunks/bundle-CCfEEGZT.js');
 require('../withSendbird.js');
 require('./IconButton.js');
-require('../chunks/bundle-BXPOAoB6.js');
+require('../chunks/bundle-QL_tq1Vi.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BwhU8sVU.js');
-require('../chunks/bundle-Bqw9YOBI.js');
-require('../chunks/bundle-D24hyvZV.js');
-require('../chunks/bundle-D2P6gVxf.js');
-require('../chunks/bundle-BCxrXYI3.js');
+require('../chunks/bundle-HekRAZ-p.js');
+require('../chunks/bundle-BekF9PeY.js');
+require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-BsZ9e1OW.js');
+require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-C5MmL5yU.js');
 require('@sendbird/uikit-tools');
-require('../chunks/bundle-B_WxxAei.js');
-require('../chunks/bundle-COihomAk.js');
+require('../chunks/bundle-D_aAITb2.js');
+require('../chunks/bundle-DvvSnKiJ.js');
 require('./Button.js');
 require('./Icon.js');
 require('css-vars-ponyfill');
-require('../chunks/bundle-DYmapMAd.js');
-require('../chunks/bundle-BIO_eBe4.js');
+require('../chunks/bundle-D9TPG-dw.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-BuKwTuVv.js');
-require('../chunks/bundle-2h0tunYE.js');
+require('../chunks/bundle-DAkNTCba.js');
+require('../chunks/bundle-CpNphatI.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-1hFPx8T-.js');
+require('../chunks/bundle-BrZukI3D.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MentionUserLabel.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-ZOmsvW3a.js');
-var utils = require('../chunks/bundle-D_lF37ye.js');
+var consts = require('../chunks/bundle-v_4wu87G.js');
+var utils = require('../chunks/bundle-C9dUt1j_.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageContent.js

@@ -2,87 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-Db8YvH3q.js');
+var _tslib = require('../chunks/bundle-CXzY5rVA.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-BwE__yQ0.js');
-var ui_MessageStatus = require('../chunks/bundle-BWbn8TYb.js');
-var MessageMenu = require('../chunks/bundle-et2uTovT.js');
-var ui_ContextMenu = require('../chunks/bundle-BlctoPRq.js');
-var utils = require('../chunks/bundle-D_lF37ye.js');
-var ui_Label = require('../chunks/bundle-UrfGgm28.js');
+var index$2 = require('../chunks/bundle-DWHg78Gy.js');
+var ui_MessageStatus = require('../chunks/bundle-BlT-csJI.js');
+var MessageMenu = require('../chunks/bundle-Cx_AtXvu.js');
+var ui_ContextMenu = require('../chunks/bundle-C9UhSess.js');
+var utils = require('../chunks/bundle-C9dUt1j_.js');
+var ui_Label = require('../chunks/bundle-B0_1JTh1.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-BXPOAoB6.js');
-var LocalizationContext = require('../chunks/bundle-D24hyvZV.js');
+var index$1 = require('../chunks/bundle-QL_tq1Vi.js');
+var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-D7z1mmDp.js');
+var useLongPress = require('../chunks/bundle-DQTt3t1y.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-COihomAk.js');
+var MediaQueryContext = require('../chunks/bundle-DvvSnKiJ.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-BdkNokVA.js');
-var index = require('../chunks/bundle-DU96Nzq-.js');
+var _const = require('../chunks/bundle-Bc-DjgOv.js');
+var index = require('../chunks/bundle-BjL-fbex.js');
 var ui_Icon = require('./Icon.js');
 var ui_FeedbackIconButton = 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-B1BFXAIQ.js');
-require('../chunks/bundle-Bqw9YOBI.js');
+var useElementObserver = require('../chunks/bundle-CJMDrgfZ.js');
+var consts = require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-BekF9PeY.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-ByanPeD0.js');
-require('../chunks/bundle-DikxzL_d.js');
+require('../chunks/bundle-Bl3MWz31.js');
+require('../chunks/bundle-CHG_eoB7.js');
 require('./IconButton.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BrQ2ZPGR.js');
+require('../chunks/bundle-CCfEEGZT.js');
 require('../withSendbird.js');
-require('../chunks/bundle-D2P6gVxf.js');
+require('../chunks/bundle-Cpuh_hmr.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-BwhU8sVU.js');
+require('../chunks/bundle-HekRAZ-p.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-B_WxxAei.js');
+require('../chunks/bundle-D_aAITb2.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../chunks/bundle-DYmapMAd.js');
-require('../chunks/bundle-BIO_eBe4.js');
+require('../chunks/bundle-D9TPG-dw.js');
 require('./UserListItem.js');
-require('../chunks/bundle-BCxrXYI3.js');
-require('../chunks/bundle-2h0tunYE.js');
-require('../chunks/bundle-1hFPx8T-.js');
+require('../chunks/bundle-C5MmL5yU.js');
+require('../chunks/bundle-CpNphatI.js');
+require('../chunks/bundle-BrZukI3D.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-BuKwTuVv.js');
+require('../chunks/bundle-DAkNTCba.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-CeLmQMmo.js');
-require('../chunks/bundle-Blch0kG8.js');
+require('../chunks/bundle-BEJP-RCX.js');
+require('../chunks/bundle-Ce1AhZRK.js');
 require('./OGMessageItemBody.js');
-require('../chunks/bundle-BJ0h7G0c.js');
-require('../chunks/bundle-B-Lh9WrT.js');
+require('../chunks/bundle-BkcVGDjn.js');
+require('../chunks/bundle-BKGMWgjB.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-BMhYApRu.js');
+require('../chunks/bundle-Cs90VeJL.js');
 require('./TextMessageItemBody.js');
-require('../chunks/bundle-BH4jo8Br.js');
+require('../chunks/bundle-CfZq5vEi.js');
 require('./FileMessageItemBody.js');
 require('./TextButton.js');
-require('../chunks/bundle-ClyzMwDC.js');
-require('../chunks/bundle-CX437C0t.js');
+require('../chunks/bundle-CAq16sKH.js');
+require('../chunks/bundle-D7lzZHvD.js');
 require('./FileViewer.js');
-require('../chunks/bundle-BZ7JTELl.js');
+require('../chunks/bundle-D8lzfXkZ.js');
 require('./VoiceMessageItemBody.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
@@ -90,10 +90,10 @@ require('./PlaybackTime.js');
 require('./ThumbnailMessageItemBody.js');
 require('./UnknownMessageItemBody.js');
 require('./TemplateMessageItemBody.js');
-require('../chunks/bundle-CuaaEAz6.js');
+require('../chunks/bundle-D4y5iRWL.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
-require('../chunks/bundle-BCChjjwq.js');
+require('../chunks/bundle-TwlKYkkB.js');
 require('./Input.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -110,48 +110,70 @@ var SbFeedbackStatus;
     SbFeedbackStatus["SUBMITTED"] = "SUBMITTED";
 })(SbFeedbackStatus || (SbFeedbackStatus = {}));
 
+function MessageContentForTemplateMessage(props) {
+    var _a, _b, _c;
+    var channel = props.channel, message = props.message, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, renderSenderProfile = props.renderSenderProfile, renderMessageHeader = props.renderMessageHeader, renderMessageBody = props.renderMessageBody, isByMe = props.isByMe, displayThreadReplies = props.displayThreadReplies, mouseHover = props.mouseHover, isMobile = props.isMobile, isReactionEnabledInChannel = props.isReactionEnabledInChannel, hoveredMenuClassName = props.hoveredMenuClassName, templateType = props.templateType, useReplying = props.useReplying;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var dateLocale = LocalizationContext.useLocalization().dateLocale;
+    var uiContainerTypeClassName = (_a = index$1.uiContainerType[templateType]) !== null && _a !== void 0 ? _a : '';
+    var senderProfile = renderSenderProfile(_tslib.__assign(_tslib.__assign({}, props), { chainBottom: false, className: '', isByMe: isByMe, displayThreadReplies: displayThreadReplies }));
+    var messageHeader = renderMessageHeader(props);
+    var messageBody = renderMessageBody({
+        message: message,
+        channel: channel,
+        showFileViewer: showFileViewer,
+        onMessageHeightChange: onMessageHeightChange,
+        mouseHover: mouseHover,
+        isMobile: isMobile,
+        config: config,
+        isReactionEnabledInChannel: isReactionEnabledInChannel,
+        isByMe: isByMe,
+        onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
+    });
+    var timeStamp = React__default.default.createElement(ui_Label.Label, { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'right', hoveredMenuClassName, uiContainerTypeClassName), 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, 'p', {
+        locale: dateLocale,
+    }));
+    var templateData = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b[consts.MESSAGE_TEMPLATE_KEY];
+    var _d = (_c = templateData === null || templateData === void 0 ? void 0 : templateData.container_options) !== null && _c !== void 0 ? _c : {}, _e = _d.profile, profile = _e === void 0 ? true : _e, _f = _d.time, time = _f === void 0 ? true : _f, _g = _d.nickname, nickname = _g === void 0 ? true : _g;
+    var hasContainerHeader = profile || nickname;
+    return (React__default.default.createElement("div", { className: "sendbird-message-content__sendbird-ui-container-type__default__root" },
+        !isByMe
+            && hasContainerHeader
+            && !useReplying
+            && (React__default.default.createElement("div", { className: "sendbird-message-content__sendbird-ui-container-type__default__header-container" },
+                React__default.default.createElement("div", { className: "sendbird-message-content__sendbird-ui-container-type__default__header-container__left__profile" }, profile && senderProfile),
+                nickname && messageHeader)),
+        messageBody,
+        (!isByMe && time)
+            && React__default.default.createElement("div", { className: "sendbird-message-content__sendbird-ui-container-type__default__bottom" }, timeStamp)));
+}
+
 function MessageContent(props) {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     var 
     // Internal props
-    className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _r = props.disabled, disabled = _r === void 0 ? false : _r, _s = props.chainTop, chainTop = _s === void 0 ? false : _s, _t = props.chainBottom, chainBottom = _t === void 0 ? false : _t, _u = props.isReactionEnabled, isReactionEnabled = _u === void 0 ? false : _u, _v = props.disableQuoteMessage, disableQuoteMessage = _v === void 0 ? false : _v, 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, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
+    className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _p = props.disabled, disabled = _p === void 0 ? false : _p, _q = props.chainTop, chainTop = _q === void 0 ? false : _q, _r = props.chainBottom, chainBottom = _r === void 0 ? false : _r, _s = props.isReactionEnabled, isReactionEnabled = _s === void 0 ? false : _s, _t = props.disableQuoteMessage, disableQuoteMessage = _t === void 0 ? false : _t, 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, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
     // Public props for customization
-    var _w = utils.deleteNullish(props), _x = _w.renderSenderProfile, renderSenderProfile = _x === void 0 ? function (props) { return React__default.default.createElement(index.MessageProfile, _tslib.__assign({}, props)); } : _x, _y = _w.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return React__default.default.createElement(index.MessageBody, _tslib.__assign({}, props)); } : _y, _z = _w.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return React__default.default.createElement(index.MessageHeader, _tslib.__assign({}, props)); } : _z, _0 = _w.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _0, _1 = _w.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _1, _2 = _w.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _2, _3 = _w.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _3 === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _3;
-    var _4 = LocalizationContext.useLocalization(), dateLocale = _4.dateLocale, stringSet = _4.stringSet;
-    var _5 = useSendbirdStateContext.useSendbirdStateContext(), config = _5.config, eventHandlers = _5.eventHandlers;
+    var _u = utils.deleteNullish(props), _v = _u.renderSenderProfile, renderSenderProfile = _v === void 0 ? function (props) { return React__default.default.createElement(index.MessageProfile, _tslib.__assign({}, props)); } : _v, _w = _u.renderMessageBody, renderMessageBody = _w === void 0 ? function (props) { return React__default.default.createElement(index.MessageBody, _tslib.__assign({}, props)); } : _w, _x = _u.renderMessageHeader, renderMessageHeader = _x === void 0 ? function (props) { return React__default.default.createElement(index.MessageHeader, _tslib.__assign({}, props)); } : _x, _y = _u.renderMessageMenu, renderMessageMenu = _y === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _y, _z = _u.renderEmojiMenu, renderEmojiMenu = _z === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _z, _0 = _u.renderEmojiReactions, renderEmojiReactions = _0 === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _0, _1 = _u.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _1 === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _1;
+    var _2 = LocalizationContext.useLocalization(), dateLocale = _2.dateLocale, stringSet = _2.stringSet;
+    var _3 = useSendbirdStateContext.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 = React.useRef();
-    var timestampRef = React.useRef();
     var threadRepliesRef = React.useRef();
     var feedbackButtonsRef = React.useRef();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _6 = React.useState(false), showMenu = _6[0], setShowMenu = _6[1];
-    var _7 = React.useState(false), mouseHover = _7[0], setMouseHover = _7[1];
+    var _4 = React.useState(false), showMenu = _4[0], setShowMenu = _4[1];
+    var _5 = React.useState(false), mouseHover = _5[0], setMouseHover = _5[1];
     var isMenuMounted = useElementObserver.useElementObserver("#".concat(ui_ContextMenu.getObservingId(message$1.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 _8 = React.useState(false), showFeedbackOptionsMenu = _8[0], setShowFeedbackOptionsMenu = _8[1];
-    var _9 = React.useState(false), showFeedbackModal = _9[0], setShowFeedbackModal = _9[1];
-    var _10 = React.useState(''), feedbackFailedText = _10[0], setFeedbackFailedText = _10[1];
-    var _11 = React.useState(index$1.getMessageContentMiddleClassNameByContainerType({
-        message: message$1,
-        isMobile: isMobile,
-    })), uiContainerType = _11[0], setUiContainerType = _11[1];
-    var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
-        if (renderedTemplateType === 'failed') {
-            setUiContainerType(index$1.UI_CONTAINER_TYPES.DEFAULT);
-        }
-        else if (renderedTemplateType === 'composite') {
-            /**
-             * Composite templates must have default carousel view irregardless of given containerType.
-             */
-            setUiContainerType(index$1.UI_CONTAINER_TYPES.DEFAULT_CAROUSEL);
-        }
-    };
+    var _6 = React.useState(false), showFeedbackOptionsMenu = _6[0], setShowFeedbackOptionsMenu = _6[1];
+    var _7 = React.useState(false), showFeedbackModal = _7[0], setShowFeedbackModal = _7[1];
+    var _8 = React.useState(''), feedbackFailedText = _8[0], setFeedbackFailedText = _8[1];
     var 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');
@@ -188,12 +210,8 @@ function MessageContent(props) {
     var showOutgoingMenu = isNotSpecialMessage && isByMe && !isMobile;
     var showThreadReplies = isNotSpecialMessage && displayThreadReplies;
     var showRightContent = isNotSpecialMessage && !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;
         }
@@ -202,7 +220,7 @@ function MessageContent(props) {
         }
         return sum;
     };
-    var totalBottom = React.useMemo(function () { return getTotalBottom(); }, [isTimestampBottom]);
+    var totalBottom = React.useMemo(function () { return getTotalBottom(); }, []);
     var onCloseFeedbackForm = function () {
         setShowFeedbackModal(false);
     };
@@ -234,11 +252,16 @@ function MessageContent(props) {
     if (index$1.isAdminMessage(message$1)) {
         return (React__default.default.createElement(ui_AdminMessage, { message: message$1 }));
     }
+    if (index$1.isTemplateMessage(message$1)) {
+        var templatePayload = message$1.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 })));
+        }
+    }
     return (React__default.default.createElement("div", { className: index$1.getClassName([
             className !== null && className !== void 0 ? className : '',
             'sendbird-message-content',
             isByMeClassName,
-            uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
         React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
             renderSenderProfile(_tslib.__assign(_tslib.__assign({}, props), { className: 'sendbird-message-content__left__avatar', isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
@@ -271,7 +294,7 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     filterEmojiCategoryIds: filterEmojiCategoryIds,
                 }))))),
-        React__default.default.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle', index$1.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
+        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: ((_f = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _f !== void 0 ? _f : 0) > ((_h = (_g = message$1.parentMessage) === null || _g === void 0 ? void 0 : _g.createdAt) !== null && _h !== void 0 ? _h : 0), onClick: function () {
@@ -284,8 +307,8 @@ function MessageContent(props) {
                             scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message$1.parentMessage.createdAt, message$1.parentMessageId);
                         }
                     } }))) : null,
-            React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index$1.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message') },
-                (isByMe && !chainBottom) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName, uiContainerType), ref: timestampRef },
+            React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container') },
+                (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 })))),
                 renderMessageBody({
@@ -298,7 +321,6 @@ function MessageContent(props) {
                     config: config,
                     isReactionEnabledInChannel: isReactionEnabledInChannel,
                     isByMe: isByMe,
-                    onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
                 (isReactionEnabledInChannel && ((_j = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _j === void 0 ? void 0 : _j.length) > 0) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index$1.isMultipleFilesMessage(message$1) ? 'image-grid'
@@ -314,17 +336,12 @@ 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, uiContainerType), type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2, ref: timestampRef }, 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$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, stringSet.DATE_FORMAT__MESSAGE_CREATED_AT, {
                     locale: dateLocale,
                 })))),
-            isTimestampBottom && React__default.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',
-                    marginTop: '4px',
-                } }),
             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: ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                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.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_1;
                         var _a, _b;
                         return _tslib.__generator(this, function (_c) {
@@ -355,7 +372,7 @@ function MessageContent(props) {
                         });
                     }); }, 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: ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                React__default.default.createElement(ui_FeedbackIconButton, { isSelected: ((_l = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_2;
                         var _a, _b;
                         return _tslib.__generator(this, function (_c) {
@@ -473,7 +490,7 @@ function MessageContent(props) {
                 });
             }); },
         }),
-        ((_p = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _p === void 0 ? void 0 : _p.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
+        ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -502,7 +519,7 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        ((_q = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _q === void 0 ? void 0 : _q.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 () {
+        ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _o === void 0 ? void 0 : _o.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 () {
                 var newFeedback, error_4;
                 var _a, _b;
                 return _tslib.__generator(this, function (_c) {

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,33 +1,33 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-D24hyvZV.js');
-var ui_Modal = require('../chunks/bundle-B_WxxAei.js');
+var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
+var ui_Modal = require('../chunks/bundle-D_aAITb2.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-UrfGgm28.js');
-var useKeyDown = require('../chunks/bundle-BZ7JTELl.js');
-require('../chunks/bundle-Db8YvH3q.js');
-require('../chunks/bundle-D2P6gVxf.js');
-require('../chunks/bundle-BXPOAoB6.js');
+var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
+var useKeyDown = require('../chunks/bundle-D8lzfXkZ.js');
+require('../chunks/bundle-CXzY5rVA.js');
+require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-QL_tq1Vi.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BwhU8sVU.js');
-require('../chunks/bundle-Bqw9YOBI.js');
-require('../chunks/bundle-D_lF37ye.js');
+require('../chunks/bundle-HekRAZ-p.js');
+require('../chunks/bundle-BekF9PeY.js');
+require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-C9dUt1j_.js');
 require('react-dom');
-require('../chunks/bundle-COihomAk.js');
+require('../chunks/bundle-DvvSnKiJ.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BrQ2ZPGR.js');
+require('../chunks/bundle-CCfEEGZT.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-DYmapMAd.js');
-require('../chunks/bundle-BIO_eBe4.js');
+require('../chunks/bundle-D9TPG-dw.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-BlctoPRq.js');
+require('../chunks/bundle-C9UhSess.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/MessageFeedbackModal.js

@@ -1,21 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-D24hyvZV.js');
-var ui_Modal = require('../chunks/bundle-B_WxxAei.js');
+var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
+var ui_Modal = require('../chunks/bundle-D_aAITb2.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-UrfGgm28.js');
-var MediaQueryContext = require('../chunks/bundle-COihomAk.js');
-var useKeyDown = require('../chunks/bundle-BZ7JTELl.js');
-require('../chunks/bundle-Db8YvH3q.js');
-require('../chunks/bundle-D2P6gVxf.js');
-require('../chunks/bundle-BXPOAoB6.js');
+var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
+var MediaQueryContext = require('../chunks/bundle-DvvSnKiJ.js');
+var useKeyDown = require('../chunks/bundle-D8lzfXkZ.js');
+require('../chunks/bundle-CXzY5rVA.js');
+require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-QL_tq1Vi.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BwhU8sVU.js');
-require('../chunks/bundle-Bqw9YOBI.js');
-require('../chunks/bundle-D_lF37ye.js');
+require('../chunks/bundle-HekRAZ-p.js');
+require('../chunks/bundle-BekF9PeY.js');
+require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-C9dUt1j_.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -23,12 +24,11 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BrQ2ZPGR.js');
+require('../chunks/bundle-CCfEEGZT.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-DYmapMAd.js');
-require('../chunks/bundle-BIO_eBe4.js');
+require('../chunks/bundle-D9TPG-dw.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-BlctoPRq.js');
+require('../chunks/bundle-C9UhSess.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/MessageInput/hooks/usePaste.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-LL9X-ZFA.js');
-require('../../../chunks/bundle-B4yvC9Hz.js');
-require('../../../chunks/bundle-BdkNokVA.js');
-require('../../../chunks/bundle-Db8YvH3q.js');
-require('../../../chunks/bundle-ZOmsvW3a.js');
-require('../../../chunks/bundle-BH4jo8Br.js');
-require('../../../chunks/bundle-BMhYApRu.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-dRqURxfP.js');
+require('../../../chunks/bundle-DkexSD0g.js');
+require('../../../chunks/bundle-Bc-DjgOv.js');
+require('../../../chunks/bundle-CXzY5rVA.js');
+require('../../../chunks/bundle-v_4wu87G.js');
+require('../../../chunks/bundle-CfZq5vEi.js');
+require('../../../chunks/bundle-Cs90VeJL.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,29 +1,30 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-Db8YvH3q.js');
+var _tslib = require('../chunks/bundle-CXzY5rVA.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-B4yvC9Hz.js');
-var _const = require('../chunks/bundle-BdkNokVA.js');
+var _const$1 = require('../chunks/bundle-DkexSD0g.js');
+var _const = require('../chunks/bundle-Bc-DjgOv.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-LL9X-ZFA.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-dRqURxfP.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-UrfGgm28.js');
-var LocalizationContext = require('../chunks/bundle-D24hyvZV.js');
+var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
+var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('../chunks/bundle-BXPOAoB6.js');
-var tokenize = require('../chunks/bundle-B-Lh9WrT.js');
-var utils = require('../chunks/bundle-D_lF37ye.js');
-var browser = require('../chunks/bundle-BwhU8sVU.js');
+var index = require('../chunks/bundle-QL_tq1Vi.js');
+var tokenize = require('../chunks/bundle-BKGMWgjB.js');
+var utils = require('../chunks/bundle-C9dUt1j_.js');
+var browser = require('../chunks/bundle-HekRAZ-p.js');
 require('dompurify');
-require('../chunks/bundle-ZOmsvW3a.js');
-require('../chunks/bundle-BH4jo8Br.js');
-require('../chunks/bundle-BMhYApRu.js');
-require('../chunks/bundle-D2P6gVxf.js');
+require('../chunks/bundle-v_4wu87G.js');
+require('../chunks/bundle-CfZq5vEi.js');
+require('../chunks/bundle-Cs90VeJL.js');
+require('../chunks/bundle-Cpuh_hmr.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Bqw9YOBI.js');
+require('../chunks/bundle-BekF9PeY.js');
+require('../chunks/bundle-D_IGJ-UU.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageInput.js.map

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