@sendbird/uikit-react 3.10.0 → 3.10.2-alpha.0

package/cjs/Thread/components/ThreadListItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-UHsDbhGB.js');
+var _tslib = require('../../chunks/bundle-DhtZdKsr.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-LWd8plnK.js');
-var LocalizationContext = require('../../chunks/bundle-M_JdGFB9.js');
+var index$1 = require('../../chunks/bundle-tntEm-Mv.js');
+var LocalizationContext = require('../../chunks/bundle-6SzyBwQ5.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-wDJ0vmp7.js');
-var RemoveMessageModal = require('../../chunks/bundle-99TH6XOD.js');
-var ui_FileViewer = require('../../chunks/bundle-sGVgQ4l8.js');
+var ui_Label = require('../../chunks/bundle-VxcYXhwp.js');
+var RemoveMessageModal = require('../../chunks/bundle-VP5r38Gj.js');
+var ui_FileViewer = require('../../chunks/bundle-NPzNlnHJ.js');
 var Thread_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
+var SuggestedMentionList = require('../../chunks/bundle-CDUgp575.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var _const = require('../../chunks/bundle-EKK1TWOg.js');
+var _const = require('../../chunks/bundle--tki3Ejh.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-var ui_Avatar = require('../../chunks/bundle-OOMB_O1L.js');
-var UserProfileContext = require('../../chunks/bundle-e6jRRPqy.js');
+var ui_Avatar = require('../../chunks/bundle-w0ATt2gt.js');
+var UserProfileContext = require('../../chunks/bundle-TPy0gj60.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var index = require('../../chunks/bundle-bPLEZuwe.js');
-var ui_MessageStatus = require('../../chunks/bundle-idn81XsS.js');
+var index = require('../../chunks/bundle-nox41MG6.js');
+var ui_MessageStatus = require('../../chunks/bundle-Pzvqu5yR.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var ui_TextMessageItemBody = require('../../ui/TextMessageItemBody.js');
 var ui_OGMessageItemBody = require('../../ui/OGMessageItemBody.js');
@@ -29,56 +29,55 @@ var ui_FileMessageItemBody = require('../../ui/FileMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var MediaQueryContext = require('../../chunks/bundle-R55qwYIC.js');
-var useLongPress = require('../../chunks/bundle-RWm1ToHA.js');
-var index$2 = require('../../chunks/bundle-IVfrW5UV.js');
-var useStatefulFileInfoList = require('../../chunks/bundle-Pa-zxMUU.js');
-var types = require('../../chunks/bundle-wwqhN6T8.js');
+var MediaQueryContext = require('../../chunks/bundle-6zBNmPOP.js');
+var useLongPress = require('../../chunks/bundle-2hJhRu5W.js');
+var index$2 = require('../../chunks/bundle-KBZdi1sN.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-qRiLsSwC.js');
+var types = require('../../chunks/bundle-Oq2rnNn_.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var Channel_context = require('../../chunks/bundle-rD_EqTu8.js');
-require('../../chunks/bundle-lk7syGfV.js');
-require('../../chunks/bundle-FJe6Dl-f.js');
-require('../../chunks/bundle-gBGbUm4f.js');
-require('../../chunks/bundle-7iyslQY5.js');
+var getIsReactionEnabled = require('../../chunks/bundle-Msh8rb3L.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-vMF9NM5u.js');
+require('../../chunks/bundle-6L4HCLmb.js');
 require('react-dom');
-require('../../chunks/bundle-wTtkySLW.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-qbpoRdJa.js');
-require('../../chunks/bundle-X1vsWmGi.js');
+require('../../chunks/bundle-wZDX1pVR.js');
+require('../../chunks/bundle-xM2DAzE6.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-trkwub16.js');
-require('../../chunks/bundle-WuVcsZSE.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-zDh-X-Q4.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-YTD5gh4h.js');
-require('../../chunks/bundle-Q7Qb_8Qy.js');
-require('../../chunks/bundle-tJKWfbHM.js');
+require('../../chunks/bundle-eCBAJmJN.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-CrbMqpah.js');
 require('@sendbird/chat/message');
 require('../../utils/message/getOutgoingMessageState.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-OmshX9RP.js');
+require('../../chunks/bundle-O6Mos2Xn.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-Ox6f1Pr4.js');
-require('../../chunks/bundle-fKDcA4eI.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../chunks/bundle-NZvAE9FS.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-waeY4XbU.js');
-require('../../chunks/bundle-XIMyjFuW.js');
+require('../../chunks/bundle--QPuGnli.js');
+require('../../chunks/bundle-MNUU2JEo.js');
+require('../../chunks/bundle-t2GWOYzL.js');
 require('dompurify');
-require('../../chunks/bundle-85IKKe_e.js');
-require('../../chunks/bundle-s5Lt0vKF.js');
-require('../../chunks/bundle-jayPpL4B.js');
-require('../../chunks/bundle-DwxvWTiX.js');
+require('../../chunks/bundle-nYBtJl9e.js');
+require('../../chunks/bundle-RUqSDidW.js');
+require('../../chunks/bundle-0zagc7hR.js');
+require('../../chunks/bundle-haAptps1.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-EdNscsik.js');
+require('../../chunks/bundle-HQAiUNev.js');
 require('../../sendbirdSelectors.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-F9aI-PNs.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-dD_wqelx.js');
-require('../../chunks/bundle-XwSBmqOP.js');
+require('../../chunks/bundle-PhGdgkei.js');
+require('../../chunks/bundle-RquYsY0d.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
@@ -87,14 +86,14 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-jr9hFzH_.js');
+require('../../chunks/bundle-3_XFLnnt.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-4F7u20x2.js');
+require('../../chunks/bundle-KWR-0b7P.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-1GRgJFEb.js');
+require('../../chunks/bundle-zAQuo6rI.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 
@@ -131,12 +130,12 @@ function ThreadListItemContent(_a) {
     }, {
         shouldPreventDefault: false,
     });
-    var threadMessageKindKey = useStatefulFileInfoList.useThreadMessageKindKeySelector({
-        threadMessageKind: useStatefulFileInfoList.ThreadMessageKind.CHILD,
+    var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
+        threadMessageKind: useFileInfoListWithUploaded.ThreadMessageKind.CHILD,
         isMobile: isMobile,
     });
     // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList.useStatefulFileInfoList(message);
+    var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message);
     return (React.createElement("div", { className: "sendbird-thread-list-item-content ".concat(className, " ").concat(isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
         React.createElement("div", { className: "sendbird-thread-list-item-content__left ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') },
             (!isByMe && !chainBottom) && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) {
@@ -156,7 +155,7 @@ function ThreadListItemContent(_a) {
                     : (React.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
                         React.createElement(ui_UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
             (isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming', " ").concat(supposedHoverClassName) },
-                React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread }),
+                React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage }),
                 isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))),
         React.createElement("div", _tslib.__assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? _tslib.__assign({}, longPress) : {}),
             (!isByMe && !chainTop && !useReplying) && (React.createElement(ui_Label.Label, { className: "sendbird-thread-list-item-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ((_e = (_d = channel === null || channel === void 0 ? void 0 : channel.members) === null || _d === void 0 ? void 0 : _d.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _e === void 0 ? void 0 : _e.nickname)
@@ -171,7 +170,7 @@ function ThreadListItemContent(_a) {
                     ? (React.createElement(ui_OGMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })) : index.isTextMessage(message) && (React.createElement(ui_TextMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })),
                 index.isVoiceMessage(message) && (React.createElement(ui_VoiceMessageItemBody.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 })),
                 (index.getUIKitMessageType(message) === messageTypes.FILE) && (React.createElement(ui_FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14 })),
-                index.isMultipleFilesMessage(message) && (React.createElement(useStatefulFileInfoList.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
+                index.isMultipleFilesMessage(message) && (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
                 (index.isThumbnailMessage(message)) && (React.createElement(ui_ThumbnailMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: {
                         width: isMobile ? '100%' : '200px',
                         height: '148px',
@@ -190,7 +189,7 @@ function ThreadListItemContent(_a) {
                 }))))),
         React.createElement("div", { className: "sendbird-thread-list-item-content__right ".concat(chainTop ? 'chain-top' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
             isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
-            React.createElement(ui_MessageItemMenu.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 })))),
+            React.createElement(ui_MessageItemMenu.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.createElement(index$2.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 }))));
@@ -209,7 +208,7 @@ function ThreadListItem(_a) {
     var _h = React.useState(false), showEdit = _h[0], setShowEdit = _h[1];
     var _j = React.useState(false), showRemove = _j[0], setShowRemove = _j[1];
     var _k = React.useState(false), showFileViewer = _k[0], setShowFileViewer = _k[1];
-    var usingReaction = Channel_context.getIsReactionEnabled({
+    var usingReaction = getIsReactionEnabled.getIsReactionEnabled({
         globalLevel: isReactionEnabled,
         isSuper: currentChannel.isSuper,
         isBroadcast: currentChannel.isBroadcast,
@@ -268,7 +267,7 @@ function ThreadListItem(_a) {
     // Edit message
     if (showEdit && message.isUserMessage()) {
         return (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(Channel_components_SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {

package/cjs/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/cjs/Thread/components/ThreadMessageInput.js

@@ -1,73 +1,79 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-UHsDbhGB.js');
+var _tslib = require('../../chunks/bundle-DhtZdKsr.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-EKK1TWOg.js');
-var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
+var _const = require('../../chunks/bundle--tki3Ejh.js');
+var SuggestedMentionList = require('../../chunks/bundle-CDUgp575.js');
 var Thread_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-M_JdGFB9.js');
-var VoiceMessageInputWrapper = require('../../chunks/bundle-ccJm_pud.js');
-var types = require('../../chunks/bundle-wwqhN6T8.js');
+var LocalizationContext = require('../../chunks/bundle-6SzyBwQ5.js');
+var MessageInputWrapperView = require('../../chunks/bundle-ZvLEz_GA.js');
+require('../../chunks/bundle--1R8Yp9p.js');
+var types = require('../../chunks/bundle-Oq2rnNn_.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var utils = require('../../chunks/bundle-tJKWfbHM.js');
+var utils = require('../../chunks/bundle-CrbMqpah.js');
 var Channel_hooks_useHandleUploadFiles = require('../../Channel/hooks/useHandleUploadFiles.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-waeY4XbU.js');
+require('../../chunks/bundle-MNUU2JEo.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-wDJ0vmp7.js');
-require('../../chunks/bundle-FJe6Dl-f.js');
-require('../../chunks/bundle-XIMyjFuW.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-t2GWOYzL.js');
 require('dompurify');
-require('../../chunks/bundle-85IKKe_e.js');
-require('../../chunks/bundle-s5Lt0vKF.js');
-require('../../chunks/bundle-jayPpL4B.js');
+require('../../chunks/bundle-nYBtJl9e.js');
+require('../../chunks/bundle-RUqSDidW.js');
+require('../../chunks/bundle-0zagc7hR.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-wTtkySLW.js');
-require('../../chunks/bundle-bPLEZuwe.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-nox41MG6.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-X1vsWmGi.js');
-require('../../chunks/bundle-DwxvWTiX.js');
-require('../../chunks/bundle-OOMB_O1L.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-haAptps1.js');
+require('../../chunks/bundle--QPuGnli.js');
+require('../../chunks/bundle-w0ATt2gt.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-Ox6f1Pr4.js');
-require('../../chunks/bundle-EdNscsik.js');
-require('../../chunks/bundle-rD_EqTu8.js');
-require('../../chunks/bundle-e6jRRPqy.js');
-require('../../chunks/bundle-LWd8plnK.js');
-require('../../chunks/bundle-lk7syGfV.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle-OmshX9RP.js');
-require('../../chunks/bundle-fKDcA4eI.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-Q7Qb_8Qy.js');
-require('../../chunks/bundle-trkwub16.js');
-require('../../chunks/bundle-F9aI-PNs.js');
-require('../../chunks/bundle-YTD5gh4h.js');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../chunks/bundle-eCBAJmJN.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-TPy0gj60.js');
 require('../context/types.js');
 require('@sendbird/chat');
+require('../../chunks/bundle-O6Mos2Xn.js');
+require('../../chunks/bundle-NZvAE9FS.js');
+require('@sendbird/chat/message');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-jcgWT1ad.js');
+require('../../ui/QuoteMessageInput.js');
+require('../../chunks/bundle-KWR-0b7P.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-1GRgJFEb.js');
+require('../../chunks/bundle-zAQuo6rI.js');
 require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle-7iyslQY5.js');
+require('../../chunks/bundle-6L4HCLmb.js');
 require('react-dom');
-require('../../chunks/bundle-R55qwYIC.js');
+require('../../chunks/bundle-6zBNmPOP.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-ImsJYvdy.js');
+require('../../chunks/bundle-zLoe4MOM.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-gBGbUm4f.js');
+require('../../chunks/bundle-vMF9NM5u.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-7tLE_fm_.js');
+require('../../chunks/bundle-PSEoX-EH.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-3eaFVTUX.js');
+require('../../chunks/bundle-YjNFrYVt.js');
+require('../../chunks/bundle-zHDXCFIb.js');
+require('../../chunks/bundle-Njt4gDEW.js');
+require('../../chunks/bundle-CZTvTAu-.js');
 
 var ThreadMessageInput = function (props, ref) {
     var _a;
-    var className = props.className, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon;
-    var propsDisabled = props.disabled;
+    var className = props.className, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon, acceptableMimeTypes = props.acceptableMimeTypes;
     var config = useSendbirdStateContext.useSendbirdStateContext().config;
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var isMentionEnabled = config.isMentionEnabled, isOnline = config.isOnline, userMention = config.userMention, isVoiceMessageEnabled = config.isVoiceMessageEnabled, logger = config.logger;
@@ -75,7 +81,8 @@ var ThreadMessageInput = function (props, ref) {
     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 messageInputRef = React.useRef();
     var isMultipleFilesMessageEnabled = ((_a = threadContext.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : config.isMultipleFilesMessageEnabled);
-    var disabled = propsDisabled
+    var threadInputDisabled = props.disabled
+        || !isOnline
         || isMuted
         || (!((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR) && isChannelFrozen) || parentMessage === null;
     // MFM
@@ -123,7 +130,7 @@ var ThreadMessageInput = function (props, ref) {
         return null;
     }
     return (React.createElement("div", { className: "sendbird-thread-message-input".concat(showVoiceMessageInput ? '--voice-message' : '', " ").concat(className) },
-        displaySuggestedMentionList && (React.createElement(Channel_components_SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+        displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
             // renderUserMentionItem={renderUserMentionItem}
             onUserItemClick: function (user) {
                 if (user) {
@@ -138,13 +145,13 @@ var ThreadMessageInput = function (props, ref) {
                 setMentionSuggestedUsers(users);
             }, ableAddMention: ableMention, maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount, maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount })),
         showVoiceMessageInput
-            ? (React.createElement(VoiceMessageInputWrapper.VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
+            ? (React.createElement(MessageInputWrapperView.VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
                     sendVoiceMessage(recordedFile, duration, parentMessage);
                     setShowVoiceMessageInput(false);
                 }, onCancelClick: function () {
                     setShowVoiceMessageInput(false);
                 } }))
-            : (React.createElement(ui_MessageInput, { className: "sendbird-thread-message-input__message-input", messageFieldId: "sendbird-message-input-text-field--thread", disabled: disabled, channel: currentChannel, setMentionedUsers: setMentionedUsers, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
+            : (React.createElement(ui_MessageInput, { className: "sendbird-thread-message-input__message-input", messageFieldId: "sendbird-message-input-text-field--thread", disabled: threadInputDisabled, channel: currentChannel, acceptableMimeTypes: acceptableMimeTypes, setMentionedUsers: setMentionedUsers, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
                     setShowVoiceMessageInput(true);
                 }, renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon, ref: ref || messageInputRef, placeholder: ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isFrozen) && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
                     || ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === groupChannel.MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT)

package/cjs/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/cjs/Thread/components/ThreadUI.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../chunks/bundle-M_JdGFB9.js');
-var utils = require('../../chunks/bundle-NZXUf6_L.js');
+var LocalizationContext = require('../../chunks/bundle-6SzyBwQ5.js');
+var utils = require('../../chunks/bundle-s--ExKtj.js');
 var Thread_context = require('../context.js');
 var Thread_components_ParentMessageInfo = require('./ParentMessageInfo.js');
 var Thread_components_ThreadHeader = require('./ThreadHeader.js');
@@ -11,50 +11,50 @@ var Thread_components_ThreadList = require('./ThreadList.js');
 var Thread_components_ThreadMessageInput = require('./ThreadMessageInput.js');
 var Thread_context_types = require('../context/types.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var ui_Label = require('../../chunks/bundle-wDJ0vmp7.js');
-var useSendMultipleFilesMessage = require('../../chunks/bundle-YTD5gh4h.js');
+var ui_Label = require('../../chunks/bundle-VxcYXhwp.js');
+var useSendMultipleFilesMessage = require('../../chunks/bundle-eCBAJmJN.js');
 var Message_context = require('../../Message/context.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-UHsDbhGB.js');
-require('../../chunks/bundle-FJe6Dl-f.js');
-require('../../chunks/bundle-lk7syGfV.js');
-require('../../chunks/bundle-e6jRRPqy.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-TPy0gj60.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-Q7Qb_8Qy.js');
-require('../../chunks/bundle-OmshX9RP.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-O6Mos2Xn.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-Ox6f1Pr4.js');
-require('../../chunks/bundle-fKDcA4eI.js');
-require('../../chunks/bundle-bPLEZuwe.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-X1vsWmGi.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../chunks/bundle-NZvAE9FS.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-trkwub16.js');
-require('../../chunks/bundle-LWd8plnK.js');
-require('../../chunks/bundle-99TH6XOD.js');
-require('../../chunks/bundle-7iyslQY5.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-tntEm-Mv.js');
+require('../../chunks/bundle-VP5r38Gj.js');
+require('../../chunks/bundle-6L4HCLmb.js');
 require('react-dom');
-require('../../chunks/bundle-wTtkySLW.js');
-require('../../chunks/bundle-R55qwYIC.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-6zBNmPOP.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-qbpoRdJa.js');
+require('../../chunks/bundle-wZDX1pVR.js');
+require('../../chunks/bundle-nox41MG6.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-xM2DAzE6.js');
 require('./ParentMessageInfoItem.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-gBGbUm4f.js');
+require('../../chunks/bundle-vMF9NM5u.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-RWm1ToHA.js');
+require('../../chunks/bundle-2hJhRu5W.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-OOMB_O1L.js');
-require('../../chunks/bundle-EdNscsik.js');
+require('../../chunks/bundle-w0ATt2gt.js');
+require('../../chunks/bundle-HQAiUNev.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
@@ -64,53 +64,61 @@ require('../../ui/TooltipWrapper.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-1GRgJFEb.js');
+require('../../chunks/bundle-zAQuo6rI.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-jr9hFzH_.js');
-require('../../chunks/bundle-DwxvWTiX.js');
+require('../../chunks/bundle-3_XFLnnt.js');
+require('../../chunks/bundle-haAptps1.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-Pa-zxMUU.js');
-require('../../chunks/bundle-sGVgQ4l8.js');
-require('../../chunks/bundle-WuVcsZSE.js');
+require('../../chunks/bundle-qRiLsSwC.js');
+require('../../chunks/bundle-NPzNlnHJ.js');
+require('../../chunks/bundle-zDh-X-Q4.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-tJKWfbHM.js');
-require('../../chunks/bundle-rD_EqTu8.js');
-require('../../chunks/bundle-waeY4XbU.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-F9aI-PNs.js');
-require('../../Channel/components/SuggestedMentionList.js');
-require('../../chunks/bundle-EKK1TWOg.js');
+require('../../chunks/bundle-CrbMqpah.js');
+require('../../chunks/bundle-Msh8rb3L.js');
+require('../../chunks/bundle-CDUgp575.js');
+require('../../chunks/bundle--QPuGnli.js');
+require('../../chunks/bundle--tki3Ejh.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-wwqhN6T8.js');
+require('../../chunks/bundle-Oq2rnNn_.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-XIMyjFuW.js');
+require('../../chunks/bundle-MNUU2JEo.js');
+require('../../chunks/bundle-t2GWOYzL.js');
 require('dompurify');
-require('../../chunks/bundle-85IKKe_e.js');
-require('../../chunks/bundle-s5Lt0vKF.js');
-require('../../chunks/bundle-jayPpL4B.js');
-require('../../chunks/bundle-IVfrW5UV.js');
+require('../../chunks/bundle-nYBtJl9e.js');
+require('../../chunks/bundle-RUqSDidW.js');
+require('../../chunks/bundle-0zagc7hR.js');
+require('../../chunks/bundle-KBZdi1sN.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 require('./ThreadListItem.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-idn81XsS.js');
-require('../../chunks/bundle-dD_wqelx.js');
-require('../../chunks/bundle-XwSBmqOP.js');
+require('../../chunks/bundle-Pzvqu5yR.js');
+require('../../chunks/bundle-PhGdgkei.js');
+require('../../chunks/bundle-RquYsY0d.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../chunks/bundle-4F7u20x2.js');
+require('../../chunks/bundle-KWR-0b7P.js');
 require('../../ui/UnknownMessageItemBody.js');
+require('../../Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
-require('../../chunks/bundle-ccJm_pud.js');
+require('../../chunks/bundle-ZvLEz_GA.js');
+require('../../chunks/bundle-jcgWT1ad.js');
+require('../../ui/QuoteMessageInput.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-ImsJYvdy.js');
+require('../../chunks/bundle-zLoe4MOM.js');
+require('../../chunks/bundle-PSEoX-EH.js');
+require('../../chunks/bundle--1R8Yp9p.js');
+require('../../chunks/bundle-3eaFVTUX.js');
+require('../../chunks/bundle-YjNFrYVt.js');
+require('../../chunks/bundle-zHDXCFIb.js');
+require('../../chunks/bundle-Njt4gDEW.js');
+require('../../chunks/bundle-CZTvTAu-.js');
 require('../../Channel/hooks/useHandleUploadFiles.js');
-require('../../chunks/bundle-7tLE_fm_.js');
 
 var useMemorizedHeader = function (_a) {
     var renderHeader = _a.renderHeader;

package/cjs/Thread/components/ThreadUI.js.map

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