@sendbird/uikit-react 3.15.5 → 3.15.6

package/cjs/ui/MessageContent.js

@@ -2,87 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-CXzY5rVA.js');
+var _tslib = require('../chunks/bundle-DufP6x7V.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-DWHg78Gy.js');
-var ui_MessageStatus = require('../chunks/bundle-BlT-csJI.js');
-var MessageMenu = require('../chunks/bundle-Cx_AtXvu.js');
-var ui_ContextMenu = require('../chunks/bundle-C9UhSess.js');
-var utils = require('../chunks/bundle-C9dUt1j_.js');
-var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
+var index$2 = require('../chunks/bundle-D2ax25qZ.js');
+var ui_MessageStatus = require('../chunks/bundle-BXpl_WnC.js');
+var MessageMenu = require('../chunks/bundle-yxVAAzPF.js');
+var ui_ContextMenu = require('../chunks/bundle-DLJaRSlI.js');
+var utils = require('../chunks/bundle-CfvwGGIv.js');
+var ui_Label = require('../chunks/bundle-DyIjO87F.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index$1 = require('../chunks/bundle-QL_tq1Vi.js');
-var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
+var index$1 = require('../chunks/bundle-Dtkhmor2.js');
+var LocalizationContext = require('../chunks/bundle-CGj7JjS6.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var SendbirdChat = require('@sendbird/chat');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-DQTt3t1y.js');
+var useLongPress = require('../chunks/bundle-ChfAP41k.js');
 var ui_MobileMenu = require('./MobileMenu.js');
-var MediaQueryContext = require('../chunks/bundle-DvvSnKiJ.js');
+var MediaQueryContext = require('../chunks/bundle-FupN89oG.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-Bc-DjgOv.js');
-var index = require('../chunks/bundle-BjL-fbex.js');
+var _const = require('../chunks/bundle-DtjZ8gz_.js');
+var index = require('../chunks/bundle-BHpgOCTU.js');
 var ui_Icon = require('./Icon.js');
 var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var ui_MessageFeedbackModal = require('./MessageFeedbackModal.js');
 var ui_MessageFeedbackFailedModal = require('./MessageFeedbackFailedModal.js');
-var useElementObserver = require('../chunks/bundle-CJMDrgfZ.js');
-var consts = require('../chunks/bundle-D_IGJ-UU.js');
-require('../chunks/bundle-BekF9PeY.js');
+var useElementObserver = require('../chunks/bundle-BHl3Hq-q.js');
+var consts = require('../chunks/bundle-CWuXh6bZ.js');
+require('../chunks/bundle-Ct7Vja5E.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Bl3MWz31.js');
-require('../chunks/bundle-CHG_eoB7.js');
+require('../chunks/bundle-ddTeWqgo.js');
+require('../chunks/bundle-BfbzW2vr.js');
 require('./IconButton.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CCfEEGZT.js');
+require('../chunks/bundle-B5nluCgf.js');
 require('../withSendbird.js');
-require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-BSdv_4rq.js');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-HekRAZ-p.js');
+require('../chunks/bundle-C46LqYyh.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../chunks/bundle-D_aAITb2.js');
+require('../chunks/bundle-BTVhcfBF.js');
 require('./Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../chunks/bundle-D9TPG-dw.js');
+require('../chunks/bundle-B8bE6mmM.js');
 require('./UserListItem.js');
-require('../chunks/bundle-C5MmL5yU.js');
-require('../chunks/bundle-CpNphatI.js');
-require('../chunks/bundle-BrZukI3D.js');
+require('../chunks/bundle-BkiVNmZI.js');
+require('../chunks/bundle-Bu3BLfvI.js');
+require('../chunks/bundle-Co9yOyxu.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DAkNTCba.js');
+require('../chunks/bundle-nqpiwGrf.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-BEJP-RCX.js');
-require('../chunks/bundle-Ce1AhZRK.js');
+require('../chunks/bundle-s6zxpsD2.js');
+require('../chunks/bundle-DqI18R30.js');
 require('./OGMessageItemBody.js');
-require('../chunks/bundle-BkcVGDjn.js');
-require('../chunks/bundle-BKGMWgjB.js');
+require('../chunks/bundle-B99NksU1.js');
+require('../chunks/bundle-B_WS0exW.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-Cs90VeJL.js');
+require('../chunks/bundle-1FpUZD1-.js');
 require('./TextMessageItemBody.js');
-require('../chunks/bundle-CfZq5vEi.js');
+require('../chunks/bundle-CXTI-r-K.js');
 require('./FileMessageItemBody.js');
 require('./TextButton.js');
-require('../chunks/bundle-CAq16sKH.js');
-require('../chunks/bundle-D7lzZHvD.js');
+require('../chunks/bundle-D4-yrnBd.js');
+require('../chunks/bundle-DWYr_udk.js');
 require('./FileViewer.js');
-require('../chunks/bundle-D8lzfXkZ.js');
+require('../chunks/bundle-DlUfvasr.js');
 require('./VoiceMessageItemBody.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
@@ -90,10 +90,10 @@ require('./PlaybackTime.js');
 require('./ThumbnailMessageItemBody.js');
 require('./UnknownMessageItemBody.js');
 require('./TemplateMessageItemBody.js');
-require('../chunks/bundle-D4y5iRWL.js');
+require('../chunks/bundle-BnZPnCS1.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
-require('../chunks/bundle-TwlKYkkB.js');
+require('../chunks/bundle-LPDBHnUG.js');
 require('./Input.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,33 +1,33 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
-var ui_Modal = require('../chunks/bundle-D_aAITb2.js');
+var LocalizationContext = require('../chunks/bundle-CGj7JjS6.js');
+var ui_Modal = require('../chunks/bundle-BTVhcfBF.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
-var useKeyDown = require('../chunks/bundle-D8lzfXkZ.js');
-require('../chunks/bundle-CXzY5rVA.js');
-require('../chunks/bundle-Cpuh_hmr.js');
-require('../chunks/bundle-QL_tq1Vi.js');
+var ui_Label = require('../chunks/bundle-DyIjO87F.js');
+var useKeyDown = require('../chunks/bundle-DlUfvasr.js');
+require('../chunks/bundle-DufP6x7V.js');
+require('../chunks/bundle-BSdv_4rq.js');
+require('../chunks/bundle-Dtkhmor2.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HekRAZ-p.js');
-require('../chunks/bundle-BekF9PeY.js');
-require('../chunks/bundle-D_IGJ-UU.js');
-require('../chunks/bundle-C9dUt1j_.js');
+require('../chunks/bundle-C46LqYyh.js');
+require('../chunks/bundle-Ct7Vja5E.js');
+require('../chunks/bundle-CWuXh6bZ.js');
+require('../chunks/bundle-CfvwGGIv.js');
 require('react-dom');
-require('../chunks/bundle-DvvSnKiJ.js');
+require('../chunks/bundle-FupN89oG.js');
 require('./IconButton.js');
 require('./Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-CCfEEGZT.js');
+require('../chunks/bundle-B5nluCgf.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-D9TPG-dw.js');
+require('../chunks/bundle-B8bE6mmM.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-C9UhSess.js');
+require('../chunks/bundle-DLJaRSlI.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/MessageFeedbackModal.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
-var ui_Modal = require('../chunks/bundle-D_aAITb2.js');
+var LocalizationContext = require('../chunks/bundle-CGj7JjS6.js');
+var ui_Modal = require('../chunks/bundle-BTVhcfBF.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
-var MediaQueryContext = require('../chunks/bundle-DvvSnKiJ.js');
-var useKeyDown = require('../chunks/bundle-D8lzfXkZ.js');
-require('../chunks/bundle-CXzY5rVA.js');
-require('../chunks/bundle-Cpuh_hmr.js');
-require('../chunks/bundle-QL_tq1Vi.js');
+var ui_Label = require('../chunks/bundle-DyIjO87F.js');
+var MediaQueryContext = require('../chunks/bundle-FupN89oG.js');
+var useKeyDown = require('../chunks/bundle-DlUfvasr.js');
+require('../chunks/bundle-DufP6x7V.js');
+require('../chunks/bundle-BSdv_4rq.js');
+require('../chunks/bundle-Dtkhmor2.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HekRAZ-p.js');
-require('../chunks/bundle-BekF9PeY.js');
-require('../chunks/bundle-D_IGJ-UU.js');
-require('../chunks/bundle-C9dUt1j_.js');
+require('../chunks/bundle-C46LqYyh.js');
+require('../chunks/bundle-Ct7Vja5E.js');
+require('../chunks/bundle-CWuXh6bZ.js');
+require('../chunks/bundle-CfvwGGIv.js');
 require('react-dom');
 require('./IconButton.js');
 require('./Icon.js');
@@ -24,11 +24,11 @@ require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-CCfEEGZT.js');
+require('../chunks/bundle-B5nluCgf.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-D9TPG-dw.js');
+require('../chunks/bundle-B8bE6mmM.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-C9UhSess.js');
+require('../chunks/bundle-DLJaRSlI.js');
 require('./SortByRow.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/ui/MessageInput/hooks/usePaste.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-dRqURxfP.js');
-require('../../../chunks/bundle-DkexSD0g.js');
-require('../../../chunks/bundle-Bc-DjgOv.js');
-require('../../../chunks/bundle-CXzY5rVA.js');
-require('../../../chunks/bundle-v_4wu87G.js');
-require('../../../chunks/bundle-CfZq5vEi.js');
-require('../../../chunks/bundle-Cs90VeJL.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-Drgw8r9-.js');
+require('../../../chunks/bundle-D7q15dUg.js');
+require('../../../chunks/bundle-DtjZ8gz_.js');
+require('../../../chunks/bundle-DufP6x7V.js');
+require('../../../chunks/bundle-cTn0cfLN.js');
+require('../../../chunks/bundle-CXTI-r-K.js');
+require('../../../chunks/bundle-1FpUZD1-.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CXzY5rVA.js');
+var _tslib = require('../chunks/bundle-DufP6x7V.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-DkexSD0g.js');
-var _const = require('../chunks/bundle-Bc-DjgOv.js');
+var _const$1 = require('../chunks/bundle-D7q15dUg.js');
+var _const = require('../chunks/bundle-DtjZ8gz_.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-dRqURxfP.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-Drgw8r9-.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-B0_1JTh1.js');
-var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
+var ui_Label = require('../chunks/bundle-DyIjO87F.js');
+var LocalizationContext = require('../chunks/bundle-CGj7JjS6.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('../chunks/bundle-QL_tq1Vi.js');
-var tokenize = require('../chunks/bundle-BKGMWgjB.js');
-var utils = require('../chunks/bundle-C9dUt1j_.js');
-var browser = require('../chunks/bundle-HekRAZ-p.js');
+var index = require('../chunks/bundle-Dtkhmor2.js');
+var tokenize = require('../chunks/bundle-B_WS0exW.js');
+var utils = require('../chunks/bundle-CfvwGGIv.js');
+var browser = require('../chunks/bundle-C46LqYyh.js');
 require('dompurify');
-require('../chunks/bundle-v_4wu87G.js');
-require('../chunks/bundle-CfZq5vEi.js');
-require('../chunks/bundle-Cs90VeJL.js');
-require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-cTn0cfLN.js');
+require('../chunks/bundle-CXTI-r-K.js');
+require('../chunks/bundle-1FpUZD1-.js');
+require('../chunks/bundle-BSdv_4rq.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BekF9PeY.js');
-require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-Ct7Vja5E.js');
+require('../chunks/bundle-CWuXh6bZ.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -61,19 +61,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 === _const$1.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) {
@@ -90,7 +96,7 @@ var initialTargetStringInfo = {
 var MessageInput = React__default.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 : React.useRef(null);
     var ghostInputRef = React.useRef(null);
     var textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = LocalizationContext.useLocalization().stringSet;
@@ -103,45 +109,14 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
     var _10 = React.useState(false), isInput = _10[0], setIsInput = _10[1];
     var _11 = React.useState([]), mentionedUserIds = _11[0], setMentionedUserIds = _11[1];
     var _12 = React.useState(_tslib.__assign({}, initialTargetStringInfo)), targetStringInfo = _12[0], setTargetStringInfo = _12[1];
-    var setHeight = React.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;
     React.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
     React.useEffect(function () {
@@ -197,7 +172,6 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                 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
@@ -261,7 +235,6 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                     textField_1.focus();
                 }
                 setTargetStringInfo(_tslib.__assign({}, initialTargetStringInfo));
-                setHeight();
                 useMentionedLabelDetection();
             }
         }
@@ -366,7 +339,6 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                     textField_2.focus();
                 }
                 setIsInput(false);
-                setHeight();
             }
         }
         catch (error) {
@@ -395,7 +367,6 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
         setMentionedUsers: setMentionedUsers,
         channel: channel,
         setIsInput: setIsInput,
-        setHeight: setHeight,
     });
     var uploadFile = function (event) {
         var _a, _b;
@@ -412,13 +383,17 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
             event.target.value = '';
         }
     };
+    var handleCommonBehavior = function (handleEvent) {
+        scrollToCaret();
+        return function (e) { return handleEvent(e); };
+    };
     return (React__default.default.createElement("form", { className: utils.classnames.apply(void 0, _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), false), [isEdit && 'sendbird-message-input__edit',
             disabled && 'sendbird-message-input-form__disabled'], false)) },
         React__default.default.createElement("div", { className: utils.classnames('sendbird-message-input', disabled && 'sendbird-message-input__disabled'), "data-testid": "sendbird-message-input" },
             browser.isMobileIOS(navigator.userAgent) && (React__default.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.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.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) {
@@ -448,7 +423,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                             internalRef.current.removeChild(internalRef.current.childNodes[1]);
                         }
                     }
-                }, onKeyUp: function (e) {
+                }), onKeyUp: handleCommonBehavior(function (e) {
                     var preventEvent = onKeyUp(e);
                     if (preventEvent) {
                         e.preventDefault();
@@ -456,15 +431,14 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                     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.default.createElement(ui_Label.Label, { className: "sendbird-message-input--placeholder", type: ui_Label.LabelTypography.BODY_1, color: disabled ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
             !isEdit && isInput && (React__default.default.createElement(ui_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.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SEND, fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" })))),
             !isEdit

package/cjs/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/cjs/ui/MessageItemMenu.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-CXzY5rVA.js');
+var _tslib = require('../chunks/bundle-DufP6x7V.js');
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-C9UhSess.js');
+var ui_ContextMenu = require('../chunks/bundle-DLJaRSlI.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-QL_tq1Vi.js');
-var LocalizationContext = require('../chunks/bundle-BsZ9e1OW.js');
-var types = require('../chunks/bundle-i5nnNpsV.js');
-var utils = require('../chunks/bundle-C9dUt1j_.js');
+var index = require('../chunks/bundle-Dtkhmor2.js');
+var LocalizationContext = require('../chunks/bundle-CGj7JjS6.js');
+var types = require('../chunks/bundle-CFdryFSh.js');
+var utils = require('../chunks/bundle-CfvwGGIv.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CCfEEGZT.js');
+require('../chunks/bundle-B5nluCgf.js');
 require('../withSendbird.js');
-require('../chunks/bundle-B0_1JTh1.js');
-require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-DyIjO87F.js');
+require('../chunks/bundle-BSdv_4rq.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HekRAZ-p.js');
-require('../chunks/bundle-BekF9PeY.js');
-require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-C46LqYyh.js');
+require('../chunks/bundle-Ct7Vja5E.js');
+require('../chunks/bundle-CWuXh6bZ.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageItemReactionMenu.js

@@ -3,30 +3,30 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-C9UhSess.js');
+var ui_ContextMenu = require('../chunks/bundle-DLJaRSlI.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../chunks/bundle-QL_tq1Vi.js');
-require('../chunks/bundle-CXzY5rVA.js');
+var index = require('../chunks/bundle-Dtkhmor2.js');
+require('../chunks/bundle-DufP6x7V.js');
 require('react-dom');
-require('../chunks/bundle-C9dUt1j_.js');
+require('../chunks/bundle-CfvwGGIv.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CCfEEGZT.js');
+require('../chunks/bundle-B5nluCgf.js');
 require('../withSendbird.js');
-require('../chunks/bundle-BsZ9e1OW.js');
-require('../chunks/bundle-Cpuh_hmr.js');
-require('../chunks/bundle-B0_1JTh1.js');
-require('../chunks/bundle-DQTt3t1y.js');
-require('../chunks/bundle-DvvSnKiJ.js');
+require('../chunks/bundle-CGj7JjS6.js');
+require('../chunks/bundle-BSdv_4rq.js');
+require('../chunks/bundle-DyIjO87F.js');
+require('../chunks/bundle-ChfAP41k.js');
+require('../chunks/bundle-FupN89oG.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HekRAZ-p.js');
-require('../chunks/bundle-BekF9PeY.js');
-require('../chunks/bundle-D_IGJ-UU.js');
+require('../chunks/bundle-C46LqYyh.js');
+require('../chunks/bundle-Ct7Vja5E.js');
+require('../chunks/bundle-CWuXh6bZ.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageMenu.js

@@ -1,28 +1,28 @@
 'use strict';
 
-var MessageMenu = require('../chunks/bundle-Cx_AtXvu.js');
-var ui_ContextMenu = require('../chunks/bundle-C9UhSess.js');
+var MessageMenu = require('../chunks/bundle-yxVAAzPF.js');
+var ui_ContextMenu = require('../chunks/bundle-DLJaRSlI.js');
 require('react');
-require('../chunks/bundle-C9dUt1j_.js');
+require('../chunks/bundle-CfvwGGIv.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CXzY5rVA.js');
+require('../chunks/bundle-DufP6x7V.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-QL_tq1Vi.js');
+require('../chunks/bundle-Dtkhmor2.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HekRAZ-p.js');
-require('../chunks/bundle-BekF9PeY.js');
-require('../chunks/bundle-D_IGJ-UU.js');
-require('../chunks/bundle-BsZ9e1OW.js');
-require('../chunks/bundle-Cpuh_hmr.js');
+require('../chunks/bundle-C46LqYyh.js');
+require('../chunks/bundle-Ct7Vja5E.js');
+require('../chunks/bundle-CWuXh6bZ.js');
+require('../chunks/bundle-CGj7JjS6.js');
+require('../chunks/bundle-BSdv_4rq.js');
 require('@sendbird/chat');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CCfEEGZT.js');
-require('../chunks/bundle-B0_1JTh1.js');
+require('../chunks/bundle-B5nluCgf.js');
+require('../chunks/bundle-DyIjO87F.js');