@sendbird/uikit-react 3.17.11 → 3.17.12

package/cjs/ui/MessageFeedbackFailedModal.js

@@ -1,23 +1,23 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-Bjb4mIZC.js');
-var ui_Modal = require('../chunks/bundle-BM_oajIx.js');
+var LocalizationContext = require('../chunks/bundle-BiH38g8Z.js');
+var ui_Modal = require('../chunks/bundle-DDaeFQnz.js');
 var ui_Button = require('./Button.js');
-var ui_Label = require('../chunks/bundle-BPerQ7Nn.js');
-var useKeyDown = require('../chunks/bundle-Dr1OK02d.js');
-require('../chunks/bundle-DXxZOPH7.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-C-sNT-AX.js');
+var ui_Label = require('../chunks/bundle-BbAqlLCc.js');
+var useKeyDown = require('../chunks/bundle-zB1x662g.js');
+require('../chunks/bundle-C5mxhXoI.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-DmDbvIgG.js');
 require('react-dom');
-require('../chunks/bundle-99j0pbE6.js');
-require('../chunks/bundle-8rTW0vfg.js');
+require('../chunks/bundle-DVTKYwk8.js');
+require('../chunks/bundle-Bk2QOCY1.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-BwsikcS8.js');
-require('../chunks/bundle-BL3oBZ_9.js');
-require('../chunks/bundle-D8mb0bUY.js');
-require('../chunks/bundle-Dz379Vmq.js');
+require('../chunks/bundle-DMroWEST.js');
+require('../chunks/bundle-D18FtXyq.js');
+require('../chunks/bundle-Ct1kTyi8.js');
+require('../chunks/bundle-DSwCeEJP.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');

package/cjs/ui/MessageFeedbackModal.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-Bjb4mIZC.js');
-var ui_Modal = require('../chunks/bundle-BM_oajIx.js');
+var LocalizationContext = require('../chunks/bundle-BiH38g8Z.js');
+var ui_Modal = require('../chunks/bundle-DDaeFQnz.js');
 var ui_Button = require('./Button.js');
 var ui_Input = require('./Input.js');
-var ui_Label = require('../chunks/bundle-BPerQ7Nn.js');
-var MediaQueryContext = require('../chunks/bundle-8rTW0vfg.js');
-var useKeyDown = require('../chunks/bundle-Dr1OK02d.js');
-require('../chunks/bundle-DXxZOPH7.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-C-sNT-AX.js');
+var ui_Label = require('../chunks/bundle-BbAqlLCc.js');
+var MediaQueryContext = require('../chunks/bundle-Bk2QOCY1.js');
+var useKeyDown = require('../chunks/bundle-zB1x662g.js');
+require('../chunks/bundle-C5mxhXoI.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-DmDbvIgG.js');
 require('react-dom');
-require('../chunks/bundle-99j0pbE6.js');
+require('../chunks/bundle-DVTKYwk8.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-BwsikcS8.js');
-require('../chunks/bundle-BL3oBZ_9.js');
-require('../chunks/bundle-D8mb0bUY.js');
-require('../chunks/bundle-Dz379Vmq.js');
+require('../chunks/bundle-DMroWEST.js');
+require('../chunks/bundle-D18FtXyq.js');
+require('../chunks/bundle-Ct1kTyi8.js');
+require('../chunks/bundle-DSwCeEJP.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');

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-BNq5tPbD.js');
-require('../../../chunks/bundle-oeZ9Mu_e.js');
-require('../../../chunks/bundle-UHQZNGhZ.js');
-require('../../../chunks/bundle-DXxZOPH7.js');
-require('../../../chunks/bundle-Cc0re38P.js');
-require('../../../chunks/bundle-BVWhTr3J.js');
-require('../../../chunks/bundle-BL5M4yXI.js');
+var ui_MessageInput_hooks_usePaste = require('../../../chunks/bundle-0TJHf4Tc.js');
+require('../../../chunks/bundle-C6htG4_3.js');
+require('../../../chunks/bundle-Zv_4ZO0n.js');
+require('../../../chunks/bundle-C5mxhXoI.js');
+require('../../../chunks/bundle-BZ9pC_BG.js');
+require('../../../chunks/bundle-DQMqz2XT.js');
+require('../../../chunks/bundle-CPKCY1PR.js');
 
 
 

package/cjs/ui/MessageInput.js

@@ -1,32 +1,32 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-DXxZOPH7.js');
+var _tslib = require('../chunks/bundle-C5mxhXoI.js');
 var React = require('react');
-var _const$1 = require('../chunks/bundle-oeZ9Mu_e.js');
-var _const = require('../chunks/bundle-UHQZNGhZ.js');
+var _const$1 = require('../chunks/bundle-C6htG4_3.js');
+var _const = require('../chunks/bundle-Zv_4ZO0n.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
-var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-BNq5tPbD.js');
+var ui_MessageInput_hooks_usePaste = require('../chunks/bundle-0TJHf4Tc.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BPerQ7Nn.js');
-var LocalizationContext = require('../chunks/bundle-Bjb4mIZC.js');
-var index$1 = require('../chunks/bundle-CNxWQqoS.js');
-var tokenize = require('../chunks/bundle-BO7CCDGO.js');
-var index = require('../chunks/bundle-C6JU7bHv.js');
-var utils = require('../chunks/bundle-99j0pbE6.js');
-var browser = require('../chunks/bundle-CdZGTXx9.js');
-var useSendbird = require('../chunks/bundle-BL3oBZ_9.js');
+var ui_Label = require('../chunks/bundle-BbAqlLCc.js');
+var LocalizationContext = require('../chunks/bundle-BiH38g8Z.js');
+var index$1 = require('../chunks/bundle-DbmnzR7q.js');
+var tokenize = require('../chunks/bundle-D079OjSe.js');
+var index = require('../chunks/bundle-CtVNyiwe.js');
+var utils = require('../chunks/bundle-DVTKYwk8.js');
+var browser = require('../chunks/bundle-Ccd-6PYk.js');
+var useSendbird = require('../chunks/bundle-D18FtXyq.js');
 require('dompurify');
-require('../chunks/bundle-Cc0re38P.js');
-require('../chunks/bundle-BVWhTr3J.js');
-require('../chunks/bundle-BL5M4yXI.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-C-sNT-AX.js');
+require('../chunks/bundle-BZ9pC_BG.js');
+require('../chunks/bundle-DQMqz2XT.js');
+require('../chunks/bundle-CPKCY1PR.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-DmDbvIgG.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Bpc04WVm.js');
-require('../chunks/bundle-Dz379Vmq.js');
-require('../chunks/bundle-D8mb0bUY.js');
+require('../chunks/bundle-BnRVJSVA.js');
+require('../chunks/bundle-DSwCeEJP.js');
+require('../chunks/bundle-Ct1kTyi8.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 
@@ -73,6 +73,13 @@ var resetInput = function (ref) {
         ref.current.innerHTML = '';
     }
 };
+var getTextContentWithoutZeroWidthSpace = function (node) {
+    var _a;
+    return ui_MessageInput_hooks_usePaste.stripZeroWidthSpace((_a = node === null || node === void 0 ? void 0 : node.textContent) !== null && _a !== void 0 ? _a : '');
+};
+var hasTextContentWithoutZeroWidthSpace = function (node) {
+    return getTextContentWithoutZeroWidthSpace(node).trim().length > 0;
+};
 var initialTargetStringInfo = {
     targetString: '',
     startNodeIndex: null,
@@ -81,21 +88,20 @@ var initialTargetStringInfo = {
     endOffsetIndex: null,
 };
 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 channel = props.channel, _a = props.className, className = _a === void 0 ? '' : _a, _b = props.messageFieldId, messageFieldId = _b === void 0 ? '' : _b, _c = props.isEdit, isEdit = _c === void 0 ? false : _c, _d = props.isMobile, isMobile = _d === void 0 ? false : _d, _e = props.isMentionEnabled, isMentionEnabled = _e === void 0 ? false : _e, _f = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _f === void 0 ? true : _f, _g = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _g === void 0 ? false : _g, _h = props.disabled, disabled = _h === void 0 ? false : _h, _j = props.message, message = _j === void 0 ? null : _j, _k = props.placeholder, placeholder = _k === void 0 ? '' : _k, _l = props.maxLength, maxLength = _l === void 0 ? 5000 : _l, _m = props.onFileUpload, onFileUpload = _m === void 0 ? noop : _m, _o = props.onSendMessage, onSendMessage = _o === void 0 ? noop : _o, _p = props.onUpdateMessage, onUpdateMessage = _p === void 0 ? noop : _p, _q = props.onCancelEdit, onCancelEdit = _q === void 0 ? noop : _q, _r = props.onStartTyping, onStartTyping = _r === void 0 ? noop : _r, _s = props.channelUrl, channelUrl = _s === void 0 ? '' : _s, _t = props.mentionSelectedUser, mentionSelectedUser = _t === void 0 ? null : _t, _u = props.onUserMentioned, onUserMentioned = _u === void 0 ? noop : _u, _v = props.onMentionStringChange, onMentionStringChange = _v === void 0 ? noop : _v, _w = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _w === void 0 ? noop : _w, _x = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _x === void 0 ? noop : _x, _y = props.onKeyUp, onKeyUp = _y === void 0 ? noop : _y, _z = props.onKeyDown, onKeyDown = _z === void 0 ? noop : _z, _0 = props.renderFileUploadIcon, renderFileUploadIcon = _0 === void 0 ? noop : _0, _1 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _1 === void 0 ? noop : _1, _2 = props.renderSendMessageIcon, renderSendMessageIcon = _2 === void 0 ? noop : _2, _3 = props.setMentionedUsers, setMentionedUsers = _3 === void 0 ? noop : _3, acceptableMimeTypes = props.acceptableMimeTypes;
     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;
-    var _9 = useSendbird.useSendbird().state, config = _9.config, eventHandlers = _9.eventHandlers;
+    var _4 = useSendbird.useSendbird().state, config = _4.config, eventHandlers = _4.eventHandlers;
     var isFileUploadEnabled = checkIfFileUploadEnabled({
         channel: channel,
         config: config,
     });
     var fileInputRef = React.useRef();
-    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 _5 = React.useState(false), isInput = _5[0], setIsInput = _5[1];
+    var _6 = React.useState([]), mentionedUserIds = _6[0], setMentionedUserIds = _6[1];
+    var _7 = React.useState(_tslib.__assign({}, initialTargetStringInfo)), targetStringInfo = _7[0], setTargetStringInfo = _7[1];
     // #Edit mode
     // for easily initialize input value from outside, but
     // useEffect(_, [channelUrl]) erase it
@@ -103,7 +109,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
     React.useEffect(function () {
         var textField = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
         setMentionedUserIds([]);
-        setIsInput((textField === null || textField === void 0 ? void 0 : textField.textContent) ? textField.textContent.trim().length > 0 : false);
+        setIsInput(hasTextContentWithoutZeroWidthSpace(textField));
     }, [initialValue]);
     // #Mention | Clear input value when channel changes
     React.useEffect(function () {
@@ -114,7 +120,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
     }, [channelUrl]);
     // #Mention & #Edit | Fill message input values
     React.useEffect(function () {
-        var _a, _b;
+        var _a;
         if (isEdit && (message === null || message === void 0 ? void 0 : message.messageId)) {
             // const textField = document.getElementById(textFieldId);
             var textField = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
@@ -124,7 +130,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                 && (message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate)
                 && message.mentionedMessageTemplate.length > 0) {
                 /* mention enabled */
-                var _c = message.mentionedUsers, mentionedUsers_1 = _c === void 0 ? [] : _c;
+                var _b = message.mentionedUsers, mentionedUsers_1 = _b === void 0 ? [] : _b;
                 var tokens = tokenize.tokenizeMessage({
                     messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
                     mentionedUsers: mentionedUsers_1,
@@ -153,17 +159,16 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                         textField.innerHTML = (_a = ui_MessageInput_hooks_usePaste.sanitizeString(message === null || message === void 0 ? void 0 : message.message)) !== null && _a !== void 0 ? _a : '';
                     }
                 }
-                catch (_d) {
+                catch (_c) {
                     //
                 }
                 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);
+            setIsInput(hasTextContentWithoutZeroWidthSpace(textField));
         }
     }, [isEdit, message]);
     // #Mention | Detect MentionedLabel modified
     var useMentionedLabelDetection = React.useCallback(function () {
-        var _a;
         var textField = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
         if (isMentionEnabled && textField) {
             var newMentionedUserIds = Array.from(textField.getElementsByClassName('sendbird-mention-user-label')).map(
@@ -174,7 +179,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                 setMentionedUserIds(newMentionedUserIds);
             }
         }
-        setIsInput((textField === null || textField === void 0 ? void 0 : textField.textContent) ? ((_a = textField.textContent) === null || _a === void 0 ? void 0 : _a.trim().length) > 0 : false);
+        setIsInput(hasTextContentWithoutZeroWidthSpace(textField));
     }, [targetStringInfo, isMentionEnabled]);
     // #Mention | Replace selected user nickname to the MentionedUserLabel
     React.useEffect(function () {
@@ -307,8 +312,10 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
         var _a, _b;
         try {
             var textField_2 = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
-            if (!isEdit && (textField_2 === null || textField_2 === void 0 ? void 0 : textField_2.textContent)) {
+            if (!isEdit && textField_2) {
                 var _c = ui_MessageInput_hooks_usePaste.extractTextAndMentions(textField_2.childNodes), messageText = _c.messageText, mentionTemplate = _c.mentionTemplate, isMentionedMessage = _c.isMentionedMessage;
+                if (messageText.trim().length === 0)
+                    return;
                 var params = { message: messageText, mentionTemplate: mentionTemplate };
                 if (!isMentionedMessage)
                     params.mentionTemplate = '';
@@ -334,7 +341,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
             (_b = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.message) === null || _a === void 0 ? void 0 : _a.onSendMessageFailed) === null || _b === void 0 ? void 0 : _b.call(_a, message, error);
         }
     };
-    var isEditDisabled = !((_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());
+    var isEditDisabled = !hasTextContentWithoutZeroWidthSpace(internalRef === null || internalRef === void 0 ? void 0 : internalRef.current);
     var editMessage = function () {
         var _a, _b;
         try {
@@ -342,6 +349,8 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
             var messageId = message === null || message === void 0 ? void 0 : message.messageId;
             if (isEdit && messageId && textField) {
                 var _c = ui_MessageInput_hooks_usePaste.extractTextAndMentions(textField.childNodes), messageText = _c.messageText, mentionTemplate = _c.mentionTemplate;
+                if (messageText.trim().length === 0)
+                    return;
                 var params = { messageId: messageId, message: messageText, mentionTemplate: mentionTemplate };
                 onUpdateMessage(params);
                 resetInput(internalRef);
@@ -404,7 +413,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
             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) {
-                    var _a, _b, _c, _d;
+                    var _a, _b, _c;
                     var preventEvent = onKeyDown(e);
                     if (preventEvent) {
                         e.preventDefault();
@@ -413,9 +422,8 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                         if (!e.shiftKey
                             && e.key === _const$1.MessageInputKeys.Enter
                             && !isMobile
-                            && ((_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _a === void 0 ? void 0 : _a.textContent)
-                            && internalRef.current.textContent.trim().length > 0
-                            && ((_b = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _b === void 0 ? void 0 : _b.isComposing) !== true
+                            && hasTextContentWithoutZeroWidthSpace(internalRef === null || internalRef === void 0 ? void 0 : internalRef.current)
+                            && ((_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.isComposing) !== true
                         /**
                          * NOTE: What isComposing does?
                          * Check if the user has finished composing characters
@@ -427,7 +435,7 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                             sendMessage();
                         }
                         if (e.key === _const$1.MessageInputKeys.Backspace
-                            && ((_d = (_c = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _c === void 0 ? void 0 : _c.childNodes) === null || _d === void 0 ? void 0 : _d.length) === 2
+                            && ((_c = (_b = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _b === void 0 ? void 0 : _b.childNodes) === null || _c === void 0 ? void 0 : _c.length) === 2
                             && !internalRef.current.childNodes[0].textContent
                             && internalRef.current.childNodes[1].nodeType === _const$1.NodeTypes.ElementNode) {
                             internalRef.current.removeChild(internalRef.current.childNodes[1]);
@@ -444,15 +452,14 @@ var MessageInput = React__default.default.forwardRef(function (props, externalRe
                 }, onClick: function () {
                     useMentionInputDetection();
                 }, onInput: function () {
-                    var _a;
                     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);
+                    setIsInput(hasTextContentWithoutZeroWidthSpace(internalRef === null || internalRef === void 0 ? void 0 : internalRef.current));
                     useMentionedLabelDetection();
                 }, onPaste: function (e) {
                     onPaste(e);
                     setTimeout(adjustScrollToCaret);
                 } }),
-            ((_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)),
+            getTextContentWithoutZeroWidthSpace(internalRef === null || internalRef === void 0 ? void 0 : internalRef.current).length === 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
                 && !isInput

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,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-DXxZOPH7.js');
+var _tslib = require('../chunks/bundle-C5mxhXoI.js');
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-Cll1iNxk.js');
+var ui_ContextMenu = require('../chunks/bundle-Bfgn3ngi.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../chunks/bundle-CNxWQqoS.js');
-var LocalizationContext = require('../chunks/bundle-Bjb4mIZC.js');
-var types = require('../chunks/bundle-D64wX3ZA.js');
-var utils = require('../chunks/bundle-99j0pbE6.js');
+var index = require('../chunks/bundle-DbmnzR7q.js');
+var LocalizationContext = require('../chunks/bundle-BiH38g8Z.js');
+var types = require('../chunks/bundle-CN5usDFs.js');
+var utils = require('../chunks/bundle-DVTKYwk8.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BwsikcS8.js');
-require('../chunks/bundle-BPerQ7Nn.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-D8mb0bUY.js');
-require('../chunks/bundle-Dz379Vmq.js');
+require('../chunks/bundle-DMroWEST.js');
+require('../chunks/bundle-BbAqlLCc.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-Ct1kTyi8.js');
+require('../chunks/bundle-DSwCeEJP.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CdZGTXx9.js');
-require('../chunks/bundle-C6JU7bHv.js');
-require('../chunks/bundle-Bpc04WVm.js');
-require('../chunks/bundle-C-sNT-AX.js');
+require('../chunks/bundle-Ccd-6PYk.js');
+require('../chunks/bundle-CtVNyiwe.js');
+require('../chunks/bundle-BnRVJSVA.js');
+require('../chunks/bundle-DmDbvIgG.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageItemReactionMenu.js

@@ -3,32 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_ContextMenu = require('../chunks/bundle-Cll1iNxk.js');
+var ui_ContextMenu = require('../chunks/bundle-Bfgn3ngi.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-CNxWQqoS.js');
-require('../chunks/bundle-DXxZOPH7.js');
+var index = require('../chunks/bundle-DbmnzR7q.js');
+require('../chunks/bundle-C5mxhXoI.js');
 require('react-dom');
-require('../chunks/bundle-99j0pbE6.js');
+require('../chunks/bundle-DVTKYwk8.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BwsikcS8.js');
-require('../chunks/bundle-BPerQ7Nn.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-Bjb4mIZC.js');
-require('../chunks/bundle-C-sNT-AX.js');
-require('../chunks/bundle-D8mb0bUY.js');
-require('../chunks/bundle-Dz379Vmq.js');
+require('../chunks/bundle-DMroWEST.js');
+require('../chunks/bundle-BbAqlLCc.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-BiH38g8Z.js');
+require('../chunks/bundle-DmDbvIgG.js');
+require('../chunks/bundle-Ct1kTyi8.js');
+require('../chunks/bundle-DSwCeEJP.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-BcQ3ko6U.js');
-require('../chunks/bundle-8rTW0vfg.js');
+require('../chunks/bundle-PEx1sYTj.js');
+require('../chunks/bundle-Bk2QOCY1.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CdZGTXx9.js');
-require('../chunks/bundle-C6JU7bHv.js');
-require('../chunks/bundle-Bpc04WVm.js');
+require('../chunks/bundle-Ccd-6PYk.js');
+require('../chunks/bundle-CtVNyiwe.js');
+require('../chunks/bundle-BnRVJSVA.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageMenu.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var MessageMenu = require('../chunks/bundle-lblAS-IJ.js');
-var ui_ContextMenu = require('../chunks/bundle-Cll1iNxk.js');
+var MessageMenu = require('../chunks/bundle-3vbxR0Ig.js');
+var ui_ContextMenu = require('../chunks/bundle-Bfgn3ngi.js');
 require('react');
-require('../chunks/bundle-99j0pbE6.js');
-require('../chunks/bundle-DXxZOPH7.js');
+require('../chunks/bundle-DVTKYwk8.js');
+require('../chunks/bundle-C5mxhXoI.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-CNxWQqoS.js');
+require('../chunks/bundle-DbmnzR7q.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CdZGTXx9.js');
-require('../chunks/bundle-C6JU7bHv.js');
-require('../chunks/bundle-Bpc04WVm.js');
-require('../chunks/bundle-Dz379Vmq.js');
-require('../chunks/bundle-Bjb4mIZC.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-C-sNT-AX.js');
+require('../chunks/bundle-Ccd-6PYk.js');
+require('../chunks/bundle-CtVNyiwe.js');
+require('../chunks/bundle-BnRVJSVA.js');
+require('../chunks/bundle-DSwCeEJP.js');
+require('../chunks/bundle-BiH38g8Z.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-DmDbvIgG.js');
 require('@sendbird/chat');
-require('../chunks/bundle-BL3oBZ_9.js');
-require('../chunks/bundle-D8mb0bUY.js');
+require('../chunks/bundle-D18FtXyq.js');
+require('../chunks/bundle-Ct1kTyi8.js');
 require('@sendbird/chat/openChannel');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-BwsikcS8.js');
-require('../chunks/bundle-BPerQ7Nn.js');
+require('../chunks/bundle-DMroWEST.js');
+require('../chunks/bundle-BbAqlLCc.js');
 
 
 

package/cjs/ui/MessageSearchFileItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-DXxZOPH7.js');
+var _tslib = require('../chunks/bundle-C5mxhXoI.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-BgLRyBNQ.js');
+var ui_Avatar = require('../chunks/bundle-D5eYEiyT.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BPerQ7Nn.js');
-var LocalizationContext = require('../chunks/bundle-Bjb4mIZC.js');
-var index$1 = require('../chunks/bundle-mBM5xtnU.js');
-var index = require('../chunks/bundle-NLD3XGHp.js');
-var index$2 = require('../chunks/bundle-CNxWQqoS.js');
-var utils = require('../chunks/bundle-DqSg-zio.js');
+var ui_Label = require('../chunks/bundle-BbAqlLCc.js');
+var LocalizationContext = require('../chunks/bundle-BiH38g8Z.js');
+var index$1 = require('../chunks/bundle-sjZXn5rb.js');
+var index = require('../chunks/bundle-DD8-c2iB.js');
+var index$2 = require('../chunks/bundle-DbmnzR7q.js');
+var utils = require('../chunks/bundle-DGbtR9Mu.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-99j0pbE6.js');
-require('../chunks/bundle-BeQdqOWX.js');
-require('../chunks/bundle-Dwls0-Q0.js');
-require('../chunks/bundle-C-sNT-AX.js');
-require('../chunks/bundle-Bpc04WVm.js');
-require('../chunks/bundle-DoGdirRr.js');
+require('../chunks/bundle-DVTKYwk8.js');
+require('../chunks/bundle-orSDTEo4.js');
+require('../chunks/bundle-BmRh3iEN.js');
+require('../chunks/bundle-DmDbvIgG.js');
+require('../chunks/bundle-BnRVJSVA.js');
+require('../chunks/bundle-BSWpIVd_.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CdZGTXx9.js');
-require('../chunks/bundle-C6JU7bHv.js');
-require('../chunks/bundle-Dz379Vmq.js');
+require('../chunks/bundle-Ccd-6PYk.js');
+require('../chunks/bundle-CtVNyiwe.js');
+require('../chunks/bundle-DSwCeEJP.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageSearchItem.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-DXxZOPH7.js');
+var _tslib = require('../chunks/bundle-C5mxhXoI.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-mBM5xtnU.js');
-var index = require('../chunks/bundle-NLD3XGHp.js');
-var ui_Avatar = require('../chunks/bundle-BgLRyBNQ.js');
-var ui_Label = require('../chunks/bundle-BPerQ7Nn.js');
-var LocalizationContext = require('../chunks/bundle-Bjb4mIZC.js');
-require('../chunks/bundle-Bpc04WVm.js');
-require('../chunks/bundle-C-sNT-AX.js');
-require('../chunks/bundle-DoGdirRr.js');
+var index$1 = require('../chunks/bundle-sjZXn5rb.js');
+var index = require('../chunks/bundle-DD8-c2iB.js');
+var ui_Avatar = require('../chunks/bundle-D5eYEiyT.js');
+var ui_Label = require('../chunks/bundle-BbAqlLCc.js');
+var LocalizationContext = require('../chunks/bundle-BiH38g8Z.js');
+require('../chunks/bundle-BnRVJSVA.js');
+require('../chunks/bundle-DmDbvIgG.js');
+require('../chunks/bundle-BSWpIVd_.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-99j0pbE6.js');
-require('../chunks/bundle-BeQdqOWX.js');
+require('../chunks/bundle-DVTKYwk8.js');
+require('../chunks/bundle-orSDTEo4.js');
 require('./Icon.js');
-require('../chunks/bundle-Dwls0-Q0.js');
+require('../chunks/bundle-BmRh3iEN.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageStatus.js

@@ -2,26 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-DXxZOPH7.js');
+require('../chunks/bundle-C5mxhXoI.js');
 require('react');
-require('../chunks/bundle-mBM5xtnU.js');
+require('../chunks/bundle-sjZXn5rb.js');
 require('./Icon.js');
-require('../chunks/bundle-BPerQ7Nn.js');
+require('../chunks/bundle-BbAqlLCc.js');
 require('./Loader.js');
-require('../chunks/bundle-CNxWQqoS.js');
+require('../chunks/bundle-DbmnzR7q.js');
 require('../utils/message/getOutgoingMessageState.js');
-var ui_MessageStatus = require('../chunks/bundle-B7RDGS3d.js');
-require('../chunks/bundle-Bjb4mIZC.js');
-require('../chunks/bundle-99j0pbE6.js');
-require('../chunks/bundle-Bpc04WVm.js');
-require('../chunks/bundle-C-sNT-AX.js');
-require('../chunks/bundle-Dwls0-Q0.js');
+var ui_MessageStatus = require('../chunks/bundle-Dk_THgJH.js');
+require('../chunks/bundle-BiH38g8Z.js');
+require('../chunks/bundle-DVTKYwk8.js');
+require('../chunks/bundle-BnRVJSVA.js');
+require('../chunks/bundle-DmDbvIgG.js');
+require('../chunks/bundle-BmRh3iEN.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-CdZGTXx9.js');
-require('../chunks/bundle-C6JU7bHv.js');
-require('../chunks/bundle-Dz379Vmq.js');
-require('../chunks/bundle-NLD3XGHp.js');
-require('../chunks/bundle-DoGdirRr.js');
+require('../chunks/bundle-Ccd-6PYk.js');
+require('../chunks/bundle-CtVNyiwe.js');
+require('../chunks/bundle-DSwCeEJP.js');
+require('../chunks/bundle-DD8-c2iB.js');
+require('../chunks/bundle-BSWpIVd_.js');
 
 
 

package/cjs/ui/MessageTemplate.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var ui_MessageTemplate = require('../chunks/bundle-BOHlEif7.js');
+var ui_MessageTemplate = require('../chunks/bundle-9qy-FM9k.js');