@sendbird/uikit-react 3.15.13-rc → 3.15.14-rc

package/Thread/components/ThreadListItem.js

@@ -1,90 +1,87 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from '../../chunks/bundle-DYWoNQhj.js';
+import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray } from '../../chunks/bundle-Cj5_JUGB.js';
 import React__default, { useRef, useState, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-NgX0o-IK.js';
-import { u as useLocalization } from '../../chunks/bundle-BG36nFyP.js';
+import { f as format } from '../../chunks/bundle-Dg1G5COD.js';
+import { u as useLocalization } from '../../chunks/bundle-BdjfIRue.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DZQMYGNb.js';
-import { R as RemoveMessage } from '../../chunks/bundle-C5Mr4ZII.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-CyiL7cM0.js';
+import { R as RemoveMessage } from '../../chunks/bundle-B9ip9Rgs.js';
 import FileViewer from '../../ui/FileViewer.js';
-import { useThreadContext } from '../context.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-DBELWBPL.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-DFLinAbj.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-CBV8hMk1.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-Cvzxf-pt.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-DyUM-cLB.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-B-hLTjcZ.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import { y as getClassName, q as isThumbnailMessage, O as isOGMessage, d as isMultipleFilesMessage } from '../../chunks/bundle-CXWjM2Ia.js';
-import { M as MessageStatus } from '../../chunks/bundle-DpihS5NI.js';
+import { y as getClassName, q as isThumbnailMessage, N as isOGMessage, d as isMultipleFilesMessage } from '../../chunks/bundle-DbJ8lyIW.js';
+import { M as MessageStatus } from '../../chunks/bundle-D5jjox7Q.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-CQj-EzGD.js';
-import { u as useLongPress } from '../../chunks/bundle-hGWw4eMf.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-B2hCX5Y1.js';
+import { u as useLongPress } from '../../chunks/bundle-CCC20GHQ.js';
 import { MobileMenu } from '../../ui/MobileMenu.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, T as ThreadMessageKind } from '../../chunks/bundle-BE99Rlsx.js';
-import { d as deleteNullish, c as classnames } from '../../chunks/bundle-muCRoZnm.js';
-import { M as MessageMenu } from '../../chunks/bundle-DN4duw1Y.js';
-import { u as useElementObserver } from '../../chunks/bundle-DsLBUX73.js';
-import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../../chunks/bundle-DzlOXblL.js';
-import { R as Role } from '../../chunks/bundle-C5q3z4TD.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, T as ThreadMessageKind } from '../../chunks/bundle-CrfqwS86.js';
+import { d as deleteNullish, c as classnames } from '../../chunks/bundle-BY9oUVFG.js';
+import { M as MessageMenu } from '../../chunks/bundle-ClwW4Dg-.js';
+import { u as useElementObserver } from '../../chunks/bundle-BBhGk7VW.js';
+import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../../chunks/bundle-1dw3VwGW.js';
+import { u as useThread } from '../../chunks/bundle-DYlj08ur.js';
+import { u as useSendbird } from '../../chunks/bundle-CDp-g5XU.js';
+import { R as Role } from '../../chunks/bundle-CzQv-JhI.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-Dd4Zk-PA.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-C1wZBRMc.js';
-import '../../chunks/bundle-CCv1GX0e.js';
-import '../../chunks/bundle-CeU_rok8.js';
-import '../../chunks/bundle-CfntB7lr.js';
-import '../../chunks/bundle-CHhelJGL.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-CwlHaxRY.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-ByVGO6Cn.js';
+import '../../chunks/bundle-1WicDXzs.js';
+import '../../chunks/bundle-KQc1NYs1.js';
+import '../../chunks/bundle-DxxvrMQI.js';
+import '../../chunks/bundle-BMtR335z.js';
+import '../../chunks/bundle-CQ2tpjBC.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-D9R7Jiqe.js';
+import '../../chunks/bundle-c5KbzTiA.js';
+import '../../chunks/bundle-CClknHGO.js';
+import '../../hooks/useModal.js';
+import '../../chunks/bundle-m1et25Jg.js';
+import '../../chunks/bundle-BznbvczW.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-CVdd1_hK.js';
-import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-ETZVxQ1e.js';
-import '../../chunks/bundle-DmcjtF3k.js';
-import '../../chunks/bundle-DGPYBL2Z.js';
-import '../../chunks/bundle-DlbOikBb.js';
-import '../../chunks/bundle-08-6-SlL.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-CyrtxrpV.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ITAjxs5f.js';
-import '../../chunks/bundle-B4xtyAkc.js';
-import '../../chunks/bundle-BnINiqAS.js';
-import '../../chunks/bundle-BpgHxUBL.js';
-import '../../chunks/bundle-qyRzszum.js';
-import '@sendbird/chat/message';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-hWklignP.js';
-import '../../chunks/bundle-3LkfEqPT.js';
-import '../../chunks/bundle-BkWUKO6n.js';
-import '../../chunks/bundle-tukIITU-.js';
-import '../../chunks/bundle-B19SdyEr.js';
-import '../../chunks/bundle-yWcbtZdh.js';
+import '../../chunks/bundle-RBoKRbHz.js';
+import '../../chunks/bundle-DMhVPx55.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-D7RFGuQj.js';
+import '../../chunks/bundle-C-JPnBnR.js';
+import '../../chunks/bundle-B8U-MPIR.js';
 import 'dompurify';
-import '../../chunks/bundle-BMos5sXU.js';
-import '../../chunks/bundle-COd81VPL.js';
-import '../../chunks/bundle-CGRkqzrD.js';
-import '../../chunks/bundle-2BR_X8Fl.js';
+import '../../chunks/bundle-CQrtVJsS.js';
+import '../../chunks/bundle-DqDF0kxo.js';
+import '../../chunks/bundle-CfElKzoM.js';
+import '../../chunks/bundle-BJw1wPlD.js';
+import '../../chunks/bundle-C1ncZUjl.js';
+import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-hRqBxjvM.js';
-import '../../chunks/bundle-DP_aSned.js';
+import '../../chunks/bundle-DbWSwWAr.js';
+import '../../chunks/bundle-CDRwx6ov.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
+import '../../chunks/bundle-Bkbt9_K2.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
+import '../../chunks/bundle-CdizyEdk.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
+import '@sendbird/chat/message';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-B3tvVLq5.js';
+import '../../chunks/bundle-Dw8813nX.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-CT9lv9jW.js';
+import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-D-by6HN6.js';
+import '../../chunks/bundle-k2A_Dplg.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/TemplateMessageItemBody.js';
-import '../../chunks/bundle-B1mL3PO-.js';
+import '../../chunks/bundle-BMqNmFAC.js';
 import '../../ui/FallbackTemplateMessageItemBody.tsx.js';
 import '../../ui/LoadingTemplateMessageItemBody.tsx.js';
 import '../../ui/MessageFeedbackFailedModal.js';
-import '../../chunks/bundle-Br5LX_9F.js';
+import '../../chunks/bundle-DGW9ZhNd.js';
+import '../../chunks/bundle-HWQAzYJv.js';
+import '../../chunks/bundle-B_2pLVhC.js';
+import '../../chunks/bundle-IJCJg91y.js';
+import '../../chunks/bundle-BlijUxQw.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-DYWoNQhj.js';
+import { a as __spreadArray } from '../../chunks/bundle-Cj5_JUGB.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-CQj-EzGD.js';
-import { useThreadContext } from '../context.js';
-import { u as useLocalization } from '../../chunks/bundle-BG36nFyP.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-B2hCX5Y1.js';
+import { u as useLocalization } from '../../chunks/bundle-BdjfIRue.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-CBV8hMk1.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-DBELWBPL.js';
-import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-Bgn2GwF3.js';
-import '../../GroupChannel/context.js';
-import { R as Role } from '../../chunks/bundle-C5q3z4TD.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-DyUM-cLB.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-DFLinAbj.js';
+import { V as VoiceMessageInputWrapper } from '../../chunks/bundle-CAUVIS8U.js';
+import '../../chunks/bundle-m1et25Jg.js';
+import '../../chunks/bundle-C-JPnBnR.js';
+import { u as useSendbird } from '../../chunks/bundle-CDp-g5XU.js';
+import '../../chunks/bundle-CUrIGyMS.js';
+import '../../chunks/bundle-CClknHGO.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle-CdizyEdk.js';
+import { c as classnames } from '../../chunks/bundle-BY9oUVFG.js';
+import { R as Role } from '../../chunks/bundle-CzQv-JhI.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-qyRzszum.js';
-import { c as classnames } from '../../chunks/bundle-muCRoZnm.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-BnINiqAS.js';
-import '../../chunks/bundle-BpgHxUBL.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DmcjtF3k.js';
-import '../../chunks/bundle-hWklignP.js';
-import '@sendbird/uikit-tools';
-import '../../chunks/bundle-CHhelJGL.js';
-import '../../chunks/bundle-CXWjM2Ia.js';
-import '../../chunks/bundle-DGPYBL2Z.js';
-import '../../chunks/bundle-CCv1GX0e.js';
-import 'react-dom';
+import { b as isDisabledBecauseFrozen, c as isDisabledBecauseMuted } from '../../chunks/bundle-B_2pLVhC.js';
+import { u as useThread } from '../../chunks/bundle-DYlj08ur.js';
+import '../../chunks/bundle-DxxvrMQI.js';
+import '../../chunks/bundle-KQc1NYs1.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-DZQMYGNb.js';
-import '../../chunks/bundle-CeU_rok8.js';
-import '../../ui/Icon.js';
-import 'css-vars-ponyfill';
-import '@sendbird/chat';
-import '../../chunks/bundle-CVdd1_hK.js';
-import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-ETZVxQ1e.js';
-import '../../chunks/bundle-Cvzxf-pt.js';
-import '../../ui/SortByRow.js';
-import '../context/types.js';
-import '../../chunks/bundle-3LkfEqPT.js';
-import '../../chunks/bundle-BkWUKO6n.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-B19SdyEr.js';
-import '../../chunks/bundle-yWcbtZdh.js';
+import '../../chunks/bundle-CyiL7cM0.js';
+import '../../chunks/bundle-B8U-MPIR.js';
 import 'dompurify';
-import '../../chunks/bundle-BMos5sXU.js';
-import '../../chunks/bundle-COd81VPL.js';
-import '../../chunks/bundle-CGRkqzrD.js';
-import '../../chunks/bundle-2BR_X8Fl.js';
-import '../../chunks/bundle-tukIITU-.js';
-import '../../chunks/bundle-08-6-SlL.js';
+import '../../chunks/bundle-CQrtVJsS.js';
+import '../../chunks/bundle-DqDF0kxo.js';
+import '../../chunks/bundle-CfElKzoM.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-DbJ8lyIW.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-C1ncZUjl.js';
+import '../../chunks/bundle-1WicDXzs.js';
+import '../../chunks/bundle-BznbvczW.js';
+import '../../chunks/bundle-BJw1wPlD.js';
+import '../../chunks/bundle-D7RFGuQj.js';
+import '../../chunks/bundle-CyrtxrpV.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ITAjxs5f.js';
-import '../../chunks/bundle-Br5LX_9F.js';
+import '../../chunks/bundle-RBoKRbHz.js';
+import '../../chunks/bundle-D9R7Jiqe.js';
+import '../../chunks/bundle-DGW9ZhNd.js';
 import '../../GroupChannel/components/SuggestedMentionList.js';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-D-by6HN6.js';
+import '../../chunks/bundle-k2A_Dplg.js';
 import '../../VoicePlayer/useVoicePlayer.js';
+import '../../chunks/bundle-CT9lv9jW.js';
+import '../../VoiceRecorder/context.js';
+import '../../chunks/bundle-CQ2tpjBC.js';
+import 'react-dom';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-BLI5iX3q.js';
+import '../../chunks/bundle-ur8S4QkK.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-CfntB7lr.js';
-import '../../chunks/bundle-CQPPUSnd.js';
-import '../../chunks/bundle-C2DfOewL.js';
-import '../../chunks/bundle-C1wZBRMc.js';
-import '../../chunks/bundle-CpZWiotw.js';
-import '../../chunks/bundle-Dd4Zk-PA.js';
+import '../../chunks/bundle-BMtR335z.js';
+import '../../hooks/useModal.js';
+import '../../chunks/bundle-DTsnEKas.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-Bkbt9_K2.js';
+import '../../chunks/bundle-C-yTkyP0.js';
+import '../../chunks/bundle-CwlHaxRY.js';
+import '../../chunks/bundle-ByVGO6Cn.js';
+import '../../chunks/bundle-BlijUxQw.js';
+import '../../chunks/bundle-HWQAzYJv.js';
+import '../../chunks/bundle-IJCJg91y.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