@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-rc.0

package/cjs/ui/MessageContent.js

@@ -1,34 +1,34 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-BJ4ap5Wm.js');
-var ui_MessageStatus = require('../chunks/bundle-45LCNecQ.js');
-var MessageMenu = require('../chunks/bundle-BJ05z7T7.js');
-var ui_ContextMenu = require('../chunks/bundle-6P-e5JVH.js');
-var utils = require('../chunks/bundle-CxcGHjPH.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
+var index$1 = require('../chunks/bundle-Dr6xSjal.js');
+var ui_MessageStatus = require('../chunks/bundle-CchFLX3D.js');
+var MessageMenu = require('../chunks/bundle-CLqyuHxF.js');
+var ui_ContextMenu = require('../chunks/bundle-BeTneyYL.js');
+var utils = require('../chunks/bundle-CfMyWzdL.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.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 = require('../chunks/bundle-C5OtWVnd.js');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
+var index = require('../chunks/bundle-CRHrNWJp.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-Bur_syFT.js');
+var useLongPress = require('../chunks/bundle-CflLBf1e.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-QmHmrOIH.js');
+var MediaQueryContext = require('../chunks/bundle-BFb_s1Sk.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-DhsLc3aN.js');
-var ui_Avatar = require('../chunks/bundle-BAZ7twtS.js');
+var _const = require('../chunks/bundle-CbHU1T-B.js');
+var ui_Avatar = require('../chunks/bundle-Dqp9uxau.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-e0O2ux90.js');
+var UserProfileContext = require('../chunks/bundle-DBxITwxu.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-Dry8pGsa.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-1YpbHa8U.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
@@ -38,60 +38,65 @@ var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-BR99z-80.js');
+var useElementObserver = require('../chunks/bundle-DDKB7brp.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-C0bs5HgC.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BUO7k2pq.js');
-require('../chunks/bundle-DnW7SPYc.js');
+require('../chunks/bundle-BJIqrjP-.js');
+require('../chunks/bundle-BSxwiDUI.js');
 require('./IconButton.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BThLM1G6.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('../withSendbird.js');
-require('../chunks/bundle-RonggNhW.js');
+require('../chunks/bundle-pcWgzSTZ.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-B30tLxug.js');
+require('../chunks/bundle-BRhKfsSx.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-BVG8wAfm.js');
+require('../chunks/bundle-B2dRfy75.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../chunks/bundle-B22Ty9Wl.js');
-require('../chunks/bundle-UZTd4E_b.js');
+require('../chunks/bundle-Bfd7tojj.js');
+require('../chunks/bundle-BdulnACZ.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-DKmAwp7d.js');
+require('../chunks/bundle-CNV7xlYf.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-BTOs4s9G.js');
+require('../chunks/bundle-B1gFRcVr.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-BWN_zTcF.js');
-require('../chunks/bundle-DpylOTew.js');
-require('../chunks/bundle-DroX83jz.js');
-require('../chunks/bundle-DITjC1Le.js');
+require('../chunks/bundle-CvHhKWQR.js');
+require('../chunks/bundle-Dm_m9Mqo.js');
+require('../chunks/bundle-k2YcpSmh.js');
+require('../chunks/bundle-Jev4e8GC.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-Ckd5KYz3.js');
-require('../chunks/bundle-DP_BgK40.js');
+require('../chunks/bundle-C5fH7ZXr.js');
+require('../chunks/bundle-BjFlNAEh.js');
 require('./TextButton.js');
-require('../chunks/bundle-CS6Aibfk.js');
+require('../chunks/bundle-CsQg__hd.js');
 require('./FileViewer.js');
-require('../chunks/bundle-CUXyY7Ya.js');
+require('../chunks/bundle-BwUmsqFF.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-CRj_Q9L0.js');
+require('../chunks/bundle-CtvBjy26.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 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;
     var avatarRef = React.useRef(null);
@@ -99,9 +104,9 @@ function MessageProfile(props) {
     if (isByMe || chainBottom || !index.isSendableMessage(message)) {
         return null;
     }
-    return (React.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
+    return (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
             var _a, _b;
-            return (React.createElement(ui_Avatar.Avatar, { className: utils.classnames('sendbird-message-content__left__avatar', displayThreadReplies && 'use-thread-replies'), src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === message.sender.userId; })) === null || _b === void 0 ? void 0 : _b.profileUrl)
+            return (React__default.default.createElement(ui_Avatar.Avatar, { className: utils.classnames('sendbird-message-content__left__avatar', displayThreadReplies && 'use-thread-replies'), src: ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) { return (member === null || member === void 0 ? void 0 : member.userId) === message.sender.userId; })) === null || _b === void 0 ? void 0 : _b.profileUrl)
                     || message.sender.profileUrl
                     || '', 
                 // TODO: Divide getting profileUrl logic to utils
@@ -114,7 +119,7 @@ function MessageProfile(props) {
             close: closeDropdown,
             currentUserId: userId,
             avatarRef: avatarRef,
-        })) : (React.createElement(ui_ContextMenu.MenuItems
+        })) : (React__default.default.createElement(ui_ContextMenu.MenuItems
         /**
          * parentRef: For catching location(x, y) of MenuItems
          * parentContainRef: For toggling more options(menus & reactions)
@@ -125,7 +130,7 @@ function MessageProfile(props) {
              * parentContainRef: For toggling more options(menus & reactions)
             */
             parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-            React.createElement(ui_UserProfile, { user: message.sender, onSuccess: closeDropdown })))); } }));
+            React__default.default.createElement(ui_UserProfile, { user: message.sender, onSuccess: closeDropdown })))); } }));
 }
 
 var MESSAGE_ITEM_BODY_CLASSNAME = 'sendbird-message-content__middle__message-item-body';
@@ -138,31 +143,31 @@ function MessageBody(props) {
     var messageTypes = index.getUIKitMessageTypes();
     var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     return index.K(message)
-        .when(index.isTemplateMessage, function () { return (React.createElement(ui_TemplateMessageItemBody.TemplateMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, theme: config === null || config === void 0 ? void 0 : config.theme, onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback })); })
+        .when(index.isTemplateMessage, function () { return (React__default.default.createElement(ui_TemplateMessageItemBody.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
         && index.isSendableMessage(message)
         && index.isOGMessage(message); }, function () {
         var _a;
-        return (React.createElement(ui_OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
+        return (React__default.default.createElement(ui_OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
     })
         .when(index.isTextMessage, function () {
         var _a;
-        return (React.createElement(ui_TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
+        return (React__default.default.createElement(ui_TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (_a = config.groupChannel.enableMention) !== null && _a !== void 0 ? _a : false, isReactionEnabled: isReactionEnabledInChannel, isMarkdownEnabled: config.groupChannel.enableMarkdownForUserMessage }));
     })
-        .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React.createElement(ui_FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
-        .when(index.isMultipleFilesMessage, function () { return (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
+        .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.default.createElement(ui_FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
+        .when(index.isMultipleFilesMessage, function () { return (React__default.default.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
         .when(index.isVoiceMessage, function () {
         var _a;
-        return (React.createElement(ui_VoiceMessageItemBody.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 }));
+        return (React__default.default.createElement(ui_VoiceMessageItemBody.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 }));
     })
-        .when(index.isThumbnailMessage, function () { return (React.createElement(ui_ThumbnailMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: isMobile ? { width: '100%' } : {} })); })
-        .otherwise(function (message) { return (React.createElement(ui_UnknownMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); });
+        .when(index.isThumbnailMessage, function () { return (React__default.default.createElement(ui_ThumbnailMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: isMobile ? { width: '100%' } : {} })); })
+        .otherwise(function (message) { return (React__default.default.createElement(ui_UnknownMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); });
 }
 
 function MessageHeader(props) {
     var _a, _b;
     var channel = props.channel, message = props.message;
-    return (React.createElement(ui_Label.Label, { className: "sendbird-message-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, 
+    return (React__default.default.createElement(ui_Label.Label, { className: "sendbird-message-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, 
     /**
      * To use the latest member profile information, message.sender might be outdated
      */
@@ -185,51 +190,6 @@ var SbFeedbackStatus;
     SbFeedbackStatus["SUBMITTED"] = "SUBMITTED";
 })(SbFeedbackStatus || (SbFeedbackStatus = {}));
 
-/* global MutationCallback */
-/* global MutationObserverInit */
-// To prevent Undefined lint errors: https://github.com/standard/standard/issues/1159#issuecomment-403003627
-function useElementObserver(selector, targetElement) {
-    var _a = React.useState(false), isElementMounted = _a[0], setIsElementMounted = _a[1];
-    React.useEffect(function () {
-        var targetElements = Array.isArray(targetElement) ? targetElement : [targetElement];
-        var updateElementState = function () {
-            var _a;
-            var elements = targetElements === null || targetElements === void 0 ? void 0 : targetElements.map(function (target) { return target === null || target === void 0 ? void 0 : target.querySelector(selector); });
-            setIsElementMounted((_a = elements === null || elements === void 0 ? void 0 : elements.some(function (element) { return !!element; })) !== null && _a !== void 0 ? _a : false);
-        };
-        updateElementState();
-        var observerCallback = function (mutations) {
-            mutations.forEach(function (mutation) {
-                if (mutation.addedNodes.length || mutation.removedNodes.length) {
-                    Array.from(mutation.addedNodes).forEach(function (node) {
-                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
-                            setIsElementMounted(true);
-                        }
-                    });
-                    Array.from(mutation.removedNodes).forEach(function (node) {
-                        if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
-                            setIsElementMounted(false);
-                        }
-                    });
-                }
-            });
-        };
-        var observer = new MutationObserver(observerCallback);
-        var observerOptions = {
-            childList: true, // Observe addition and removal of child nodes
-            subtree: true, // Observe the entire subtree
-        };
-        targetElements === null || targetElements === void 0 ? void 0 : targetElements.forEach(function (target) {
-            if (target)
-                observer.observe(target, observerOptions);
-        });
-        return function () {
-            observer.disconnect();
-        };
-    }, [selector, targetElement]);
-    return isElementMounted;
-}
-
 function MessageContent(props) {
     var _this = this;
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
@@ -237,7 +197,7 @@ function MessageContent(props) {
     // Internal props
     className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _q = props.disabled, disabled = _q === void 0 ? false : _q, _r = props.chainTop, chainTop = _r === void 0 ? false : _r, _s = props.chainBottom, chainBottom = _s === void 0 ? false : _s, _t = props.isReactionEnabled, isReactionEnabled = _t === void 0 ? false : _t, _u = props.disableQuoteMessage, disableQuoteMessage = _u === void 0 ? false : _u, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage;
     // Public props for customization
-    var _v = utils.deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React.createElement(MessageProfile, _tslib.__assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React.createElement(MessageBody, _tslib.__assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React.createElement(MessageHeader, _tslib.__assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _2;
+    var _v = utils.deleteNullish(props), _w = _v.renderSenderProfile, renderSenderProfile = _w === void 0 ? function (props) { return React__default.default.createElement(MessageProfile, _tslib.__assign({}, props)); } : _w, _x = _v.renderMessageBody, renderMessageBody = _x === void 0 ? function (props) { return React__default.default.createElement(MessageBody, _tslib.__assign({}, props)); } : _x, _y = _v.renderMessageHeader, renderMessageHeader = _y === void 0 ? function (props) { return React__default.default.createElement(MessageHeader, _tslib.__assign({}, props)); } : _y, _z = _v.renderMessageMenu, renderMessageMenu = _z === void 0 ? function (props) { return React__default.default.createElement(MessageMenu.MessageMenu, _tslib.__assign({}, props)); } : _z, _0 = _v.renderEmojiMenu, renderEmojiMenu = _0 === void 0 ? function (props) { return React__default.default.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props)); } : _0, _1 = _v.renderEmojiReactions, renderEmojiReactions = _1 === void 0 ? function (props) { return React__default.default.createElement(ui_EmojiReactions, _tslib.__assign({}, props)); } : _1, _2 = _v.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _2 === void 0 ? function (props) { return React__default.default.createElement(ui_MobileMenu.MobileMenu, _tslib.__assign({}, props)); } : _2;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
     var _3 = useSendbirdStateContext.useSendbirdStateContext(), config = _3.config, eventHandlers = _3.eventHandlers;
     var logger = config.logger;
@@ -249,7 +209,7 @@ function MessageContent(props) {
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     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("#".concat(ui_ContextMenu.getObservingId(message$1.messageId), ".").concat(ui_ContextMenu.MENU_OBSERVING_CLASS_NAME), [
+    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),
     ]);
@@ -351,17 +311,17 @@ function MessageContent(props) {
         shouldPreventDefault: false,
     });
     if (index.isAdminMessage(message$1)) {
-        return (React.createElement(ui_AdminMessage, { message: message$1 }));
+        return (React__default.default.createElement(ui_AdminMessage, { message: message$1 }));
     }
-    return (React.createElement("div", { className: index.getClassName([
+    return (React__default.default.createElement("div", { className: index.getClassName([
             className !== null && className !== void 0 ? className : '',
             'sendbird-message-content',
             isByMeClassName,
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        React.createElement("div", { className: utils.classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
+        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), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
-            showOutgoingMenu && (React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
+            showOutgoingMenu && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
                     message: message$1,
@@ -389,10 +349,10 @@ function MessageContent(props) {
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
                 }))))),
-        React.createElement("div", _tslib.__assign({ className: utils.classnames('sendbird-message-content__middle', index.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', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? _tslib.__assign({}, longPress) : {}), { ref: contentRef }),
             !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
-            (useReplying) ? (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
-                React.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message$1.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
+            (useReplying) ? (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
+                React__default.default.createElement(ui_QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message$1, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message$1.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === _const.ThreadReplySelectType.THREAD) {
                             onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message$1 });
@@ -402,10 +362,10 @@ function MessageContent(props) {
                             scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(message$1.parentMessage.createdAt, message$1.parentMessageId);
                         }
                     } }))) : null,
-            React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message') },
-                (isByMe && !chainBottom) && (React.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container__created-at', 'left', hoveredMenuClassName, uiContainerType), ref: timestampRef },
-                    React.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
-                        React.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
+            React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__middle__body-container', index.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: "sendbird-message-content__middle__body-container__created-at__component-container" },
+                        React__default.default.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
                 renderMessageBody({
                     message: message$1,
                     channel: channel,
@@ -419,7 +379,7 @@ function MessageContent(props) {
                     onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback,
                     onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
-                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index.isMultipleFilesMessage(message$1) ? 'image-grid'
+                (isReactionEnabledInChannel && ((_h = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-reactions', index.isMultipleFilesMessage(message$1) ? 'image-grid'
                         : (isByMe && !index.isThumbnailMessage(message$1) && !index.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message$1,
@@ -431,17 +391,17 @@ function MessageContent(props) {
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
                 }))),
-                (!isByMe && !chainBottom) && (React.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$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
+                (!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$1.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
-            isTimestampBottom && React.createElement("div", { style: {
+            isTimestampBottom && React__default.default.createElement("div", { style: {
                     width: '100%',
                     height: ((_k = (_j = timestampRef.current) === null || _j === void 0 ? void 0 : _j.clientHeight) !== null && _k !== void 0 ? _k : 0) + 'px',
                     marginTop: '4px',
                 } }),
-            showThreadReplies && (message$1 === null || message$1 === void 0 ? void 0 : message$1.threadInfo) && (React.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.createElement("div", { className: "sendbird-message-content__middle__body-container__feedback-buttons-container", ref: feedbackButtonsRef },
-                React.createElement(ui_FeedbackIconButton, { isSelected: ((_l = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+            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: ((_l = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _l === void 0 ? void 0 : _l.rating) === message.FeedbackRating.GOOD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_1;
                         var _a, _b, _c;
                         return _tslib.__generator(this, function (_d) {
@@ -471,8 +431,8 @@ function MessageContent(props) {
                             }
                         });
                     }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.GOOD },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
-                React.createElement(ui_FeedbackIconButton, { isSelected: ((_m = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _m === void 0 ? void 0 : _m.rating) === message.FeedbackRating.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_LIKE, width: '24px', height: '24px' })),
+                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.BAD, onClick: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var error_2;
                         var _a, _b, _c;
                         return _tslib.__generator(this, function (_d) {
@@ -502,9 +462,9 @@ function MessageContent(props) {
                             }
                         });
                     }); }, disabled: !!(message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) && message$1.myFeedback.rating !== message.FeedbackRating.BAD },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
-        showRightContent && (React.createElement("div", { className: utils.classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
-            React.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, hoveredMenuClassName, isByMeClassName) },
+                    React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FEEDBACK_DISLIKE, width: '24px', height: '24px' })))),
+        showRightContent && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content__right', chainTopClassName, isReactionEnabledClassName, useReplyingClassName), "data-testid": "sendbird-message-content__right" },
+            React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-menu', chainTopClassName, hoveredMenuClassName, isByMeClassName) },
                 isReactionEnabledInChannel && (renderEmojiMenu({
                     className: 'sendbird-message-content-menu__reaction-menu',
                     message: message$1,
@@ -589,7 +549,7 @@ function MessageContent(props) {
                 });
             }); },
         }),
-        ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) && showFeedbackOptionsMenu && (React.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
+        ((_o = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _o === void 0 ? void 0 : _o.rating) && showFeedbackOptionsMenu && (React__default.default.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);
             }, onEditFeedback: function () {
                 setShowFeedbackOptionsMenu(false);
@@ -618,7 +578,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) && showFeedbackModal && (React.createElement(ui_MessageFeedbackModal, { selectedFeedback: message$1.myFeedback.rating, message: message$1, onUpdate: function (selectedFeedback, comment) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        ((_p = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _p === void 0 ? void 0 : _p.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) {
@@ -671,7 +631,7 @@ function MessageContent(props) {
                     }
                 });
             }); } })),
-        feedbackFailedText && (React.createElement(ui_MessageFeedbackFailedModal, { text: feedbackFailedText, onCancel: function () {
+        feedbackFailedText && (React__default.default.createElement(ui_MessageFeedbackFailedModal, { text: feedbackFailedText, onCancel: function () {
                 setFeedbackFailedText('');
             } }))));
 }

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,36 +1,40 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DnchMcYp.js');
-var ui_Modal = require('../chunks/bundle-BVG8wAfm.js');
+var LocalizationContext = require('../chunks/bundle-CiMvvzt_.js');
+var ui_Modal = require('../chunks/bundle-B2dRfy75.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-Dq9xVvbD.js');
-var useKeyDown = require('../chunks/bundle-CUXyY7Ya.js');
-require('../chunks/bundle-CJ4C_lQr.js');
-require('../chunks/bundle-RonggNhW.js');
-require('../chunks/bundle-BR99z-80.js');
-require('../chunks/bundle-C5OtWVnd.js');
+var ui_Label = require('../chunks/bundle-Cmim7RkF.js');
+var useKeyDown = require('../chunks/bundle-BwUmsqFF.js');
+require('../chunks/bundle-DmCOU0rJ.js');
+require('../chunks/bundle-pcWgzSTZ.js');
+require('../chunks/bundle-C0bs5HgC.js');
+require('../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B30tLxug.js');
-require('../chunks/bundle-CTGjIAK4.js');
-require('../chunks/bundle-CxcGHjPH.js');
+require('../chunks/bundle-BRhKfsSx.js');
+require('../chunks/bundle-rgSWvbRw.js');
+require('../chunks/bundle-CfMyWzdL.js');
 require('react-dom');
-require('../chunks/bundle-QmHmrOIH.js');
+require('../chunks/bundle-BFb_s1Sk.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-BThLM1G6.js');
+require('../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-B22Ty9Wl.js');
-require('../chunks/bundle-UZTd4E_b.js');
+require('../chunks/bundle-Bfd7tojj.js');
+require('../chunks/bundle-BdulnACZ.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-6P-e5JVH.js');
+require('../chunks/bundle-BeTneyYL.js');
 require('./SortByRow.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 function MessageFeedbackFailedModal(props) {
     var text = props.text, onCancel = props.onCancel;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -39,11 +43,11 @@ function MessageFeedbackFailedModal(props) {
         Enter: function () { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(); },
         Escape: function () { return onCancel === null || onCancel === void 0 ? void 0 : onCancel(); },
     });
-    return (React.createElement("div", { onKeyDown: onKeyDown },
-        React.createElement(ui_Modal.Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ui_Button.ButtonTypes.PRIMARY, onSubmit: onCancel, onClose: onCancel, submitText: stringSet.BUTTON__OK, renderHeader: function () { return (React.createElement("div", { className: 'sendbird-modal__header' },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, text))); }, customFooter: React.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root_failed' },
-                React.createElement(ui_Button.default, { onClick: onCancel },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONCONTENT_1 }, stringSet.BUTTON__OK))) })));
+    return (React__default.default.createElement("div", { onKeyDown: onKeyDown },
+        React__default.default.createElement(ui_Modal.Modal, { contentClassName: 'sendbird-message-feedback-modal-content__mobile', type: ui_Button.ButtonTypes.PRIMARY, onSubmit: onCancel, onClose: onCancel, submitText: stringSet.BUTTON__OK, renderHeader: function () { return (React__default.default.createElement("div", { className: 'sendbird-modal__header' },
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1, className: 'sendbird-message-feedback-modal-header' }, text))); }, customFooter: React__default.default.createElement("div", { className: 'sendbird-message-feedback-modal-footer__root_failed' },
+                React__default.default.createElement(ui_Button.default, { onClick: onCancel },
+                    React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_3, color: ui_Label.LabelColors.ONCONTENT_1 }, stringSet.BUTTON__OK))) })));
 }
 
 module.exports = MessageFeedbackFailedModal;

package/cjs/ui/MessageFeedbackFailedModal.js.map

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