@sendbird/uikit-react 3.8.0 → 3.8.1

package/ui/MessageContent.js

@@ -1,103 +1,186 @@
-import { _ as __assign } from '../chunks/bundle-hKtwSqbO.js';
-import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../chunks/bundle-h3JIYRTG.js';
-import Avatar from './Avatar.js';
-import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../chunks/bundle-zLBuOeRY.js';
+import { _ as __assign } from '../chunks/bundle-AVOWwEQ4.js';
+import React__default, { useRef, useContext, useState } from 'react';
+import { f as format } from '../chunks/bundle-LPkaaUo4.js';
+import { M as MessageStatus } from '../chunks/bundle-EZnDY3Tc.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
-import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
-import TextMessageItemBody from './TextMessageItemBody.js';
-import FileMessageItemBody from './FileMessageItemBody.js';
-import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
-import OGMessageItemBody from './OGMessageItemBody.js';
-import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { g as getUIKitMessageTypes, d as getClassName, e as isSendableMessage, f as getSenderName, h as isOGMessage, j as isTextMessage, k as getUIKitMessageType, b as isMultipleFilesMessage, i as isVoiceMessage, l as isThumbnailMessage } from '../chunks/bundle-EHReigfD.js';
-import { a as UserProfileContext } from '../chunks/bundle-ubky9D9H.js';
-import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
+import { n as getClassName, N as isSendableMessage, w as getUIKitMessageTypes, I as isOGMessage, J as isTextMessage, t as getUIKitMessageType, b as isMultipleFilesMessage, i as isVoiceMessage, r as isThumbnailMessage, h as getSenderName } from '../chunks/bundle-OoXqnc0l.js';
+import { u as useLocalization } from '../chunks/bundle-GqUhOzeC.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../chunks/bundle-btDN-R-c.js';
-import { M as MobileMenu } from '../chunks/bundle-vnmGzWMt.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-x-4ukZm_.js';
+import { u as useLongPress } from '../chunks/bundle-9uR-6efo.js';
+import { M as MobileMenu } from '../chunks/bundle-7-9WA7QK.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-QKq7b-WA.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-AI8e02c3.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-JGFwpJZJ.js';
+import { n as noop } from '../chunks/bundle-FQAabli1.js';
+import ContextMenu, { MenuItems } from './ContextMenu.js';
+import { A as Avatar } from '../chunks/bundle-x3udz03j.js';
+import UserProfile from './UserProfile.js';
+import { a as UserProfileContext } from '../chunks/bundle-G3cS-S1W.js';
+import OGMessageItemBody from './OGMessageItemBody.js';
+import TextMessageItemBody from './TextMessageItemBody.js';
+import FileMessageItemBody from './FileMessageItemBody.js';
+import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody } from '../chunks/bundle-fbmUkwMs.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../chunks/bundle-v9a1_z0P.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody } from '../chunks/bundle-ANPmLOz8.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import './ImageRenderer.js';
+import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
+import UnknownMessageItemBody from './UnknownMessageItemBody.js';
+import { K } from '../chunks/bundle-0BwB1B7t.js';
+import '../chunks/bundle-ltzZCtkR.js';
 import './Icon.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../sendbirdSelectors.js';
-import '../pubSub/topics.js';
-import './Button.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-dLuEa16_.js';
-import '../chunks/bundle-3mdR5HDw.js';
+import '../chunks/bundle-J7om32yx.js';
+import '../chunks/bundle-ZZuBYhV1.js';
 import './IconButton.js';
-import '../chunks/bundle-mpeh7m6z.js';
-import '../chunks/bundle-LUte5Kb5.js';
-import '../chunks/bundle-ZmvX8uZ5.js';
+import '../chunks/bundle-1uIyPhfL.js';
+import '../chunks/bundle-YwxAxKwQ.js';
+import '../chunks/bundle-fQ2M7pMu.js';
 import '@sendbird/chat/message';
-import '../chunks/bundle-9KsbryQI.js';
-import '../chunks/bundle-qst5L6aH.js';
-import '../chunks/bundle-_qiqf8_l.js';
+import '../chunks/bundle-PK1dgVwp.js';
+import '../chunks/bundle-3oeQjqp5.js';
 import '@sendbird/chat/groupChannel';
+import '../chunks/bundle-iPDlyZXo.js';
 import '../Channel/hooks/useInitialMessagesFetch.js';
-import '../chunks/bundle-TZXZa-F1.js';
-import '../chunks/bundle-WCTKBopn.js';
-import '../chunks/bundle-5iuNyt5M.js';
-import './ReactionButton.js';
+import '../chunks/bundle--Hrow3p-.js';
+import '../chunks/bundle-UjngV2Kp.js';
+import '../chunks/bundle-rX7vrYxX.js';
+import '../chunks/bundle-zch8NdOh.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../withSendbird.js';
+import './ImageRenderer.js';
+import './ReactionButton.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-rLxuFUa1.js';
+import '../chunks/bundle-gYyMZyCn.js';
+import './Button.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
+import '../sendbirdSelectors.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-cviP1IM2.js';
-import '../chunks/bundle-Zl1hrCWc.js';
+import '../chunks/bundle-zqQY3xFx.js';
+import '../chunks/bundle-jUubN32Z.js';
+import '../chunks/bundle-kPOY92Qs.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-kp1MMNMf.js';
+import '../chunks/bundle-_nlJSeuz.js';
+import '../chunks/bundle-kaJaYGwQ.js';
 import './TextButton.js';
-import '../chunks/bundle-YEttY5xG.js';
-import '../chunks/bundle-M2ljBW6p.js';
-import '../chunks/bundle-khKXutc3.js';
-import '../withSendbird.js';
+import '../chunks/bundle-06CfHADE.js';
+import '../chunks/bundle-KaSW5xxP.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-53PRRrlp.js';
+import '../chunks/bundle-kBtT3HBi.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-w9T6A0ez.js';
 
-function MessageContent(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    var className = _a.className, userId = _a.userId, channel = _a.channel, message = _a.message, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.chainTop, chainTop = _s === void 0 ? false : _s, _t = _a.chainBottom, chainBottom = _t === void 0 ? false : _t, _u = _a.isReactionEnabled, isReactionEnabled = _u === void 0 ? false : _u, _v = _a.disableQuoteMessage, disableQuoteMessage = _v === void 0 ? false : _v, replyType = _a.replyType, threadReplySelectType = _a.threadReplySelectType, nicknamesMap = _a.nicknamesMap, emojiContainer = _a.emojiContainer, scrollToMessage = _a.scrollToMessage, showEdit = _a.showEdit, showRemove = _a.showRemove, showFileViewer = _a.showFileViewer, resendMessage = _a.resendMessage, deleteMessage = _a.deleteMessage, toggleReaction = _a.toggleReaction, setQuoteMessage = _a.setQuoteMessage, onReplyInThread = _a.onReplyInThread, onQuoteMessageClick = _a.onQuoteMessageClick, onMessageHeightChange = _a.onMessageHeightChange;
+function MessageProfile(props) {
+    var avatarRef = useRef(null);
+    var message = props.message, channel = props.channel, userId = props.userId, _a = props.disabled, disabled = _a === void 0 ? false : _a, _b = props.chainBottom, chainBottom = _b === void 0 ? false : _b, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, resendMessage = props.resendMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, setSupposedHover = props.setSupposedHover, isMobile = props.isMobile, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isReactionEnabledClassName = props.isReactionEnabledClassName, isByMe = props.isByMe, isByMeClassName = props.isByMeClassName, useReplyingClassName = props.useReplyingClassName, displayThreadReplies = props.displayThreadReplies, supposedHoverClassName = props.supposedHoverClassName;
+    var _c = useContext(UserProfileContext), disableUserProfile = _c.disableUserProfile, renderUserProfile = _c.renderUserProfile;
+    return (React__default.createElement("div", { className: getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
+        (!isByMe && !chainBottom && isSendableMessage(message)) && (
+        /** user profile */
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
+                var _a, _b;
+                return (React__default.createElement(Avatar, { className: "sendbird-message-content__left__avatar ".concat(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", onClick: function () { if (!disableUserProfile)
+                        toggleDropdown(); } }));
+            }, menuItems: function (closeDropdown) { return (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' } }, renderUserProfile
+                ? renderUserProfile({ user: message.sender, close: closeDropdown, currentUserId: userId })
+                : (React__default.createElement(UserProfile, { user: message.sender, onSuccess: closeDropdown })))); } })),
+        isByMe && !isMobile && (React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
+            React__default.createElement(MessageItemMenu, { channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setQuoteMessage: setQuoteMessage, setSupposedHover: setSupposedHover, onReplyInThread: function (_a) {
+                    var _b;
+                    var message = _a.message;
+                    if (threadReplySelectType === ThreadReplySelectType.THREAD) {
+                        onReplyInThread({ message: message });
+                    }
+                    else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
+                        scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
+                    }
+                } }),
+            isReactionEnabledInChannel && (React__default.createElement(MessageItemReactionMenu, { message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))));
+}
+
+var MESSAGE_ITEM_BODY_CLASSNAME = 'sendbird-message-content__middle__message-item-body';
+function MessageBody(props) {
+    var message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
+    var threadMessageKindKey = useThreadMessageKindKeySelector({
+        isMobile: isMobile,
+    });
+    var statefulFileInfoList = useStatefulFileInfoList(message); // For MultipleFilesMessage.
     var messageTypes = getUIKitMessageTypes();
+    var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
+    return K(message)
+        .when(function (message) { return isOgMessageEnabledInGroupChannel
+        && isSendableMessage(message)
+        && isOGMessage(message); }, function () { return (React__default.createElement(OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange })); })
+        .when(isTextMessage, function () { return (React__default.createElement(TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel })); })
+        .when(function (message) { return getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React__default.createElement(FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); })
+        .when(isMultipleFilesMessage, function () { return (React__default.createElement(MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })); })
+        .when(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
+    ));
+}
+
+function MessageContent(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var 
+    // Internal props
+    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.chainTop, chainTop = _o === void 0 ? false : _o, _p = props.chainBottom, chainBottom = _p === void 0 ? false : _p, _q = props.isReactionEnabled, isReactionEnabled = _q === void 0 ? false : _q, _r = props.disableQuoteMessage, disableQuoteMessage = _r === void 0 ? false : _r, 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, 
+    // Public props for customization
+    _s = props.renderSenderProfile, 
+    // Public props for customization
+    renderSenderProfile = _s === void 0 ? function (props) { return (React__default.createElement(MessageProfile, __assign({}, props))); } : _s, _t = props.renderMessageBody, renderMessageBody = _t === void 0 ? function (props) { return (React__default.createElement(MessageBody, __assign({}, props))); } : _t, _u = props.renderMessageHeader, renderMessageHeader = _u === void 0 ? function (props) { return (React__default.createElement(MessageHeader, __assign({}, props))); } : _u;
     var dateLocale = useLocalization().dateLocale;
-    var _w = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _w.config, eventHandlers = _w.eventHandlers;
-    var onPressUserProfileHandler = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _b === void 0 ? void 0 : _b.onPressUserProfile;
-    var _x = useContext(UserProfileContext), disableUserProfile = _x.disableUserProfile, renderUserProfile = _x.renderUserProfile;
-    var avatarRef = useRef(null);
+    var _v = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _v.config, eventHandlers = _v.eventHandlers;
+    var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
     var contentRef = useRef(null);
     var isMobile = useMediaQueryContext().isMobile;
-    var _y = useState(false), showMenu = _y[0], setShowMenu = _y[1];
-    var _z = useState(false), mouseHover = _z[0], setMouseHover = _z[1];
-    var _0 = useState(false), supposedHover = _0[0], setSupposedHover = _0[1];
-    var isByMe = (userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId))
+    var _w = useState(false), showMenu = _w[0], setShowMenu = _w[1];
+    var _x = useState(false), mouseHover = _x[0], setMouseHover = _x[1];
+    var _y = useState(false), supposedHover = _y[0], setSupposedHover = _y[1];
+    var isByMe = (userId === ((_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.userId))
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'failed');
     var isByMeClassName = isByMe ? 'outgoing' : 'incoming';
@@ -109,9 +192,8 @@ function MessageContent(_a) {
         && (message === null || message === void 0 ? void 0 : message.parentMessageId) && (message === null || message === void 0 ? void 0 : message.parentMessage)
         && !disableQuoteMessage);
     var useReplyingClassName = useReplying ? 'use-quote' : '';
-    var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     // Thread replies
-    var displayThreadReplies = ((_d = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) > 0 && replyType === 'THREAD';
+    var displayThreadReplies = ((_c = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _c === void 0 ? void 0 : _c.replyCount) > 0 && replyType === 'THREAD';
     // onMouseDown: (e: React.MouseEvent<T>) => void;
     // onTouchStart: (e: React.TouchEvent<T>) => void;
     // onMouseUp: (e: React.MouseEvent<T>) => void;
@@ -128,60 +210,15 @@ function MessageContent(_a) {
         delay: 300,
         shouldPreventDefault: false,
     });
-    var threadMessageKindKey = useThreadMessageKindKeySelector({
-        isMobile: isMobile,
-    });
-    // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList(message);
-    if (((_e = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _e === void 0 ? void 0 : _e.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
+    if (((_d = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _d === void 0 ? void 0 : _d.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
         return (React__default.createElement(AdminMessage, { message: message }));
     }
     return (React__default.createElement("div", { className: getClassName([className, 'sendbird-message-content', isByMeClassName]), onMouseOver: function () { return setMouseHover(true); }, onMouseLeave: function () { return setMouseHover(false); } },
-        React__default.createElement("div", { className: getClassName(['sendbird-message-content__left', isReactionEnabledClassName, isByMeClassName, useReplyingClassName]) },
-            (!isByMe && !chainBottom && isSendableMessage(message)) && (
-            /** user profile */
-            React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
-                    var _a, _b;
-                    return (React__default.createElement(Avatar, { className: "sendbird-message-content__left__avatar ".concat(displayThreadReplies ? 'use-thread-replies' : ''), 
-                        // @ts-ignore
-                        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", onClick: function () { if (!disableUserProfile)
-                            toggleDropdown(); } }));
-                }, menuItems: function (closeDropdown) { return (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' } }, renderUserProfile
-                    ? renderUserProfile({ user: message.sender, close: closeDropdown, currentUserId: userId })
-                    : (React__default.createElement(UserProfile, { user: message.sender, onSuccess: closeDropdown })))); } })),
-            isByMe && !isMobile && (React__default.createElement("div", { className: getClassName(['sendbird-message-content-menu', isReactionEnabledClassName, supposedHoverClassName, isByMeClassName]) },
-                React__default.createElement(MessageItemMenu, { className: "sendbird-message-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setQuoteMessage: setQuoteMessage, setSupposedHover: setSupposedHover, onReplyInThread: function (_a) {
-                        var _b;
-                        var message = _a.message;
-                        if (threadReplySelectType === ThreadReplySelectType.THREAD) {
-                            onReplyInThread({ message: message });
-                        }
-                        else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
-                            scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
-                        }
-                    } }),
-                isReactionEnabledInChannel && (React__default.createElement(MessageItemReactionMenu, { className: "sendbird-message-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))),
+        renderSenderProfile(__assign(__assign({}, props), { setSupposedHover: setSupposedHover, isMobile: isMobile, isReactionEnabledInChannel: isReactionEnabledInChannel, isReactionEnabledClassName: isReactionEnabledClassName, isByMe: isByMe, isByMeClassName: isByMeClassName, useReplyingClassName: useReplyingClassName, displayThreadReplies: displayThreadReplies, supposedHoverClassName: supposedHoverClassName })),
         React__default.createElement("div", __assign({ className: 'sendbird-message-content__middle' }, (isMobile ? __assign({}, longPress) : {}), { ref: contentRef }),
-            (!isByMe && !chainTop && !useReplying) && (React__default.createElement(Label, { className: "sendbird-message-content__middle__sender-name", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, 
-            // @ts-ignore
-            ((_g = (_f = channel === null || channel === void 0 ? void 0 : channel.members) === null || _f === void 0 ? void 0 : _f.find(function (member) { var _a; 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 || _g === void 0 ? void 0 : _g.nickname)
-                || getSenderName(message)
-            // TODO: Divide getting profileUrl logic to utils
-            )),
+            !isByMe && !chainTop && !useReplying && renderMessageHeader(props),
             (useReplying) ? (React__default.createElement("div", { className: getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName]) },
-                React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_h = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _h !== void 0 ? _h : 0) > ((_k = (_j = message.parentMessage) === null || _j === void 0 ? void 0 : _j.createdAt) !== null && _k !== void 0 ? _k : 0), onClick: function () {
+                React__default.createElement(QuoteMessage, { className: "sendbird-message-content__middle__quote-message__quote", message: message, userId: userId, isByMe: isByMe, isUnavailable: ((_e = channel === null || channel === void 0 ? void 0 : channel.messageOffsetTimestamp) !== null && _e !== void 0 ? _e : 0) > ((_g = (_f = message.parentMessage) === null || _f === void 0 ? void 0 : _f.createdAt) !== null && _g !== void 0 ? _g : 0), onClick: function () {
                         var _a;
                         if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
                             onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({ message: message });
@@ -195,13 +232,18 @@ function MessageContent(_a) {
                 (isByMe && !chainBottom) && (React__default.createElement("div", { className: getClassName(['sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName]) },
                     React__default.createElement("div", { className: "sendbird-message-content__middle__body-container__created-at__component-container" },
                         React__default.createElement(MessageStatus, { message: message, channel: channel })))),
-                isOgMessageEnabledInGroupChannel && isOGMessage(message) ? (React__default.createElement(OGMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange })) : isTextMessage(message) && (React__default.createElement(TextMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel })),
-                (getUIKitMessageType(message) === messageTypes.FILE) && (React__default.createElement(FileMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })),
-                isMultipleFilesMessage(message) && (React__default.createElement(MultipleFilesMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
-                isVoiceMessage(message) && (React__default.createElement(VoiceMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, channelUrl: (_l = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _l !== void 0 ? _l : '', isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
-                (isThumbnailMessage(message)) && (React__default.createElement(ThumbnailMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: isMobile ? { width: '100%' } : {} })),
-                (getUIKitMessageType(message) === messageTypes.UNKNOWN) && (React__default.createElement(UnknownMessageItemBody, { className: "sendbird-message-content__middle__message-item-body", message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })),
-                (isReactionEnabledInChannel && ((_m = message === null || message === void 0 ? void 0 : message.reactions) === null || _m === void 0 ? void 0 : _m.length) > 0) && (React__default.createElement("div", { className: getClassName([
+                renderMessageBody({
+                    message: message,
+                    channel: channel,
+                    showFileViewer: showFileViewer,
+                    onMessageHeightChange: onMessageHeightChange,
+                    mouseHover: mouseHover,
+                    isMobile: isMobile,
+                    config: config,
+                    isReactionEnabledInChannel: isReactionEnabledInChannel,
+                    isByMe: isByMe,
+                }),
+                (isReactionEnabledInChannel && ((_h = message === null || message === void 0 ? void 0 : message.reactions) === null || _h === void 0 ? void 0 : _h.length) > 0) && (React__default.createElement("div", { className: getClassName([
                         'sendbird-message-content-reactions',
                         isMultipleFilesMessage(message)
                             ? 'image-grid'
@@ -226,7 +268,7 @@ function MessageContent(_a) {
                         scrollToMessage((_b = message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt, message.parentMessageId);
                     }
                 } })))),
-        showMenu && (((_o = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _o === void 0 ? void 0 : _o.call(message)) || ((_p = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _p === void 0 ? void 0 : _p.call(message)) || ((_q = message === null || message === void 0 ? void 0 : message.isMultipleFilesMessage) === null || _q === void 0 ? void 0 : _q.call(message))) && (React__default.createElement(MobileMenu, { parentRef: contentRef, channel: channel, hideMenu: function () { setShowMenu(false); }, message: message, isReactionEnabled: isReactionEnabledInChannel, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, emojiContainer: emojiContainer, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, toggleReaction: toggleReaction, showEdit: showEdit, onReplyInThread: function (_a) {
+        showMenu && (((_j = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _j === void 0 ? void 0 : _j.call(message)) || ((_k = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _k === void 0 ? void 0 : _k.call(message)) || ((_l = message === null || message === void 0 ? void 0 : message.isMultipleFilesMessage) === null || _l === void 0 ? void 0 : _l.call(message))) && (React__default.createElement(MobileMenu, { parentRef: contentRef, channel: channel, hideMenu: function () { setShowMenu(false); }, message: message, isReactionEnabled: isReactionEnabledInChannel, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, emojiContainer: emojiContainer, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, toggleReaction: toggleReaction, showEdit: showEdit, onReplyInThread: function (_a) {
                 var _b;
                 var message = _a.message;
                 if (threadReplySelectType === ThreadReplySelectType.THREAD) {

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/MessageInput/hooks/usePaste.js

@@ -1,8 +1,8 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-qunsoajv.js';
-import '../../../chunks/bundle-hKtwSqbO.js';
-import '../../../chunks/bundle--F_1NyoU.js';
-import '../../../chunks/bundle-kp1MMNMf.js';
-import '../../../chunks/bundle-khKXutc3.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-62G-DTVs.js';
+import '../../../chunks/bundle-AVOWwEQ4.js';
+import '../../../chunks/bundle-0plqkdfC.js';
+import '../../../chunks/bundle-kaJaYGwQ.js';
+import '../../../chunks/bundle-_nlJSeuz.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,24 +1,24 @@
-import { _ as __assign, a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { _ as __assign, a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../chunks/bundle-sOjc_nNQ.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-AI8e02c3.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../chunks/bundle-tK1qgIcU.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-JGFwpJZJ.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
-import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage } from '../chunks/bundle-qunsoajv.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage } from '../chunks/bundle-62G-DTVs.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
+import { u as useLocalization } from '../chunks/bundle-GqUhOzeC.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { G as arrayEqual, d as getClassName, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-EHReigfD.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-cviP1IM2.js';
-import { K } from '../chunks/bundle-9KsbryQI.js';
+import { D as arrayEqual, n as getClassName, E as getMimeTypesUIKitAccepts } from '../chunks/bundle-OoXqnc0l.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-kPOY92Qs.js';
+import { K } from '../chunks/bundle-0BwB1B7t.js';
 import 'dompurify';
-import '../chunks/bundle--F_1NyoU.js';
-import '../chunks/bundle-kp1MMNMf.js';
-import '../chunks/bundle-khKXutc3.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-0plqkdfC.js';
+import '../chunks/bundle-kaJaYGwQ.js';
+import '../chunks/bundle-_nlJSeuz.js';
+import '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-ltzZCtkR.js';
 import '../withSendbird.js';
 import '../utils/message/getOutgoingMessageState.js';
 

package/ui/MessageItemMenu.js

@@ -2,35 +2,35 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { q as isUserMessage, r as isSentMessage, s as isFailedMessage, t as isPendingMessage, d as getClassName, u as copyToClipboard } from '../chunks/bundle-EHReigfD.js';
-import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
-import { R as Role } from '../chunks/bundle-mpeh7m6z.js';
-import { u as useChannelContext } from '../chunks/bundle-LUte5Kb5.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import { j as isUserMessage, k as isSentMessage, l as isFailedMessage, m as isPendingMessage, n as getClassName, o as copyToClipboard } from '../chunks/bundle-OoXqnc0l.js';
+import { L as LocalizationContext } from '../chunks/bundle-GqUhOzeC.js';
+import { R as Role } from '../chunks/bundle-1uIyPhfL.js';
+import { u as useChannelContext } from '../chunks/bundle-YwxAxKwQ.js';
+import '../chunks/bundle-AVOWwEQ4.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-iPDlyZXo.js';
+import '../chunks/bundle-lDOyfwhb.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-FQAabli1.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-ubky9D9H.js';
+import '../chunks/bundle-0BwB1B7t.js';
+import '../chunks/bundle-ltzZCtkR.js';
+import '../chunks/bundle-G3cS-S1W.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../chunks/bundle-AI8e02c3.js';
-import '../chunks/bundle-ZmvX8uZ5.js';
-import '../chunks/bundle-h3JIYRTG.js';
+import '../chunks/bundle-JGFwpJZJ.js';
+import '../chunks/bundle-fQ2M7pMu.js';
+import '../chunks/bundle-LPkaaUo4.js';
 import '@sendbird/chat/message';
-import '../chunks/bundle-qst5L6aH.js';
-import '../chunks/bundle-_qiqf8_l.js';
+import '../chunks/bundle-PK1dgVwp.js';
+import '../chunks/bundle-3oeQjqp5.js';
 import '@sendbird/chat/groupChannel';
 import '../Channel/hooks/useInitialMessagesFetch.js';
-import '../pubSub/topics.js';
-import '../chunks/bundle-TZXZa-F1.js';
-import '../chunks/bundle-WCTKBopn.js';
-import '../chunks/bundle-5iuNyt5M.js';
+import '../chunks/bundle--Hrow3p-.js';
+import '../chunks/bundle-UjngV2Kp.js';
+import '../chunks/bundle-rX7vrYxX.js';
+import '../chunks/bundle-zch8NdOh.js';
 
 function MessageItemMenu(_a) {
     var _b;

package/ui/MessageItemReactionMenu.js

@@ -4,18 +4,18 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { t as isPendingMessage, s as isFailedMessage, d as getClassName, v as getEmojiListAll } from '../chunks/bundle-EHReigfD.js';
-import '../chunks/bundle-hKtwSqbO.js';
+import { m as isPendingMessage, l as isFailedMessage, n as getClassName, p as getEmojiListAll } from '../chunks/bundle-OoXqnc0l.js';
+import '../chunks/bundle-AVOWwEQ4.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-wMgBBDf9.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-btDN-R-c.js';
-import '../chunks/bundle-x-4ukZm_.js';
+import '../chunks/bundle-iPDlyZXo.js';
+import '../chunks/bundle-lDOyfwhb.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-9uR-6efo.js';
+import '../chunks/bundle-QKq7b-WA.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-0BwB1B7t.js';
 
 function MessageItemReactionMenu(_a) {
     var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction, setSupposedHover = _a.setSupposedHover;

package/ui/MessageSearchFileItem.js

@@ -1,21 +1,21 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import Avatar from './Avatar.js';
+import { A as Avatar } from '../chunks/bundle-x3udz03j.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
-import { f as format } from '../chunks/bundle-h3JIYRTG.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-dLuEa16_.js';
-import { i as isVoiceMessage } from '../chunks/bundle-EHReigfD.js';
-import { a as getMessageFirstFileUrl, c as getMessageFirstFileName } from '../chunks/bundle-M2ljBW6p.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
+import { u as useLocalization } from '../chunks/bundle-GqUhOzeC.js';
+import { f as format } from '../chunks/bundle-LPkaaUo4.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-J7om32yx.js';
+import { i as isVoiceMessage } from '../chunks/bundle-OoXqnc0l.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-zqQY3xFx.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-5yKxJk_M.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-3mdR5HDw.js';
+import '../chunks/bundle-iPDlyZXo.js';
+import '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-ltzZCtkR.js';
+import '../chunks/bundle-ZZuBYhV1.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-0BwB1B7t.js';
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-h3JIYRTG.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-dLuEa16_.js';
-import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
-import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
-import '../chunks/bundle-FTgSGiKe.js';
-import '../chunks/bundle-3mdR5HDw.js';
+import { f as format } from '../chunks/bundle-LPkaaUo4.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-J7om32yx.js';
+import { A as Avatar } from '../chunks/bundle-x3udz03j.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
+import { u as useLocalization } from '../chunks/bundle-GqUhOzeC.js';
+import '../chunks/bundle-ltzZCtkR.js';
+import '../chunks/bundle-ZZuBYhV1.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../chunks/bundle-v9a1_z0P.js';
-import '../chunks/bundle-bofQNMJb.js';
-import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-iPDlyZXo.js';
+import '../chunks/bundle-4zdVdGkr.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {