@sendbird/uikit-react 3.4.5-rc.0 → 3.4.6-0

package/Channel/components/MessageInput.js

@@ -1,130 +1,117 @@
-import { a as __spreadArray } from '../../tslib.es6-bb0710b6.js';
+import { a as __spreadArray } from '../../tslib.es6-5180f9d1.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-1e05ac9e.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-cd9afff3.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-34b46c40.js';
+import { a as LocalizationContext } from '../../LocalizationContext-43b10f97.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-b20d1024.js';
-import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-9e4d2e0f.js';
-import '../../UserProfileContext-3fa0c617.js';
+import { M as MessageInputKeys } from '../../const-48a3200e.js';
+import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-c74412de.js';
+import '../../UserProfileContext-12b6fabf.js';
 import 'prop-types';
-import '../../index-6e6736ec.js';
-import '../../index-3fff67da.js';
-import '../../topics-2a79610f.js';
-import '../../index-3ee902ac.js';
+import '../../index-8a52a6f4.js';
+import '../../index-0f373e79.js';
+import '../../topics-6d4bf2ed.js';
+import '../../index-cd1a9173.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-f78972d2.js';
-import '../../compareIds-67c3b05b.js';
-import '../../const-8c87d265.js';
+import '../../_rollupPluginBabelHelpers-3756a6a3.js';
+import '../../compareIds-3e30a438.js';
+import '../../const-71bd6867.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-9ea19939.js';
+import '../../uuid-368c5040.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-824e5bc8.js';
-import '../../stringSet-a9c3ac4a.js';
+import '../../index-8f0ae983.js';
+import '../../stringSet-2d42f6ff.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-5b2caf41.js';
+import '../../consts-30f09302.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-44e40533.js';
-import '../../consts-5929bec3.js';
-import '../../consts-996c0a58.js';
-import '../../tokenize-63675252.js';
+import '../../consts-e4e1a8fc.js';
+import '../../consts-665331c7.js';
+import '../../consts-4b1e008b.js';
+import '../../tokenize-cd9c48bb.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';
-import '../../ThreadProvider-44c43f8d.js';
+import '../../ThreadProvider-533e9025.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-1d770388.js';
+import '../../index-207577d6.js';
 import '../../VoiceRecorder/context.js';
 import '../../lame.all.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-c36339ab.js';
+import '../../index-d75ba9c0.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../color-6e50d9e2.js';
+import '../../color-e54d3ed7.js';
 import '../../ui/Modal.js';
-import '../../index-5668e8eb.js';
-import '../../MediaQueryContext-ce624aa4.js';
+import '../../index-5c20d787.js';
+import '../../MediaQueryContext-f2df2472.js';
 
 var MessageInputWrapper = function (props, ref) {
   var value = props.value,
-      renderFileUploadIcon = props.renderFileUploadIcon,
-      renderVoiceMessageIcon = props.renderVoiceMessageIcon,
-      renderSendMessageIcon = props.renderSendMessageIcon;
+    renderFileUploadIcon = props.renderFileUploadIcon,
+    renderVoiceMessageIcon = props.renderVoiceMessageIcon,
+    renderSendMessageIcon = props.renderSendMessageIcon;
   var propDisabled = props.disabled;
-
   var _a = useChannelContext(),
-      currentGroupChannel = _a.currentGroupChannel,
-      initialized = _a.initialized,
-      quoteMessage = _a.quoteMessage,
-      sendMessage = _a.sendMessage,
-      sendFileMessage = _a.sendFileMessage,
-      sendVoiceMessage = _a.sendVoiceMessage,
-      setQuoteMessage = _a.setQuoteMessage,
-      messageInputRef = _a.messageInputRef,
-      renderUserMentionItem = _a.renderUserMentionItem;
-
+    currentGroupChannel = _a.currentGroupChannel,
+    initialized = _a.initialized,
+    quoteMessage = _a.quoteMessage,
+    sendMessage = _a.sendMessage,
+    sendFileMessage = _a.sendFileMessage,
+    sendVoiceMessage = _a.sendVoiceMessage,
+    setQuoteMessage = _a.setQuoteMessage,
+    messageInputRef = _a.messageInputRef,
+    renderUserMentionItem = _a.renderUserMentionItem;
   var globalStore = useSendbirdStateContext();
   var channel = currentGroupChannel;
-
   var _b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config,
-      isOnline = _b.isOnline,
-      isMentionEnabled = _b.isMentionEnabled,
-      userMention = _b.userMention,
-      isVoiceMessageEnabled = _b.isVoiceMessageEnabled;
-
+    isOnline = _b.isOnline,
+    isMentionEnabled = _b.isMentionEnabled,
+    userMention = _b.userMention,
+    isVoiceMessageEnabled = _b.isVoiceMessageEnabled;
   var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10;
   var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15;
   var stringSet = useContext(LocalizationContext).stringSet;
-
   var _c = useState(''),
-      mentionNickname = _c[0],
-      setMentionNickname = _c[1]; // todo: set type
-
-
+    mentionNickname = _c[0],
+    setMentionNickname = _c[1];
+  // todo: set type
   var _d = useState([]),
-      mentionedUsers = _d[0],
-      setMentionedUsers = _d[1];
-
+    mentionedUsers = _d[0],
+    setMentionedUsers = _d[1];
   var _e = useState([]),
-      mentionedUserIds = _e[0],
-      setMentionedUserIds = _e[1];
-
+    mentionedUserIds = _e[0],
+    setMentionedUserIds = _e[1];
   var _f = useState(null),
-      selectedUser = _f[0],
-      setSelectedUser = _f[1];
-
+    selectedUser = _f[0],
+    setSelectedUser = _f[1];
   var _g = useState([]),
-      mentionSuggestedUsers = _g[0],
-      setMentionSuggestedUsers = _g[1];
-
+    mentionSuggestedUsers = _g[0],
+    setMentionSuggestedUsers = _g[1];
   var _h = useState(true),
-      ableMention = _h[0],
-      setAbleMention = _h[1];
-
+    ableMention = _h[0],
+    setAbleMention = _h[1];
   var _j = useState(null),
-      messageInputEvent = _j[0],
-      setMessageInputEvent = _j[1];
-
+    messageInputEvent = _j[0],
+    setMessageInputEvent = _j[1];
   var _k = useState(false),
-      showVoiceMessageInput = _k[0],
-      setShowVoiceMessageInput = _k[1];
-
+    showVoiceMessageInput = _k[0],
+    setShowVoiceMessageInput = _k[1];
   var disabled = propDisabled || !initialized || isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel) || !isOnline;
   var isOperator$1 = isOperator(channel);
   var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
-  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !isDisabledBecauseFrozen(channel) && !isDisabledBecauseMuted(channel); // Reset when channel changes
-
+  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !isDisabledBecauseFrozen(channel) && !isDisabledBecauseMuted(channel);
+  // Reset when channel changes
   useEffect(function () {
     setMentionNickname('');
     setMentionedUsers([]);
@@ -146,7 +133,6 @@ var MessageInputWrapper = function (props, ref) {
     setMentionedUsers(mentionedUsers.filter(function (_a) {
       var userId = _a.userId;
       var i = mentionedUserIds.indexOf(userId);
-
       if (i < 0) {
         return false;
       } else {
@@ -154,13 +140,12 @@ var MessageInputWrapper = function (props, ref) {
         return true;
       }
     }));
-  }, [mentionedUserIds]); // broadcast channel + not operator
-
+  }, [mentionedUserIds]);
+  // broadcast channel + not operator
   if (isBroadcast && !isOperator$1) {
     return null;
-  } // other conditions
-
-
+  }
+  // other conditions
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '')
   }, displaySuggestedMentionList && /*#__PURE__*/React__default.createElement(SuggestedMentionList, {
@@ -171,7 +156,6 @@ var MessageInputWrapper = function (props, ref) {
       if (user) {
         setMentionedUsers(__spreadArray(__spreadArray([], mentionedUsers, true), [user], false));
       }
-
       setMentionNickname('');
       setSelectedUser(user);
       setMessageInputEvent(null);
@@ -225,9 +209,8 @@ var MessageInputWrapper = function (props, ref) {
     },
     onSendMessage: function (_a) {
       var _b;
-
       var message = _a.message,
-          mentionTemplate = _a.mentionTemplate;
+        mentionTemplate = _a.mentionTemplate;
       sendMessage({
         message: message,
         quoteMessage: quoteMessage,
@@ -260,12 +243,10 @@ var MessageInputWrapper = function (props, ref) {
         setMessageInputEvent(e);
         return true;
       }
-
       return false;
     }
   }));
 };
-
 var MessageInputWrapper$1 = /*#__PURE__*/React__default.forwardRef(MessageInputWrapper);
 
 export { MessageInputWrapper$1 as default };

package/Channel/components/MessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.js","sources":["../../../src/smart-components/Channel/components/MessageInput/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\n\nimport './message-input.scss';\nimport * as utils from '../../context/utils';\n\nimport MessageInput from '../../../../ui/MessageInput';\nimport QuoteMessageInput from '../../../../ui/QuoteMessageInput';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport VoiceMessageInputWrapper from './VoiceMessageInputWrapper';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n  disabled?: boolean;\n  renderFileUploadIcon?: () =>  React.ReactElement;\n  renderVoiceMessageIcon?: () =>  React.ReactElement;\n  renderSendMessageIcon?: () =>  React.ReactElement;\n};\n\nconst MessageInputWrapper = (\n  props: MessageInputWrapperProps,\n  ref: React.MutableRefObject<any>,\n): JSX.Element => {\n  const {\n    value,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const propDisabled = props.disabled;\n  const {\n    currentGroupChannel,\n    initialized,\n    quoteMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    setQuoteMessage,\n    messageInputRef,\n    renderUserMentionItem,\n  } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const channel = currentGroupChannel;\n\n  const {\n    isOnline,\n    isMentionEnabled,\n    userMention,\n    isVoiceMessageEnabled,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || 10;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || 15;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const [mentionNickname, setMentionNickname] = useState('');\n  // todo: set type\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const disabled = propDisabled\n    || !initialized\n    || utils.isDisabledBecauseFrozen(channel)\n    || utils.isDisabledBecauseMuted(channel)\n    || !isOnline;\n  const isOperator = utils.isOperator(channel);\n  const isBroadcast = channel?.isBroadcast;\n\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !utils.isDisabledBecauseFrozen(channel)\n    && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when channel changes\n  useEffect(() => {\n    setMentionNickname('');\n    setMentionedUsers([]);\n    setMentionedUserIds([]);\n    setSelectedUser(null);\n    setMentionSuggestedUsers([]);\n    setAbleMention(true);\n    setMessageInputEvent(null);\n    setShowVoiceMessageInput(false);\n  }, [channel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // broadcast channel + not operator\n  if (isBroadcast && !isOperator) {\n    return null;\n  }\n  // other conditions\n  return (\n    <div className={`sendbird-message-input-wrapper${showVoiceMessageInput ? '--voice-message' : ''}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={maxUserMentionCount}\n            maxSuggestionCount={maxUserSuggestionCount}\n          />\n        )\n      }\n      {quoteMessage && (\n        <div className=\"sendbird-message-input-wrapper__quote-message-input\">\n          <QuoteMessageInput\n            replyingMessage={quoteMessage}\n            onClose={() => setQuoteMessage(null)}\n          />\n        </div>\n      )}\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={channel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, quoteMessage);\n                setQuoteMessage(null);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-message-input-wrapper__message-input\"\n              value={value}\n              channelUrl={channel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              setMentionedUsers={setMentionedUsers}\n              channel={channel}\n              placeholder={\n                (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)\n                || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (utils.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)\n              }\n              ref={ref || messageInputRef}\n              disabled={disabled}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              onStartTyping={() => {\n                channel?.startTyping();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message,\n                  quoteMessage,\n                  mentionedUsers,\n                  mentionTemplate,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                setQuoteMessage(null);\n                channel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, quoteMessage);\n                setQuoteMessage(null);\n              }}\n              onUserMentioned={(user) => {\n                if (selectedUser?.userId === user?.userId) {\n                  setSelectedUser(null);\n                  setMentionNickname('');\n                }\n              }}\n              onMentionStringChange={(mentionText) => {\n                setMentionNickname(mentionText);\n              }}\n              onMentionedUserIdsUpdated={(userIds) => {\n                setMentionedUserIds(userIds);\n              }}\n              onKeyDown={(e) => {\n                if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n                  && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n                ) {\n                  setMessageInputEvent(e);\n                  return true;\n                }\n                return false;\n              }}\n            />\n          )\n      }\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","value","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","propDisabled","disabled","_a","useChannelContext","currentGroupChannel","initialized","quoteMessage","sendMessage","sendFileMessage","sendVoiceMessage","setQuoteMessage","messageInputRef","renderUserMentionItem","globalStore","useSendbirdStateContext","channel","_b","config","isOnline","isMentionEnabled","userMention","isVoiceMessageEnabled","maxUserMentionCount","maxMentionCount","maxUserSuggestionCount","maxSuggestionCount","stringSet","useContext","LocalizationContext","_c","useState","mentionNickname","setMentionNickname","_d","mentionedUsers","setMentionedUsers","_e","mentionedUserIds","setMentionedUserIds","_f","selectedUser","setSelectedUser","_g","mentionSuggestedUsers","setMentionSuggestedUsers","_h","ableMention","setAbleMention","_j","messageInputEvent","setMessageInputEvent","_k","showVoiceMessageInput","setShowVoiceMessageInput","utils","isOperator","isBroadcast","displaySuggestedMentionList","length","useEffect","url","filter","userId","i","indexOf","splice","React","concat","user","__spreadArray","users","recordedFile","duration","MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","MESSAGE_INPUT__PLACE_HOLDER__MUTED","startTyping","message","mentionTemplate","endTyping","file","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}
+{"version":3,"file":"MessageInput.js","sources":["../../../src/smart-components/Channel/components/MessageInput/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\n\nimport './message-input.scss';\nimport * as utils from '../../context/utils';\n\nimport MessageInput from '../../../../ui/MessageInput';\nimport QuoteMessageInput from '../../../../ui/QuoteMessageInput';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport VoiceMessageInputWrapper from './VoiceMessageInputWrapper';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n  disabled?: boolean;\n  renderFileUploadIcon?: () =>  React.ReactElement;\n  renderVoiceMessageIcon?: () =>  React.ReactElement;\n  renderSendMessageIcon?: () =>  React.ReactElement;\n};\n\nconst MessageInputWrapper = (\n  props: MessageInputWrapperProps,\n  ref: React.MutableRefObject<any>,\n): JSX.Element => {\n  const {\n    value,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const propDisabled = props.disabled;\n  const {\n    currentGroupChannel,\n    initialized,\n    quoteMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    setQuoteMessage,\n    messageInputRef,\n    renderUserMentionItem,\n  } = useChannelContext();\n  const globalStore = useSendbirdStateContext();\n  const channel = currentGroupChannel;\n\n  const {\n    isOnline,\n    isMentionEnabled,\n    userMention,\n    isVoiceMessageEnabled,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || 10;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || 15;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const [mentionNickname, setMentionNickname] = useState('');\n  // todo: set type\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const disabled = propDisabled\n    || !initialized\n    || utils.isDisabledBecauseFrozen(channel)\n    || utils.isDisabledBecauseMuted(channel)\n    || !isOnline;\n  const isOperator = utils.isOperator(channel);\n  const isBroadcast = channel?.isBroadcast;\n\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !utils.isDisabledBecauseFrozen(channel)\n    && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when channel changes\n  useEffect(() => {\n    setMentionNickname('');\n    setMentionedUsers([]);\n    setMentionedUserIds([]);\n    setSelectedUser(null);\n    setMentionSuggestedUsers([]);\n    setAbleMention(true);\n    setMessageInputEvent(null);\n    setShowVoiceMessageInput(false);\n  }, [channel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // broadcast channel + not operator\n  if (isBroadcast && !isOperator) {\n    return null;\n  }\n  // other conditions\n  return (\n    <div className={`sendbird-message-input-wrapper${showVoiceMessageInput ? '--voice-message' : ''}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={maxUserMentionCount}\n            maxSuggestionCount={maxUserSuggestionCount}\n          />\n        )\n      }\n      {quoteMessage && (\n        <div className=\"sendbird-message-input-wrapper__quote-message-input\">\n          <QuoteMessageInput\n            replyingMessage={quoteMessage}\n            onClose={() => setQuoteMessage(null)}\n          />\n        </div>\n      )}\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={channel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, quoteMessage);\n                setQuoteMessage(null);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-message-input-wrapper__message-input\"\n              value={value}\n              channelUrl={channel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              setMentionedUsers={setMentionedUsers}\n              channel={channel}\n              placeholder={\n                (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)\n                || (utils.isDisabledBecauseFrozen(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (utils.isDisabledBecauseMuted(channel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)\n              }\n              ref={ref || messageInputRef}\n              disabled={disabled}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              onStartTyping={() => {\n                channel?.startTyping();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message,\n                  quoteMessage,\n                  mentionedUsers,\n                  mentionTemplate,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                setQuoteMessage(null);\n                channel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, quoteMessage);\n                setQuoteMessage(null);\n              }}\n              onUserMentioned={(user) => {\n                if (selectedUser?.userId === user?.userId) {\n                  setSelectedUser(null);\n                  setMentionNickname('');\n                }\n              }}\n              onMentionStringChange={(mentionText) => {\n                setMentionNickname(mentionText);\n              }}\n              onMentionedUserIdsUpdated={(userIds) => {\n                setMentionedUserIds(userIds);\n              }}\n              onKeyDown={(e) => {\n                if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n                  && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n                ) {\n                  setMessageInputEvent(e);\n                  return true;\n                }\n                return false;\n              }}\n            />\n          )\n      }\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","value","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","propDisabled","disabled","_a","useChannelContext","currentGroupChannel","initialized","quoteMessage","sendMessage","sendFileMessage","sendVoiceMessage","setQuoteMessage","messageInputRef","renderUserMentionItem","globalStore","useSendbirdStateContext","channel","_b","config","isOnline","isMentionEnabled","userMention","isVoiceMessageEnabled","maxUserMentionCount","maxMentionCount","maxUserSuggestionCount","maxSuggestionCount","stringSet","useContext","LocalizationContext","_c","useState","mentionNickname","setMentionNickname","_d","mentionedUsers","setMentionedUsers","_e","mentionedUserIds","setMentionedUserIds","_f","selectedUser","setSelectedUser","_g","mentionSuggestedUsers","setMentionSuggestedUsers","_h","ableMention","setAbleMention","_j","messageInputEvent","setMessageInputEvent","_k","showVoiceMessageInput","setShowVoiceMessageInput","utils","isOperator","isBroadcast","displaySuggestedMentionList","length","useEffect","url","filter","userId","i","indexOf","splice","React","createElement","className","concat","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","__spreadArray","onFocusItemChange","onFetchUsers","users","ableAddMention","QuoteMessageInput","replyingMessage","onClose","VoiceMessageInputWrapper","onSubmitClick","recordedFile","duration","onCancelClick","MessageInput","channelUrl","mentionSelectedUser","onVoiceMessageIconClick","placeholder","MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","MESSAGE_INPUT__PLACE_HOLDER__MUTED","onStartTyping","startTyping","onSendMessage","message","mentionTemplate","endTyping","onFileUpload","file","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}