@sendbird/uikit-react 3.2.6-rc.0 → 3.2.6-rc.2

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../context-0e023b05.js';
-import '../utils-db039320.js';
+import { P as Provider } from '../context-3e416fe0.js';
+import '../utils-f9a93d9a.js';
 
 // Wraps all the accordions in an accordion set
 function AccordionGroup(_a) {

package/ui/AdminMessage.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 
 function AdminMessage(_a) {
   var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-68db8245.js';
+import { u as uuidv4 } from '../uuid-d2ed5e50.js';
 import 'prop-types';
 
 var pxToNumber = (function (px) {

package/ui/Badge.js

@@ -1,10 +1,10 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
-import { a as LocalizationContext } from '../LocalizationContext-2bd4bbe8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
+import { a as LocalizationContext } from '../LocalizationContext-8c300642.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
-import '../index-670435a8.js';
+import '../stringSet-b9e1e7dc.js';
+import '../index-5ba44303.js';
 
 function Badge(_a) {
   var count = _a.count,

package/ui/BottomSheet.js

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-b4ee3569.js';
+import { M as MODAL_ROOT } from '../index-b0bfb86e.js';
 
 var BottomSheet = function (props) {
   var _a = props.className,

package/ui/Button.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 
 var ButtonTypes$1;
 

package/ui/ChannelAvatar.js

@@ -1,10 +1,10 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-a3afc9f0.js';
-import '../tslib.es6-7fef98cd.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-63ed383e.js';
+import '../tslib.es6-257c9dc0.js';
 import './ImageRenderer.js';
-import '../uuid-68db8245.js';
+import '../uuid-d2ed5e50.js';
 import 'prop-types';
 
 function ChannelAvatar(_a) {

package/ui/ConnectionStatus.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
-import { a as LocalizationContext } from '../LocalizationContext-2bd4bbe8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
+import { a as LocalizationContext } from '../LocalizationContext-8c300642.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
-import '../index-670435a8.js';
+import '../stringSet-b9e1e7dc.js';
+import '../index-5ba44303.js';
 
 function ConnectionStatus() {
   var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../tslib.es6-7fef98cd.js';
+import { b as __extends, _ as __assign } from '../tslib.es6-257c9dc0.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { h as getClassName } from '../index-867e0d39.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
-import '../uuid-68db8245.js';
+import { h as getClassName } from '../index-1f08f186.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
+import '../uuid-d2ed5e50.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 
 var MenuItems$1 =
 /** @class */

package/ui/DateSeparator.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-468f177a.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { C as Colors, c as changeColorToClassName } from '../color-baff39e6.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 
 var DateSeparator = function (_a) {
   var _b = _a.children,

package/ui/EmojiReactions.js

@@ -6,17 +6,17 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { G as getEmojiMapAll, h as getClassName, H as isReactedBy, I as getEmojiTooltipString, x as getEmojiListAll } from '../index-867e0d39.js';
-import { a as LocalizationContext } from '../LocalizationContext-2bd4bbe8.js';
-import '../tslib.es6-7fef98cd.js';
-import '../index-c4eefc9d.js';
+import { G as getEmojiMapAll, h as getClassName, H as isReactedBy, I as getEmojiTooltipString, x as getEmojiListAll } from '../index-1f08f186.js';
+import { a as LocalizationContext } from '../LocalizationContext-8c300642.js';
+import '../tslib.es6-257c9dc0.js';
+import '../index-e80fbb97.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-68db8245.js';
+import '../uuid-d2ed5e50.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-670435a8.js';
+import '../index-5ba44303.js';
 
 var EmojiReactions = function (_a) {
   var _b, _c;

package/ui/FileMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { h as getClassName, J as getUIKitFileType, t as truncateString } from '../index-867e0d39.js';
-import { C as Colors } from '../color-468f177a.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-7be72ab4.js';
+import { h as getClassName, J as getUIKitFileType, t as truncateString } from '../index-1f08f186.js';
+import { C as Colors } from '../color-baff39e6.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-fbda8d54.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
-import '../tslib.es6-7fef98cd.js';
+import '../stringSet-b9e1e7dc.js';
+import '../tslib.es6-257c9dc0.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileViewer.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-2bd4bbe8.js';
-import { M as MODAL_ROOT } from '../index-b4ee3569.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-867e0d39.js';
+import { a as LocalizationContext } from '../LocalizationContext-8c300642.js';
+import { M as MODAL_ROOT } from '../index-b0bfb86e.js';
+import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-1f08f186.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-65cf83b4.js';
-import '../index-670435a8.js';
-import '../tslib.es6-7fef98cd.js';
+import '../stringSet-b9e1e7dc.js';
+import '../index-5ba44303.js';
+import '../tslib.es6-257c9dc0.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-68db8245.js';
+import '../uuid-d2ed5e50.js';
 import 'prop-types';
 
 var FileViewerComponent = function (_a) {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-257c9dc0.js';
 import React__default, { useState } from 'react';
 
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default, { useState, useMemo } from 'react';
 
 var ImageRenderer = function (_a) {

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 
 var InputLabel = function (_a) {
   var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-c4eefc9d.js';
-import '../stringSet-65cf83b4.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-e80fbb97.js';
+import '../stringSet-b9e1e7dc.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
-import '../stringSet-65cf83b4.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
+import '../stringSet-b9e1e7dc.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-7fef98cd.js';
+import { a as __spreadArray } from '../tslib.es6-257c9dc0.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import 'prop-types';

package/ui/MentionLabel.js

@@ -1,24 +1,24 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import ConnectedUserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-7fef98cd.js';
+import '../tslib.es6-257c9dc0.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-68db8245.js';
-import '../index-867e0d39.js';
+import '../uuid-d2ed5e50.js';
+import '../index-1f08f186.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-65cf83b4.js';
-import '../LocalizationContext-2bd4bbe8.js';
-import '../index-670435a8.js';
+import '../stringSet-b9e1e7dc.js';
+import '../LocalizationContext-8c300642.js';
+import '../index-5ba44303.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-fa4874e9.js';
-import '../UserProfileContext-0d8287d0.js';
+import '../_rollupPluginBabelHelpers-cdd0b511.js';
+import '../UserProfileContext-5678a04f.js';
 import '../sendbirdSelectors.js';
-import '../topics-2ff5f12a.js';
-import '../utils-db039320.js';
+import '../topics-9580e9ae.js';
+import '../utils-f9a93d9a.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/MessageContent.js

@@ -1,14 +1,14 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-fa4874e9.js';
-import { _ as __assign } from '../tslib.es6-7fef98cd.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-cdd0b511.js';
+import { _ as __assign } from '../tslib.es6-257c9dc0.js';
 import React__default, { useState, useContext, useRef } from 'react';
-import { f as format } from '../index-b8a1932a.js';
+import { f as format } from '../index-55e004b6.js';
 import Avatar from './Avatar.js';
 import ConnectedUserProfile from './UserProfile.js';
 import MessageStatus from './MessageStatus.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -17,25 +17,25 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { r as isUserMessage, s as isSentMessage, u as isFailedMessage, v as isPendingMessage, l as isFileMessage, w as copyToClipboard, x as getEmojiListAll, y as getUIKitMessageTypes, h as getClassName, z as getSenderName, A as isTextMessage, B as isOGMessage, C as getUIKitMessageType, n as isThumbnailMessage } from '../index-867e0d39.js';
-import { a as UserProfileContext } from '../UserProfileContext-0d8287d0.js';
-import { u as useLocalization } from '../LocalizationContext-2bd4bbe8.js';
+import { r as isUserMessage, s as isSentMessage, u as isFailedMessage, v as isPendingMessage, l as isFileMessage, w as copyToClipboard, x as getEmojiListAll, y as getUIKitMessageTypes, h as getClassName, z as getSenderName, A as isTextMessage, B as isOGMessage, C as getUIKitMessageType, n as isThumbnailMessage } from '../index-1f08f186.js';
+import { a as UserProfileContext } from '../UserProfileContext-5678a04f.js';
+import { u as useLocalization } from '../LocalizationContext-8c300642.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-2c79297b.js';
+import { u as useLongPress } from '../useLongPress-471668c2.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import BottomSheet from './BottomSheet.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-7be72ab4.js';
-import '../index-670435a8.js';
-import '../uuid-68db8245.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-fbda8d54.js';
+import '../index-5ba44303.js';
+import '../uuid-d2ed5e50.js';
 import 'prop-types';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-2ff5f12a.js';
-import '../utils-db039320.js';
+import '../topics-9580e9ae.js';
+import '../utils-f9a93d9a.js';
 import './Button.js';
-import '../stringSet-65cf83b4.js';
+import '../stringSet-b9e1e7dc.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './IconButton.js';
@@ -48,8 +48,8 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-468f177a.js';
-import '../index-b4ee3569.js';
+import '../color-baff39e6.js';
+import '../index-b0bfb86e.js';
 
 var MobileContextMenu = function (props) {
   var _a;

package/ui/MessageInput.js

@@ -1,19 +1,19 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fa4874e9.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-cdd0b511.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { renderToString } from 'react-dom/server';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-5feae56e.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-7a18ac0a.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-97f4dcf4.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-7f0a43cc.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
 import MentionUserLabel from './MentionUserLabel.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c4eefc9d.js';
-import { a as LocalizationContext } from '../LocalizationContext-2bd4bbe8.js';
-import { j as convertWordToStringObj, S as StringObjType, k as arrayEqual, h as getClassName } from '../index-867e0d39.js';
-import '../tslib.es6-7fef98cd.js';
-import '../stringSet-65cf83b4.js';
-import '../index-670435a8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e80fbb97.js';
+import { a as LocalizationContext } from '../LocalizationContext-8c300642.js';
+import { j as convertWordToStringObj, S as StringObjType, k as arrayEqual, h as getClassName } from '../index-1f08f186.js';
+import '../tslib.es6-257c9dc0.js';
+import '../stringSet-b9e1e7dc.js';
+import '../index-5ba44303.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 const TEXT_FIELD_ID = 'sendbird-message-input-text-field';
@@ -40,6 +40,13 @@ const displayCaret = (element, position) => {
   element.focus();
 };
 
+const resetInput = ref => {
+  try {
+    ref.current.innerHTML = '';
+  } catch (_unused) {//
+  }
+};
+
 const initialTargetStringInfo = {
   targetString: '',
   startNodeIndex: null,
@@ -106,7 +113,7 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     try {
       textField.innerHTML = initialValue;
       displayCaret(textField, initialValue === null || initialValue === void 0 ? void 0 : initialValue.length);
-    } catch (_unused) {}
+    } catch (_unused2) {}
 
     setMentionedUserIds([]);
     setIsInput((textField === null || textField === void 0 ? void 0 : (_textField$innerText = textField.innerText) === null || _textField$innerText === void 0 ? void 0 : _textField$innerText.length) > 0);
@@ -116,7 +123,7 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   useEffect(() => {
     if (!isEdit) {
       setIsInput(false);
-      document.getElementById(TEXT_FIELD_ID).innerHTML = '';
+      resetInput(ref);
     }
   }, [channelUrl]); // #Mention | Fill message input values
 
@@ -155,7 +162,7 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
         /* mention disabled */
         try {
           textField.innerHTML = message === null || message === void 0 ? void 0 : message.message;
-        } catch (_unused2) {}
+        } catch (_unused3) {}
 
         setMentionedUserIds([]);
       }
@@ -337,7 +344,7 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
         mentionTemplate
       };
       onSendMessage(params);
-      document.getElementById(TEXT_FIELD_ID).innerHTML = '';
+      resetInput(ref);
       setIsInput(false);
       setHeight();
     }
@@ -379,7 +386,7 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
         mentionTemplate
       };
       onUpdateMessage(params);
-      document.getElementById(TEXT_FIELD_ID).innerHTML = '';
+      resetInput(ref);
     }
   };
 
@@ -427,11 +434,11 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
       useMentionInputDetection();
     },
     onInput: () => {
-      var _document4, _document4$getElement, _document4$getElement2, _document4$getElement3;
+      var _ref$current3, _ref$current3$innerTe;
 
       setHeight();
       onStartTyping();
-      setIsInput(((_document4 = document) === null || _document4 === void 0 ? void 0 : (_document4$getElement = _document4.getElementById) === null || _document4$getElement === void 0 ? void 0 : (_document4$getElement2 = _document4$getElement.call(_document4, TEXT_FIELD_ID)) === null || _document4$getElement2 === void 0 ? void 0 : (_document4$getElement3 = _document4$getElement2.innerText) === null || _document4$getElement3 === void 0 ? void 0 : _document4$getElement3.length) > 0);
+      setIsInput((ref === null || ref === void 0 ? void 0 : (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$innerTe = _ref$current3.innerText) === null || _ref$current3$innerTe === void 0 ? void 0 : _ref$current3$innerTe.length) > 0);
       useMentionedLabelDetection();
     },
     onPaste: e => {