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

package/Thread/components/ThreadListItem.js

@@ -1,25 +1,25 @@
-import { _ as __assign, c as __spreadArray } from '../../chunks/bundle-D_KO6Orc.js';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from '../../chunks/bundle-CfcfVkxG.js';
 import React__default, { useState, useContext, useRef, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-dw1OtCIz.js';
-import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
+import { f as format } from '../../chunks/bundle-Ba74MVBa.js';
+import { u as useLocalization } from '../../chunks/bundle-Bsg3ZeXI.js';
 import DateSeparator from '../../ui/DateSeparator.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 { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-D81rUAiK.js';
+import { R as RemoveMessage } from '../../chunks/bundle-CHtHakLU.js';
+import { F as FileViewer } from '../../chunks/bundle-Go8RJZ6S.js';
 import { useThreadContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-BKG2cvZ9.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-BKYbtWkn.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-87W4GPnC.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-Y5rRHVbA.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import { A as Avatar } from '../../chunks/bundle-C4sUzPGS.js';
-import { a as UserProfileContext } from '../../chunks/bundle-DnFiUPoR.js';
+import { A as Avatar } from '../../chunks/bundle-vsdOwl6R.js';
+import { a as UserProfileContext } from '../../chunks/bundle-CwINP854.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-5okwu0-4.js';
-import { M as MessageStatus } from '../../chunks/bundle-BdZAuvN7.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-FVThTEKh.js';
+import { M as MessageStatus } from '../../chunks/bundle-CVtMSwfw.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-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 { u as useMediaQueryContext } from '../../chunks/bundle-CuD6w3tY.js';
+import { u as useLongPress } from '../../chunks/bundle-CvZD4CjF.js';
+import { M as MobileMenu } from '../../chunks/bundle-CznK5-Sd.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-C-mS5Dam.js';
+import { R as Role } from '../../chunks/bundle-CMax-oWd.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.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 { g as getIsReactionEnabled } from '../../chunks/bundle-v1dt12FL.js';
+import '../../chunks/bundle-BFdttAaW.js';
+import '../../chunks/bundle-KeJ_rVJL.js';
+import '../../chunks/bundle-BUC4DRq0.js';
+import '../../chunks/bundle-CIwNgqhu.js';
 import 'react-dom';
-import '../../chunks/bundle-CwofYH9U.js';
+import '../../chunks/bundle-rA2Y0qFJ.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DkRogqRS.js';
-import '../../chunks/bundle-aH4n4ipp.js';
+import '../../chunks/bundle-CWVPqsi_.js';
+import '../../chunks/bundle-BubacXNL.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-BJ9OAqWz.js';
-import '../../chunks/bundle-GQqssfTX.js';
+import '../../chunks/bundle-C5Wf2y_6.js';
+import '../../chunks/bundle-BN9xM02J.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-PsMmoXV_.js';
-import '../../chunks/bundle-Bf5VthYV.js';
-import '../../chunks/bundle-WwYLGAen.js';
+import '../../chunks/bundle-CmZPkDe1.js';
+import '../../chunks/bundle-CaYPuZ9G.js';
+import '../../chunks/bundle-C8jQWzDU.js';
 import '@sendbird/chat/message';
 import '../../utils/message/getOutgoingMessageState.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-DTDkmegk.js';
+import '../../chunks/bundle-aDOQN2rV.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-BFDyBk4r.js';
-import '../../chunks/bundle-CPszRkFg.js';
+import '../../chunks/bundle-CFYZBlok.js';
+import '../../chunks/bundle-BQoN_-_d.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-By4sE23W.js';
-import '../../chunks/bundle-DoLed6JB.js';
-import '../../chunks/bundle-cjTAVQxr.js';
+import '../../chunks/bundle-D4k3lbic.js';
+import '../../chunks/bundle-BU3SRwZT.js';
+import '../../chunks/bundle-BsCYcxaN.js';
 import 'dompurify';
-import '../../chunks/bundle-gSQF3Ob-.js';
-import '../../chunks/bundle-DRL21d0s.js';
-import '../../chunks/bundle-BvQAepkJ.js';
-import '../../chunks/bundle-D_X2Bqh-.js';
+import '../../chunks/bundle-Don9PlYG.js';
+import '../../chunks/bundle-HQX6RTqS.js';
+import '../../chunks/bundle-DPSsFTo9.js';
+import '../../chunks/bundle-D6_jF6vA.js';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BUy5u56K.js';
+import '../../chunks/bundle-DF_LuHdb.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-CcVFQEGF.js';
-import '../../chunks/bundle-BJgNc4do.js';
+import '../../chunks/bundle-BhXdj56o.js';
+import '../../chunks/bundle-Cy3rlDS2.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
@@ -85,28 +85,30 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-D56MXYqF.js';
+import '../../chunks/bundle-DMs2iFV3.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-B2pNgmzq.js';
+import '../../chunks/bundle-BjWhPiF7.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-C0LxowmB.js';
+import '../../chunks/bundle-CWYkDVsf.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 deleteMessage = useThreadContext().deleteMessage;
+    var _r = useThreadContext(), deleteMessage = _r.deleteMessage, onBeforeDownloadFileMessage = _r.onBeforeDownloadFileMessage;
     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')
@@ -119,7 +121,7 @@ function ThreadListItemContent(_a) {
     var isOgMessageEnabledInGroupChannel = channel.isGroupChannel() && config.groupChannel.enableOgtag;
     // Mobile
     var mobileMenuRef = useRef(null);
-    var _r = useState(false), showMobileMenu = _r[0], setShowMobileMenu = _r[1];
+    var _s = useState(false), showMobileMenu = _s[0], setShowMobileMenu = _s[1];
     var longPress = useLongPress({
         onLongPress: function () {
             if (isMobile) {
@@ -168,7 +170,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 })),
+                (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 })),
                 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',
@@ -191,10 +193,38 @@ 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 }))));
+            }, 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*/];
+                    }
+                });
+            }); } }))));
 }
 
 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;
@@ -202,15 +232,15 @@ 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;
+    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 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];
     var _k = useState(false), showFileViewer = _k[0], setShowFileViewer = _k[1];
     var usingReaction = getIsReactionEnabled({
-        globalLevel: isReactionEnabled,
-        isSuper: currentChannel.isSuper,
-        isBroadcast: currentChannel.isBroadcast,
+        channel: currentChannel,
+        config: config,
+        moduleLevel: isReactionEnabled,
     });
     // Move to message
     var messageScrollRef = useRef(null);
@@ -328,7 +358,34 @@ 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,75 @@
-import { c as __spreadArray } from '../../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray } from '../../chunks/bundle-CfcfVkxG.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-BuIxT5aZ.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-CuD6w3tY.js';
 import { useThreadContext } from '../context.js';
-import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
+import { u as useLocalization } from '../../chunks/bundle-Bsg3ZeXI.js';
 import MessageInput from '../../ui/MessageInput.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 { M as MessageInputKeys } from '../../chunks/bundle-Y5rRHVbA.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-BKYbtWkn.js';
+import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-LL2dZ_t-.js';
 import '../../GroupChannel/context.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-5okwu0-4.js';
-import { R as Role } from '../../chunks/bundle-rfEyWmAm.js';
+import '../../chunks/bundle-FVThTEKh.js';
+import { R as Role } from '../../chunks/bundle-CMax-oWd.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-WwYLGAen.js';
+import { a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../chunks/bundle-C8jQWzDU.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-PsMmoXV_.js';
-import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-CmZPkDe1.js';
+import '../../chunks/bundle-CaYPuZ9G.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-BJ9OAqWz.js';
-import '../../chunks/bundle-DnFiUPoR.js';
+import '../../chunks/bundle-C5Wf2y_6.js';
+import '../../chunks/bundle-CwINP854.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-DTDkmegk.js';
-import '../../chunks/bundle-BFDyBk4r.js';
-import '../../chunks/bundle-CPszRkFg.js';
+import '../../chunks/bundle-aDOQN2rV.js';
+import '../../chunks/bundle-CFYZBlok.js';
+import '../../chunks/bundle-BQoN_-_d.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-DXhynnjn.js';
-import '../../chunks/bundle-CcTHgZqq.js';
-import '../../chunks/bundle-DoLed6JB.js';
+import '../../chunks/bundle-KeJ_rVJL.js';
+import '../../chunks/bundle-BFdttAaW.js';
+import '../../chunks/bundle-BU3SRwZT.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-C-_RpFyM.js';
-import '../../chunks/bundle-cjTAVQxr.js';
+import '../../chunks/bundle-D81rUAiK.js';
+import '../../chunks/bundle-BsCYcxaN.js';
 import 'dompurify';
-import '../../chunks/bundle-gSQF3Ob-.js';
-import '../../chunks/bundle-DRL21d0s.js';
-import '../../chunks/bundle-BvQAepkJ.js';
+import '../../chunks/bundle-Don9PlYG.js';
+import '../../chunks/bundle-HQX6RTqS.js';
+import '../../chunks/bundle-DPSsFTo9.js';
 import '../../ui/Icon.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 '../../chunks/bundle-rA2Y0qFJ.js';
+import '../../chunks/bundle-D6_jF6vA.js';
+import '../../chunks/bundle-BubacXNL.js';
+import '../../chunks/bundle-D4k3lbic.js';
+import '../../chunks/bundle-vsdOwl6R.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BUy5u56K.js';
-import '../../chunks/bundle-COGPgRK-.js';
+import '../../chunks/bundle-DF_LuHdb.js';
+import '../../chunks/bundle-DKfCP7IG.js';
 import '../../GroupChannel/components/SuggestedMentionList.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-B2pNgmzq.js';
+import '../../chunks/bundle-BjWhPiF7.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-C0LxowmB.js';
+import '../../chunks/bundle-CWYkDVsf.js';
 import '../../VoiceRecorder/context.js';
-import '../../chunks/bundle-BSPBjwR6.js';
+import '../../chunks/bundle-CIwNgqhu.js';
 import 'react-dom';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-Cvk0UZLW.js';
+import '../../chunks/bundle-CuW57Fa0.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-CfKGkWtT.js';
+import '../../chunks/bundle-BUC4DRq0.js';
 import '../../hooks/useModal.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';
+import '../../chunks/bundle-CaUvCYOg.js';
+import '../../chunks/bundle-BJxRm-OS.js';
+import '../../chunks/bundle-DuUoXuv1.js';
+import '../../chunks/bundle-CnzbHeuJ.js';
+import '../../chunks/bundle-BaMugzjD.js';
+import '../../chunks/bundle-BbRFaX0l.js';
+import '../../chunks/bundle-v1dt12FL.js';
 
 var ThreadMessageInput = function (props, ref) {
     var _a;

package/Thread/components/ThreadMessageInput.js.map

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

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-CJIPD7gN.js';
-import { g as getChannelTitle } from '../../chunks/bundle-Bys5RwQj.js';
+import { u as useLocalization } from '../../chunks/bundle-Bsg3ZeXI.js';
+import { g as getChannelTitle } from '../../chunks/bundle-DcURn6BN.js';
 import { useThreadContext } from '../context.js';
 import ParentMessageInfo from './ParentMessageInfo.js';
 import ThreadHeader from './ThreadHeader.js';
@@ -9,115 +9,115 @@ 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-C-_RpFyM.js';
-import { i as isAboutSame } from '../../chunks/bundle-PsMmoXV_.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-D81rUAiK.js';
+import { i as isAboutSame } from '../../chunks/bundle-CmZPkDe1.js';
 import { MessageProvider } from '../../Message/context.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-D_KO6Orc.js';
-import '../../chunks/bundle-DXhynnjn.js';
-import '../../chunks/bundle-CcTHgZqq.js';
-import '../../chunks/bundle-DnFiUPoR.js';
+import '../../chunks/bundle-CfcfVkxG.js';
+import '../../chunks/bundle-KeJ_rVJL.js';
+import '../../chunks/bundle-BFdttAaW.js';
+import '../../chunks/bundle-CwINP854.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-Bf5VthYV.js';
-import '../../chunks/bundle-DTDkmegk.js';
+import '../../chunks/bundle-CaYPuZ9G.js';
+import '../../chunks/bundle-aDOQN2rV.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-BFDyBk4r.js';
-import '../../chunks/bundle-CPszRkFg.js';
+import '../../chunks/bundle-CFYZBlok.js';
+import '../../chunks/bundle-BQoN_-_d.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-BJ9OAqWz.js';
-import '../../chunks/bundle-dw1OtCIz.js';
-import '../../chunks/bundle-Dicb9Y5f.js';
-import '../../chunks/bundle-BSPBjwR6.js';
+import '../../chunks/bundle-C5Wf2y_6.js';
+import '../../chunks/bundle-Ba74MVBa.js';
+import '../../chunks/bundle-CHtHakLU.js';
+import '../../chunks/bundle-CIwNgqhu.js';
 import 'react-dom';
-import '../../chunks/bundle-CwofYH9U.js';
-import '../../chunks/bundle-BuIxT5aZ.js';
+import '../../chunks/bundle-rA2Y0qFJ.js';
+import '../../chunks/bundle-CuD6w3tY.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DkRogqRS.js';
-import '../../chunks/bundle-5okwu0-4.js';
+import '../../chunks/bundle-CWVPqsi_.js';
+import '../../chunks/bundle-FVThTEKh.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-aH4n4ipp.js';
+import '../../chunks/bundle-BubacXNL.js';
 import './ParentMessageInfoItem.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-CfKGkWtT.js';
+import '../../chunks/bundle-BUC4DRq0.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-DUTTSKO5.js';
+import '../../chunks/bundle-CvZD4CjF.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-C4sUzPGS.js';
-import '../../chunks/bundle-BUy5u56K.js';
+import '../../chunks/bundle-vsdOwl6R.js';
+import '../../chunks/bundle-DF_LuHdb.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
+import '../../chunks/bundle-v1dt12FL.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-C0LxowmB.js';
+import '../../chunks/bundle-CWYkDVsf.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-D56MXYqF.js';
-import '../../chunks/bundle-D_X2Bqh-.js';
+import '../../chunks/bundle-DMs2iFV3.js';
+import '../../chunks/bundle-D6_jF6vA.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-rSEP1XoB.js';
-import '../../chunks/bundle-zf2ni0YJ.js';
-import '../../chunks/bundle-GQqssfTX.js';
+import '../../chunks/bundle-C-mS5Dam.js';
+import '../../chunks/bundle-Go8RJZ6S.js';
+import '../../chunks/bundle-BN9xM02J.js';
 import '@sendbird/uikit-tools';
-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 '../../chunks/bundle-C8jQWzDU.js';
+import '../../chunks/bundle-BKYbtWkn.js';
+import '../../chunks/bundle-D4k3lbic.js';
+import '../../chunks/bundle-BU3SRwZT.js';
+import '../../chunks/bundle-Y5rRHVbA.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-rfEyWmAm.js';
+import '../../chunks/bundle-CMax-oWd.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-cjTAVQxr.js';
+import '../../chunks/bundle-BsCYcxaN.js';
 import 'dompurify';
-import '../../chunks/bundle-gSQF3Ob-.js';
-import '../../chunks/bundle-DRL21d0s.js';
-import '../../chunks/bundle-BvQAepkJ.js';
-import '../../chunks/bundle-CRLJsnLv.js';
+import '../../chunks/bundle-Don9PlYG.js';
+import '../../chunks/bundle-HQX6RTqS.js';
+import '../../chunks/bundle-DPSsFTo9.js';
+import '../../chunks/bundle-CznK5-Sd.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import './ThreadListItem.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-BdZAuvN7.js';
-import '../../chunks/bundle-CcVFQEGF.js';
-import '../../chunks/bundle-BJgNc4do.js';
+import '../../chunks/bundle-CVtMSwfw.js';
+import '../../chunks/bundle-BhXdj56o.js';
+import '../../chunks/bundle-Cy3rlDS2.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-B2pNgmzq.js';
+import '../../chunks/bundle-BjWhPiF7.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
-import '../../chunks/bundle-B0azZJiA.js';
-import '../../chunks/bundle-COGPgRK-.js';
+import '../../chunks/bundle-LL2dZ_t-.js';
+import '../../chunks/bundle-DKfCP7IG.js';
 import '../../GroupChannel/components/SuggestedMentionList.js';
 import '../../ui/QuoteMessageInput.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-Cvk0UZLW.js';
-import '../../chunks/bundle-CTyr18ZN.js';
+import '../../chunks/bundle-CuW57Fa0.js';
+import '../../chunks/bundle-CaUvCYOg.js';
 import '../../GroupChannel/context.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 '../../chunks/bundle-BJxRm-OS.js';
+import '../../chunks/bundle-DuUoXuv1.js';
+import '../../chunks/bundle-CnzbHeuJ.js';
+import '../../chunks/bundle-BaMugzjD.js';
+import '../../chunks/bundle-BbRFaX0l.js';
 import '../../Channel/hooks/useHandleUploadFiles.js';
 
 var useMemorizedHeader = function (_a) {