@sendbird/uikit-react 3.13.2 → 3.13.3

package/ui/MessageContent.js

@@ -1,56 +1,56 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-4bxiD94h.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CVDtzU3E.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-5rwlX4db.js';
-import { M as MessageStatus } from '../chunks/bundle-Bceke7Nk.js';
+import { f as format } from '../chunks/bundle-DBzkkIf1.js';
+import { M as MessageStatus } from '../chunks/bundle-jd7__XU_.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, C as isTemplateMessage, L as isOGMessage, M as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, w as getClassName } from '../chunks/bundle-D1otjGeL.js';
-import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-BV8WCwVA.js';
+import { e as isSendableMessage, n as getUIKitMessageTypes, C as isTemplateMessage, L as isOGMessage, M as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, w as getClassName } from '../chunks/bundle-DI3fL4Xw.js';
+import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-BX0LQWqY.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-CNInpRIS.js';
-import { M as MobileMenu } from '../chunks/bundle-Clnr6ml_.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CHxXgtL2.js';
+import { u as useLongPress } from '../chunks/bundle-j5EP0k3D.js';
+import { M as MobileMenu } from '../chunks/bundle-DTywBX7q.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CLqgMCvn.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-2g0N2xdw.js';
-import { n as noop } from '../chunks/bundle-BdCGrzcY.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-CZYvKysu.js';
+import { n as noop } from '../chunks/bundle-CT3xDvIx.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-DwRQcRou.js';
+import { A as Avatar } from '../chunks/bundle-BXpzbAbi.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-B_ah2kxT.js';
+import { a as UserProfileContext } from '../chunks/bundle-yNfnN0a6.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-BkTOcqVY.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-BMvaJoQA.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
-import { K } from '../chunks/bundle-DzQcMztv.js';
+import { K } from '../chunks/bundle-4a9M9y8N.js';
 import { TemplateMessageItemBody } from './TemplateMessageItemBody.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from '../Channel/components/MessageFeedbackModal.js';
-import { M as Modal } from '../chunks/bundle-DdwjYXOX.js';
+import { M as Modal } from '../chunks/bundle-CCUBCV04.js';
 import Button, { ButtonTypes } from './Button.js';
-import { u as useKeyDown } from '../chunks/bundle-mkC088ne.js';
-import '../chunks/bundle-CUBnQyTA.js';
+import { u as useKeyDown } from '../chunks/bundle-CP1hwfFC.js';
+import '../chunks/bundle-BxBdkxXV.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-C9WS75DY.js';
-import '../chunks/bundle-C-UZ_gr4.js';
+import '../chunks/bundle-CMKCY3ba.js';
+import '../chunks/bundle-Bm_WZS3a.js';
 import './IconButton.js';
-import '../chunks/bundle-C6MmX70M.js';
+import '../chunks/bundle-CIO0N9hp.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CXMfzdI7.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import '../chunks/bundle-CkInAxxb.js';
+import '../chunks/bundle-DaQK1Cox.js';
 import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
@@ -60,30 +60,30 @@ import '../hooks/useModal.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-cWhfb441.js';
+import '../chunks/bundle-DYJilNov.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-BZK5eiX2.js';
+import '../chunks/bundle-DEqxoG9B.js';
 import '../withSendbird.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-BxmlG4s-.js';
-import '../chunks/bundle-Cgtk2LV4.js';
-import '../chunks/bundle-C6ZHgzD6.js';
+import '../chunks/bundle-GRqvZZ2N.js';
+import '../chunks/bundle-C6fuKmVo.js';
+import '../chunks/bundle-DqNfXH8L.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-BYdjor8f.js';
-import '../chunks/bundle-CU8x_Vlw.js';
+import '../chunks/bundle-WrvoTlHQ.js';
+import '../chunks/bundle-CJ9_QDKY.js';
 import './TextButton.js';
-import '../chunks/bundle-D9xWky57.js';
-import '../chunks/bundle-DIy5BllY.js';
-import '../chunks/bundle-ugWtu0YZ.js';
+import '../chunks/bundle-DHp0VTVS.js';
+import '../chunks/bundle-Dj4HLKX0.js';
+import '../chunks/bundle-BlHQV-25.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-D4TIkniH.js';
+import '../chunks/bundle-DxdGwARh.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
-import '../chunks/bundle-B1ObaBN3.js';
+import '../chunks/bundle-D47WMGAq.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
 import './Input.js';
@@ -127,7 +127,7 @@ function MessageProfile(props) {
 
 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 message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
     var threadMessageKindKey = useThreadMessageKindKeySelector({
         isMobile: isMobile,
     });
@@ -140,8 +140,8 @@ function MessageBody(props) {
         && 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(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 }));
@@ -196,13 +196,14 @@ function MessageContent(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var 
     // Internal props
-    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _s = props.disabled, disabled = _s === void 0 ? false : _s, _t = props.chainTop, chainTop = _t === void 0 ? false : _t, _u = props.chainBottom, chainBottom = _u === void 0 ? false : _u, _v = props.isReactionEnabled, isReactionEnabled = _v === void 0 ? false : _v, _w = props.disableQuoteMessage, disableQuoteMessage = _w === void 0 ? false : _w, 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, 
+    className = props.className, userId = props.userId, channel = props.channel, message = props.message, _s = props.disabled, disabled = _s === void 0 ? false : _s, _t = props.chainTop, chainTop = _t === void 0 ? false : _t, _u = props.chainBottom, chainBottom = _u === void 0 ? false : _u, _v = props.isReactionEnabled, isReactionEnabled = _v === void 0 ? false : _v, _w = props.disableQuoteMessage, disableQuoteMessage = _w === void 0 ? false : _w, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, 
     // Public props for customization
     _x = props.renderSenderProfile, 
     // Public props for customization
     renderSenderProfile = _x === void 0 ? function (props) { return (React__default.createElement(MessageProfile, __assign({}, props))); } : _x, _y = props.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return (React__default.createElement(MessageBody, __assign({}, props))); } : _y, _z = props.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return (React__default.createElement(MessageHeader, __assign({}, props))); } : _z, _0 = props.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return (React__default.createElement(MessageMenu, __assign({}, props))); } : _0, _1 = props.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return (React__default.createElement(MessageEmojiMenu, __assign({}, props))); } : _1, _2 = props.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return (React__default.createElement(EmojiReactions, __assign({}, props))); } : _2, _3 = props.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _3 === void 0 ? function (props) { return (React__default.createElement(MobileMenu, __assign({}, props))); } : _3;
     var dateLocale = useLocalization().dateLocale;
     var _4 = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _4.config, eventHandlers = _4.eventHandlers;
+    var logger = config.logger;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
     var contentRef = useRef(null);
     var isMobile = useMediaQueryContext().isMobile;
@@ -345,6 +346,7 @@ function MessageContent(props) {
                     config: config,
                     isReactionEnabledInChannel: isReactionEnabledInChannel,
                     isByMe: isByMe,
+                    onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
                 (isReactionEnabledInChannel && ((_j = message === null || message === void 0 ? void 0 : message.reactions) === null || _j === void 0 ? void 0 : _j.length) > 0) && (React__default.createElement("div", { className: getClassName([
                         'sendbird-message-content-reactions',
@@ -494,6 +496,34 @@ function MessageContent(props) {
                     scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(((_b = message === null || message === void 0 ? void 0 : message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt) || 0, (message === null || message === void 0 ? void 0 : message.parentMessageId) || 0);
                 }
             },
+            onDownloadClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                var allowDownload, err_1;
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!onBeforeDownloadFileMessage) {
+                                return [2 /*return*/, null];
+                            }
+                            _c.label = 1;
+                        case 1:
+                            _c.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
+                        case 2:
+                            allowDownload = _c.sent();
+                            if (!allowDownload) {
+                                e.preventDefault();
+                                (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MessageContent: Not allowed to download.');
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            err_1 = _c.sent();
+                            (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'MessageContent: Error occurred while determining download continuation:', err_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); },
         }),
         ((_q = message === null || message === void 0 ? void 0 : message.myFeedback) === null || _q === void 0 ? void 0 : _q.rating) && showFeedbackOptionsMenu && (React__default.createElement(MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);

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,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-x0WnpBed.js';
-import '../../../chunks/bundle-C-35JoOu.js';
-import '../../../chunks/bundle-2g0N2xdw.js';
-import '../../../chunks/bundle-4bxiD94h.js';
-import '../../../chunks/bundle-hAKR7PVp.js';
-import '../../../chunks/bundle-CU8x_Vlw.js';
-import '../../../chunks/bundle-BYdjor8f.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-DNq8IoOw.js';
+import '../../../chunks/bundle-ts_i6oEg.js';
+import '../../../chunks/bundle-CZYvKysu.js';
+import '../../../chunks/bundle-CVDtzU3E.js';
+import '../../../chunks/bundle-B8HW06Fl.js';
+import '../../../chunks/bundle-CJ9_QDKY.js';
+import '../../../chunks/bundle-WrvoTlHQ.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,24 +1,24 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { N as NodeTypes, M as MessageInputKeys } from '../chunks/bundle-C-35JoOu.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-2g0N2xdw.js';
+import { N as NodeTypes, M as MessageInputKeys } from '../chunks/bundle-ts_i6oEg.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-CZYvKysu.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, e as extractTextAndMentions } from '../chunks/bundle-x0WnpBed.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-DNq8IoOw.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import { u as useLocalization } from '../chunks/bundle-BV8WCwVA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import { u as useLocalization } from '../chunks/bundle-BX0LQWqY.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { G as arrayEqual, w as getClassName, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-D1otjGeL.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-C6ZHgzD6.js';
-import { K } from '../chunks/bundle-DzQcMztv.js';
-import { i as isMobileIOS } from '../chunks/bundle-BdCGrzcY.js';
+import { G as arrayEqual, w as getClassName, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-DI3fL4Xw.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-DqNfXH8L.js';
+import { K } from '../chunks/bundle-4a9M9y8N.js';
+import { i as isMobileIOS } from '../chunks/bundle-CT3xDvIx.js';
 import 'dompurify';
-import '../chunks/bundle-hAKR7PVp.js';
-import '../chunks/bundle-CU8x_Vlw.js';
-import '../chunks/bundle-BYdjor8f.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
+import '../chunks/bundle-B8HW06Fl.js';
+import '../chunks/bundle-CJ9_QDKY.js';
+import '../chunks/bundle-WrvoTlHQ.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';

package/ui/MessageItemMenu.js

@@ -1,27 +1,27 @@
+import { _ as __assign } from '../chunks/bundle-CVDtzU3E.js';
 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 { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-D1otjGeL.js';
-import { L as LocalizationContext } from '../chunks/bundle-BV8WCwVA.js';
-import { R as Role } from '../chunks/bundle-C6MmX70M.js';
-import '../chunks/bundle-4bxiD94h.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-DI3fL4Xw.js';
+import { L as LocalizationContext } from '../chunks/bundle-BX0LQWqY.js';
+import { R as Role } from '../chunks/bundle-CIO0N9hp.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CXMfzdI7.js';
-import '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-BdCGrzcY.js';
+import '../chunks/bundle-CkInAxxb.js';
+import '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-CT3xDvIx.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-CUBnQyTA.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-BxBdkxXV.js';
 
 function MessageMenu(_a) {
     var _b;
-    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f;
+    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, replyType = _a.replyType, _e = _a.disableDeleteMessage, disableDeleteMessage = _e === void 0 ? null : _e, showEdit = _a.showEdit, showRemove = _a.showRemove, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, setSupposedHover = _a.setSupposedHover, onReplyInThread = _a.onReplyInThread, _f = _a.onMoveToParentMessage, onMoveToParentMessage = _f === void 0 ? null : _f, _g = _a.renderMenuItem, renderMenuItem = _g === void 0 ? function (props) { return (React__default.createElement(MenuItem, __assign({}, props), props.text)); } : _g;
     var stringSet = useContext(LocalizationContext).stringSet;
     var triggerRef = useRef(null);
     var containerRef = useRef(null);
@@ -65,35 +65,68 @@ function MessageMenu(_a) {
                     setSupposedHover(false);
                 };
                 return (React__default.createElement(MenuItems, { className: "sendbird-message-item-menu__list", parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, openLeft: isByMe },
-                    showMenuItemCopy && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-copy", onClick: function () {
+                    showMenuItemCopy && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-copy',
+                        onClick: function () {
                             copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
                             closeDropdown();
-                        }, dataSbId: "ui_message_item_menu_copy" }, stringSet.MESSAGE_MENU__COPY)),
-                    showMenuItemReply && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-reply", onClick: function () {
+                        },
+                        dataSbId: 'ui_message_item_menu_copy',
+                        text: stringSet.MESSAGE_MENU__COPY,
+                    })),
+                    showMenuItemReply && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-reply',
+                        onClick: function () {
                             setQuoteMessage(message);
                             closeDropdown();
-                        }, disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0, dataSbId: "ui_message_item_menu_reply" }, stringSet.MESSAGE_MENU__REPLY)),
-                    showMenuItemThread && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-thread", onClick: function () {
+                        },
+                        disable: (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0,
+                        dataSbId: 'ui_message_item_menu_reply',
+                        text: stringSet.MESSAGE_MENU__REPLY,
+                    })),
+                    showMenuItemThread && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-thread',
+                        onClick: function () {
                             onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
                             closeDropdown();
-                        }, dataSbId: "ui_message_item_menu_thread" }, stringSet.MESSAGE_MENU__THREAD)),
-                    showMenuItemOpenInChannel && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-open-channel", onClick: function () {
+                        },
+                        dataSbId: 'ui_message_item_menu_thread',
+                        text: stringSet.MESSAGE_MENU__THREAD,
+                    })),
+                    showMenuItemOpenInChannel && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-open-channel',
+                        onClick: function () {
                             onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage();
                             closeDropdown();
-                        }, dataSbId: "ui_message_item_menu_open_in_channel" }, stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL)),
-                    showMenuItemEdit && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-edit", onClick: function () {
+                        },
+                        dataSbId: 'ui_message_item_menu_open_in_channel',
+                        text: stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL,
+                    })),
+                    showMenuItemEdit && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-edit',
+                        onClick: function () {
                             if (!disabled) {
                                 showEdit(true);
                                 closeDropdown();
                             }
-                        }, dataSbId: "ui_message_item_menu_edit" }, stringSet.MESSAGE_MENU__EDIT)),
-                    showMenuItemResend && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-resend", onClick: function () {
+                        },
+                        dataSbId: 'ui_message_item_menu_edit',
+                        text: stringSet.MESSAGE_MENU__EDIT,
+                    })),
+                    showMenuItemResend && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-resend',
+                        onClick: function () {
                             if (!disabled) {
                                 resendMessage(message);
                                 closeDropdown();
                             }
-                        }, dataSbId: "ui_message_item_menu_resend" }, stringSet.MESSAGE_MENU__RESEND)),
-                    showMenuItemDelete && (React__default.createElement(MenuItem, { className: "sendbird-message-item-menu__list__menu-item menu-item-delete", onClick: function () {
+                        },
+                        dataSbId: 'ui_message_item_menu_resend',
+                        text: stringSet.MESSAGE_MENU__RESEND,
+                    })),
+                    showMenuItemDelete && (renderMenuItem({
+                        className: 'sendbird-message-item-menu__list__menu-item menu-item-delete',
+                        onClick: function () {
                             if (isFailedMessage(message)) {
                                 deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
                             }
@@ -101,9 +134,13 @@ function MessageMenu(_a) {
                                 showRemove(true);
                                 closeDropdown();
                             }
-                        }, disable: typeof disableDeleteMessage === 'boolean'
+                        },
+                        disable: (typeof disableDeleteMessage === 'boolean'
                             ? disableDeleteMessage
-                            : ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, dataSbId: "ui_message_item_menu_delete" }, stringSet.MESSAGE_MENU__DELETE))));
+                            : ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0),
+                        dataSbId: 'ui_message_item_menu_delete',
+                        text: stringSet.MESSAGE_MENU__DELETE,
+                    }))));
             } })));
 }
 

package/ui/MessageItemMenu.js.map

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

package/ui/MessageItemReactionMenu.js

@@ -4,21 +4,21 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-D1otjGeL.js';
-import '../chunks/bundle-4bxiD94h.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-DI3fL4Xw.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CXMfzdI7.js';
-import '../chunks/bundle-BUHwsL2D.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-CNInpRIS.js';
-import '../chunks/bundle-CHxXgtL2.js';
+import '../chunks/bundle-CkInAxxb.js';
+import '../chunks/bundle-DPhbbRZE.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-j5EP0k3D.js';
+import '../chunks/bundle-CLqgMCvn.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
+import '../chunks/bundle-4a9M9y8N.js';
 
 function MessageEmojiMenu(_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,22 +1,22 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-DwRQcRou.js';
+import { A as Avatar } from '../chunks/bundle-BXpzbAbi.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import { u as useLocalization } from '../chunks/bundle-BV8WCwVA.js';
-import { f as format } from '../chunks/bundle-5rwlX4db.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-C9WS75DY.js';
-import { i as isVoiceMessage } from '../chunks/bundle-D1otjGeL.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-BxmlG4s-.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import { u as useLocalization } from '../chunks/bundle-BX0LQWqY.js';
+import { f as format } from '../chunks/bundle-DBzkkIf1.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-CMKCY3ba.js';
+import { i as isVoiceMessage } from '../chunks/bundle-DI3fL4Xw.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-GRqvZZ2N.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-cWhfb441.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-C-UZ_gr4.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-DYJilNov.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-Bm_WZS3a.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DzQcMztv.js';
+import '../chunks/bundle-4a9M9y8N.js';
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray } from '../chunks/bundle-CVDtzU3E.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-5rwlX4db.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-C9WS75DY.js';
-import { A as Avatar } from '../chunks/bundle-DwRQcRou.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import { u as useLocalization } from '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-C-UZ_gr4.js';
+import { f as format } from '../chunks/bundle-DBzkkIf1.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-CMKCY3ba.js';
+import { A as Avatar } from '../chunks/bundle-BXpzbAbi.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import { u as useLocalization } from '../chunks/bundle-BX0LQWqY.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-Bm_WZS3a.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-cWhfb441.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-DYJilNov.js';
 import './Icon.js';
-import '../chunks/bundle-DT8UMQCr.js';
+import '../chunks/bundle-DaQK1Cox.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,18 +1,18 @@
-import '../chunks/bundle-4bxiD94h.js';
+import '../chunks/bundle-CVDtzU3E.js';
 import 'react';
-import '../chunks/bundle-5rwlX4db.js';
+import '../chunks/bundle-DBzkkIf1.js';
 import './Icon.js';
-import '../chunks/bundle-BUHwsL2D.js';
+import '../chunks/bundle-DPhbbRZE.js';
 import './Loader.js';
-import '../chunks/bundle-D1otjGeL.js';
+import '../chunks/bundle-DI3fL4Xw.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-Bceke7Nk.js';
-import '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-DT8UMQCr.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-jd7__XU_.js';
+import '../chunks/bundle-BX0LQWqY.js';
+import '../chunks/bundle-BxBdkxXV.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-DaQK1Cox.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-C9WS75DY.js';
-import '../chunks/bundle-C-UZ_gr4.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-CMKCY3ba.js';
+import '../chunks/bundle-Bm_WZS3a.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MessageTemplate.js

@@ -1,3 +1,3 @@
 import 'react';
-export { a as MessageTemplate, a as default } from '../chunks/bundle-B1ObaBN3.js';
+export { a as MessageTemplate, a as default } from '../chunks/bundle-D47WMGAq.js';
 //# sourceMappingURL=MessageTemplate.js.map

package/ui/MobileFeedbackMenu.js

@@ -1,19 +1,19 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BUHwsL2D.js';
-import { u as useLocalization } from '../chunks/bundle-BV8WCwVA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DPhbbRZE.js';
+import { u as useLocalization } from '../chunks/bundle-BX0LQWqY.js';
 import 'react-dom';
 import '../hooks/useModal.js';
-import '../chunks/bundle-4bxiD94h.js';
-import '../chunks/bundle-DzQcMztv.js';
-import '../chunks/bundle-BdCGrzcY.js';
-import '../chunks/bundle-DdwjYXOX.js';
-import '../chunks/bundle-CHxXgtL2.js';
+import '../chunks/bundle-CVDtzU3E.js';
+import '../chunks/bundle-4a9M9y8N.js';
+import '../chunks/bundle-CT3xDvIx.js';
+import '../chunks/bundle-CCUBCV04.js';
+import '../chunks/bundle-CLqgMCvn.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
+import '../chunks/bundle-DaQK1Cox.js';
+import '../chunks/bundle-BxBdkxXV.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;