@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/cjs/Thread/components/ThreadMessageInput.js

@@ -1,77 +1,197 @@
 'use strict';
 
-require('../../chunks/bundle-H3iUL9jU.js');
-require('react');
-require('@sendbird/chat/groupChannel');
-require('../../useSendbirdStateContext.js');
-require('../../ui/MessageInput.js');
-require('../../chunks/bundle-Ok99sReN.js');
-require('../../chunks/bundle-kLhcU0Bg.js');
-require('../context.js');
-require('../../chunks/bundle-om7V4Kmd.js');
-require('../../chunks/bundle-o2O3PYyl.js');
-var Thread_components_ThreadMessageInput = require('../../chunks/bundle-xbwLn6pV.js');
+var _tslib = require('../../chunks/bundle-Pp2hAi9g.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-wVlRBt78.js');
+var SuggestedMentionList = require('../../chunks/bundle-KLiWyyBv.js');
+var Thread_context = require('../context.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var MessageInputWrapperView = require('../../chunks/bundle-w450_AIz.js');
+require('../../GroupChannel/context.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-eG-yFfLY.js');
-require('../../chunks/bundle-y7MhfXfx.js');
-require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-E1H3DQtB.js');
-require('../../Channel/hooks/useHandleUploadFiles.js');
+require('../../chunks/bundle-BIo8a3gP.js');
+var types = require('../../chunks/bundle-Sp0Vzjeq.js');
+var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
+var utils = require('../../chunks/bundle-G3wIPH8m.js');
+var Channel_hooks_useHandleUploadFiles = require('../../Channel/hooks/useHandleUploadFiles.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-_vyDAzUb.js');
+require('../../chunks/bundle-G8VoSPnT.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-WWYVAaVT.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-a3DGXthf.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-7qCJ1BsN.js');
 require('dompurify');
-require('../../chunks/bundle-dwD6gaHJ.js');
-require('../../chunks/bundle-0LtiaxJx.js');
-require('../../chunks/bundle-8XvxyLQN.js');
+require('../../chunks/bundle-L-INlcEY.js');
+require('../../chunks/bundle-PzNWj1Ya.js');
+require('../../chunks/bundle-AN2XvUtp.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-ZpJLlgNE.js');
-require('../../chunks/bundle-eg9jnWPm.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-jUxjf8aL.js');
-require('../../chunks/bundle-mNGciuzV.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-aMzX7VhJ.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-GVX1pgQE.js');
+require('../../chunks/bundle--ygAOWyl.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DgcTM2HW.js');
-require('../../chunks/bundle-jP-1bn23.js');
-require('../../chunks/bundle-hzGTyicd.js');
-require('../../chunks/bundle-BMB3xh2i.js');
-require('../../chunks/bundle-uubJJzRW.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-v-iEVf7X.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-VSxKlJiY.js');
+require('../../chunks/bundle-ac8CNkHD.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-m_0K8NXX.js');
-require('../../chunks/bundle-EsJltkVm.js');
+require('../../chunks/bundle-vx2itBKI.js');
+require('../../chunks/bundle-WnDkk4j0.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle--yF0PJ6E.js');
-require('../../chunks/bundle-hlZ6VwkW.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-3my94NZb.js');
+require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-r9E_mzs-.js');
+require('../../chunks/bundle-40a4LzCe.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-X6IgWOv5.js');
+require('../../chunks/bundle-1q18oFrr.js');
 require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle--t70CDfb.js');
+require('../../chunks/bundle-Mku2L7HX.js');
 require('react-dom');
-require('../../chunks/bundle-lHnGN-3L.js');
+require('../../chunks/bundle-l18lIHqV.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-p1TqI4uJ.js');
+require('../../chunks/bundle-_P-b1GDT.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-YxnuYJcD.js');
+require('../../chunks/bundle-cjPeUrcf.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-49TaYIAY.js');
-require('../../chunks/bundle-qjc3EF_B.js');
-require('../../chunks/bundle--zfwoPVm.js');
-require('../../chunks/bundle-QU7zbepl.js');
-require('../../chunks/bundle-kYfqAttM.js');
-require('../../chunks/bundle-Z6FnnPza.js');
-
+require('../../chunks/bundle-szNiJOoj.js');
+require('../../chunks/bundle-mYCCMkSO.js');
+require('../../chunks/bundle-NO9KjD6-.js');
+require('../../chunks/bundle-ECik2x9q.js');
+require('../../chunks/bundle-B3exQvX0.js');
+require('../../chunks/bundle-vN6Le9sy.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.useSendbirdStateContext().config;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var isMentionEnabled = config.isMentionEnabled, isOnline = config.isOnline, userMention = config.userMention, isVoiceMessageEnabled = config.isVoiceMessageEnabled, logger = config.logger;
+    var threadContext = Thread_context.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 messageInputRef = React.useRef();
+    var isMultipleFilesMessageEnabled = ((_a = threadContext.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : config.isMultipleFilesMessageEnabled);
+    var threadInputDisabled = props.disabled
+        || !isOnline
+        || isMuted
+        || (!((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR) && isChannelFrozen) || parentMessage === null;
+    // MFM
+    var handleUploadFiles = Channel_hooks_useHandleUploadFiles.useHandleUploadFiles({
+        sendFileMessage: sendFileMessage,
+        sendMultipleFilesMessage: sendMultipleFilesMessage,
+        quoteMessage: parentMessage,
+    }, {
+        logger: logger,
+    });
+    // mention
+    var _b = React.useState(''), mentionNickname = _b[0], setMentionNickname = _b[1];
+    var _c = React.useState([]), mentionedUsers = _c[0], setMentionedUsers = _c[1];
+    var _d = React.useState([]), mentionedUserIds = _d[0], setMentionedUserIds = _d[1];
+    var _e = React.useState(null), selectedUser = _e[0], setSelectedUser = _e[1];
+    var _f = React.useState([]), mentionSuggestedUsers = _f[0], setMentionSuggestedUsers = _f[1];
+    var _g = React.useState(null), messageInputEvent = _g[0], setMessageInputEvent = _g[1];
+    var _h = React.useState(false), showVoiceMessageInput = _h[0], setShowVoiceMessageInput = _h[1];
+    var displaySuggestedMentionList = isOnline
+        && isMentionEnabled
+        && mentionNickname.length > 0
+        && !utils.isDisabledBecauseFrozen(currentChannel)
+        && !utils.isDisabledBecauseMuted(currentChannel)
+        && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast);
+    // Reset when changing channel
+    React.useEffect(function () {
+        setShowVoiceMessageInput(false);
+    }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: ref || messageInputRef }, { logger: logger });
+    var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount);
+    React.useEffect(function () {
+        setMentionedUsers(mentionedUsers.filter(function (_a) {
+            var userId = _a.userId;
+            var i = mentionedUserIds.indexOf(userId);
+            if (i < 0) {
+                return false;
+            }
+            else {
+                mentionedUserIds.splice(i, 1);
+                return true;
+            }
+        }));
+    }, [mentionedUserIds]);
+    if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) !== types.Role.OPERATOR) {
+        return null;
+    }
+    return (React.createElement("div", { className: "sendbird-thread-message-input".concat(showVoiceMessageInput ? '--voice-message' : '', " ").concat(className) },
+        displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            // renderUserMentionItem={renderUserMentionItem}
+            onUserItemClick: function (user) {
+                if (user) {
+                    setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
+                }
+                setMentionNickname('');
+                setSelectedUser(user);
+                setMessageInputEvent(null);
+            }, onFocusItemChange: function () {
+                setMessageInputEvent(null);
+            }, onFetchUsers: function (users) {
+                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(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: 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)
+                    || (allThreadMessages.length > 0
+                        ? stringSet.THREAD__INPUT__REPLY_TO_THREAD
+                        : stringSet.THREAD__INPUT__REPLY_IN_THREAD), onStartTyping: function () {
+                    var _a;
+                    (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
+                }, onSendMessage: function (_a) {
+                    var _b;
+                    var message = _a.message, mentionTemplate = _a.mentionTemplate;
+                    sendMessage({
+                        message: message,
+                        mentionedUsers: mentionedUsers,
+                        mentionTemplate: mentionTemplate,
+                        quoteMessage: parentMessage,
+                    });
+                    setMentionNickname('');
+                    setMentionedUsers([]);
+                    (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
+                }, onFileUpload: handleUploadFiles, onUserMentioned: function (user) {
+                    if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
+                        setSelectedUser(null);
+                        setMentionNickname('');
+                    }
+                }, onMentionStringChange: function (mentionText) {
+                    setMentionNickname(mentionText);
+                }, onMentionedUserIdsUpdated: function (userIds) {
+                    setMentionedUserIds(userIds);
+                }, onKeyDown: function (e) {
+                    if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0
+                        && ((e.key === _const.MessageInputKeys.Enter && ableMention) || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
+                        setMessageInputEvent(e);
+                        return true;
+                    }
+                    return false;
+                } }))));
+};
+var ThreadMessageInput$1 = React.forwardRef(ThreadMessageInput);
 
-module.exports = Thread_components_ThreadMessageInput.ThreadMessageInput;
+module.exports = ThreadMessageInput$1;
 //# sourceMappingURL=ThreadMessageInput.js.map

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,59 +2,59 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../chunks/bundle-om7V4Kmd.js');
-var utils = require('../../chunks/bundle-zuVbTz4t.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var utils = require('../../chunks/bundle-nFCXCRnQ.js');
 var Thread_context = require('../context.js');
 var Thread_components_ParentMessageInfo = require('./ParentMessageInfo.js');
 var Thread_components_ThreadHeader = require('./ThreadHeader.js');
 var Thread_components_ThreadList = require('./ThreadList.js');
-var Thread_components_ThreadMessageInput = require('../../chunks/bundle-xbwLn6pV.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-WWYVAaVT.js');
-var useSendMultipleFilesMessage = require('../../chunks/bundle-hzGTyicd.js');
+var ui_Label = require('../../chunks/bundle-kp4rHxFj.js');
+var useSendMultipleFilesMessage = require('../../chunks/bundle-v-iEVf7X.js');
 var Message_context = require('../../Message/context.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-H3iUL9jU.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../chunks/bundle-uubJJzRW.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-ac8CNkHD.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-BMB3xh2i.js');
-require('../../chunks/bundle-m_0K8NXX.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../chunks/bundle-vx2itBKI.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-jP-1bn23.js');
-require('../../chunks/bundle-EsJltkVm.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-WnDkk4j0.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle--yF0PJ6E.js');
-require('../../chunks/bundle-0TRHdH1v.js');
-require('../../chunks/bundle-aQOJcXCO.js');
-require('../../chunks/bundle--t70CDfb.js');
+require('../../chunks/bundle-VSxKlJiY.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-31Znhf75.js');
+require('../../chunks/bundle-Mku2L7HX.js');
 require('react-dom');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-lHnGN-3L.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-l18lIHqV.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-qXInmu7W.js');
-require('../../chunks/bundle-eG-yFfLY.js');
+require('../../chunks/bundle-9G4y8IUf.js');
+require('../../chunks/bundle-BIo8a3gP.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-eg9jnWPm.js');
+require('../../chunks/bundle-ttLl6tqv.js');
 require('./ParentMessageInfoItem.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-YxnuYJcD.js');
+require('../../chunks/bundle-cjPeUrcf.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-mk0LQISG.js');
+require('../../chunks/bundle-I85dteYT.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-mNGciuzV.js');
-require('../../chunks/bundle-DgcTM2HW.js');
+require('../../chunks/bundle--ygAOWyl.js');
+require('../../chunks/bundle-Zjbgztcu.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
@@ -64,59 +64,61 @@ require('../../ui/TooltipWrapper.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-X6IgWOv5.js');
+require('../../chunks/bundle-1q18oFrr.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-YvcRCGBd.js');
-require('../../chunks/bundle-ZpJLlgNE.js');
+require('../../chunks/bundle-98I9HrXW.js');
+require('../../chunks/bundle-aMzX7VhJ.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-Pcl0nMWb.js');
-require('../../chunks/bundle-oLo1K2bf.js');
-require('../../chunks/bundle-LFW-mAQF.js');
+require('../../chunks/bundle-L6Jk8Ayi.js');
+require('../../chunks/bundle-zC9tSqim.js');
+require('../../chunks/bundle-h40wCyHM.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-E1H3DQtB.js');
-require('../../chunks/bundle-V4Gdewny.js');
-require('../../chunks/bundle-kLhcU0Bg.js');
-require('../../chunks/bundle-jUxjf8aL.js');
-require('../../chunks/bundle-Ok99sReN.js');
+require('../../chunks/bundle-G3wIPH8m.js');
+require('../../chunks/bundle-8jmUxywc.js');
+require('../../chunks/bundle-KLiWyyBv.js');
+require('../../chunks/bundle-GVX1pgQE.js');
+require('../../chunks/bundle-wVlRBt78.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-y7MhfXfx.js');
+require('../../chunks/bundle-Sp0Vzjeq.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-_vyDAzUb.js');
-require('../../chunks/bundle-a3DGXthf.js');
+require('../../chunks/bundle-G8VoSPnT.js');
+require('../../chunks/bundle-7qCJ1BsN.js');
 require('dompurify');
-require('../../chunks/bundle-dwD6gaHJ.js');
-require('../../chunks/bundle-0LtiaxJx.js');
-require('../../chunks/bundle-8XvxyLQN.js');
-require('../../chunks/bundle-hCR6GZHZ.js');
+require('../../chunks/bundle-L-INlcEY.js');
+require('../../chunks/bundle-PzNWj1Ya.js');
+require('../../chunks/bundle-AN2XvUtp.js');
+require('../../chunks/bundle-dRMOPP7T.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 require('./ThreadListItem.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-4QpLkquA.js');
-require('../../chunks/bundle-3-zCFAsZ.js');
-require('../../chunks/bundle-8oh3Iidd.js');
+require('../../chunks/bundle-7hPt-3N9.js');
+require('../../chunks/bundle-cTA4XRQz.js');
+require('../../chunks/bundle-SSVfUJDa.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../chunks/bundle-r9E_mzs-.js');
+require('../../chunks/bundle-40a4LzCe.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
-require('../../chunks/bundle-o2O3PYyl.js');
-require('../../chunks/bundle-hlZ6VwkW.js');
+require('../../chunks/bundle-w450_AIz.js');
+require('../../chunks/bundle-3my94NZb.js');
+require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-p1TqI4uJ.js');
-require('../../chunks/bundle-49TaYIAY.js');
-require('../../chunks/bundle-qjc3EF_B.js');
-require('../../chunks/bundle--zfwoPVm.js');
-require('../../chunks/bundle-QU7zbepl.js');
-require('../../chunks/bundle-kYfqAttM.js');
-require('../../chunks/bundle-Z6FnnPza.js');
+require('../../chunks/bundle-_P-b1GDT.js');
+require('../../chunks/bundle-szNiJOoj.js');
+require('../../GroupChannel/context.js');
+require('../../chunks/bundle-mYCCMkSO.js');
+require('../../chunks/bundle-NO9KjD6-.js');
+require('../../chunks/bundle-ECik2x9q.js');
+require('../../chunks/bundle-B3exQvX0.js');
+require('../../chunks/bundle-vN6Le9sy.js');
 require('../../Channel/hooks/useHandleUploadFiles.js');
 
 var useMemorizedHeader = function (_a) {
@@ -270,7 +272,7 @@ var ThreadUI = function (_a) {
             replyCount > 0 && (React.createElement("div", { className: "sendbird-thread-ui__reply-counts" },
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_3 }, "".concat(replyCount, " ").concat(replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY)))),
             MemorizedThreadList || (React.createElement(Thread_components_ThreadList, { className: "sendbird-thread-ui__thread-list", renderMessage: renderMessage, renderCustomSeparator: renderCustomSeparator, scrollRef: scrollRef, scrollBottom: scrollBottom }))),
-        (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React.createElement(Thread_components_ThreadMessageInput.ThreadMessageInput, { className: "sendbird-thread-ui__message-input", renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
+        (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React.createElement(Thread_components_ThreadMessageInput, { className: "sendbird-thread-ui__message-input", renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon }))));
 };
 
 module.exports = ThreadUI;

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/Thread/context.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var useSendMultipleFilesMessage = require('../chunks/bundle-hzGTyicd.js');
-var UserProfileContext = require('../chunks/bundle-uubJJzRW.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-v-iEVf7X.js');
+var UserProfileContext = require('../chunks/bundle-ac8CNkHD.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-H3iUL9jU.js');
+var _tslib = require('../chunks/bundle-Pp2hAi9g.js');
 var Thread_context_types = require('./context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var pubSub_topics = require('../chunks/bundle-BMB3xh2i.js');
-var actionTypes = require('../chunks/bundle-m_0K8NXX.js');
+var pubSub_topics = require('../chunks/bundle-tlScTb1q.js');
+var actionTypes = require('../chunks/bundle-vx2itBKI.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-jP-1bn23.js');
-var compareIds = require('../chunks/bundle-EsJltkVm.js');
+var uuid = require('../chunks/bundle-1Kqo8Utk.js');
+var compareIds = require('../chunks/bundle-WnDkk4j0.js');
 var message = require('@sendbird/chat/message');
-var consts = require('../chunks/bundle--yF0PJ6E.js');
-require('../chunks/bundle-E1H3DQtB.js');
+var consts = require('../chunks/bundle-VSxKlJiY.js');
+require('../chunks/bundle-G3wIPH8m.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
 
@@ -667,7 +667,7 @@ function useSendFileMessageCallback(_a, _b) {
                             requestState: 'pending' }),
                     },
                 });
-                setTimeout(function () { return useSendMultipleFilesMessage.scrollIntoLast(); }, 1000);
+                setTimeout(function () { return useSendMultipleFilesMessage.scrollIntoLast(); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
             }).onFailed(function (error, message) {
                 message.localUrl = URL.createObjectURL(file);
                 message.file = file;
@@ -1021,7 +1021,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
                         requestState: 'pending' }),
                 },
             });
-            setTimeout(function () { return useSendMultipleFilesMessage.scrollIntoLast(); }, 1000);
+            setTimeout(function () { return useSendMultipleFilesMessage.scrollIntoLast(); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
         }).onFailed(function (error, message) {
             message.localUrl = URL.createObjectURL(file);
             message.file = file;