@sendbird/uikit-react 3.14.14-rc-0 → 3.15.0

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-Bq5t46O9.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-C6zCSlOy.js';
 import React__default, { useState } from 'react';
 
 var IconButton = React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-Bq5t46O9.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-C6zCSlOy.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-CKD0ZX8Q.js';
+import { n as noop } from '../chunks/bundle-DQcY2W86.js';
 
 var numberToPx = (function (value) {
     if (value === null)

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
-import '../chunks/bundle-Bq5t46O9.js';
-import '../chunks/bundle-C0lGuBz1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import '../chunks/bundle-C6zCSlOy.js';
+import '../chunks/bundle-CtQaDl-3.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-Bq5t46O9.js';
+import '../chunks/bundle-C6zCSlOy.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-CSqe9OQ4.js';
-import '../chunks/bundle-C0lGuBz1.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-BC3_mS0I.js';
+import '../chunks/bundle-CtQaDl-3.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-Bq5t46O9.js';
+import { c as __spreadArray } from '../chunks/bundle-C6zCSlOy.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
-import { o as openURL } from '../chunks/bundle-CKD0ZX8Q.js';
-import '../chunks/bundle-C0lGuBz1.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import { o as openURL } from '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-CtQaDl-3.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-Bq5t46O9.js';
+import { c as __spreadArray } from '../chunks/bundle-C6zCSlOy.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-DQcY2W86.js';
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { c as classnames } from '../chunks/bundle-CKD0ZX8Q.js';
-import '../chunks/bundle-Bq5t46O9.js';
+import { c as classnames } from '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-C6zCSlOy.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/ui/MentionLabel.js

@@ -1,33 +1,39 @@
 import React__default, { useRef, useState, useCallback } from 'react';
-import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-DFY0pASk.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
+import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-MvZdDAaZ.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-CKD0ZX8Q.js';
-import '../chunks/bundle-Bq5t46O9.js';
+import { c as classnames } from '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-C6zCSlOy.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-_gCB8E7m.js';
+import '../chunks/bundle-DHWrOTdE.js';
 import '../withSendbird.js';
 import './IconButton.js';
-import '../chunks/bundle-D0nAU6Fc.js';
+import '../chunks/bundle-DeJupTzy.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-quWoHt6W.js';
-import '../chunks/bundle-4juD-sAA.js';
-import '../chunks/bundle-CAG3D4kg.js';
-import '../chunks/bundle-C0lGuBz1.js';
-import '../chunks/bundle-BhUk8rxd.js';
-import '../chunks/bundle-CqDpvr3y.js';
+import '../chunks/bundle-DxDfRH2o.js';
+import '../chunks/bundle-ZFQVFwgt.js';
+import '../chunks/bundle-BdnV2Y4z.js';
+import '../chunks/bundle-CtQaDl-3.js';
+import '../chunks/bundle-pAwXUsP3.js';
+import '../chunks/bundle-B4S_3ODJ.js';
+import '@sendbird/uikit-tools';
+import '../chunks/bundle-BPXxR5Uf.js';
+import '../chunks/bundle-CGStfx_a.js';
+import './Button.js';
+import './Icon.js';
+import 'css-vars-ponyfill';
+import '../chunks/bundle-AMVN7cK_.js';
+import '../chunks/bundle-DN5GIyKa.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-BH2gXxGT.js';
-import '../chunks/bundle-DI-LhFYi.js';
+import '../chunks/bundle-Bt2dBxqH.js';
+import '../chunks/bundle-CIEFjxmJ.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-CgE34w-u.js';
-import './Icon.js';
-import './Button.js';
+import '../chunks/bundle-BjLUCiRW.js';
 
 function MentionLabel(props) {
     var _a, _b, _c;

package/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/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-4DkxVQ2g.js';
-import { c as classnames } from '../chunks/bundle-CKD0ZX8Q.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-pZApGXOy.js';
+import { c as classnames } from '../chunks/bundle-DQcY2W86.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;

package/ui/MessageContent.js

@@ -1,179 +1,98 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-Bq5t46O9.js';
-import React__default, { useRef, useContext, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-DqYkSagZ.js';
-import { M as MessageStatus } from '../chunks/bundle-DR9BPGju.js';
-import { M as MessageMenu } from '../chunks/bundle-BMk8EQhB.js';
-import { C as ContextMenu, b as MenuItems, d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-DFY0pASk.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-CKD0ZX8Q.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-C6zCSlOy.js';
+import React__default, { useRef, useState, useContext, useMemo } from 'react';
+import { f as format } from '../chunks/bundle-D5ebWfg_.js';
+import { M as MessageStatus } from '../chunks/bundle-CDCgNPAb.js';
+import { M as MessageMenu } from '../chunks/bundle-1OQSuRhE.js';
+import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-MvZdDAaZ.js';
+import { d as deleteNullish, n as noop, c as classnames } from '../chunks/bundle-DQcY2W86.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { k as isSendableMessage, n as getUIKitMessageTypes, K, C as isTemplateMessage, M as isOGMessage, N as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, e as getSenderName, O as getMessageContentMiddleClassNameByContainerType, P as isAdminMessage, w as getClassName, Q as UI_CONTAINER_TYPES } from '../chunks/bundle-D0nAU6Fc.js';
-import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-CAG3D4kg.js';
+import { M as getMessageContentMiddleClassNameByContainerType, C as isTemplateMessage, N as isFormMessage, O as isAdminMessage, x as getClassName, c as isMultipleFilesMessage, p as isThumbnailMessage, P as isOGMessage, k as isSendableMessage, Q as UI_CONTAINER_TYPES } from '../chunks/bundle-DeJupTzy.js';
+import { u as useLocalization, L as LocalizationContext } from '../chunks/bundle-BdnV2Y4z.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-HxFd7IJ1.js';
+import { u as useLongPress } from '../chunks/bundle-CB44TzHJ.js';
 import { MobileMenu } from './MobileMenu.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Bm3ak-IR.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CGStfx_a.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-BRlCoDKz.js';
-import { A as Avatar } from '../chunks/bundle-DI-LhFYi.js';
-import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-CqDpvr3y.js';
-import OGMessageItemBody from './OGMessageItemBody.js';
-import TextMessageItemBody from './TextMessageItemBody.js';
-import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-DwVNVjsu.js';
-import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
-import UnknownMessageItemBody from './UnknownMessageItemBody.js';
-import { TemplateMessageItemBody } from './TemplateMessageItemBody.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-Bu7Z-kDX.js';
+import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-D126pKFC.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import { u as useElementObserver } from '../chunks/bundle-BE8LEwJY.js';
-import '../chunks/bundle-4juD-sAA.js';
-import '../chunks/bundle-BhUk8rxd.js';
+import { u as useElementObserver } from '../chunks/bundle-CX3lApC4.js';
+import '../chunks/bundle-ZFQVFwgt.js';
+import '../chunks/bundle-pAwXUsP3.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BJGSKV7V.js';
-import '../chunks/bundle-Dmq9tSeN.js';
+import '../chunks/bundle-BXRo7Ms-.js';
+import '../chunks/bundle-BX3QBurJ.js';
 import './IconButton.js';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-_gCB8E7m.js';
+import '../chunks/bundle-DHWrOTdE.js';
 import '../withSendbird.js';
-import '../chunks/bundle-C0lGuBz1.js';
+import '../chunks/bundle-CtQaDl-3.js';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-quWoHt6W.js';
+import '../chunks/bundle-DxDfRH2o.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-CQkorWo8.js';
+import '../chunks/bundle-BPXxR5Uf.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-DqT2tkUc.js';
-import '../chunks/bundle-CvaQCFwm.js';
+import '../chunks/bundle-AMVN7cK_.js';
+import '../chunks/bundle-DN5GIyKa.js';
 import './UserListItem.js';
+import '../chunks/bundle-B4S_3ODJ.js';
+import '../chunks/bundle-CIEFjxmJ.js';
+import '../chunks/bundle-BjLUCiRW.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-CgE34w-u.js';
+import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-BH2gXxGT.js';
+import '../chunks/bundle-Bt2dBxqH.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-EJtklxdZ.js';
-import '../chunks/bundle-DoyuN1hf.js';
-import '../chunks/bundle-Bbq-7via.js';
-import '../chunks/bundle-LKXXCvQW.js';
+import '../chunks/bundle-CD_Tf8Tg.js';
+import '../chunks/bundle-pLnnSYTq.js';
+import './OGMessageItemBody.js';
+import '../chunks/bundle-D2UEFXos.js';
+import '../chunks/bundle-fUFWSJV3.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-D6WtPiHs.js';
-import '../chunks/bundle-DGhFLLcp.js';
+import '../chunks/bundle-BqzJev_y.js';
+import './TextMessageItemBody.js';
+import '../chunks/bundle-CsFxfKB9.js';
+import './FileMessageItemBody.js';
 import './TextButton.js';
-import '../chunks/bundle--ElxCzvX.js';
+import '../chunks/bundle-Ikai7bsA.js';
+import '../chunks/bundle-Bq9zpmTr.js';
 import './FileViewer.js';
-import '../chunks/bundle-DKokRH2J.js';
+import '../chunks/bundle-3Cx2Ebdg.js';
+import './VoiceMessageItemBody.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-DQY7Y24f.js';
+import './ThumbnailMessageItemBody.js';
+import './UnknownMessageItemBody.js';
+import './TemplateMessageItemBody.js';
+import '../chunks/bundle-BUfLVFOU.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
+import '../chunks/bundle-Cbww_z2e.js';
 import './Input.js';
 
-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 = useRef(null);
-    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
-    if (isByMe || chainBottom || !isSendableMessage(message)) {
-        return null;
-    }
-    return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
-            var _a, _b;
-            return (React__default.createElement(Avatar, { className: 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.createElement(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.createElement(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 = useThreadMessageKindKeySelector({
-        isMobile: isMobile,
-    });
-    var statefulFileInfoList = useFileInfoListWithUploaded(message); // For MultipleFilesMessage.
-    var messageTypes = getUIKitMessageTypes();
-    var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
-    return K(message)
-        .when(isTemplateMessage, function () { return (React__default.createElement(TemplateMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, theme: config === null || config === void 0 ? void 0 : config.theme, onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback })); })
-        .when(function (message) { return isOgMessageEnabledInGroupChannel
-        && isSendableMessage(message)
-        && isOGMessage(message); }, function () {
-        var _a;
-        return (React__default.createElement(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(isTextMessage, function () {
-        var _a;
-        return (React__default.createElement(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 getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.createElement(FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
-        .when(isMultipleFilesMessage, function () { return (React__default.createElement(MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
-        .when(isVoiceMessage, function () {
-        var _a;
-        return (React__default.createElement(VoiceMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, channelUrl: (_a = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _a !== void 0 ? _a : '', isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel }));
-    })
-        .when(isThumbnailMessage, function () { return (React__default.createElement(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.createElement(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.createElement(Label, { className: "sendbird-message-content__middle__sender-name", type: LabelTypography.CAPTION_2, color: 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) || 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. */
@@ -189,7 +108,7 @@ 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 = 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 = 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 = deleteNullish(props), _x = _w.renderSenderProfile, renderSenderProfile = _x === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _x, _y = _w.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _y, _z = _w.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _z, _0 = _w.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _0, _1 = _w.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _1, _2 = _w.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _2, _3 = _w.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _3 === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _3;
     var dateLocale = useLocalization().dateLocale;
@@ -258,11 +177,11 @@ function MessageContent(props) {
      *   - in mobile view:
      *     - bottom sheet on long click
      */
-    var isNotTemplateMessage = !isTemplateMessage(message);
-    var showLongPressMenu = isNotTemplateMessage && isMobile;
-    var showOutgoingMenu = isNotTemplateMessage && isByMe && !isMobile;
-    var showThreadReplies = isNotTemplateMessage && displayThreadReplies;
-    var showRightContent = isNotTemplateMessage && !isByMe && !isMobile;
+    var isNotSpecialMessage = !(isTemplateMessage(message) || isFormMessage(message));
+    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;
@@ -316,7 +235,7 @@ function MessageContent(props) {
             uiContainerType,
         ]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
         React__default.createElement("div", { className: classnames('sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName), "data-testid": "sendbird-message-content__left" },
-            renderSenderProfile(__assign(__assign({}, props), { isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
+            renderSenderProfile(__assign(__assign({}, props), { className: 'sendbird-message-content__left__avatar', isByMe: isByMe, displayThreadReplies: displayThreadReplies, bottom: totalBottom > 0 ? totalBottom + 'px' : '' })),
             showOutgoingMenu && (React__default.createElement("div", { className: classnames('sendbird-message-content-menu', isReactionEnabledClassName, hoveredMenuClassName, isByMeClassName) },
                 renderMessageMenu({
                     channel: channel,
@@ -344,9 +263,10 @@ function MessageContent(props) {
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
+                    filterEmojiCategoryIds: filterEmojiCategoryIds,
                 }))))),
         React__default.createElement("div", __assign({ className: classnames('sendbird-message-content__middle', isTemplateMessage(message) && 'sendbird-message-content__middle__for_template_message', uiContainerType), "data-testid": "sendbird-message-content__middle" }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
-            !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
+            (!isByMe && !chainTop && !useReplying) && renderMessageHeader(props),
             (useReplying) ? (React__default.createElement("div", { className: classnames('sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName), "data-testid": "sendbird-message-content__middle__quote-message" },
                 React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_f = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _f !== void 0 ? _f : 0) > ((_h = (_g = message.parentMessage) === null || _g === void 0 ? void 0 : _g.createdAt) !== null && _h !== void 0 ? _h : 0), onClick: function () {
                         var _a;
@@ -386,6 +306,7 @@ function MessageContent(props) {
                     memberNicknamesMap: nicknamesMap !== null && nicknamesMap !== void 0 ? nicknamesMap : new Map(),
                     toggleReaction: toggleReaction,
                     onPressUserProfile: onPressUserProfileHandler,
+                    filterEmojiCategoryIds: filterEmojiCategoryIds,
                 }))),
                 (!isByMe && !chainBottom) && (React__default.createElement(Label, { className: classnames('sendbird-message-content__middle__body-container__created-at', 'right', hoveredMenuClassName, uiContainerType), type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2, ref: timestampRef }, format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
                     locale: dateLocale,
@@ -467,6 +388,7 @@ function MessageContent(props) {
                     userId: userId,
                     emojiContainer: emojiContainer,
                     toggleReaction: toggleReaction,
+                    filterEmojiCategoryIds: filterEmojiCategoryIds,
                 })),
                 renderMessageMenu({
                     className: 'sendbird-message-content-menu__normal-menu',
@@ -632,5 +554,5 @@ function MessageContent(props) {
             } }))));
 }
 
-export { MessageContent as default };
+export { MessageBody, MessageContent, MessageHeader, MessageProfile, MessageContent as default };
 //# sourceMappingURL=MessageContent.js.map

package/ui/MessageContent.js.map

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

package/ui/MessageFeedbackFailedModal.js

@@ -1,32 +1,32 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CAG3D4kg.js';
-import { M as Modal } from '../chunks/bundle-CQkorWo8.js';
+import { L as LocalizationContext } from '../chunks/bundle-BdnV2Y4z.js';
+import { M as Modal } from '../chunks/bundle-BPXxR5Uf.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
-import { u as useKeyDown } from '../chunks/bundle-DKokRH2J.js';
-import '../chunks/bundle-Bq5t46O9.js';
-import '../chunks/bundle-C0lGuBz1.js';
-import '../chunks/bundle-BhUk8rxd.js';
-import '../chunks/bundle-D0nAU6Fc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import { u as useKeyDown } from '../chunks/bundle-3Cx2Ebdg.js';
+import '../chunks/bundle-C6zCSlOy.js';
+import '../chunks/bundle-CtQaDl-3.js';
+import '../chunks/bundle-pAwXUsP3.js';
+import '../chunks/bundle-DeJupTzy.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-quWoHt6W.js';
-import '../chunks/bundle-4juD-sAA.js';
-import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-DxDfRH2o.js';
+import '../chunks/bundle-ZFQVFwgt.js';
+import '../chunks/bundle-DQcY2W86.js';
 import 'react-dom';
-import '../chunks/bundle-Bm3ak-IR.js';
+import '../chunks/bundle-CGStfx_a.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-_gCB8E7m.js';
+import '../chunks/bundle-DHWrOTdE.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DqT2tkUc.js';
-import '../chunks/bundle-CvaQCFwm.js';
+import '../chunks/bundle-AMVN7cK_.js';
+import '../chunks/bundle-DN5GIyKa.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DFY0pASk.js';
+import '../chunks/bundle-MvZdDAaZ.js';
 import './SortByRow.js';
 
 function MessageFeedbackFailedModal(props) {

package/ui/MessageFeedbackModal.js

@@ -1,20 +1,20 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CAG3D4kg.js';
-import { M as Modal } from '../chunks/bundle-CQkorWo8.js';
+import { L as LocalizationContext } from '../chunks/bundle-BdnV2Y4z.js';
+import { M as Modal } from '../chunks/bundle-BPXxR5Uf.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CSqe9OQ4.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Bm3ak-IR.js';
-import { u as useKeyDown } from '../chunks/bundle-DKokRH2J.js';
-import '../chunks/bundle-Bq5t46O9.js';
-import '../chunks/bundle-C0lGuBz1.js';
-import '../chunks/bundle-BhUk8rxd.js';
-import '../chunks/bundle-D0nAU6Fc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CGStfx_a.js';
+import { u as useKeyDown } from '../chunks/bundle-3Cx2Ebdg.js';
+import '../chunks/bundle-C6zCSlOy.js';
+import '../chunks/bundle-CtQaDl-3.js';
+import '../chunks/bundle-pAwXUsP3.js';
+import '../chunks/bundle-DeJupTzy.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-quWoHt6W.js';
-import '../chunks/bundle-4juD-sAA.js';
-import '../chunks/bundle-CKD0ZX8Q.js';
+import '../chunks/bundle-DxDfRH2o.js';
+import '../chunks/bundle-ZFQVFwgt.js';
+import '../chunks/bundle-DQcY2W86.js';
 import 'react-dom';
 import './IconButton.js';
 import './Icon.js';
@@ -22,12 +22,12 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-_gCB8E7m.js';
+import '../chunks/bundle-DHWrOTdE.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DqT2tkUc.js';
-import '../chunks/bundle-CvaQCFwm.js';
+import '../chunks/bundle-AMVN7cK_.js';
+import '../chunks/bundle-DN5GIyKa.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-DFY0pASk.js';
+import '../chunks/bundle-MvZdDAaZ.js';
 import './SortByRow.js';
 
 function MessageFeedbackModal(props) {

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-BbUMbfmM.js';
-import '../../../chunks/bundle-BQhKYX1c.js';
-import '../../../chunks/bundle-BRlCoDKz.js';
-import '../../../chunks/bundle-Bq5t46O9.js';
-import '../../../chunks/bundle-4DkxVQ2g.js';
-import '../../../chunks/bundle-DGhFLLcp.js';
-import '../../../chunks/bundle-D6WtPiHs.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-caWcyjAI.js';
+import '../../../chunks/bundle-DqlAZTU_.js';
+import '../../../chunks/bundle-Bu7Z-kDX.js';
+import '../../../chunks/bundle-C6zCSlOy.js';
+import '../../../chunks/bundle-pZApGXOy.js';
+import '../../../chunks/bundle-CsFxfKB9.js';
+import '../../../chunks/bundle-BqzJev_y.js';
 //# sourceMappingURL=usePaste.js.map