@sendbird/uikit-react 3.12.0 → 3.12.1

package/cjs/ui/FileViewer.js

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-l9rAnwws.js');
+require('../chunks/bundle-QauQilHV.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-oK2GZVsW.js');
+require('../chunks/bundle-rGYP82Yc.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-JutD2hKN.js');
-require('../chunks/bundle-XpwayjqP.js');
-require('../chunks/bundle-lZm_4ToV.js');
-require('../chunks/bundle-Y6oHbdhN.js');
+require('../chunks/bundle-opmIFrXg.js');
+require('../chunks/bundle-DGXRqeiH.js');
+require('../chunks/bundle-BujsZjS_.js');
+require('../chunks/bundle-12iJO39c.js');
 require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-JllM1Vt3.js');
-require('../chunks/bundle-O3DZBV2p.js');
-require('../chunks/bundle-lqO2HtRG.js');
-require('../chunks/bundle-do_4Y2S_.js');
-require('../chunks/bundle-HQUEIVST.js');
-require('../chunks/bundle-LZMOuc2b.js');
-require('../chunks/bundle-eg639gtv.js');
+var ui_FileViewer = require('../chunks/bundle-yzcXd9DQ.js');
+require('../chunks/bundle-jh0UjnOb.js');
+require('../chunks/bundle-3eINsVVm.js');
+require('../chunks/bundle-JfUvL0pn.js');
+require('../chunks/bundle-6uWmKzjA.js');
+require('../chunks/bundle-7pGAEUaG.js');
+require('../chunks/bundle-xTAz4Z91.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-jI4fSOuZ.js');
-require('../chunks/bundle-_N5y1qEg.js');
+require('../chunks/bundle-hR3vnZG1.js');
+require('../chunks/bundle-Oq2WwdJI.js');
 require('@sendbird/uikit-tools');
 
 

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
-var utils = require('../chunks/bundle-XpwayjqP.js');
+var utils = require('../chunks/bundle-DGXRqeiH.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
 
 var IconButton = React.forwardRef(function (props, ref) {

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
-var utils = require('../chunks/bundle-XpwayjqP.js');
+var utils = require('../chunks/bundle-DGXRqeiH.js');
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;
@@ -105,18 +105,13 @@ var ImageRenderer = function (_a) {
         return defaultComponent;
     };
     var renderImage = function () {
-        return (React.createElement("div", { className: "sendbird-image-renderer__image", style: {
-                width: '100%',
-                minWidth: dynamicMinWidth,
-                maxWidth: fixedSize ? dynamicMinWidth : '400px',
-                height: dynamicMinHeight,
-                position: 'absolute',
-                backgroundRepeat: 'no-repeat',
-                backgroundPosition: 'center',
-                backgroundSize: 'cover',
-                backgroundImage: "url(".concat(internalUrl, ")"),
-                borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius),
-            } }));
+        var backgroundStyle = internalUrl ? {
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            backgroundImage: "url(".concat(internalUrl, ")"),
+        } : {};
+        return (React.createElement("div", { className: "sendbird-image-renderer__image", style: _tslib.__assign({ width: '100%', minWidth: dynamicMinWidth, maxWidth: fixedSize ? dynamicMinWidth : '400px', height: dynamicMinHeight, position: 'absolute', borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, backgroundStyle) }));
     };
     return (dynamicMinWidth
         && dynamicMinHeight && (React.createElement("div", { ref: ref, className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), ['sendbird-image-renderer'], false).join(' '), style: {
@@ -128,7 +123,7 @@ var ImageRenderer = function (_a) {
         placeholderVisible && renderPlaceholder(),
         defaultComponentVisible ? renderDefault() : renderImage(),
         shadeOnHover && (React.createElement("div", { className: "sendbird-multiple-files-image-renderer__image-cover", style: _tslib.__assign({ borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius) }, (isUploaded ? {} : { display: 'inline-flex' })) })),
-        React.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
+        internalUrl && React.createElement(HiddenImageLoader, { src: internalUrl, alt: alt, onLoadStart: function () {
                 setPlaceholderVisible(true);
                 setDefaultComponentVisible(false);
             }, onLoad: function () {

package/cjs/ui/ImageRenderer.js.map

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

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Y6oHbdhN.js');
-require('../chunks/bundle-l9rAnwws.js');
-require('../chunks/bundle-do_4Y2S_.js');
+var ui_Label = require('../chunks/bundle-12iJO39c.js');
+require('../chunks/bundle-QauQilHV.js');
+require('../chunks/bundle-JfUvL0pn.js');
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-l9rAnwws.js');
+require('../chunks/bundle-QauQilHV.js');
 require('react');
-var ui_Label = require('../chunks/bundle-Y6oHbdhN.js');
-require('../chunks/bundle-do_4Y2S_.js');
+var ui_Label = require('../chunks/bundle-12iJO39c.js');
+require('../chunks/bundle-JfUvL0pn.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Y6oHbdhN.js');
-require('../chunks/bundle-do_4Y2S_.js');
+var ui_Label = require('../chunks/bundle-12iJO39c.js');
+require('../chunks/bundle-JfUvL0pn.js');
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-XpwayjqP.js');
+require('../chunks/bundle-DGXRqeiH.js');
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;

package/cjs/ui/MentionLabel.js

@@ -2,27 +2,27 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-Y6oHbdhN.js');
+var ui_Label = require('../chunks/bundle-12iJO39c.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-l9rAnwws.js');
+require('../chunks/bundle-QauQilHV.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-fWvwYg6I.js');
-require('../chunks/bundle-JutD2hKN.js');
+require('../chunks/bundle-BAZMzxRI.js');
+require('../chunks/bundle-opmIFrXg.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-LZMOuc2b.js');
-require('../chunks/bundle-do_4Y2S_.js');
-require('../chunks/bundle-oK2GZVsW.js');
-require('../chunks/bundle-HQUEIVST.js');
-require('../chunks/bundle-bSoYSPA5.js');
+require('../chunks/bundle-7pGAEUaG.js');
+require('../chunks/bundle-JfUvL0pn.js');
+require('../chunks/bundle-rGYP82Yc.js');
+require('../chunks/bundle-6uWmKzjA.js');
+require('../chunks/bundle-o2GWKL_d.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-2QTmv8Qr.js');
-require('../chunks/bundle-XpwayjqP.js');
-require('../chunks/bundle-lZm_4ToV.js');
+require('../chunks/bundle-Ktg9Of7w.js');
+require('../chunks/bundle-DGXRqeiH.js');
+require('../chunks/bundle-BujsZjS_.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-jI4fSOuZ.js');
+require('../chunks/bundle-hR3vnZG1.js');
 require('./Icon.js');
 require('./Button.js');
 require('../withSendbird.js');

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-WQOvDsOP.js');
+var consts = require('../chunks/bundle-mpZAARbu.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/cjs/ui/MessageContent.js

@@ -1,55 +1,55 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-POnqXMLV.js');
-var ui_MessageStatus = require('../chunks/bundle-UAlBT2_3.js');
+var index$2 = require('../chunks/bundle-JbsZLrne.js');
+var ui_MessageStatus = require('../chunks/bundle-uIj1z0m8.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-Y6oHbdhN.js');
+var ui_Label = require('../chunks/bundle-12iJO39c.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-JutD2hKN.js');
-var LocalizationContext = require('../chunks/bundle-oK2GZVsW.js');
+var index = require('../chunks/bundle-opmIFrXg.js');
+var LocalizationContext = require('../chunks/bundle-rGYP82Yc.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-ivu3uDBu.js');
-var index$3 = require('../chunks/bundle-jjYDBqPB.js');
-var MediaQueryContext = require('../chunks/bundle-eg639gtv.js');
+var useLongPress = require('../chunks/bundle-0vl1G6aF.js');
+var index$3 = require('../chunks/bundle-mMBwJT3x.js');
+var MediaQueryContext = require('../chunks/bundle-xTAz4Z91.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-THKiylQP.js');
-var utils = require('../chunks/bundle-XpwayjqP.js');
+var _const = require('../chunks/bundle-YZRXvkp-.js');
+var utils = require('../chunks/bundle-DGXRqeiH.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-lZm_4ToV.js');
+var ui_Avatar = require('../chunks/bundle-BujsZjS_.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-bSoYSPA5.js');
+var UserProfileContext = require('../chunks/bundle-o2GWKL_d.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-dibCo5Mv.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-xHh0P-Hz.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
-var index$1 = require('../chunks/bundle-LZMOuc2b.js');
+var index$1 = require('../chunks/bundle-7pGAEUaG.js');
 var ui_Icon = require('./Icon.js');
 var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var Channel_components_MessageFeedbackModal = require('../Channel/components/MessageFeedbackModal.js');
-var ui_Modal = require('../chunks/bundle-lqO2HtRG.js');
+var ui_Modal = require('../chunks/bundle-3eINsVVm.js');
 var ui_Button = require('./Button.js');
-var useKeyDown = require('../chunks/bundle-O3DZBV2p.js');
-require('../chunks/bundle-HQUEIVST.js');
+var useKeyDown = require('../chunks/bundle-jh0UjnOb.js');
+require('../chunks/bundle-6uWmKzjA.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-hdKCnGri.js');
-require('../chunks/bundle-65WXfVqV.js');
+require('../chunks/bundle-OmPnU_OI.js');
+require('../chunks/bundle-fNnK4ZX1.js');
 require('./IconButton.js');
-require('../chunks/bundle-w1sEa7O0.js');
+require('../chunks/bundle-XqQ_cljg.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-fWvwYg6I.js');
-require('../chunks/bundle-do_4Y2S_.js');
+require('../chunks/bundle-BAZMzxRI.js');
+require('../chunks/bundle-JfUvL0pn.js');
 require('@sendbird/chat/groupChannel');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
@@ -59,27 +59,27 @@ require('../hooks/useModal.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-jI4fSOuZ.js');
+require('../chunks/bundle-hR3vnZG1.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-2QTmv8Qr.js');
+require('../chunks/bundle-Ktg9Of7w.js');
 require('../withSendbird.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-v-P7N839.js');
-require('../chunks/bundle-yyOx7Krk.js');
-require('../chunks/bundle-Ulv5XabQ.js');
+require('../chunks/bundle-WjU125ds.js');
+require('../chunks/bundle-SR43QM50.js');
+require('../chunks/bundle-rm245WXS.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-rGIlrKQw.js');
-require('../chunks/bundle-8gAAE7I3.js');
+require('../chunks/bundle-vtbEyMlh.js');
+require('../chunks/bundle-cIL4aJSh.js');
 require('./TextButton.js');
-require('../chunks/bundle-XSrDHwxE.js');
-require('../chunks/bundle-JllM1Vt3.js');
-require('../chunks/bundle-_N5y1qEg.js');
+require('../chunks/bundle-q15q65dt.js');
+require('../chunks/bundle-yzcXd9DQ.js');
+require('../chunks/bundle-Oq2WwdJI.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../chunks/bundle-apUHizVu.js');
+require('../chunks/bundle-sSkyvCgN.js');
 require('../VoiceRecorder/context.js');
 require('./PlaybackTime.js');
 require('./Input.js');

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

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('dompurify');
-var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-qlTSWGy9.js');
-require('../../../chunks/bundle-l9rAnwws.js');
-require('../../../chunks/bundle-WQOvDsOP.js');
-require('../../../chunks/bundle-8gAAE7I3.js');
-require('../../../chunks/bundle-rGIlrKQw.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-VySxn-bM.js');
+require('../../../chunks/bundle-sPQAW6hW.js');
+require('../../../chunks/bundle-YZRXvkp-.js');
+require('../../../chunks/bundle-QauQilHV.js');
+require('../../../chunks/bundle-mpZAARbu.js');
+require('../../../chunks/bundle-cIL4aJSh.js');
+require('../../../chunks/bundle-vtbEyMlh.js');
 
 
 

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

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

package/cjs/ui/MessageInput.js

@@ -1,26 +1,26 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-l9rAnwws.js');
+var _tslib = require('../chunks/bundle-QauQilHV.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-ZIC4K68f.js');
-var _const = require('../chunks/bundle-THKiylQP.js');
+var _const$1 = require('../chunks/bundle-sPQAW6hW.js');
+var _const = require('../chunks/bundle-YZRXvkp-.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-qlTSWGy9.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-VySxn-bM.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-Y6oHbdhN.js');
-var LocalizationContext = require('../chunks/bundle-oK2GZVsW.js');
+var ui_Label = require('../chunks/bundle-12iJO39c.js');
+var LocalizationContext = require('../chunks/bundle-rGYP82Yc.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index$1 = require('../chunks/bundle-JutD2hKN.js');
-var tokenize = require('../chunks/bundle-Ulv5XabQ.js');
-var index = require('../chunks/bundle-LZMOuc2b.js');
-var utils = require('../chunks/bundle-XpwayjqP.js');
+var index$1 = require('../chunks/bundle-opmIFrXg.js');
+var tokenize = require('../chunks/bundle-rm245WXS.js');
+var index = require('../chunks/bundle-7pGAEUaG.js');
+var utils = require('../chunks/bundle-DGXRqeiH.js');
 require('dompurify');
-require('../chunks/bundle-WQOvDsOP.js');
-require('../chunks/bundle-8gAAE7I3.js');
-require('../chunks/bundle-rGIlrKQw.js');
-require('../chunks/bundle-do_4Y2S_.js');
-require('../chunks/bundle-HQUEIVST.js');
+require('../chunks/bundle-mpZAARbu.js');
+require('../chunks/bundle-cIL4aJSh.js');
+require('../chunks/bundle-vtbEyMlh.js');
+require('../chunks/bundle-JfUvL0pn.js');
+require('../chunks/bundle-6uWmKzjA.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
@@ -86,7 +86,7 @@ var initialTargetStringInfo = {
 };
 var MessageInput = React.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.isMentionEnabled, isMentionEnabled = _j === void 0 ? false : _j, _k = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _k === void 0 ? true : _k, _l = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _l === void 0 ? false : _l, _m = props.disabled, disabled = _m === void 0 ? false : _m, _o = props.message, message = _o === void 0 ? null : _o, _p = props.placeholder, placeholder = _p === void 0 ? '' : _p, _q = props.maxLength, maxLength = _q === void 0 ? 5000 : _q, _r = props.onFileUpload, onFileUpload = _r === void 0 ? noop : _r, _s = props.onSendMessage, onSendMessage = _s === void 0 ? noop : _s, _t = props.onUpdateMessage, onUpdateMessage = _t === void 0 ? noop : _t, _u = props.onCancelEdit, onCancelEdit = _u === void 0 ? noop : _u, _v = props.onStartTyping, onStartTyping = _v === void 0 ? noop : _v, _w = props.channelUrl, channelUrl = _w === void 0 ? '' : _w, _x = props.mentionSelectedUser, mentionSelectedUser = _x === void 0 ? null : _x, _y = props.onUserMentioned, onUserMentioned = _y === void 0 ? noop : _y, _z = props.onMentionStringChange, onMentionStringChange = _z === void 0 ? noop : _z, _0 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _0 === void 0 ? noop : _0, _1 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _1 === void 0 ? noop : _1, _2 = props.onKeyUp, onKeyUp = _2 === void 0 ? noop : _2, _3 = props.onKeyDown, onKeyDown = _3 === void 0 ? noop : _3, _4 = props.renderFileUploadIcon, renderFileUploadIcon = _4 === void 0 ? noop : _4, _5 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _5 === void 0 ? noop : _5, _6 = props.renderSendMessageIcon, renderSendMessageIcon = _6 === void 0 ? noop : _6, _7 = props.setMentionedUsers, setMentionedUsers = _7 === void 0 ? noop : _7, acceptableMimeTypes = props.acceptableMimeTypes;
+    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 textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = LocalizationContext.useLocalization().stringSet;
@@ -96,9 +96,9 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
         config: config,
     });
     var fileInputRef = React.useRef(null);
-    var _8 = React.useState(false), isInput = _8[0], setIsInput = _8[1];
-    var _9 = React.useState([]), mentionedUserIds = _9[0], setMentionedUserIds = _9[1];
-    var _10 = React.useState(_tslib.__assign({}, initialTargetStringInfo)), targetStringInfo = _10[0], setTargetStringInfo = _10[1];
+    var _9 = React.useState(false), isInput = _9[0], setIsInput = _9[1];
+    var _10 = React.useState([]), mentionedUserIds = _10[0], setMentionedUserIds = _10[1];
+    var _11 = React.useState(_tslib.__assign({}, initialTargetStringInfo)), targetStringInfo = _11[0], setTargetStringInfo = _11[1];
     var setHeight = React.useMemo(function () { return function () {
         try {
             var elem = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
@@ -317,34 +317,8 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
     var sendMessage = function () {
         var textField = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
         if (!isEdit && (textField === null || textField === void 0 ? void 0 : textField.textContent)) {
-            var messageText_1 = '';
-            var mentionTemplate_1 = '';
-            textField.childNodes.forEach(function (node) {
-                if (node.nodeType === _const$1.NodeTypes.ElementNode && node.nodeName === _const$1.NodeNames.Span) {
-                    // @ts-ignore
-                    var innerText = node.innerText, _a = node.dataset, dataset = _a === void 0 ? {} : _a;
-                    var _b = dataset.userid, userid = _b === void 0 ? '' : _b;
-                    messageText_1 += innerText;
-                    mentionTemplate_1 += "".concat(_const.USER_MENTION_TEMP_CHAR, "{").concat(userid, "}");
-                }
-                else if (node.nodeType === _const$1.NodeTypes.ElementNode && node.nodeName === _const$1.NodeNames.Br) {
-                    messageText_1 += '\n';
-                    mentionTemplate_1 += '\n';
-                }
-                else if ((node === null || node === void 0 ? void 0 : node.nodeType) === _const$1.NodeTypes.ElementNode && (node === null || node === void 0 ? void 0 : node.nodeName) === _const$1.NodeNames.Div) {
-                    // handles newline in safari
-                    var _c = node.textContent, textContent = _c === void 0 ? '' : _c;
-                    messageText_1 += "\n".concat(textContent);
-                    mentionTemplate_1 += "\n".concat(textContent);
-                }
-                else {
-                    // other nodes including text node
-                    var _d = node.textContent, textContent = _d === void 0 ? '' : _d;
-                    messageText_1 += textContent;
-                    mentionTemplate_1 += textContent;
-                }
-            });
-            var params = { message: messageText_1, mentionTemplate: mentionTemplate_1 };
+            var _a = ui_MessageInput_hooks_usePaste.extractTextAndMentions(textField.childNodes), messageText = _a.messageText, mentionTemplate = _a.mentionTemplate;
+            var params = { message: messageText, mentionTemplate: mentionTemplate };
             onSendMessage(params);
             resetInput(internalRef);
             // important: keeps the keyboard open -> must add test on refactor
@@ -358,26 +332,8 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
         var textField = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
         var messageId = message === null || message === void 0 ? void 0 : message.messageId;
         if (isEdit && messageId) {
-            var messageText_2 = '';
-            var mentionTemplate_2 = '';
-            textField.childNodes.forEach(function (node) {
-                if (node.nodeType === _const$1.NodeTypes.ElementNode && node.nodeName === _const$1.NodeNames.Span) {
-                    // @ts-ignore
-                    var innerText = node.innerText, _a = node.dataset, dataset = _a === void 0 ? {} : _a;
-                    var _b = dataset.userid, userid = _b === void 0 ? '' : _b;
-                    messageText_2 += innerText;
-                    mentionTemplate_2 += "".concat(_const.USER_MENTION_TEMP_CHAR, "{").concat(userid, "}");
-                    messageText_2 += '\n';
-                    mentionTemplate_2 += '\n';
-                }
-                else {
-                    // other nodes including text node
-                    var _c = node.textContent, textContent = _c === void 0 ? '' : _c;
-                    messageText_2 += textContent;
-                    mentionTemplate_2 += textContent;
-                }
-            });
-            var params = { messageId: messageId, message: messageText_2, mentionTemplate: mentionTemplate_2 };
+            var _a = ui_MessageInput_hooks_usePaste.extractTextAndMentions(textField.childNodes), messageText = _a.messageText, mentionTemplate = _a.mentionTemplate;
+            var params = { messageId: messageId, message: messageText, mentionTemplate: mentionTemplate };
             onUpdateMessage(params);
             resetInput(internalRef);
         }
@@ -406,8 +362,16 @@ var MessageInput = React.forwardRef(function (props, externalRef) {
                     else {
                         if (!e.shiftKey
                             && e.key === _const$1.MessageInputKeys.Enter
+                            && !isMobile
                             && ((_b = (_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim().length) > 0
-                            && ((_c = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _c === void 0 ? void 0 : _c.isComposing) !== true) {
+                            && ((_c = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _c === void 0 ? void 0 : _c.isComposing) !== true
+                        /**
+                         * NOTE: What isComposing does?
+                         * Check if the user has finished composing characters
+                         * (e.g., for languages like Korean, Japanese, where characters are composed from multiple keystrokes)
+                         * Prevents executing the code while the user is still composing characters.
+                         */
+                        ) {
                             /**
                              * NOTE: contentEditable does not work as expected in mobile WebKit(Safari).
                              * Events and properties related to composing, necessary for combining characters like Hangul, also seem to be not handled properly.

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

@@ -6,20 +6,20 @@ var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-JutD2hKN.js');
-var LocalizationContext = require('../chunks/bundle-oK2GZVsW.js');
-var types = require('../chunks/bundle-w1sEa7O0.js');
-require('../chunks/bundle-l9rAnwws.js');
+var index = require('../chunks/bundle-opmIFrXg.js');
+var LocalizationContext = require('../chunks/bundle-rGYP82Yc.js');
+var types = require('../chunks/bundle-XqQ_cljg.js');
+require('../chunks/bundle-QauQilHV.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-fWvwYg6I.js');
-require('../chunks/bundle-Y6oHbdhN.js');
-require('../chunks/bundle-do_4Y2S_.js');
-require('../chunks/bundle-XpwayjqP.js');
+require('../chunks/bundle-BAZMzxRI.js');
+require('../chunks/bundle-12iJO39c.js');
+require('../chunks/bundle-JfUvL0pn.js');
+require('../chunks/bundle-DGXRqeiH.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-LZMOuc2b.js');
-require('../chunks/bundle-HQUEIVST.js');
+require('../chunks/bundle-7pGAEUaG.js');
+require('../chunks/bundle-6uWmKzjA.js');
 
 function MessageMenu(_a) {
     var _b;

package/cjs/ui/MessageItemReactionMenu.js

@@ -8,19 +8,19 @@ 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-JutD2hKN.js');
-require('../chunks/bundle-l9rAnwws.js');
+var index = require('../chunks/bundle-opmIFrXg.js');
+require('../chunks/bundle-QauQilHV.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-fWvwYg6I.js');
-require('../chunks/bundle-Y6oHbdhN.js');
-require('../chunks/bundle-do_4Y2S_.js');
-require('../chunks/bundle-XpwayjqP.js');
-require('../chunks/bundle-ivu3uDBu.js');
-require('../chunks/bundle-eg639gtv.js');
+require('../chunks/bundle-BAZMzxRI.js');
+require('../chunks/bundle-12iJO39c.js');
+require('../chunks/bundle-JfUvL0pn.js');
+require('../chunks/bundle-DGXRqeiH.js');
+require('../chunks/bundle-0vl1G6aF.js');
+require('../chunks/bundle-xTAz4Z91.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-LZMOuc2b.js');
+require('../chunks/bundle-7pGAEUaG.js');
 
 function MessageEmojiMenu(_a) {
     var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction, setSupposedHover = _a.setSupposedHover;