@sendbird/uikit-react 3.15.5 → 3.15.6

package/ui/MentionLabel.js

@@ -1,38 +1,38 @@
 import React__default, { useRef, useState, useCallback } from 'react';
-import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-ml-PByBw.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { C as ContextMenu, b as MenuItems } from '../chunks/bundle-BzR1dD25.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-XQWyv823.js';
+import { c as classnames } from '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-CxLxJCBu.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '../withSendbird.js';
 import './IconButton.js';
-import '../chunks/bundle-D_-9RmNe.js';
+import '../chunks/bundle-BA9oFJ90.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
-import '../chunks/bundle--PhH_XFy.js';
-import '../chunks/bundle-BPcbf_pM.js';
-import '../chunks/bundle-Bv8KtnvF.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
+import '../chunks/bundle-d1cOX5nv.js';
+import '../chunks/bundle-DS1EhNtb.js';
+import '../chunks/bundle-DXFVroy5.js';
 import '@sendbird/uikit-tools';
-import '../chunks/bundle-NL8iE1lF.js';
-import '../chunks/bundle-R3uJ_0BB.js';
+import '../chunks/bundle-DRpjMk0B.js';
+import '../chunks/bundle-Ci-RNuvu.js';
 import './Button.js';
 import './Icon.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-DdJ9pMWn.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DRlnZqdp.js';
-import '../chunks/bundle-52W7LREX.js';
+import '../chunks/bundle-mqagBpi9.js';
+import '../chunks/bundle-DOfhjbKd.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BdwvjJsK.js';
+import '../chunks/bundle-C_zEpfCP.js';
 
 function MentionLabel(props) {
     var _a, _b, _c;

package/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle--FsN6ZvY.js';
-import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-B5pWUwTI.js';
+import { c as classnames } from '../chunks/bundle-kFa80LJe.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;

package/ui/MessageContent.js

@@ -1,84 +1,84 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-XQWyv823.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CxLxJCBu.js';
 import React__default, { useRef, useState, useMemo } from 'react';
-import { f as format } from '../chunks/bundle-QTCuDZTl.js';
-import { M as MessageStatus } from '../chunks/bundle-BX_znRDF.js';
-import { M as MessageMenu } from '../chunks/bundle-CfaZQwKj.js';
-import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-ml-PByBw.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-BHC96gO0.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { f as format } from '../chunks/bundle-CewnJAub.js';
+import { M as MessageStatus } from '../chunks/bundle-w2yLrIlh.js';
+import { M as MessageMenu } from '../chunks/bundle-DCHZRHdl.js';
+import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-BzR1dD25.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-kFa80LJe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { N as uiContainerType, C as isTemplateMessage, O as isFormMessage, P as isAdminMessage, Q as isValidTemplateMessageType, x as getClassName, c as isMultipleFilesMessage, p as isThumbnailMessage, M as isOGMessage, k as isSendableMessage } from '../chunks/bundle-D_-9RmNe.js';
-import { u as useLocalization } from '../chunks/bundle--PhH_XFy.js';
+import { N as uiContainerType, C as isTemplateMessage, O as isFormMessage, P as isAdminMessage, Q as isValidTemplateMessageType, x as getClassName, c as isMultipleFilesMessage, p as isThumbnailMessage, M as isOGMessage, k as isSendableMessage } from '../chunks/bundle-BA9oFJ90.js';
+import { u as useLocalization } from '../chunks/bundle-d1cOX5nv.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { EmojiContainer } from '@sendbird/chat';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-CruP9bVM.js';
+import { u as useLongPress } from '../chunks/bundle-QsOiwa9F.js';
 import { MobileMenu } from './MobileMenu.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ci-RNuvu.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-C6DfLTJj.js';
-import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-KDJ0EkHX.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-CpMvhj21.js';
+import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-GdEa10s3.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import { u as useElementObserver } from '../chunks/bundle-D634UqaM.js';
-import { i as MESSAGE_TEMPLATE_KEY } from '../chunks/bundle-DABR6HKW.js';
-import '../chunks/bundle-DnujA9kt.js';
+import { u as useElementObserver } from '../chunks/bundle-BJuj9G4S.js';
+import { i as MESSAGE_TEMPLATE_KEY } from '../chunks/bundle-DP3z2QNm.js';
+import '../chunks/bundle-C-nZYnmy.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CmKxC8hb.js';
-import '../chunks/bundle-BAXCq_Wt.js';
+import '../chunks/bundle-jrZGOZ7u.js';
+import '../chunks/bundle-Dq0ggazV.js';
 import './IconButton.js';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '../withSendbird.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import './ImageRenderer.js';
 import './ReactionButton.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-eZsqrPY3.js';
+import '../chunks/bundle-DiK8ifY3.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../chunks/bundle-NL8iE1lF.js';
+import '../chunks/bundle-DRpjMk0B.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-DdJ9pMWn.js';
 import './UserListItem.js';
-import '../chunks/bundle-Bv8KtnvF.js';
-import '../chunks/bundle-52W7LREX.js';
-import '../chunks/bundle-BdwvjJsK.js';
+import '../chunks/bundle-DXFVroy5.js';
+import '../chunks/bundle-DOfhjbKd.js';
+import '../chunks/bundle-C_zEpfCP.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DRlnZqdp.js';
+import '../chunks/bundle-mqagBpi9.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-B2NeDUAs.js';
-import '../chunks/bundle-oZLTNsQY.js';
+import '../chunks/bundle-QgerWYLz.js';
+import '../chunks/bundle-CTVxl16S.js';
 import './OGMessageItemBody.js';
-import '../chunks/bundle-DjfGQ-DS.js';
-import '../chunks/bundle-D7JevDoE.js';
+import '../chunks/bundle-AV2qqH9G.js';
+import '../chunks/bundle-AmtSwuex.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-BmHwyA9G.js';
+import '../chunks/bundle-Bs4dlPq1.js';
 import './TextMessageItemBody.js';
-import '../chunks/bundle-CXiD3Is4.js';
+import '../chunks/bundle-CiR8AZTC.js';
 import './FileMessageItemBody.js';
 import './TextButton.js';
-import '../chunks/bundle-BL3yUpTV.js';
-import '../chunks/bundle-BFQnMRhA.js';
+import '../chunks/bundle-B5157rdG.js';
+import '../chunks/bundle-X_IrklBY.js';
 import './FileViewer.js';
-import '../chunks/bundle-vS1u8K1w.js';
+import '../chunks/bundle-CH6t4mkR.js';
 import './VoiceMessageItemBody.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
@@ -86,10 +86,10 @@ import './PlaybackTime.js';
 import './ThumbnailMessageItemBody.js';
 import './UnknownMessageItemBody.js';
 import './TemplateMessageItemBody.js';
-import '../chunks/bundle-KNrNIKZQ.js';
+import '../chunks/bundle-BcC0-Nxn.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
-import '../chunks/bundle-BaMsxnN_.js';
+import '../chunks/bundle-rjBen5BS.js';
 import './Input.js';
 
 var SbFeedbackStatus;

package/ui/MessageFeedbackFailedModal.js

@@ -1,31 +1,31 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import { M as Modal } from '../chunks/bundle-NL8iE1lF.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import { M as Modal } from '../chunks/bundle-DRpjMk0B.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import { u as useKeyDown } from '../chunks/bundle-vS1u8K1w.js';
-import '../chunks/bundle-XQWyv823.js';
-import '../chunks/bundle-BPcbf_pM.js';
-import '../chunks/bundle-D_-9RmNe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { u as useKeyDown } from '../chunks/bundle-CH6t4mkR.js';
+import '../chunks/bundle-CxLxJCBu.js';
+import '../chunks/bundle-DS1EhNtb.js';
+import '../chunks/bundle-BA9oFJ90.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
-import '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
+import '../chunks/bundle-kFa80LJe.js';
 import 'react-dom';
-import '../chunks/bundle-R3uJ_0BB.js';
+import '../chunks/bundle-Ci-RNuvu.js';
 import './IconButton.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-DdJ9pMWn.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-ml-PByBw.js';
+import '../chunks/bundle-BzR1dD25.js';
 import './SortByRow.js';
 
 function MessageFeedbackFailedModal(props) {

package/ui/MessageFeedbackModal.js

@@ -1,20 +1,20 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import { M as Modal } from '../chunks/bundle-NL8iE1lF.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import { M as Modal } from '../chunks/bundle-DRpjMk0B.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
-import { u as useKeyDown } from '../chunks/bundle-vS1u8K1w.js';
-import '../chunks/bundle-XQWyv823.js';
-import '../chunks/bundle-BPcbf_pM.js';
-import '../chunks/bundle-D_-9RmNe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ci-RNuvu.js';
+import { u as useKeyDown } from '../chunks/bundle-CH6t4mkR.js';
+import '../chunks/bundle-CxLxJCBu.js';
+import '../chunks/bundle-DS1EhNtb.js';
+import '../chunks/bundle-BA9oFJ90.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
-import '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
+import '../chunks/bundle-kFa80LJe.js';
 import 'react-dom';
 import './IconButton.js';
 import './Icon.js';
@@ -22,11 +22,11 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-DdJ9pMWn.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-ml-PByBw.js';
+import '../chunks/bundle-BzR1dD25.js';
 import './SortByRow.js';
 
 function MessageFeedbackModal(props) {

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-tC4B8MXx.js';
-import '../../../chunks/bundle-CLlCJbe7.js';
-import '../../../chunks/bundle-C6DfLTJj.js';
-import '../../../chunks/bundle-XQWyv823.js';
-import '../../../chunks/bundle--FsN6ZvY.js';
-import '../../../chunks/bundle-CXiD3Is4.js';
-import '../../../chunks/bundle-BmHwyA9G.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-GawAxqNK.js';
+import '../../../chunks/bundle-D2GzZ_yy.js';
+import '../../../chunks/bundle-CpMvhj21.js';
+import '../../../chunks/bundle-CxLxJCBu.js';
+import '../../../chunks/bundle-B5pWUwTI.js';
+import '../../../chunks/bundle-CiR8AZTC.js';
+import '../../../chunks/bundle-Bs4dlPq1.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,28 +1,28 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
-import React__default, { useRef, useState, useCallback, useEffect } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-CLlCJbe7.js';
-import { a as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-C6DfLTJj.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
+import React__default, { useRef, useState, useEffect, useCallback } from 'react';
+import { N as NodeTypes, M as MessageInputKeys } from '../chunks/bundle-D2GzZ_yy.js';
+import { a as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-CpMvhj21.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
-import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-tC4B8MXx.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-GawAxqNK.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import { u as useLocalization } from '../chunks/bundle--PhH_XFy.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { u as useLocalization } from '../chunks/bundle-d1cOX5nv.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-D_-9RmNe.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-D7JevDoE.js';
-import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
-import { i as isMobileIOS } from '../chunks/bundle-eZsqrPY3.js';
+import { K, G as arrayEqual, H as getMimeTypesUIKitAccepts } from '../chunks/bundle-BA9oFJ90.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-AmtSwuex.js';
+import { c as classnames } from '../chunks/bundle-kFa80LJe.js';
+import { i as isMobileIOS } from '../chunks/bundle-DiK8ifY3.js';
 import 'dompurify';
-import '../chunks/bundle--FsN6ZvY.js';
-import '../chunks/bundle-CXiD3Is4.js';
-import '../chunks/bundle-BmHwyA9G.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-B5pWUwTI.js';
+import '../chunks/bundle-CiR8AZTC.js';
+import '../chunks/bundle-Bs4dlPq1.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
 
 /**
  * FIXME:
@@ -55,19 +55,25 @@ var checkIfFileUploadEnabled = function (_a) {
 };
 
 var TEXT_FIELD_ID = 'sendbird-message-input-text-field';
-var LINE_HEIGHT = 76;
-var DEFAULT_CHAT_VIEW_HEIGHT = 600;
 var noop = function () {
     return null;
 };
-var displayCaret = function (element, position) {
-    var range = document.createRange();
-    var sel = window.getSelection();
-    range.setStart(element.childNodes[0], position);
-    range.collapse(true);
-    sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
-    sel === null || sel === void 0 ? void 0 : sel.addRange(range);
-    element.focus();
+var scrollToCaret = function () {
+    var _a;
+    var selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+        var range = selection.getRangeAt(0);
+        var caretNode = range.endContainer;
+        // Ensure the caret is in a text node
+        if (caretNode.nodeType === NodeTypes.TextNode) {
+            var parentElement = caretNode.parentElement;
+            // Scroll the parent element of the caret into view
+            (_a = parentElement === null || parentElement === void 0 ? void 0 : parentElement.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(parentElement, {
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
 };
 var resetInput = function (ref) {
     if (ref && ref.current) {
@@ -84,7 +90,7 @@ var initialTargetStringInfo = {
 var MessageInput = React__default.forwardRef(function (props, externalRef) {
     var _a, _b, _c, _d, _e;
     var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMobile, isMobile = _j === void 0 ? false : _j, _k = props.isMentionEnabled, isMentionEnabled = _k === void 0 ? false : _k, _l = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _l === void 0 ? true : _l, _m = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _m === void 0 ? false : _m, _o = props.disabled, disabled = _o === void 0 ? false : _o, _p = props.message, message = _p === void 0 ? null : _p, _q = props.placeholder, placeholder = _q === void 0 ? '' : _q, _r = props.maxLength, maxLength = _r === void 0 ? 5000 : _r, _s = props.onFileUpload, onFileUpload = _s === void 0 ? noop : _s, _t = props.onSendMessage, onSendMessage = _t === void 0 ? noop : _t, _u = props.onUpdateMessage, onUpdateMessage = _u === void 0 ? noop : _u, _v = props.onCancelEdit, onCancelEdit = _v === void 0 ? noop : _v, _w = props.onStartTyping, onStartTyping = _w === void 0 ? noop : _w, _x = props.channelUrl, channelUrl = _x === void 0 ? '' : _x, _y = props.mentionSelectedUser, mentionSelectedUser = _y === void 0 ? null : _y, _z = props.onUserMentioned, onUserMentioned = _z === void 0 ? noop : _z, _0 = props.onMentionStringChange, onMentionStringChange = _0 === void 0 ? noop : _0, _1 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _1 === void 0 ? noop : _1, _2 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _2 === void 0 ? noop : _2, _3 = props.onKeyUp, onKeyUp = _3 === void 0 ? noop : _3, _4 = props.onKeyDown, onKeyDown = _4 === void 0 ? noop : _4, _5 = props.renderFileUploadIcon, renderFileUploadIcon = _5 === void 0 ? noop : _5, _6 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _6 === void 0 ? noop : _6, _7 = props.renderSendMessageIcon, renderSendMessageIcon = _7 === void 0 ? noop : _7, _8 = props.setMentionedUsers, setMentionedUsers = _8 === void 0 ? noop : _8, acceptableMimeTypes = props.acceptableMimeTypes;
-    var internalRef = (externalRef && 'current' in externalRef) ? externalRef : null;
+    var internalRef = (externalRef && 'current' in externalRef) ? externalRef : useRef(null);
     var ghostInputRef = useRef(null);
     var textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = useLocalization().stringSet;
@@ -97,45 +103,14 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
     var _10 = useState(false), isInput = _10[0], setIsInput = _10[1];
     var _11 = useState([]), mentionedUserIds = _11[0], setMentionedUserIds = _11[1];
     var _12 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _12[0], setTargetStringInfo = _12[1];
-    var setHeight = useCallback(function () {
-        var elem = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
-        if (!elem)
-            return;
-        try {
-            var estimatedChatViewHeight = window.document.body.offsetHeight || DEFAULT_CHAT_VIEW_HEIGHT;
-            var MAX_HEIGHT = estimatedChatViewHeight * 0.6;
-            if (elem.scrollHeight >= LINE_HEIGHT) {
-                if (MAX_HEIGHT < elem.scrollHeight) {
-                    elem.style.height = 'auto';
-                    elem.style.height = "".concat(MAX_HEIGHT, "px");
-                }
-                else {
-                    elem.style.height = '';
-                }
-            }
-        }
-        catch (error) {
-            // error
-        }
-    }, []);
     // #Edit mode
-    // for easilly initialize input value from outside, but
+    // for easily initialize input value from outside, but
     // useEffect(_, [channelUrl]) erase it
     var initialValue = props === null || props === void 0 ? void 0 : props.value;
     useEffect(function () {
         var textField = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
-        try {
-            if (textField && initialValue) {
-                textField.innerHTML = initialValue;
-                displayCaret(textField, initialValue === null || initialValue === void 0 ? void 0 : initialValue.length);
-            }
-        }
-        catch (_a) {
-            //
-        }
         setMentionedUserIds([]);
         setIsInput((textField === null || textField === void 0 ? void 0 : textField.textContent) ? textField.textContent.trim().length > 0 : false);
-        setHeight();
     }, [initialValue]);
     // #Mention | Clear input value when channel changes
     useEffect(function () {
@@ -191,7 +166,6 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                 setMentionedUserIds([]);
             }
             setIsInput((textField === null || textField === void 0 ? void 0 : textField.textContent) ? ((_b = textField === null || textField === void 0 ? void 0 : textField.textContent) === null || _b === void 0 ? void 0 : _b.trim().length) > 0 : false);
-            setHeight();
         }
     }, [isEdit, message]);
     // #Mention | Detect MentionedLabel modified
@@ -255,7 +229,6 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                     textField_1.focus();
                 }
                 setTargetStringInfo(__assign({}, initialTargetStringInfo));
-                setHeight();
                 useMentionedLabelDetection();
             }
         }
@@ -360,7 +333,6 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                     textField_2.focus();
                 }
                 setIsInput(false);
-                setHeight();
             }
         }
         catch (error) {
@@ -389,7 +361,6 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
         setMentionedUsers: setMentionedUsers,
         channel: channel,
         setIsInput: setIsInput,
-        setHeight: setHeight,
     });
     var uploadFile = function (event) {
         var _a, _b;
@@ -406,13 +377,17 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
             event.target.value = '';
         }
     };
+    var handleCommonBehavior = function (handleEvent) {
+        scrollToCaret();
+        return function (e) { return handleEvent(e); };
+    };
     return (React__default.createElement("form", { className: classnames.apply(void 0, __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
             disabled && 'sendbird-message-input-form__disabled'], false)) },
         React__default.createElement("div", { className: classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
             isMobileIOS(navigator.userAgent) && (React__default.createElement("input", { id: 'ghost-input-reset-ime-cjk', ref: ghostInputRef, style: { opacity: 0, padding: 0, margin: 0, height: 0, border: 'none', position: 'absolute', top: -9999 }, defaultValue: '_' })),
-            React__default.createElement("div", { id: "".concat(textFieldId).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''), className: "sendbird-message-input--textarea ".concat(textFieldId), contentEditable: !disabled, role: "textbox", "aria-label": "Text Input", ref: externalRef, 
+            React__default.createElement("div", { id: "".concat(textFieldId).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''), className: "sendbird-message-input--textarea ".concat(textFieldId), contentEditable: !disabled, role: "textbox", "aria-label": "Text Input", ref: internalRef, 
                 // @ts-ignore
-                disabled: disabled, maxLength: maxLength, onKeyDown: function (e) {
+                disabled: disabled, maxLength: maxLength, onKeyDown: handleCommonBehavior(function (e) {
                     var _a, _b, _c, _d;
                     var preventEvent = onKeyDown(e);
                     if (preventEvent) {
@@ -442,7 +417,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                             internalRef.current.removeChild(internalRef.current.childNodes[1]);
                         }
                     }
-                }, onKeyUp: function (e) {
+                }), onKeyUp: handleCommonBehavior(function (e) {
                     var preventEvent = onKeyUp(e);
                     if (preventEvent) {
                         e.preventDefault();
@@ -450,15 +425,14 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                     else {
                         useMentionInputDetection();
                     }
-                }, onClick: function () {
+                }), onClick: handleCommonBehavior(function () {
                     useMentionInputDetection();
-                }, onInput: function () {
+                }), onInput: handleCommonBehavior(function () {
                     var _a;
-                    setHeight();
                     onStartTyping();
                     setIsInput(((_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _a === void 0 ? void 0 : _a.textContent) ? internalRef.current.textContent.trim().length > 0 : false);
                     useMentionedLabelDetection();
-                }, onPaste: onPaste }),
+                }), onPaste: handleCommonBehavior(onPaste) }),
             ((_e = (_d = (_c = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) === 0 && (React__default.createElement(Label, { className: "sendbird-message-input--placeholder", type: LabelTypography.BODY_1, color: disabled ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
             !isEdit && isInput && (React__default.createElement(IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); }, testID: "sendbird-message-input-send-button" }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React__default.createElement(Icon, { type: IconTypes.SEND, fillColor: disabled ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY, width: "20px", height: "20px" })))),
             !isEdit

package/ui/MessageInput.js.map

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

package/ui/MessageItemMenu.js

@@ -1,25 +1,25 @@
-import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
+import { _ as __assign } from '../chunks/bundle-CxLxJCBu.js';
 import React__default, { useContext, useRef } from 'react';
-import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-ml-PByBw.js';
+import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-BzR1dD25.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { l as isUserMessage, q as isSentMessage, w as isFailedMessage, v as isPendingMessage, x as getClassName, A as copyToClipboard } from '../chunks/bundle-D_-9RmNe.js';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import { R as Role } from '../chunks/bundle-BdZX50Kw.js';
-import { d as deleteNullish } from '../chunks/bundle-BHC96gO0.js';
+import { l as isUserMessage, q as isSentMessage, w as isFailedMessage, v as isPendingMessage, x as getClassName, A as copyToClipboard } from '../chunks/bundle-BA9oFJ90.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import { R as Role } from '../chunks/bundle-DwAJZ4P8.js';
+import { d as deleteNullish } from '../chunks/bundle-kFa80LJe.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '../withSendbird.js';
-import '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
 
 function MessageMenu(props) {
     var _a;