@sendbird/uikit-react 3.13.3 → 3.14.0-beta.2

package/Thread/components/ThreadListItem.js

@@ -1,25 +1,25 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from '../../chunks/bundle-CVDtzU3E.js';
+import { _ as __assign, c as __spreadArray } from '../../chunks/bundle-D_KO6Orc.js';
 import React__default, { useState, useContext, useRef, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-DBzkkIf1.js';
-import { u as useLocalization } from '../../chunks/bundle-BX0LQWqY.js';
+import { f as format } from '../../chunks/bundle-dw1OtCIz.js';
+import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DPhbbRZE.js';
-import { R as RemoveMessage } from '../../chunks/bundle-aJhoAKLH.js';
-import { F as FileViewer } from '../../chunks/bundle-Dj4HLKX0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C-_RpFyM.js';
+import { R as RemoveMessage } from '../../chunks/bundle-Dicb9Y5f.js';
+import { F as FileViewer } from '../../chunks/bundle-zf2ni0YJ.js';
 import { useThreadContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-DQnpJfyk.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-BKG2cvZ9.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-ts_i6oEg.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-87W4GPnC.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import { A as Avatar } from '../../chunks/bundle-BXpzbAbi.js';
-import { a as UserProfileContext } from '../../chunks/bundle-yNfnN0a6.js';
+import { A as Avatar } from '../../chunks/bundle-C4sUzPGS.js';
+import { a as UserProfileContext } from '../../chunks/bundle-DnFiUPoR.js';
 import UserProfile from '../../ui/UserProfile.js';
 import { MessageMenu } from '../../ui/MessageItemMenu.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import { n as getUIKitMessageTypes, f as getSenderName, w as getClassName, L as isOGMessage, M as isTextMessage, i as isVoiceMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, p as isThumbnailMessage } from '../../chunks/bundle-DI3fL4Xw.js';
-import { M as MessageStatus } from '../../chunks/bundle-jd7__XU_.js';
+import { n as getUIKitMessageTypes, f as getSenderName, w as getClassName, L as isOGMessage, M as isTextMessage, i as isVoiceMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, p as isThumbnailMessage } from '../../chunks/bundle-5okwu0-4.js';
+import { M as MessageStatus } from '../../chunks/bundle-BdZAuvN7.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import TextMessageItemBody from '../../ui/TextMessageItemBody.js';
 import OGMessageItemBody from '../../ui/OGMessageItemBody.js';
@@ -27,56 +27,56 @@ import FileMessageItemBody from '../../ui/FileMessageItemBody.js';
 import ThumbnailMessageItemBody from '../../ui/ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-CLqgMCvn.js';
-import { u as useLongPress } from '../../chunks/bundle-j5EP0k3D.js';
-import { M as MobileMenu } from '../../chunks/bundle-DTywBX7q.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BMvaJoQA.js';
-import { R as Role } from '../../chunks/bundle-CIO0N9hp.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-BuIxT5aZ.js';
+import { u as useLongPress } from '../../chunks/bundle-DUTTSKO5.js';
+import { M as MobileMenu } from '../../chunks/bundle-CRLJsnLv.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-rSEP1XoB.js';
+import { R as Role } from '../../chunks/bundle-rfEyWmAm.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-Cvm8Ag45.js';
-import '../../chunks/bundle-BxBdkxXV.js';
-import '../../chunks/bundle-DaQK1Cox.js';
-import '../../chunks/bundle-DHp0VTVS.js';
-import '../../chunks/bundle-CCUBCV04.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-B5kwbUC5.js';
+import '../../chunks/bundle-CcTHgZqq.js';
+import '../../chunks/bundle-DXhynnjn.js';
+import '../../chunks/bundle-CfKGkWtT.js';
+import '../../chunks/bundle-BSPBjwR6.js';
 import 'react-dom';
-import '../../chunks/bundle-CT3xDvIx.js';
+import '../../chunks/bundle-CwofYH9U.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CIhbNReG.js';
-import '../../chunks/bundle-4a9M9y8N.js';
+import '../../chunks/bundle-DkRogqRS.js';
+import '../../chunks/bundle-aH4n4ipp.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-BlHQV-25.js';
-import '../../chunks/bundle-CP1hwfFC.js';
+import '../../chunks/bundle-BJ9OAqWz.js';
+import '../../chunks/bundle-GQqssfTX.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-CVFMpKJZ.js';
-import '../../chunks/bundle-DEqxoG9B.js';
-import '../../chunks/bundle-HsrPpAtd.js';
+import '../../chunks/bundle-PsMmoXV_.js';
+import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-WwYLGAen.js';
 import '@sendbird/chat/message';
 import '../../utils/message/getOutgoingMessageState.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-C6ZXjQ1L.js';
+import '../../chunks/bundle-DTDkmegk.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-CkInAxxb.js';
-import '../../chunks/bundle-CAki7JUf.js';
+import '../../chunks/bundle-BFDyBk4r.js';
+import '../../chunks/bundle-CPszRkFg.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CS4RK0T7.js';
-import '../../chunks/bundle-CZYvKysu.js';
-import '../../chunks/bundle-DNq8IoOw.js';
+import '../../chunks/bundle-By4sE23W.js';
+import '../../chunks/bundle-DoLed6JB.js';
+import '../../chunks/bundle-cjTAVQxr.js';
 import 'dompurify';
-import '../../chunks/bundle-B8HW06Fl.js';
-import '../../chunks/bundle-CJ9_QDKY.js';
-import '../../chunks/bundle-WrvoTlHQ.js';
-import '../../chunks/bundle-DqNfXH8L.js';
+import '../../chunks/bundle-gSQF3Ob-.js';
+import '../../chunks/bundle-DRL21d0s.js';
+import '../../chunks/bundle-BvQAepkJ.js';
+import '../../chunks/bundle-D_X2Bqh-.js';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DYJilNov.js';
+import '../../chunks/bundle-BUy5u56K.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-CMKCY3ba.js';
-import '../../chunks/bundle-Bm_WZS3a.js';
+import '../../chunks/bundle-CcVFQEGF.js';
+import '../../chunks/bundle-BJgNc4do.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
@@ -85,30 +85,28 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-C6fuKmVo.js';
+import '../../chunks/bundle-D56MXYqF.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-GRqvZZ2N.js';
+import '../../chunks/bundle-B2pNgmzq.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-DxdGwARh.js';
+import '../../chunks/bundle-C0LxowmB.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 
 function ThreadListItemContent(_a) {
-    var _this = this;
     var _b, _c, _d, _e, _f;
     var className = _a.className, userId = _a.userId, channel = _a.channel, message = _a.message, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.chainTop, chainTop = _h === void 0 ? false : _h, _j = _a.chainBottom, chainBottom = _j === void 0 ? false : _j, _k = _a.isMentionEnabled, isMentionEnabled = _k === void 0 ? false : _k, _l = _a.isReactionEnabled, isReactionEnabled = _l === void 0 ? false : _l, _m = _a.disableQuoteMessage, disableQuoteMessage = _m === void 0 ? false : _m, replyType = _a.replyType, nicknamesMap = _a.nicknamesMap, emojiContainer = _a.emojiContainer, showEdit = _a.showEdit, showRemove = _a.showRemove, showFileViewer = _a.showFileViewer, resendMessage = _a.resendMessage, toggleReaction = _a.toggleReaction, onReplyInThread = _a.onReplyInThread;
     var messageTypes = getUIKitMessageTypes();
     var isMobile = useMediaQueryContext().isMobile;
     var dateLocale = useLocalization().dateLocale;
     var _o = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _o.config, eventHandlers = _o.eventHandlers;
-    var logger = config.logger;
     var onPressUserProfileHandler = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _b === void 0 ? void 0 : _b.onPressUserProfile;
     var _p = useState(false), supposedHover = _p[0], setSupposedHover = _p[1];
     var _q = useContext(UserProfileContext), disableUserProfile = _q.disableUserProfile, renderUserProfile = _q.renderUserProfile;
-    var _r = useThreadContext(), deleteMessage = _r.deleteMessage, onBeforeDownloadFileMessage = _r.onBeforeDownloadFileMessage;
+    var deleteMessage = useThreadContext().deleteMessage;
     var avatarRef = useRef(null);
     var isByMe = (userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId))
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
@@ -121,7 +119,7 @@ function ThreadListItemContent(_a) {
     var isOgMessageEnabledInGroupChannel = channel.isGroupChannel() && config.groupChannel.enableOgtag;
     // Mobile
     var mobileMenuRef = useRef(null);
-    var _s = useState(false), showMobileMenu = _s[0], setShowMobileMenu = _s[1];
+    var _r = useState(false), showMobileMenu = _r[0], setShowMobileMenu = _r[1];
     var longPress = useLongPress({
         onLongPress: function () {
             if (isMobile) {
@@ -170,7 +168,7 @@ function ThreadListItemContent(_a) {
                 isOgMessageEnabledInGroupChannel && isOGMessage(message)
                     ? (React__default.createElement(OGMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })) : isTextMessage(message) && (React__default.createElement(TextMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })),
                 isVoiceMessage(message) && (React__default.createElement(VoiceMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, channelUrl: channel === null || channel === void 0 ? void 0 : channel.url, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
-                (getUIKitMessageType(message) === messageTypes.FILE) && (React__default.createElement(FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
+                (getUIKitMessageType(message) === messageTypes.FILE) && (React__default.createElement(FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14 })),
                 isMultipleFilesMessage(message) && (React__default.createElement(MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
                 (isThumbnailMessage(message)) && (React__default.createElement(ThumbnailMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: {
                         width: isMobile ? '100%' : '200px',
@@ -193,38 +191,10 @@ function ThreadListItemContent(_a) {
             React__default.createElement(MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage })))),
         showMobileMenu && (React__default.createElement(MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
                 setShowMobileMenu(false);
-            }, isReactionEnabled: isReactionEnabled, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: showEdit, showRemove: showRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, deleteMessage: deleteMessage, 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, 'ThreadListItemContent: 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, 'ThreadListItemContent: Error occurred while determining download continuation:', err_1);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            }); } }))));
+            }, isReactionEnabled: isReactionEnabled, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: showEdit, showRemove: showRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, deleteMessage: deleteMessage }))));
 }
 
 function ThreadListItem(_a) {
-    var _this = this;
     var _b, _c, _d, _e;
     var className = _a.className, message = _a.message, chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator, renderCustomSeparator = _a.renderCustomSeparator, handleScroll = _a.handleScroll;
     var _f = useSendbirdStateContext(), stores = _f.stores, config = _f.config;
@@ -232,7 +202,7 @@ function ThreadListItem(_a) {
     var userId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
     var _g = useLocalization(), dateLocale = _g.dateLocale, stringSet = _g.stringSet;
     var threadContext = useThreadContext === null || useThreadContext === void 0 ? void 0 : useThreadContext();
-    var currentChannel = threadContext.currentChannel, nicknamesMap = threadContext.nicknamesMap, emojiContainer = threadContext.emojiContainer, toggleReaction = threadContext.toggleReaction, threadListState = threadContext.threadListState, updateMessage = threadContext.updateMessage, resendMessage = threadContext.resendMessage, deleteMessage = threadContext.deleteMessage, isMuted = threadContext.isMuted, isChannelFrozen = threadContext.isChannelFrozen, onBeforeDownloadFileMessage = threadContext.onBeforeDownloadFileMessage;
+    var currentChannel = threadContext.currentChannel, nicknamesMap = threadContext.nicknamesMap, emojiContainer = threadContext.emojiContainer, toggleReaction = threadContext.toggleReaction, threadListState = threadContext.threadListState, updateMessage = threadContext.updateMessage, resendMessage = threadContext.resendMessage, deleteMessage = threadContext.deleteMessage, isMuted = threadContext.isMuted, isChannelFrozen = threadContext.isChannelFrozen;
     var openingMessage = threadContext === null || threadContext === void 0 ? void 0 : threadContext.message;
     var _h = useState(false), showEdit = _h[0], setShowEdit = _h[1];
     var _j = useState(false), showRemove = _j[0], setShowRemove = _j[1];
@@ -358,34 +328,7 @@ function ThreadListItem(_a) {
         showFileViewer && (React__default.createElement(FileViewer, { message: message, isByMe: ((_e = message === null || message === void 0 ? void 0 : message.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
                 deleteMessage(message);
                 setShowFileViewer(false);
-            }, 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.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'ThreadListItem: Not allowed to download.');
-                            }
-                            return [3 /*break*/, 4];
-                        case 3:
-                            err_1 = _c.sent();
-                            (_b = logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'ThreadListItem: Error occurred while determining download continuation:', err_1);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            }); } }))));
+            } }))));
 }
 
 export { ThreadListItem as default };

package/Thread/components/ThreadListItem.js.map

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

package/Thread/components/ThreadMessageInput.js

@@ -1,74 +1,74 @@
-import { c as __spreadArray } from '../../chunks/bundle-CVDtzU3E.js';
+import { c as __spreadArray } from '../../chunks/bundle-D_KO6Orc.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { MutedState } from '@sendbird/chat/groupChannel';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-CLqgMCvn.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-BuIxT5aZ.js';
 import { useThreadContext } from '../context.js';
-import { u as useLocalization } from '../../chunks/bundle-BX0LQWqY.js';
+import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-ts_i6oEg.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-DQnpJfyk.js';
-import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-CmdUup8N.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-87W4GPnC.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-BKG2cvZ9.js';
+import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-B0azZJiA.js';
 import '../../GroupChannel/context.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-DI3fL4Xw.js';
-import { R as Role } from '../../chunks/bundle-CIO0N9hp.js';
+import '../../chunks/bundle-5okwu0-4.js';
+import { R as Role } from '../../chunks/bundle-rfEyWmAm.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
 import { useHandleUploadFiles } from '../../Channel/hooks/useHandleUploadFiles.js';
-import { a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../chunks/bundle-HsrPpAtd.js';
+import { a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../chunks/bundle-WwYLGAen.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CVFMpKJZ.js';
-import '../../chunks/bundle-DEqxoG9B.js';
+import '../../chunks/bundle-PsMmoXV_.js';
+import '../../chunks/bundle-Bf5VthYV.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-BlHQV-25.js';
-import '../../chunks/bundle-yNfnN0a6.js';
+import '../../chunks/bundle-BJ9OAqWz.js';
+import '../../chunks/bundle-DnFiUPoR.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-C6ZXjQ1L.js';
-import '../../chunks/bundle-CkInAxxb.js';
-import '../../chunks/bundle-CAki7JUf.js';
+import '../../chunks/bundle-DTDkmegk.js';
+import '../../chunks/bundle-BFDyBk4r.js';
+import '../../chunks/bundle-CPszRkFg.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-DaQK1Cox.js';
-import '../../chunks/bundle-BxBdkxXV.js';
-import '../../chunks/bundle-CZYvKysu.js';
+import '../../chunks/bundle-DXhynnjn.js';
+import '../../chunks/bundle-CcTHgZqq.js';
+import '../../chunks/bundle-DoLed6JB.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-DPhbbRZE.js';
-import '../../chunks/bundle-DNq8IoOw.js';
+import '../../chunks/bundle-C-_RpFyM.js';
+import '../../chunks/bundle-cjTAVQxr.js';
 import 'dompurify';
-import '../../chunks/bundle-B8HW06Fl.js';
-import '../../chunks/bundle-CJ9_QDKY.js';
-import '../../chunks/bundle-WrvoTlHQ.js';
+import '../../chunks/bundle-gSQF3Ob-.js';
+import '../../chunks/bundle-DRL21d0s.js';
+import '../../chunks/bundle-BvQAepkJ.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CT3xDvIx.js';
-import '../../chunks/bundle-DqNfXH8L.js';
-import '../../chunks/bundle-4a9M9y8N.js';
-import '../../chunks/bundle-CS4RK0T7.js';
-import '../../chunks/bundle-BXpzbAbi.js';
+import '../../chunks/bundle-CwofYH9U.js';
+import '../../chunks/bundle-D_X2Bqh-.js';
+import '../../chunks/bundle-aH4n4ipp.js';
+import '../../chunks/bundle-By4sE23W.js';
+import '../../chunks/bundle-C4sUzPGS.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DYJilNov.js';
-import '../../chunks/bundle-IuZ6uyzU.js';
+import '../../chunks/bundle-BUy5u56K.js';
+import '../../chunks/bundle-COGPgRK-.js';
 import '../../GroupChannel/components/SuggestedMentionList.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-GRqvZZ2N.js';
+import '../../chunks/bundle-B2pNgmzq.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-DxdGwARh.js';
+import '../../chunks/bundle-C0LxowmB.js';
 import '../../VoiceRecorder/context.js';
-import '../../chunks/bundle-CCUBCV04.js';
+import '../../chunks/bundle-BSPBjwR6.js';
 import 'react-dom';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-5HwGq_hd.js';
+import '../../chunks/bundle-Cvk0UZLW.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-DHp0VTVS.js';
+import '../../chunks/bundle-CfKGkWtT.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-CfZFWZM3.js';
-import '../../chunks/bundle-DoJNLxY9.js';
-import '../../chunks/bundle-BHOxoDJO.js';
-import '../../chunks/bundle-D45e30Hl.js';
-import '../../chunks/bundle-BntzGGYb.js';
-import '../../chunks/bundle-1ymLj4Og.js';
+import '../../chunks/bundle-CTyr18ZN.js';
+import '../../chunks/bundle-D-cpJ5MP.js';
+import '../../chunks/bundle-RpPfSzD9.js';
+import '../../chunks/bundle-DgJrJ2xn.js';
+import '../../chunks/bundle-BNeRxCQA.js';
+import '../../chunks/bundle-C_n2Emjx.js';
 
 var ThreadMessageInput = function (props, ref) {
     var _a;

package/Thread/components/ThreadUI.js

@@ -1,7 +1,7 @@
 import React__default, { useMemo, useState, useRef } from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../chunks/bundle-BX0LQWqY.js';
-import { g as getChannelTitle } from '../../chunks/bundle-aE9efllI.js';
+import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
+import { g as getChannelTitle } from '../../chunks/bundle-Bys5RwQj.js';
 import { useThreadContext } from '../context.js';
 import ParentMessageInfo from './ParentMessageInfo.js';
 import ThreadHeader from './ThreadHeader.js';
@@ -9,51 +9,51 @@ import ThreadList from './ThreadList.js';
 import ThreadMessageInput from './ThreadMessageInput.js';
 import { ParentMessageStateTypes, ThreadListStateTypes } from '../context/types.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DPhbbRZE.js';
-import { i as isAboutSame } from '../../chunks/bundle-CVFMpKJZ.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C-_RpFyM.js';
+import { i as isAboutSame } from '../../chunks/bundle-PsMmoXV_.js';
 import { MessageProvider } from '../../Message/context.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CVDtzU3E.js';
-import '../../chunks/bundle-DaQK1Cox.js';
-import '../../chunks/bundle-BxBdkxXV.js';
-import '../../chunks/bundle-yNfnN0a6.js';
+import '../../chunks/bundle-D_KO6Orc.js';
+import '../../chunks/bundle-DXhynnjn.js';
+import '../../chunks/bundle-CcTHgZqq.js';
+import '../../chunks/bundle-DnFiUPoR.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-DEqxoG9B.js';
-import '../../chunks/bundle-C6ZXjQ1L.js';
+import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-DTDkmegk.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-CkInAxxb.js';
-import '../../chunks/bundle-CAki7JUf.js';
+import '../../chunks/bundle-BFDyBk4r.js';
+import '../../chunks/bundle-CPszRkFg.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-BlHQV-25.js';
-import '../../chunks/bundle-DBzkkIf1.js';
-import '../../chunks/bundle-aJhoAKLH.js';
-import '../../chunks/bundle-CCUBCV04.js';
+import '../../chunks/bundle-BJ9OAqWz.js';
+import '../../chunks/bundle-dw1OtCIz.js';
+import '../../chunks/bundle-Dicb9Y5f.js';
+import '../../chunks/bundle-BSPBjwR6.js';
 import 'react-dom';
-import '../../chunks/bundle-CT3xDvIx.js';
-import '../../chunks/bundle-CLqgMCvn.js';
+import '../../chunks/bundle-CwofYH9U.js';
+import '../../chunks/bundle-BuIxT5aZ.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CIhbNReG.js';
-import '../../chunks/bundle-DI3fL4Xw.js';
+import '../../chunks/bundle-DkRogqRS.js';
+import '../../chunks/bundle-5okwu0-4.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-4a9M9y8N.js';
+import '../../chunks/bundle-aH4n4ipp.js';
 import './ParentMessageInfoItem.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-DHp0VTVS.js';
+import '../../chunks/bundle-CfKGkWtT.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-j5EP0k3D.js';
+import '../../chunks/bundle-DUTTSKO5.js';
 import '../../ui/ContextMenu.js';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-BXpzbAbi.js';
-import '../../chunks/bundle-DYJilNov.js';
+import '../../chunks/bundle-C4sUzPGS.js';
+import '../../chunks/bundle-BUy5u56K.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
@@ -63,61 +63,61 @@ import '../../ui/TooltipWrapper.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-DxdGwARh.js';
+import '../../chunks/bundle-C0LxowmB.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-C6fuKmVo.js';
-import '../../chunks/bundle-DqNfXH8L.js';
+import '../../chunks/bundle-D56MXYqF.js';
+import '../../chunks/bundle-D_X2Bqh-.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-BMvaJoQA.js';
-import '../../chunks/bundle-Dj4HLKX0.js';
-import '../../chunks/bundle-CP1hwfFC.js';
+import '../../chunks/bundle-rSEP1XoB.js';
+import '../../chunks/bundle-zf2ni0YJ.js';
+import '../../chunks/bundle-GQqssfTX.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-HsrPpAtd.js';
-import '../../chunks/bundle-Cvm8Ag45.js';
-import '../../chunks/bundle-DQnpJfyk.js';
-import '../../chunks/bundle-CS4RK0T7.js';
-import '../../chunks/bundle-CZYvKysu.js';
-import '../../chunks/bundle-ts_i6oEg.js';
+import '../../chunks/bundle-WwYLGAen.js';
+import '../../chunks/bundle-B5kwbUC5.js';
+import '../../chunks/bundle-BKG2cvZ9.js';
+import '../../chunks/bundle-By4sE23W.js';
+import '../../chunks/bundle-DoLed6JB.js';
+import '../../chunks/bundle-87W4GPnC.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-CIO0N9hp.js';
+import '../../chunks/bundle-rfEyWmAm.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-DNq8IoOw.js';
+import '../../chunks/bundle-cjTAVQxr.js';
 import 'dompurify';
-import '../../chunks/bundle-B8HW06Fl.js';
-import '../../chunks/bundle-CJ9_QDKY.js';
-import '../../chunks/bundle-WrvoTlHQ.js';
-import '../../chunks/bundle-DTywBX7q.js';
+import '../../chunks/bundle-gSQF3Ob-.js';
+import '../../chunks/bundle-DRL21d0s.js';
+import '../../chunks/bundle-BvQAepkJ.js';
+import '../../chunks/bundle-CRLJsnLv.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import './ThreadListItem.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-jd7__XU_.js';
-import '../../chunks/bundle-CMKCY3ba.js';
-import '../../chunks/bundle-Bm_WZS3a.js';
+import '../../chunks/bundle-BdZAuvN7.js';
+import '../../chunks/bundle-CcVFQEGF.js';
+import '../../chunks/bundle-BJgNc4do.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-GRqvZZ2N.js';
+import '../../chunks/bundle-B2pNgmzq.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
-import '../../chunks/bundle-CmdUup8N.js';
-import '../../chunks/bundle-IuZ6uyzU.js';
+import '../../chunks/bundle-B0azZJiA.js';
+import '../../chunks/bundle-COGPgRK-.js';
 import '../../GroupChannel/components/SuggestedMentionList.js';
 import '../../ui/QuoteMessageInput.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-5HwGq_hd.js';
-import '../../chunks/bundle-CfZFWZM3.js';
+import '../../chunks/bundle-Cvk0UZLW.js';
+import '../../chunks/bundle-CTyr18ZN.js';
 import '../../GroupChannel/context.js';
-import '../../chunks/bundle-DoJNLxY9.js';
-import '../../chunks/bundle-BHOxoDJO.js';
-import '../../chunks/bundle-D45e30Hl.js';
-import '../../chunks/bundle-BntzGGYb.js';
-import '../../chunks/bundle-1ymLj4Og.js';
+import '../../chunks/bundle-D-cpJ5MP.js';
+import '../../chunks/bundle-RpPfSzD9.js';
+import '../../chunks/bundle-DgJrJ2xn.js';
+import '../../chunks/bundle-BNeRxCQA.js';
+import '../../chunks/bundle-C_n2Emjx.js';
 import '../../Channel/hooks/useHandleUploadFiles.js';
 
 var useMemorizedHeader = function (_a) {