@sendbird/uikit-react 3.14.3 → 3.14.5

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,198 +1,200 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-CY1bUkfG.js');
+var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var MediaQueryContext = require('../../chunks/bundle-BwEcnJDm.js');
+var MediaQueryContext = require('../../chunks/bundle-CLNUkVC8.js');
 var Thread_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-E9H8fQL4.js');
+var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-BoCS4RH3.js');
-var SuggestedMentionList = require('../../chunks/bundle-DLdV8LNR.js');
-var MessageInputWrapperView = require('../../chunks/bundle-DR-T3oW9.js');
+var _const = require('../../chunks/bundle-C4UzGGy_.js');
+var SuggestedMentionList = require('../../chunks/bundle-DOUm656A.js');
+var MessageInputWrapperView = require('../../chunks/bundle-BiTKgXrx.js');
 require('../../GroupChannel/context.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-D3Gxy8S0.js');
-var types = require('../../chunks/bundle-DdSNUhSn.js');
+require('../../chunks/bundle-Cw7xe6J1.js');
+var types = require('../../chunks/bundle-Ci6F_UQc.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
 var Channel_hooks_useHandleUploadFiles = require('../../Channel/hooks/useHandleUploadFiles.js');
-var utils = require('../../chunks/bundle-u8pJrzSP.js');
+var utils = require('../../chunks/bundle-D1X4MKLh.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-DbS-u43Y.js');
-require('../../chunks/bundle-0W_w8lRK.js');
+require('../../chunks/bundle-Cc89qdjT.js');
+require('../../chunks/bundle-DpK1fr1j.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-DnXNmdmw.js');
-require('../../chunks/bundle-C7_tieEZ.js');
+require('../../chunks/bundle-Ca7xeBTO.js');
+require('../../chunks/bundle-D7v4i_Ae.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-C-noHeKZ.js');
-require('../../chunks/bundle-BRjBigtB.js');
-require('../../chunks/bundle-DbykvtHO.js');
+require('../../chunks/bundle-IE4yQ0qq.js');
+require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-CcmMvK6l.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
-require('../../chunks/bundle-B6uiunjG.js');
+require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-B2KKkvdj.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-BuYf2Pa8.js');
-require('../../chunks/bundle-C0LFi1ur.js');
+require('../../chunks/bundle-Deao1Upp.js');
+require('../../chunks/bundle-BOrMDMdN.js');
 require('dompurify');
-require('../../chunks/bundle-DPoAoYEl.js');
-require('../../chunks/bundle-DessEmBr.js');
-require('../../chunks/bundle-DIxulCCm.js');
+require('../../chunks/bundle-ClBBhzU-.js');
+require('../../chunks/bundle-SfusZfMJ.js');
+require('../../chunks/bundle-D4e0UT-6.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-BDbnsPGF.js');
-require('../../chunks/bundle-SdH24Cv9.js');
-require('../../chunks/bundle-Bka-H9ks.js');
-require('../../chunks/bundle-D3tBia0F.js');
-require('../../chunks/bundle-oUs61pbv.js');
+require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-DFVUnSWq.js');
+require('../../chunks/bundle-dr9zoU1D.js');
+require('../../chunks/bundle-C0ZNrrcl.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-C-zGGOpz.js');
-require('../../chunks/bundle-BzR58JaC.js');
+require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-DvpCzVKY.js');
 require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-DDmTdnuT.js');
+require('../../chunks/bundle-DmVeFWB4.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-DlPLp6fm.js');
-require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle-fG1bRzYE.js');
+require('../../chunks/bundle-BAqFIbKr.js');
+require('../../chunks/bundle-DJ9gapN2.js');
 require('react-dom');
+require('css-vars-ponyfill');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-Bpy7IQta.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-BRUrQgUE.js');
+require('../../chunks/bundle-DGJX80zy.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DI-qrtXL.js');
-require('../../hooks/useModal.js');
-require('../../chunks/bundle-ti18J4ii.js');
-require('../../chunks/bundle-CZObcUAk.js');
-require('../../chunks/bundle-D8-ob9Ia.js');
-require('../../chunks/bundle-Dn17aH6v.js');
-require('../../chunks/bundle-DsKL-Ede.js');
-require('../../chunks/bundle-XEpryGfs.js');
-require('../../chunks/bundle-C-gA8UhR.js');
+require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-cl2q8NwQ.js');
+require('../../chunks/bundle-xADAFEo0.js');
+require('../../chunks/bundle-BG8qs_3y.js');
+require('../../chunks/bundle-hXD0NDZt.js');
+require('../../chunks/bundle-BMN1aDia.js');
+require('../../chunks/bundle-BCQxFX-W.js');
+require('../../chunks/bundle-30fh5iPx.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 isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    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", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, disabled: threadInputDisabled, acceptableMimeTypes: acceptableMimeTypes, setMentionedUsers: setMentionedUsers, 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 = 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 isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel$1 = config.groupChannel;
+    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 isMentionEnabled = groupChannel$1.enableMention;
+    var isVoiceMessageEnabled = groupChannel$1.enableVoiceMessage;
+    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", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, disabled: threadInputDisabled, acceptableMimeTypes: acceptableMimeTypes, setMentionedUsers: setMentionedUsers, 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 = ThreadMessageInput$1;

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