@sendbird/uikit-react 3.14.14 → 3.15.0

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-zlHcIQSu.js');
+var _tslib = require('../chunks/bundle-OA_02RkB.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-zlHcIQSu.js');
+var _tslib = require('../chunks/bundle-OA_02RkB.js');
 var React = require('react');
-var utils = require('../chunks/bundle-Bcia1ZjE.js');
+var utils = require('../chunks/bundle-CGFsndyY.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-9sHOJFhF.js');
-require('../chunks/bundle-zlHcIQSu.js');
-require('../chunks/bundle-D7T59omO.js');
+var ui_Label = require('../chunks/bundle-BbqSbmfL.js');
+require('../chunks/bundle-OA_02RkB.js');
+require('../chunks/bundle-CGMxhied.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-zlHcIQSu.js');
+require('../chunks/bundle-OA_02RkB.js');
 require('react');
-var ui_Label = require('../chunks/bundle-9sHOJFhF.js');
-require('../chunks/bundle-D7T59omO.js');
+var ui_Label = require('../chunks/bundle-BbqSbmfL.js');
+require('../chunks/bundle-CGMxhied.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-zlHcIQSu.js');
+var _tslib = require('../chunks/bundle-OA_02RkB.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-9sHOJFhF.js');
-var utils = require('../chunks/bundle-Bcia1ZjE.js');
-require('../chunks/bundle-D7T59omO.js');
+var ui_Label = require('../chunks/bundle-BbqSbmfL.js');
+var utils = require('../chunks/bundle-CGFsndyY.js');
+require('../chunks/bundle-CGMxhied.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-zlHcIQSu.js');
+var _tslib = require('../chunks/bundle-OA_02RkB.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-Bcia1ZjE.js');
+require('../chunks/bundle-CGFsndyY.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../chunks/bundle-Bcia1ZjE.js');
-require('../chunks/bundle-zlHcIQSu.js');
+var utils = require('../chunks/bundle-CGFsndyY.js');
+require('../chunks/bundle-OA_02RkB.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MentionLabel.js

@@ -1,35 +1,41 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-Bx6GgprJ.js');
-var ui_Label = require('../chunks/bundle-9sHOJFhF.js');
+var ui_ContextMenu = require('../chunks/bundle-28nEChz7.js');
+var ui_Label = require('../chunks/bundle-BbqSbmfL.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-Bcia1ZjE.js');
-require('../chunks/bundle-zlHcIQSu.js');
+var utils = require('../chunks/bundle-CGFsndyY.js');
+require('../chunks/bundle-OA_02RkB.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DPBDeBk_.js');
+require('../chunks/bundle-BBhf6nJ7.js');
 require('../withSendbird.js');
 require('./IconButton.js');
-require('../chunks/bundle-D6pcLavL.js');
+require('../chunks/bundle-WD84KbuC.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Ci7n7_a7.js');
-require('../chunks/bundle-Cru9LFqc.js');
-require('../chunks/bundle-DuU5B5-_.js');
-require('../chunks/bundle-D7T59omO.js');
-require('../chunks/bundle-BrQCTN2E.js');
-require('../chunks/bundle-CuSZh9iB.js');
+require('../chunks/bundle-BitLUCB9.js');
+require('../chunks/bundle-OYuKPaGg.js');
+require('../chunks/bundle-BF4c8fbo.js');
+require('../chunks/bundle-CGMxhied.js');
+require('../chunks/bundle-DrZRl1QV.js');
+require('../chunks/bundle-Br7K8gnB.js');
+require('@sendbird/uikit-tools');
+require('../chunks/bundle-CWvufVBn.js');
+require('../chunks/bundle-nknsRSk4.js');
+require('./Button.js');
+require('./Icon.js');
+require('css-vars-ponyfill');
+require('../chunks/bundle-CUfjpjxH.js');
+require('../chunks/bundle-CLuwJZa0.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CYDXrfgn.js');
-require('../chunks/bundle-tb5ZQqGF.js');
+require('../chunks/bundle-BZsDNwQP.js');
+require('../chunks/bundle-CG0iiNPb.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-JIWumkkO.js');
-require('./Icon.js');
-require('./Button.js');
+require('../chunks/bundle-DnCTq-wS.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MentionLabel.js.map

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

package/cjs/ui/MentionUserLabel.js

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

package/cjs/ui/MessageContent.js

@@ -1,185 +1,106 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-zlHcIQSu.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../chunks/bundle-OA_02RkB.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DYB6uKmy.js');
-var ui_MessageStatus = require('../chunks/bundle-CWtuu9g_.js');
-var MessageMenu = require('../chunks/bundle-CbsLlCEx.js');
-var ui_ContextMenu = require('../chunks/bundle-Bx6GgprJ.js');
-var utils = require('../chunks/bundle-Bcia1ZjE.js');
-var ui_Label = require('../chunks/bundle-9sHOJFhF.js');
+var index$2 = require('../chunks/bundle-BHsoN10h.js');
+var ui_MessageStatus = require('../chunks/bundle-Dz9Mfb3J.js');
+var MessageMenu = require('../chunks/bundle-3WL4zWhZ.js');
+var ui_ContextMenu = require('../chunks/bundle-28nEChz7.js');
+var utils = require('../chunks/bundle-CGFsndyY.js');
+var ui_Label = require('../chunks/bundle-BbqSbmfL.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-D6pcLavL.js');
-var LocalizationContext = require('../chunks/bundle-DuU5B5-_.js');
+var index$1 = require('../chunks/bundle-WD84KbuC.js');
+var LocalizationContext = require('../chunks/bundle-BF4c8fbo.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-LPFcZlPs.js');
+var useLongPress = require('../chunks/bundle-CBKc82WZ.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-G08Qqz-z.js');
+var MediaQueryContext = require('../chunks/bundle-nknsRSk4.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-BG2TJKN7.js');
-var ui_Avatar = require('../chunks/bundle-tb5ZQqGF.js');
-var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-CuSZh9iB.js');
-var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
-var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
-var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-DBQIzqeh.js');
-var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
-var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
-var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
-var ui_TemplateMessageItemBody = require('./TemplateMessageItemBody.js');
+var _const = require('../chunks/bundle-B7eeXNH_.js');
+var index = require('../chunks/bundle-CMUWjEfD.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-0R_EzdU1.js');
-require('../chunks/bundle-Cru9LFqc.js');
-require('../chunks/bundle-BrQCTN2E.js');
+var useElementObserver = require('../chunks/bundle-BXcP3420.js');
+require('../chunks/bundle-OYuKPaGg.js');
+require('../chunks/bundle-DrZRl1QV.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-B7Zg-Tkz.js');
-require('../chunks/bundle-DgDbXNwZ.js');
+require('../chunks/bundle-Cs8pPzsO.js');
+require('../chunks/bundle-BEkAi09X.js');
 require('./IconButton.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DPBDeBk_.js');
+require('../chunks/bundle-BBhf6nJ7.js');
 require('../withSendbird.js');
-require('../chunks/bundle-D7T59omO.js');
+require('../chunks/bundle-CGMxhied.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-Ci7n7_a7.js');
+require('../chunks/bundle-BitLUCB9.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-BDv_id6L.js');
+require('../chunks/bundle-CWvufVBn.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../chunks/bundle-DdlhyKeM.js');
-require('../chunks/bundle-sPjQ2Pux.js');
+require('../chunks/bundle-CUfjpjxH.js');
+require('../chunks/bundle-CLuwJZa0.js');
 require('./UserListItem.js');
+require('../chunks/bundle-Br7K8gnB.js');
+require('../chunks/bundle-CG0iiNPb.js');
+require('../chunks/bundle-DnCTq-wS.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-JIWumkkO.js');
+require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CYDXrfgn.js');
+require('../chunks/bundle-BZsDNwQP.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-C0PJCoX9.js');
-require('../chunks/bundle-C-8JkV5q.js');
-require('../chunks/bundle-3UY57nvm.js');
-require('../chunks/bundle-qaP5GJsM.js');
+require('../chunks/bundle-oJ65xs4u.js');
+require('../chunks/bundle-CJeGZVb-.js');
+require('./OGMessageItemBody.js');
+require('../chunks/bundle-CfvB3Kxi.js');
+require('../chunks/bundle-EMecEM9W.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-wbUo2tVB.js');
-require('../chunks/bundle-CS3WPoOW.js');
+require('../chunks/bundle-D7Z6jlhn.js');
+require('./TextMessageItemBody.js');
+require('../chunks/bundle-aUuw1Quf.js');
+require('./FileMessageItemBody.js');
 require('./TextButton.js');
-require('../chunks/bundle-oluXnecE.js');
+require('../chunks/bundle-DpuLDKUp.js');
+require('../chunks/bundle-4rb5E8TZ.js');
 require('./FileViewer.js');
-require('../chunks/bundle-DXrsEC9G.js');
+require('../chunks/bundle-DL_JJVfl.js');
+require('./VoiceMessageItemBody.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-BPNJiHcO.js');
+require('./ThumbnailMessageItemBody.js');
+require('./UnknownMessageItemBody.js');
+require('./TemplateMessageItemBody.js');
+require('../chunks/bundle-KO2rkYYZ.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
+require('../chunks/bundle-3EldXmJH.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);
-    var _b = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
-    if (isByMe || chainBottom || !index.isSendableMessage(message)) {
-        return null;
-    }
-    return (React__default.default.createElement(ui_ContextMenu.ContextMenu, { menuTrigger: function (toggleDropdown) {
-            var _a, _b;
-            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
-                ref: avatarRef, width: "28px", height: "28px", bottom: bottom, onClick: function () {
-                    if (!disableUserProfile)
-                        toggleDropdown();
-                } }));
-        }, menuItems: function (closeDropdown) { return (renderUserProfile ? (renderUserProfile({
-            user: message.sender,
-            close: closeDropdown,
-            currentUserId: userId,
-            avatarRef: avatarRef,
-        })) : (React__default.default.createElement(ui_ContextMenu.MenuItems
-        /**
-         * parentRef: For catching location(x, y) of MenuItems
-         * parentContainRef: For toggling more options(menus & reactions)
-        */
-        , { 
-            /**
-             * parentRef: For catching location(x, y) of MenuItems
-             * parentContainRef: For toggling more options(menus & reactions)
-            */
-            parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-            React__default.default.createElement(ui_UserProfile, { user: message.sender, onSuccess: closeDropdown })))); } }));
-}
-
-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, onTemplateMessageRenderedCallback = props.onTemplateMessageRenderedCallback, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
-    var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
-        isMobile: isMobile,
-    });
-    var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message); // For MultipleFilesMessage.
-    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__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__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__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__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__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__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__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
-     */
-    ((_b = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.find(function (member) {
-        var _a;
-        // @ts-ignore
-        return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId);
-    })) === null || _b === void 0 ? void 0 : _b.nickname) || index.getSenderName(message)
-    // TODO: Divide getting profileUrl logic to utils
-    ));
-}
-
 var SbFeedbackStatus;
 (function (SbFeedbackStatus) {
     /** Feedback is unavailable for this message. This is the default value for base message. */
@@ -195,9 +116,9 @@ function MessageContent(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     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;
+    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;
     // Public props for customization
-    var _w = utils.deleteNullish(props), _x = _w.renderSenderProfile, renderSenderProfile = _x === void 0 ? function (props) { return React__default.default.createElement(MessageProfile, _tslib.__assign({}, props)); } : _x, _y = _w.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return React__default.default.createElement(MessageBody, _tslib.__assign({}, props)); } : _y, _z = _w.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return React__default.default.createElement(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 _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 dateLocale = LocalizationContext.useLocalization().dateLocale;
     var _4 = useSendbirdStateContext.useSendbirdStateContext(), config = _4.config, eventHandlers = _4.eventHandlers;
     var logger = config.logger;
@@ -217,19 +138,19 @@ function MessageContent(props) {
     var _7 = React.useState(false), showFeedbackOptionsMenu = _7[0], setShowFeedbackOptionsMenu = _7[1];
     var _8 = React.useState(false), showFeedbackModal = _8[0], setShowFeedbackModal = _8[1];
     var _9 = React.useState(''), feedbackFailedText = _9[0], setFeedbackFailedText = _9[1];
-    var _10 = React.useState(index.getMessageContentMiddleClassNameByContainerType({
+    var _10 = React.useState(index$1.getMessageContentMiddleClassNameByContainerType({
         message: message$1,
         isMobile: isMobile,
     })), uiContainerType = _10[0], setUiContainerType = _10[1];
     var onTemplateMessageRenderedCallback = function (renderedTemplateType) {
         if (renderedTemplateType === 'failed') {
-            setUiContainerType(index.UI_CONTAINER_TYPES.DEFAULT);
+            setUiContainerType(index$1.UI_CONTAINER_TYPES.DEFAULT);
         }
         else if (renderedTemplateType === 'composite') {
             /**
              * Composite templates must have default carousel view irregardless of given containerType.
              */
-            setUiContainerType(index.UI_CONTAINER_TYPES.DEFAULT_CAROUSEL);
+            setUiContainerType(index$1.UI_CONTAINER_TYPES.DEFAULT_CAROUSEL);
         }
     };
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -264,11 +185,11 @@ function MessageContent(props) {
      *   - in mobile view:
      *     - bottom sheet on long click
      */
-    var isNotTemplateMessage = !index.isTemplateMessage(message$1);
-    var showLongPressMenu = isNotTemplateMessage && isMobile;
-    var showOutgoingMenu = isNotTemplateMessage && isByMe && !isMobile;
-    var showThreadReplies = isNotTemplateMessage && displayThreadReplies;
-    var showRightContent = isNotTemplateMessage && !isByMe && !isMobile;
+    var isNotSpecialMessage = !(index$1.isTemplateMessage(message$1) || index$1.isFormMessage(message$1));
+    var showLongPressMenu = isNotSpecialMessage && isMobile;
+    var showOutgoingMenu = isNotSpecialMessage && isByMe && !isMobile;
+    var showThreadReplies = isNotSpecialMessage && displayThreadReplies;
+    var showRightContent = isNotSpecialMessage && !isByMe && !isMobile;
     var isTimestampBottom = !!uiContainerType;
     var getTotalBottom = function () {
         var sum = 2;
@@ -312,17 +233,17 @@ function MessageContent(props) {
         delay: 300,
         shouldPreventDefault: false,
     });
-    if (index.isAdminMessage(message$1)) {
+    if (index$1.isAdminMessage(message$1)) {
         return (React__default.default.createElement(ui_AdminMessage, { message: message$1 }));
     }
-    return (React__default.default.createElement("div", { className: index.getClassName([
+    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), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
+            renderSenderProfile(_tslib.__assign(_tslib.__assign({}, props), { className: 'sendbird-message-content__left__avatar', isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
             showOutgoingMenu && (React__default.default.createElement("div", { className: utils.classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
@@ -350,9 +271,10 @@ function MessageContent(props) {
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
+                    filterEmojiCategoryIds: filterEmojiCategoryIds,
                 }))))),
-        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),
+        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 }),
+            (!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 () {
                         var _a;
@@ -364,7 +286,7 @@ 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.isTemplateMessage(message$1) && 'sendbird-message-content__middle__for_template_message') },
+            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: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.default.createElement(ui_MessageStatus.MessageStatus, { message: message$1, channel: channel })))),
@@ -381,8 +303,8 @@ function MessageContent(props) {
                     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.isMultipleFilesMessage(message$1) ? 'image-grid'
-                        : (isByMe && !index.isThumbnailMessage(message$1) && !index.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
+                (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'
+                        : (isByMe && !index$1.isThumbnailMessage(message$1) && !index$1.isOGMessage(message$1)) && 'primary', mouseHover && 'mouse-hover') }, renderEmojiReactions({
                     userId: userId,
                     message: message$1,
                     channel: channel,
@@ -392,8 +314,9 @@ function MessageContent(props) {
                     memberNicknamesMap: nicknamesMap !== null && nicknamesMap !== void 0 ? nicknamesMap : new Map(),
                     toggleReaction: toggleReaction,
                     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$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$2.format((message$1 === null || message$1 === void 0 ? void 0 : message$1.createdAt) || 0, 'p', {
                     locale: dateLocale,
                 })))),
             isTimestampBottom && React__default.default.createElement("div", { style: {
@@ -473,6 +396,7 @@ function MessageContent(props) {
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
+                    filterEmojiCategoryIds: filterEmojiCategoryIds,
                 })),
                 renderMessageMenu({
                     className: 'sendbird-message-content-menu__normal-menu',
@@ -495,7 +419,7 @@ function MessageContent(props) {
                     },
                     deleteMessage: deleteMessage,
                 })))),
-        showMenu && index.isSendableMessage(message$1) && channel && renderMobileMenuOnLongPress({
+        showMenu && index$1.isSendableMessage(message$1) && channel && renderMobileMenuOnLongPress({
             parentRef: contentRef,
             channel: channel,
             hideMenu: function () { setShowMenu(false); },
@@ -638,5 +562,9 @@ function MessageContent(props) {
             } }))));
 }
 
-module.exports = MessageContent;
+exports.MessageBody = index.MessageBody;
+exports.MessageHeader = index.MessageHeader;
+exports.MessageProfile = index.MessageProfile;
+exports.MessageContent = MessageContent;
+exports.default = MessageContent;
 //# sourceMappingURL=MessageContent.js.map

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,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DuU5B5-_.js');
-var ui_Modal = require('../chunks/bundle-BDv_id6L.js');
+var LocalizationContext = require('../chunks/bundle-BF4c8fbo.js');
+var ui_Modal = require('../chunks/bundle-CWvufVBn.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-9sHOJFhF.js');
-var useKeyDown = require('../chunks/bundle-DXrsEC9G.js');
-require('../chunks/bundle-zlHcIQSu.js');
-require('../chunks/bundle-D7T59omO.js');
-require('../chunks/bundle-BrQCTN2E.js');
-require('../chunks/bundle-D6pcLavL.js');
+var ui_Label = require('../chunks/bundle-BbqSbmfL.js');
+var useKeyDown = require('../chunks/bundle-DL_JJVfl.js');
+require('../chunks/bundle-OA_02RkB.js');
+require('../chunks/bundle-CGMxhied.js');
+require('../chunks/bundle-DrZRl1QV.js');
+require('../chunks/bundle-WD84KbuC.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Ci7n7_a7.js');
-require('../chunks/bundle-Cru9LFqc.js');
-require('../chunks/bundle-Bcia1ZjE.js');
+require('../chunks/bundle-BitLUCB9.js');
+require('../chunks/bundle-OYuKPaGg.js');
+require('../chunks/bundle-CGFsndyY.js');
 require('react-dom');
-require('../chunks/bundle-G08Qqz-z.js');
+require('../chunks/bundle-nknsRSk4.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-DPBDeBk_.js');
+require('../chunks/bundle-BBhf6nJ7.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-DdlhyKeM.js');
-require('../chunks/bundle-sPjQ2Pux.js');
+require('../chunks/bundle-CUfjpjxH.js');
+require('../chunks/bundle-CLuwJZa0.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Bx6GgprJ.js');
+require('../chunks/bundle-28nEChz7.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }