@sendbird/uikit-react 3.15.13 → 3.15.14

package/Thread/components/ThreadListItem.js

@@ -1,90 +1,87 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from '../../chunks/bundle-C7jYHvwG.js';
+import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray } from '../../chunks/bundle-B8Grfnrx.js';
 import React__default, { useRef, useState, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-BeUKuH7h.js';
-import { u as useLocalization } from '../../chunks/bundle-CIN9yQRB.js';
+import { f as format } from '../../chunks/bundle-Dy1IZ181.js';
+import { u as useLocalization } from '../../chunks/bundle-l_QLKq1Y.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DImSV9VW.js';
-import { R as RemoveMessage } from '../../chunks/bundle-BE58pe-0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-HspRRkmy.js';
+import { R as RemoveMessage } from '../../chunks/bundle-D6CBeFkE.js';
 import FileViewer from '../../ui/FileViewer.js';
-import { useThreadContext } from '../context.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-Ctm0h0rU.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-WJtiC3BL.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-C9dF4QVS.js';
-import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../../chunks/bundle-C6-Ix-Lk.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-DXneAdAp.js';
+import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../../chunks/bundle-QCH8CZT8.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import { y as getClassName, q as isThumbnailMessage, O as isOGMessage, d as isMultipleFilesMessage } from '../../chunks/bundle-DYeeW5nS.js';
-import { M as MessageStatus } from '../../chunks/bundle-BH8ohfFx.js';
+import { y as getClassName, q as isThumbnailMessage, N as isOGMessage, d as isMultipleFilesMessage } from '../../chunks/bundle-CgLhYjm5.js';
+import { M as MessageStatus } from '../../chunks/bundle-Dd7rgmeQ.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-DfDrbjM5.js';
-import { u as useLongPress } from '../../chunks/bundle-eYHtE5ry.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-yKqHFFfz.js';
+import { u as useLongPress } from '../../chunks/bundle-CJmXP56m.js';
 import { MobileMenu } from '../../ui/MobileMenu.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, T as ThreadMessageKind } from '../../chunks/bundle-Crm9sJrW.js';
-import { d as deleteNullish, c as classnames } from '../../chunks/bundle-DUTyBaXr.js';
-import { M as MessageMenu } from '../../chunks/bundle-3aUfVJHj.js';
-import { u as useElementObserver } from '../../chunks/bundle-DaKZZ13Y.js';
-import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../../chunks/bundle-BXE5p6Kc.js';
-import { R as Role } from '../../chunks/bundle-CB5ZFhrW.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, T as ThreadMessageKind } from '../../chunks/bundle-BFJ4ctRk.js';
+import { d as deleteNullish, c as classnames } from '../../chunks/bundle-CDcu1I4f.js';
+import { M as MessageMenu } from '../../chunks/bundle-CQAiZVNS.js';
+import { u as useElementObserver } from '../../chunks/bundle-CFXaZ31h.js';
+import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../../chunks/bundle-CEE3GJSk.js';
+import { u as useThread } from '../../chunks/bundle-CVS5Kfg_.js';
+import { u as useSendbird } from '../../chunks/bundle-I25ah_Bv.js';
+import { R as Role } from '../../chunks/bundle-BfEYq-V8.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-LPNnEgGp.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-ryUmMhVP.js';
-import '../../chunks/bundle-Dl9NVsui.js';
-import '../../chunks/bundle-pOZPN8hk.js';
-import '../../chunks/bundle-Ci2fMtNJ.js';
-import '../../chunks/bundle-MyLy9AIu.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-C6Hk5xTT.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-B5_aP8LE.js';
+import '../../chunks/bundle-DYBTopZK.js';
+import '../../chunks/bundle-BYOddwmS.js';
+import '../../chunks/bundle-Y2KBbxRr.js';
+import '../../chunks/bundle-DED6q4Ti.js';
+import '../../chunks/bundle-LnGQMQVt.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '@sendbird/uikit-tools';
-import '../../withSendbird.js';
-import 'css-vars-ponyfill';
+import '../../chunks/bundle-CTkGIdt8.js';
+import '../../chunks/bundle-DDZn5buS.js';
+import '../../chunks/bundle-De-3zaYV.js';
+import '../../hooks/useModal.js';
+import '../../chunks/bundle-C4OmfIXk.js';
+import '../../chunks/bundle-Ob7Cw3V-.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-4W3uBGU3.js';
-import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-CLonR-iH.js';
-import '../../chunks/bundle-DkviGBGz.js';
-import '../../chunks/bundle-CDjVXDOc.js';
-import '../../chunks/bundle-DCbJaskZ.js';
-import '../../chunks/bundle-CbEyAimK.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-DgFzcADJ.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BR3O1lZq.js';
-import '../../chunks/bundle-BiPxcZtH.js';
-import '../../chunks/bundle-BP1DBRft.js';
-import '../../chunks/bundle-MkyS3j4-.js';
-import '../../chunks/bundle-Deel9XzY.js';
-import '@sendbird/chat/message';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-gQ2a8Eki.js';
-import '../../chunks/bundle-BWM5xqIs.js';
-import '../../chunks/bundle-CzdrQ_Yq.js';
-import '../../chunks/bundle-BL_0pgq0.js';
-import '../../chunks/bundle-Dpdq7qeD.js';
-import '../../chunks/bundle-DCX2mqfp.js';
+import '../../chunks/bundle-C_ngoQD_.js';
+import '../../chunks/bundle-DgpfIrde.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-CF8V-ET_.js';
+import '../../chunks/bundle-BciLDE6M.js';
+import '../../chunks/bundle-DwLTEVMK.js';
 import 'dompurify';
-import '../../chunks/bundle-BMygDCXK.js';
-import '../../chunks/bundle-P-vXuw8U.js';
-import '../../chunks/bundle-BBowfNDO.js';
-import '../../chunks/bundle-_-FiwcfQ.js';
+import '../../chunks/bundle-Dp_oW1ks.js';
+import '../../chunks/bundle-Cn2czFA-.js';
+import '../../chunks/bundle-4w9Y7uxA.js';
+import '../../chunks/bundle-DT1VcdMs.js';
+import '../../chunks/bundle-BTxw_tIt.js';
+import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-Bzt5nDi4.js';
-import '../../chunks/bundle-yLTgHCRG.js';
+import '../../chunks/bundle-Dhf37wzM.js';
+import '../../chunks/bundle-C8TP-mjp.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
+import '../../chunks/bundle-BYqblmEM.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
+import '../../chunks/bundle--1cImOGd.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
+import '@sendbird/chat/message';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-k6zcGkBp.js';
+import '../../chunks/bundle-Do9UFGCD.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
@@ -93,16 +90,22 @@ import '../../ui/TextButton.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
+import '../../chunks/bundle-zOZq2Vpt.js';
+import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-jw_xHmHg.js';
+import '../../chunks/bundle-tFnb24Id.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/TemplateMessageItemBody.js';
-import '../../chunks/bundle-Er6ifVzM.js';
+import '../../chunks/bundle-CwHldvb8.js';
 import '../../ui/FallbackTemplateMessageItemBody.tsx.js';
 import '../../ui/LoadingTemplateMessageItemBody.tsx.js';
 import '../../ui/MessageFeedbackFailedModal.js';
-import '../../chunks/bundle-C1U8wE49.js';
+import '../../chunks/bundle-D8xAej93.js';
+import '../../chunks/bundle-BCGcsRu2.js';
+import '../../chunks/bundle-D_tSqvX6.js';
+import '../../chunks/bundle-Djq12iSf.js';
+import '../../chunks/bundle-C5Pz6wMm.js';
 
 function ThreadListItemContent(props) {
     var _this = this;
@@ -113,14 +116,14 @@ function ThreadListItemContent(props) {
     var _h = deleteNullish(props), _j = _h.renderSenderProfile, renderSenderProfile = _j === void 0 ? function (props) { return React__default.createElement(MessageProfile, __assign({}, props)); } : _j, _k = _h.renderMessageBody, renderMessageBody = _k === void 0 ? function (props) { return React__default.createElement(MessageBody, __assign({}, props)); } : _k, _l = _h.renderMessageHeader, renderMessageHeader = _l === void 0 ? function (props) { return React__default.createElement(MessageHeader, __assign({}, props)); } : _l, _m = _h.renderMessageMenu, renderMessageMenu = _m === void 0 ? function (props) { return React__default.createElement(MessageMenu, __assign({}, props)); } : _m, _o = _h.renderEmojiMenu, renderEmojiMenu = _o === void 0 ? function () { return React__default.createElement(MessageEmojiMenu, __assign({}, props)); } : _o, _p = _h.renderEmojiReactions, renderEmojiReactions = _p === void 0 ? function (props) { return React__default.createElement(EmojiReactions, __assign({}, props)); } : _p, _q = _h.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _q === void 0 ? function (props) { return React__default.createElement(MobileMenu, __assign({}, props)); } : _q;
     var isMobile = useMediaQueryContext().isMobile;
     var _r = useLocalization(), dateLocale = _r.dateLocale, stringSet = _r.stringSet;
-    var _s = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, config = _s.config, eventHandlers = _s.eventHandlers;
+    var _s = useSendbird().state, config = _s.config, eventHandlers = _s.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 isMenuMounted = useElementObserver("#".concat(getObservingId(message.messageId), ".").concat(MENU_OBSERVING_CLASS_NAME), [
         document.getElementById(MENU_ROOT_ID),
         document.getElementById(EMOJI_MENU_ROOT_ID),
     ]);
-    var _t = useThreadContext(), deleteMessage = _t.deleteMessage, onBeforeDownloadFileMessage = _t.onBeforeDownloadFileMessage, filterEmojiCategoryIds = _t.filterEmojiCategoryIds;
+    var _t = useThread(), _u = _t.state, onBeforeDownloadFileMessage = _u.onBeforeDownloadFileMessage, filterEmojiCategoryIds = _u.filterEmojiCategoryIds, deleteMessage = _t.actions.deleteMessage;
     var isByMe = (userId === ((_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.userId))
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'failed');
@@ -129,10 +132,10 @@ function ThreadListItemContent(props) {
         && !disableQuoteMessage);
     var supposedHoverClassName = isMenuMounted ? 'sendbird-mouse-hover' : '';
     var isReactionEnabledInChannel = isReactionEnabled && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral);
-    var isOgMessageEnabledInGroupChannel = channel.isGroupChannel() && config.groupChannel.enableOgtag;
+    var isOgMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableOgtag;
     // Mobile
     var mobileMenuRef = useRef(null);
-    var _u = useState(false), showMobileMenu = _u[0], setShowMobileMenu = _u[1];
+    var _v = useState(false), showMobileMenu = _v[0], setShowMobileMenu = _v[1];
     var longPress = useLongPress({
         onLongPress: function () {
             if (isMobile) {
@@ -297,16 +300,14 @@ function ThreadListItem(props) {
     var _this = this;
     var _a, _b, _c, _d;
     var className = props.className, message = props.message, chainTop = props.chainTop, chainBottom = props.chainBottom, hasSeparator = props.hasSeparator, renderCustomSeparator = props.renderCustomSeparator, handleScroll = props.handleScroll;
-    var _e = useSendbirdStateContext(), stores = _e.stores, config = _e.config;
+    var _e = useSendbird().state, stores = _e.stores, config = _e.config;
     var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel = config.groupChannel;
     var userId = (_b = (_a = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.userId;
     var _f = useLocalization(), dateLocale = _f.dateLocale, stringSet = _f.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 openingMessage = threadContext === null || threadContext === void 0 ? void 0 : threadContext.message;
-    var _g = useState(false), showEdit = _g[0], setShowEdit = _g[1];
-    var _h = useState(false), showRemove = _h[0], setShowRemove = _h[1];
-    var _j = useState(false), showFileViewer = _j[0], setShowFileViewer = _j[1];
+    var _g = useThread(), _h = _g.state, openingMessage = _h.message, currentChannel = _h.currentChannel, nicknamesMap = _h.nicknamesMap, emojiContainer = _h.emojiContainer, threadListState = _h.threadListState, isMuted = _h.isMuted, isChannelFrozen = _h.isChannelFrozen, onBeforeDownloadFileMessage = _h.onBeforeDownloadFileMessage, _j = _g.actions, toggleReaction = _j.toggleReaction, updateMessage = _j.updateMessage, resendMessage = _j.resendMessage, deleteMessage = _j.deleteMessage;
+    var _k = useState(false), showEdit = _k[0], setShowEdit = _k[1];
+    var _l = useState(false), showRemove = _l[0], setShowRemove = _l[1];
+    var _m = useState(false), showFileViewer = _m[0], setShowFileViewer = _m[1];
     var isReactionEnabled = getIsReactionEnabled({
         channel: currentChannel,
         config: config,
@@ -327,12 +328,12 @@ function ThreadListItem(props) {
     }, [showEdit, (_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length]);
     // mention
     var editMessageInputRef = useRef(null);
-    var _k = useState(''), mentionNickname = _k[0], setMentionNickname = _k[1];
-    var _l = useState([]), mentionedUsers = _l[0], setMentionedUsers = _l[1];
-    var _m = useState([]), mentionedUserIds = _m[0], setMentionedUserIds = _m[1];
-    var _o = useState(null), messageInputEvent = _o[0], setMessageInputEvent = _o[1];
-    var _p = useState(null), selectedUser = _p[0], setSelectedUser = _p[1];
-    var _q = useState([]), mentionSuggestedUsers = _q[0], setMentionSuggestedUsers = _q[1];
+    var _o = useState(''), mentionNickname = _o[0], setMentionNickname = _o[1];
+    var _p = useState([]), mentionedUsers = _p[0], setMentionedUsers = _p[1];
+    var _q = useState([]), mentionedUserIds = _q[0], setMentionedUserIds = _q[1];
+    var _r = useState(null), messageInputEvent = _r[0], setMessageInputEvent = _r[1];
+    var _s = useState(null), selectedUser = _s[0], setSelectedUser = _s[1];
+    var _t = useState([]), mentionSuggestedUsers = _t[0], setMentionSuggestedUsers = _t[1];
     var displaySuggestedMentionList = isOnline
         && isMentionEnabled
         && mentionNickname.length > 0

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,89 +1,89 @@
-import { c as __spreadArray } from '../../chunks/bundle-C7jYHvwG.js';
+import { a as __spreadArray } from '../../chunks/bundle-B8Grfnrx.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-DfDrbjM5.js';
-import { useThreadContext } from '../context.js';
-import { u as useLocalization } from '../../chunks/bundle-CIN9yQRB.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-yKqHFFfz.js';
+import { u as useLocalization } from '../../chunks/bundle-l_QLKq1Y.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-C9dF4QVS.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-Ctm0h0rU.js';
-import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-DRyEkedz.js';
-import '../../GroupChannel/context.js';
-import { R as Role } from '../../chunks/bundle-CB5ZFhrW.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-DXneAdAp.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-WJtiC3BL.js';
+import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-uthnB1Zu.js';
+import '../../chunks/bundle-C4OmfIXk.js';
+import '../../chunks/bundle-BciLDE6M.js';
+import { u as useSendbird } from '../../chunks/bundle-I25ah_Bv.js';
+import '../../chunks/bundle-D4BlmM5H.js';
+import '../../chunks/bundle-De-3zaYV.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle--1cImOGd.js';
+import { c as classnames } from '../../chunks/bundle-CDcu1I4f.js';
+import { R as Role } from '../../chunks/bundle-BfEYq-V8.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
 import { useHandleUploadFiles } from '../../Channel/hooks/useHandleUploadFiles.js';
-import { b as isDisabledBecauseFrozen, c as isDisabledBecauseMuted } from '../../chunks/bundle-Deel9XzY.js';
-import { c as classnames } from '../../chunks/bundle-DUTyBaXr.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-BP1DBRft.js';
-import '../../chunks/bundle-MkyS3j4-.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DkviGBGz.js';
-import '../../chunks/bundle-gQ2a8Eki.js';
-import '@sendbird/uikit-tools';
-import '../../chunks/bundle-MyLy9AIu.js';
-import '../../chunks/bundle-DYeeW5nS.js';
-import '../../chunks/bundle-CDjVXDOc.js';
-import '../../chunks/bundle-Dl9NVsui.js';
-import 'react-dom';
+import { b as isDisabledBecauseFrozen, c as isDisabledBecauseMuted } from '../../chunks/bundle-D_tSqvX6.js';
+import { u as useThread } from '../../chunks/bundle-CVS5Kfg_.js';
+import '../../chunks/bundle-Y2KBbxRr.js';
+import '../../chunks/bundle-BYOddwmS.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-DImSV9VW.js';
-import '../../chunks/bundle-pOZPN8hk.js';
-import '../../ui/Icon.js';
-import 'css-vars-ponyfill';
-import '@sendbird/chat';
-import '../../chunks/bundle-4W3uBGU3.js';
-import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-CLonR-iH.js';
-import '../../chunks/bundle-C6-Ix-Lk.js';
-import '../../ui/SortByRow.js';
-import '../context/types.js';
-import '../../chunks/bundle-BWM5xqIs.js';
-import '../../chunks/bundle-CzdrQ_Yq.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-Dpdq7qeD.js';
-import '../../chunks/bundle-DCX2mqfp.js';
+import '../../chunks/bundle-HspRRkmy.js';
+import '../../chunks/bundle-DwLTEVMK.js';
 import 'dompurify';
-import '../../chunks/bundle-BMygDCXK.js';
-import '../../chunks/bundle-P-vXuw8U.js';
-import '../../chunks/bundle-BBowfNDO.js';
-import '../../chunks/bundle-_-FiwcfQ.js';
-import '../../chunks/bundle-BL_0pgq0.js';
-import '../../chunks/bundle-CbEyAimK.js';
+import '../../chunks/bundle-Dp_oW1ks.js';
+import '../../chunks/bundle-Cn2czFA-.js';
+import '../../chunks/bundle-4w9Y7uxA.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-CgLhYjm5.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-BTxw_tIt.js';
+import '../../chunks/bundle-DYBTopZK.js';
+import '../../chunks/bundle-Ob7Cw3V-.js';
+import '../../chunks/bundle-DT1VcdMs.js';
+import '../../chunks/bundle-CF8V-ET_.js';
+import '../../chunks/bundle-DgFzcADJ.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BR3O1lZq.js';
-import '../../chunks/bundle-C1U8wE49.js';
+import '../../chunks/bundle-C_ngoQD_.js';
+import '../../chunks/bundle-CTkGIdt8.js';
+import '../../chunks/bundle-D8xAej93.js';
 import '../../GroupChannel/components/SuggestedMentionList.js';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-jw_xHmHg.js';
+import '../../chunks/bundle-tFnb24Id.js';
 import '../../VoicePlayer/useVoicePlayer.js';
+import '../../chunks/bundle-zOZq2Vpt.js';
+import '../../VoiceRecorder/context.js';
+import '../../chunks/bundle-LnGQMQVt.js';
+import 'react-dom';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-CTE4m7bC.js';
+import '../../chunks/bundle-DhzrKzt2.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-Ci2fMtNJ.js';
-import '../../chunks/bundle-2kzSicIw.js';
-import '../../chunks/bundle-MrMJJXf2.js';
-import '../../chunks/bundle-ryUmMhVP.js';
-import '../../chunks/bundle-90vsNbxW.js';
-import '../../chunks/bundle-LPNnEgGp.js';
+import '../../chunks/bundle-DED6q4Ti.js';
+import '../../hooks/useModal.js';
+import '../../chunks/bundle-CSDZhWAY.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-BYqblmEM.js';
+import '../../chunks/bundle-Dx4-1s0A.js';
+import '../../chunks/bundle-C6Hk5xTT.js';
+import '../../chunks/bundle-B5_aP8LE.js';
+import '../../chunks/bundle-C5Pz6wMm.js';
+import '../../chunks/bundle-BCGcsRu2.js';
+import '../../chunks/bundle-Djq12iSf.js';
+import '../context/types.js';
 
 var ThreadMessageInput = function (props, ref) {
     var _a;
     var className = props.className, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon, acceptableMimeTypes = props.acceptableMimeTypes;
-    var config = useSendbirdStateContext().config;
+    var config = useSendbird().state.config;
     var isMobile = useMediaQueryContext().isMobile;
     var stringSet = useLocalization().stringSet;
     var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel = config.groupChannel;
-    var threadContext = useThreadContext();
-    var currentChannel = threadContext.currentChannel, parentMessage = threadContext.parentMessage, sendMessage = threadContext.sendMessage, sendFileMessage = threadContext.sendFileMessage, sendVoiceMessage = threadContext.sendVoiceMessage, sendMultipleFilesMessage = threadContext.sendMultipleFilesMessage, isMuted = threadContext.isMuted, isChannelFrozen = threadContext.isChannelFrozen, allThreadMessages = threadContext.allThreadMessages;
+    var threadContext = useThread();
+    var _b = threadContext.state, currentChannel = _b.currentChannel, parentMessage = _b.parentMessage, isMuted = _b.isMuted, isChannelFrozen = _b.isChannelFrozen, allThreadMessages = _b.allThreadMessages, _c = threadContext.actions, sendMessage = _c.sendMessage, sendFileMessage = _c.sendFileMessage, sendVoiceMessage = _c.sendVoiceMessage, sendMultipleFilesMessage = _c.sendMultipleFilesMessage;
     var messageInputRef = useRef();
     var isMentionEnabled = groupChannel.enableMention;
     var isVoiceMessageEnabled = groupChannel.enableVoiceMessage;
-    var isMultipleFilesMessageEnabled = (_a = threadContext.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : config.isMultipleFilesMessageEnabled;
+    var isMultipleFilesMessageEnabled = (_a = threadContext.state.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : config.isMultipleFilesMessageEnabled;
     var threadInputDisabled = props.disabled
         || !isOnline
         || isMuted
@@ -97,13 +97,13 @@ var ThreadMessageInput = function (props, ref) {
         logger: logger,
     });
     // mention
-    var _b = useState(''), mentionNickname = _b[0], setMentionNickname = _b[1];
-    var _c = useState([]), mentionedUsers = _c[0], setMentionedUsers = _c[1];
-    var _d = useState([]), mentionedUserIds = _d[0], setMentionedUserIds = _d[1];
-    var _e = useState(null), selectedUser = _e[0], setSelectedUser = _e[1];
-    var _f = useState([]), mentionSuggestedUsers = _f[0], setMentionSuggestedUsers = _f[1];
-    var _g = useState(null), messageInputEvent = _g[0], setMessageInputEvent = _g[1];
-    var _h = useState(false), showVoiceMessageInput = _h[0], setShowVoiceMessageInput = _h[1];
+    var _d = useState(''), mentionNickname = _d[0], setMentionNickname = _d[1];
+    var _e = useState([]), mentionedUsers = _e[0], setMentionedUsers = _e[1];
+    var _f = useState([]), mentionedUserIds = _f[0], setMentionedUserIds = _f[1];
+    var _g = useState(null), selectedUser = _g[0], setSelectedUser = _g[1];
+    var _h = useState([]), mentionSuggestedUsers = _h[0], setMentionSuggestedUsers = _h[1];
+    var _j = useState(null), messageInputEvent = _j[0], setMessageInputEvent = _j[1];
+    var _k = useState(false), showVoiceMessageInput = _k[0], setShowVoiceMessageInput = _k[1];
     var displaySuggestedMentionList = isOnline
         && isMentionEnabled
         && mentionNickname.length > 0