@sendbird/uikit-react 3.17.10 → 3.17.12

package/ui/MessageContent.js

@@ -1,98 +1,98 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-fT16CxUq.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-Rf2YUo_V.js';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-DvfLia2p.js';
-import { M as MessageStatus } from '../chunks/bundle-BQqf09uI.js';
-import { M as MessageMenu } from '../chunks/bundle-CVkjpnw8.js';
-import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-DFwAWoi7.js';
-import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-BxRMl0NH.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
+import { f as format } from '../chunks/bundle-kzGm7K3f.js';
+import { M as MessageStatus } from '../chunks/bundle-Drd87B-A.js';
+import { M as MessageMenu } from '../chunks/bundle-BsVc_Y62.js';
+import { d as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, g as getObservingId, e as MENU_OBSERVING_CLASS_NAME } from '../chunks/bundle-BC1qEtzM.js';
+import { c as classnames, d as deleteNullish, n as noop } from '../chunks/bundle-D7HOrOoM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { P as uiContainerType, E as isTemplateMessage, Q as isFormMessage, b as isAdminMessage, R as isValidTemplateMessageType, z as getClassName, r as isThumbnailMessage, e as isMultipleFilesMessage, N as isOGMessage, m as isSendableMessage } from '../chunks/bundle-ByVmmqcj.js';
-import { u as useLocalization } from '../chunks/bundle-CwWHzn0O.js';
+import { P as uiContainerType, E as isTemplateMessage, Q as isFormMessage, b as isAdminMessage, R as isValidTemplateMessageType, z as getClassName, r as isThumbnailMessage, e as isMultipleFilesMessage, N as isOGMessage, m as isSendableMessage } from '../chunks/bundle-DGClPDDG.js';
+import { u as useLocalization } from '../chunks/bundle-D-RwYEMS.js';
 import '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-C584816X.js';
+import { u as useLongPress } from '../chunks/bundle-CEPVRxQS.js';
 import { MobileMenu } from './MobileMenu.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-DcfQg8Uy.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CA3QA8D9.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-CIlc1dvT.js';
-import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-CD7nQMNh.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-DbVYTOyC.js';
+import { M as MessageProfile, a as MessageBody, b as MessageHeader } from '../chunks/bundle-CiM203M8.js';
 import './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from './MessageFeedbackModal.js';
 import MessageFeedbackFailedModal from './MessageFeedbackFailedModal.js';
-import { u as useElementObserver } from '../chunks/bundle-VHuYsTmC.js';
-import { M as MESSAGE_TEMPLATE_KEY } from '../chunks/bundle-DobIp5EF.js';
-import { u as useSendbird } from '../chunks/bundle-C98ZxHO9.js';
-import '../chunks/bundle-DArDRDUr.js';
-import '../chunks/bundle-zxR5w1Ch.js';
+import { u as useElementObserver } from '../chunks/bundle-Cy_QnT7V.js';
+import { M as MESSAGE_TEMPLATE_KEY } from '../chunks/bundle-C8L0rqDO.js';
+import { u as useSendbird } from '../chunks/bundle-N4pYliV4.js';
+import '../chunks/bundle-DYe1Zy4G.js';
+import '../chunks/bundle-V2GjRdnC.js';
 import './Icon.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DJM1hhs4.js';
-import '../chunks/bundle-DbWCSmuo.js';
+import '../chunks/bundle-vKtIIKY9.js';
+import '../chunks/bundle-DB8gY2-t.js';
 import './IconButton.js';
 import '@sendbird/chat';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-DnBGqmRP.js';
-import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-B9eInLCQ.js';
+import '../chunks/bundle-Do4xiOif.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BZoeTBeq.js';
+import '../chunks/bundle-DKXmeTpK.js';
 import './ImageRenderer.js';
 import './ReactionButton.js';
-import '../chunks/bundle-CqUk0XXd.js';
-import '../chunks/bundle-yydYieYt.js';
+import '../chunks/bundle-H2vPT1yo.js';
+import '../chunks/bundle-DSBzIeUm.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-Bq3cKfll.js';
+import '../chunks/bundle-7U4PQody.js';
 import './Button.js';
 import './UserListItem.js';
-import '../chunks/bundle-CJX5Jh7u.js';
-import '../chunks/bundle-DMP4IOmZ.js';
-import '../chunks/bundle-CjHWsy4S.js';
+import '../chunks/bundle-7jWqG-L9.js';
+import '../chunks/bundle-TVnsbl6m.js';
+import '../chunks/bundle-nToh_fKd.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-B3Vz_eYg.js';
+import '../chunks/bundle-CeNQpnlq.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-CUdLrgmK.js';
-import '../chunks/bundle-CWttl_Pf.js';
+import '../chunks/bundle-p-LuYka5.js';
+import '../chunks/bundle-BzVXDF4q.js';
 import './OGMessageItemBody.js';
-import '../chunks/bundle-CT2liYyN.js';
-import '../chunks/bundle-DiDPUa4G.js';
+import '../chunks/bundle-BcO_fFqM.js';
+import '../chunks/bundle-CPYTrCpd.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-CQgnHPbJ.js';
+import '../chunks/bundle-Dr0wIN5F.js';
 import './TextMessageItemBody.js';
-import '../chunks/bundle-C6DfSdlB.js';
+import '../chunks/bundle-DkpWXGq7.js';
 import './FileMessageItemBody.js';
 import './TextButton.js';
-import '../chunks/bundle-DQu3BLLd.js';
-import '../chunks/bundle-C8ue-M9T.js';
+import '../chunks/bundle-B0-5LriX.js';
+import '../chunks/bundle-D7GxaY-7.js';
 import './FileViewer.js';
-import '../chunks/bundle-BgOjuIrI.js';
+import '../chunks/bundle-DlDnQChp.js';
 import '@sendbird/uikit-tools';
 import './VoiceMessageItemBody.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-aylKVP-t.js';
+import '../chunks/bundle-CqBJPXqm.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
 import './ThumbnailMessageItemBody.js';
 import './UnknownMessageItemBody.js';
 import './TemplateMessageItemBody.js';
-import '../chunks/bundle-DwoUKI2F.js';
+import '../chunks/bundle-B7_wxKtf.js';
 import './FallbackTemplateMessageItemBody.tsx.js';
 import './LoadingTemplateMessageItemBody.tsx.js';
-import '../chunks/bundle-Cda4O3PL.js';
+import '../chunks/bundle-BGZ1wO7_.js';
 import './Input.js';
 
 var SbFeedbackStatus;

package/ui/MessageFeedbackFailedModal.js

@@ -1,21 +1,21 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CwWHzn0O.js';
-import { M as Modal } from '../chunks/bundle-Bq3cKfll.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-RwYEMS.js';
+import { M as Modal } from '../chunks/bundle-7U4PQody.js';
 import Button, { ButtonTypes } from './Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
-import { u as useKeyDown } from '../chunks/bundle-BgOjuIrI.js';
-import '../chunks/bundle-fT16CxUq.js';
-import '../chunks/bundle-BZoeTBeq.js';
-import '../chunks/bundle-zxR5w1Ch.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
+import { u as useKeyDown } from '../chunks/bundle-DlDnQChp.js';
+import '../chunks/bundle-Rf2YUo_V.js';
+import '../chunks/bundle-DKXmeTpK.js';
+import '../chunks/bundle-V2GjRdnC.js';
 import 'react-dom';
-import '../chunks/bundle-BxRMl0NH.js';
-import '../chunks/bundle-DcfQg8Uy.js';
+import '../chunks/bundle-D7HOrOoM.js';
+import '../chunks/bundle-CA3QA8D9.js';
 import './IconButton.js';
 import './Icon.js';
-import '../chunks/bundle-DnBGqmRP.js';
-import '../chunks/bundle-C98ZxHO9.js';
-import '../chunks/bundle-VqoQQamR.js';
-import '../chunks/bundle-DobIp5EF.js';
+import '../chunks/bundle-B9eInLCQ.js';
+import '../chunks/bundle-N4pYliV4.js';
+import '../chunks/bundle-Do4xiOif.js';
+import '../chunks/bundle-C8L0rqDO.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/ui/MessageFeedbackModal.js

@@ -1,22 +1,22 @@
 import React__default, { useContext, useRef } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-CwWHzn0O.js';
-import { M as Modal } from '../chunks/bundle-Bq3cKfll.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-RwYEMS.js';
+import { M as Modal } from '../chunks/bundle-7U4PQody.js';
 import Button, { ButtonTypes } from './Button.js';
 import Input from './Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-DcfQg8Uy.js';
-import { u as useKeyDown } from '../chunks/bundle-BgOjuIrI.js';
-import '../chunks/bundle-fT16CxUq.js';
-import '../chunks/bundle-BZoeTBeq.js';
-import '../chunks/bundle-zxR5w1Ch.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CA3QA8D9.js';
+import { u as useKeyDown } from '../chunks/bundle-DlDnQChp.js';
+import '../chunks/bundle-Rf2YUo_V.js';
+import '../chunks/bundle-DKXmeTpK.js';
+import '../chunks/bundle-V2GjRdnC.js';
 import 'react-dom';
-import '../chunks/bundle-BxRMl0NH.js';
+import '../chunks/bundle-D7HOrOoM.js';
 import './IconButton.js';
 import './Icon.js';
-import '../chunks/bundle-DnBGqmRP.js';
-import '../chunks/bundle-C98ZxHO9.js';
-import '../chunks/bundle-VqoQQamR.js';
-import '../chunks/bundle-DobIp5EF.js';
+import '../chunks/bundle-B9eInLCQ.js';
+import '../chunks/bundle-N4pYliV4.js';
+import '../chunks/bundle-Do4xiOif.js';
+import '../chunks/bundle-C8L0rqDO.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/ui/MessageInput/hooks/usePaste.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-CbLxWQmt.js';
-import '../../../chunks/bundle-CLxgZowy.js';
-import '../../../chunks/bundle-CIlc1dvT.js';
-import '../../../chunks/bundle-fT16CxUq.js';
-import '../../../chunks/bundle-CeknuDhO.js';
-import '../../../chunks/bundle-C6DfSdlB.js';
-import '../../../chunks/bundle-CQgnHPbJ.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-BTCMEIEY.js';
+import '../../../chunks/bundle-5uYh-Xyr.js';
+import '../../../chunks/bundle-DbVYTOyC.js';
+import '../../../chunks/bundle-Rf2YUo_V.js';
+import '../../../chunks/bundle-CoYdwElL.js';
+import '../../../chunks/bundle-DkpWXGq7.js';
+import '../../../chunks/bundle-Dr0wIN5F.js';
 //# sourceMappingURL=usePaste.js.map

package/ui/MessageInput.js

@@ -1,30 +1,30 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-fT16CxUq.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-Rf2YUo_V.js';
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-CLxgZowy.js';
-import { a as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-CIlc1dvT.js';
+import { M as MessageInputKeys, N as NodeTypes } from '../chunks/bundle-5uYh-Xyr.js';
+import { a as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-DbVYTOyC.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
-import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-CbLxWQmt.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, a as stripZeroWidthSpace, e as extractTextAndMentions } from '../chunks/bundle-BTCMEIEY.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DzM4yc5s.js';
-import { u as useLocalization } from '../chunks/bundle-CwWHzn0O.js';
-import { I as arrayEqual, J as getMimeTypesUIKitAccepts } from '../chunks/bundle-ByVmmqcj.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-DiDPUa4G.js';
-import { K } from '../chunks/bundle-yydYieYt.js';
-import { c as classnames } from '../chunks/bundle-BxRMl0NH.js';
-import { i as isMobileIOS } from '../chunks/bundle-CqUk0XXd.js';
-import { u as useSendbird } from '../chunks/bundle-C98ZxHO9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
+import { u as useLocalization } from '../chunks/bundle-D-RwYEMS.js';
+import { I as arrayEqual, J as getMimeTypesUIKitAccepts } from '../chunks/bundle-DGClPDDG.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-CPYTrCpd.js';
+import { K } from '../chunks/bundle-DSBzIeUm.js';
+import { c as classnames } from '../chunks/bundle-D7HOrOoM.js';
+import { i as isMobileIOS } from '../chunks/bundle-H2vPT1yo.js';
+import { u as useSendbird } from '../chunks/bundle-N4pYliV4.js';
 import 'dompurify';
-import '../chunks/bundle-CeknuDhO.js';
-import '../chunks/bundle-C6DfSdlB.js';
-import '../chunks/bundle-CQgnHPbJ.js';
-import '../chunks/bundle-BZoeTBeq.js';
-import '../chunks/bundle-zxR5w1Ch.js';
+import '../chunks/bundle-CoYdwElL.js';
+import '../chunks/bundle-DkpWXGq7.js';
+import '../chunks/bundle-Dr0wIN5F.js';
+import '../chunks/bundle-DKXmeTpK.js';
+import '../chunks/bundle-V2GjRdnC.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DArDRDUr.js';
-import '../chunks/bundle-DobIp5EF.js';
-import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-DYe1Zy4G.js';
+import '../chunks/bundle-C8L0rqDO.js';
+import '../chunks/bundle-Do4xiOif.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 
@@ -67,6 +67,13 @@ var resetInput = function (ref) {
         ref.current.innerHTML = '';
     }
 };
+var getTextContentWithoutZeroWidthSpace = function (node) {
+    var _a;
+    return 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,
@@ -75,21 +82,20 @@ var initialTargetStringInfo = {
     endOffsetIndex: null,
 };
 var MessageInput = React__default.forwardRef(function (props, externalRef) {
-    var _a, _b, _c, _d, _e;
-    var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.isMobile, isMobile = _j === void 0 ? false : _j, _k = props.isMentionEnabled, isMentionEnabled = _k === void 0 ? false : _k, _l = props.isVoiceMessageEnabled, isVoiceMessageEnabled = _l === void 0 ? true : _l, _m = props.isSelectingMultipleFilesEnabled, isSelectingMultipleFilesEnabled = _m === void 0 ? false : _m, _o = props.disabled, disabled = _o === void 0 ? false : _o, _p = props.message, message = _p === void 0 ? null : _p, _q = props.placeholder, placeholder = _q === void 0 ? '' : _q, _r = props.maxLength, maxLength = _r === void 0 ? 5000 : _r, _s = props.onFileUpload, onFileUpload = _s === void 0 ? noop : _s, _t = props.onSendMessage, onSendMessage = _t === void 0 ? noop : _t, _u = props.onUpdateMessage, onUpdateMessage = _u === void 0 ? noop : _u, _v = props.onCancelEdit, onCancelEdit = _v === void 0 ? noop : _v, _w = props.onStartTyping, onStartTyping = _w === void 0 ? noop : _w, _x = props.channelUrl, channelUrl = _x === void 0 ? '' : _x, _y = props.mentionSelectedUser, mentionSelectedUser = _y === void 0 ? null : _y, _z = props.onUserMentioned, onUserMentioned = _z === void 0 ? noop : _z, _0 = props.onMentionStringChange, onMentionStringChange = _0 === void 0 ? noop : _0, _1 = props.onMentionedUserIdsUpdated, onMentionedUserIdsUpdated = _1 === void 0 ? noop : _1, _2 = props.onVoiceMessageIconClick, onVoiceMessageIconClick = _2 === void 0 ? noop : _2, _3 = props.onKeyUp, onKeyUp = _3 === void 0 ? noop : _3, _4 = props.onKeyDown, onKeyDown = _4 === void 0 ? noop : _4, _5 = props.renderFileUploadIcon, renderFileUploadIcon = _5 === void 0 ? noop : _5, _6 = props.renderVoiceMessageIcon, renderVoiceMessageIcon = _6 === void 0 ? noop : _6, _7 = props.renderSendMessageIcon, renderSendMessageIcon = _7 === void 0 ? noop : _7, _8 = props.setMentionedUsers, setMentionedUsers = _8 === void 0 ? noop : _8, acceptableMimeTypes = props.acceptableMimeTypes;
+    var 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 : useRef(null);
     var ghostInputRef = useRef(null);
     var textFieldId = messageFieldId || TEXT_FIELD_ID;
     var stringSet = useLocalization().stringSet;
-    var _9 = useSendbird().state, config = _9.config, eventHandlers = _9.eventHandlers;
+    var _4 = useSendbird().state, config = _4.config, eventHandlers = _4.eventHandlers;
     var isFileUploadEnabled = checkIfFileUploadEnabled({
         channel: channel,
         config: config,
     });
     var fileInputRef = useRef();
-    var _10 = useState(false), isInput = _10[0], setIsInput = _10[1];
-    var _11 = useState([]), mentionedUserIds = _11[0], setMentionedUserIds = _11[1];
-    var _12 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _12[0], setTargetStringInfo = _12[1];
+    var _5 = useState(false), isInput = _5[0], setIsInput = _5[1];
+    var _6 = useState([]), mentionedUserIds = _6[0], setMentionedUserIds = _6[1];
+    var _7 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _7[0], setTargetStringInfo = _7[1];
     // #Edit mode
     // for easily initialize input value from outside, but
     // useEffect(_, [channelUrl]) erase it
@@ -97,7 +103,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
     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
     useEffect(function () {
@@ -108,7 +114,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
     }, [channelUrl]);
     // #Mention & #Edit | Fill message input values
     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;
@@ -118,7 +124,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                 && (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 = tokenizeMessage({
                     messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
                     mentionedUsers: mentionedUsers_1,
@@ -147,17 +153,16 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                         textField.innerHTML = (_a = 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 = 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(
@@ -168,7 +173,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                 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
     useEffect(function () {
@@ -301,8 +306,10 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
         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 = 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 = '';
@@ -328,7 +335,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
             (_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 {
@@ -336,6 +343,8 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
             var messageId = message === null || message === void 0 ? void 0 : message.messageId;
             if (isEdit && messageId && textField) {
                 var _c = 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);
@@ -398,7 +407,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
             React__default.createElement("div", { id: "".concat(textFieldId).concat(isEdit ? message === null || message === void 0 ? void 0 : message.messageId : ''), className: "sendbird-message-input--textarea ".concat(textFieldId), contentEditable: !disabled, role: "textbox", "aria-label": "Text Input", ref: internalRef, 
                 // @ts-ignore
                 disabled: disabled, maxLength: maxLength, onKeyDown: function (e) {
-                    var _a, _b, _c, _d;
+                    var _a, _b, _c;
                     var preventEvent = onKeyDown(e);
                     if (preventEvent) {
                         e.preventDefault();
@@ -407,9 +416,8 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                         if (!e.shiftKey
                             && e.key === 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
@@ -421,7 +429,7 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                             sendMessage();
                         }
                         if (e.key === 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 === NodeTypes.ElementNode) {
                             internalRef.current.removeChild(internalRef.current.childNodes[1]);
@@ -438,15 +446,14 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                 }, 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.createElement(Label, { className: "sendbird-message-input--placeholder", type: LabelTypography.BODY_1, color: disabled ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
+            getTextContentWithoutZeroWidthSpace(internalRef === null || internalRef === void 0 ? void 0 : internalRef.current).length === 0 && (React__default.createElement(Label, { className: "sendbird-message-input--placeholder", type: LabelTypography.BODY_1, color: disabled ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_3 }, placeholder || stringSet.MESSAGE_INPUT__PLACE_HOLDER)),
             !isEdit && isInput && (React__default.createElement(IconButton, { className: "sendbird-message-input--send", height: "32px", width: "32px", onClick: function () { return sendMessage(); }, testID: "sendbird-message-input-send-button" }, (renderSendMessageIcon === null || renderSendMessageIcon === void 0 ? void 0 : renderSendMessageIcon()) || (React__default.createElement(Icon, { type: IconTypes.SEND, fillColor: disabled ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY, width: "20px", height: "20px" })))),
             !isEdit
                 && !isInput

package/ui/MessageInput.js.map

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

package/ui/MessageItemMenu.js

@@ -1,27 +1,27 @@
-import { _ as __assign } from '../chunks/bundle-fT16CxUq.js';
+import { _ as __assign } from '../chunks/bundle-Rf2YUo_V.js';
 import React__default, { useContext, useRef } from 'react';
-import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-DFwAWoi7.js';
+import { C as ContextMenu, b as MenuItems, c as MenuItem } from '../chunks/bundle-BC1qEtzM.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { n as isUserMessage, s as isSentMessage, y as isFailedMessage, x as isPendingMessage, z as getClassName, C as copyToClipboard } from '../chunks/bundle-ByVmmqcj.js';
-import { L as LocalizationContext } from '../chunks/bundle-CwWHzn0O.js';
-import { R as Role } from '../chunks/bundle-C3cyXpot.js';
-import { d as deleteNullish } from '../chunks/bundle-BxRMl0NH.js';
+import { n as isUserMessage, s as isSentMessage, y as isFailedMessage, x as isPendingMessage, z as getClassName, C as copyToClipboard } from '../chunks/bundle-DGClPDDG.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-RwYEMS.js';
+import { R as Role } from '../chunks/bundle-D_pOeelV.js';
+import { d as deleteNullish } from '../chunks/bundle-D7HOrOoM.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-DnBGqmRP.js';
-import '../chunks/bundle-DzM4yc5s.js';
-import '../chunks/bundle-BZoeTBeq.js';
-import '../chunks/bundle-VqoQQamR.js';
-import '../chunks/bundle-DobIp5EF.js';
+import '../chunks/bundle-B9eInLCQ.js';
+import '../chunks/bundle-C0kbt3jK.js';
+import '../chunks/bundle-DKXmeTpK.js';
+import '../chunks/bundle-Do4xiOif.js';
+import '../chunks/bundle-C8L0rqDO.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CqUk0XXd.js';
-import '../chunks/bundle-yydYieYt.js';
-import '../chunks/bundle-DArDRDUr.js';
-import '../chunks/bundle-zxR5w1Ch.js';
+import '../chunks/bundle-H2vPT1yo.js';
+import '../chunks/bundle-DSBzIeUm.js';
+import '../chunks/bundle-DYe1Zy4G.js';
+import '../chunks/bundle-V2GjRdnC.js';
 
 function MessageMenu(props) {
     var _a;

package/ui/MessageItemReactionMenu.js

@@ -1,30 +1,30 @@
 import React__default, { useRef, useMemo } from 'react';
-import { C as ContextMenu, f as EmojiListItems, g as getObservingId } from '../chunks/bundle-DFwAWoi7.js';
+import { C as ContextMenu, f as EmojiListItems, g as getObservingId } from '../chunks/bundle-BC1qEtzM.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { w as getEmojiListByCategoryIds, x as isPendingMessage, y as isFailedMessage, z as getClassName } from '../chunks/bundle-ByVmmqcj.js';
-import '../chunks/bundle-fT16CxUq.js';
+import { w as getEmojiListByCategoryIds, x as isPendingMessage, y as isFailedMessage, z as getClassName } from '../chunks/bundle-DGClPDDG.js';
+import '../chunks/bundle-Rf2YUo_V.js';
 import 'react-dom';
-import '../chunks/bundle-BxRMl0NH.js';
+import '../chunks/bundle-D7HOrOoM.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-DnBGqmRP.js';
-import '../chunks/bundle-DzM4yc5s.js';
-import '../chunks/bundle-BZoeTBeq.js';
-import '../chunks/bundle-CwWHzn0O.js';
-import '../chunks/bundle-zxR5w1Ch.js';
-import '../chunks/bundle-VqoQQamR.js';
-import '../chunks/bundle-DobIp5EF.js';
+import '../chunks/bundle-B9eInLCQ.js';
+import '../chunks/bundle-C0kbt3jK.js';
+import '../chunks/bundle-DKXmeTpK.js';
+import '../chunks/bundle-D-RwYEMS.js';
+import '../chunks/bundle-V2GjRdnC.js';
+import '../chunks/bundle-Do4xiOif.js';
+import '../chunks/bundle-C8L0rqDO.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-C584816X.js';
-import '../chunks/bundle-DcfQg8Uy.js';
+import '../chunks/bundle-CEPVRxQS.js';
+import '../chunks/bundle-CA3QA8D9.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CqUk0XXd.js';
-import '../chunks/bundle-yydYieYt.js';
-import '../chunks/bundle-DArDRDUr.js';
+import '../chunks/bundle-H2vPT1yo.js';
+import '../chunks/bundle-DSBzIeUm.js';
+import '../chunks/bundle-DYe1Zy4G.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, filterEmojiCategoryIds = _a.filterEmojiCategoryIds, toggleReaction = _a.toggleReaction;

package/ui/MessageMenu.js

@@ -1,26 +1,26 @@
-export { M as MessageMenu } from '../chunks/bundle-CVkjpnw8.js';
-export { B as BottomSheetMenuItem, a as MenuItem, M as MessageMenuProvider, u as useMessageMenuContext } from '../chunks/bundle-DFwAWoi7.js';
+export { M as MessageMenu } from '../chunks/bundle-BsVc_Y62.js';
+export { B as BottomSheetMenuItem, a as MenuItem, M as MessageMenuProvider, u as useMessageMenuContext } from '../chunks/bundle-BC1qEtzM.js';
 import 'react';
-import '../chunks/bundle-BxRMl0NH.js';
-import '../chunks/bundle-fT16CxUq.js';
+import '../chunks/bundle-D7HOrOoM.js';
+import '../chunks/bundle-Rf2YUo_V.js';
 import './IconButton.js';
 import './Icon.js';
-import '../chunks/bundle-ByVmmqcj.js';
+import '../chunks/bundle-DGClPDDG.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CqUk0XXd.js';
-import '../chunks/bundle-yydYieYt.js';
-import '../chunks/bundle-DArDRDUr.js';
-import '../chunks/bundle-DobIp5EF.js';
-import '../chunks/bundle-CwWHzn0O.js';
-import '../chunks/bundle-BZoeTBeq.js';
-import '../chunks/bundle-zxR5w1Ch.js';
+import '../chunks/bundle-H2vPT1yo.js';
+import '../chunks/bundle-DSBzIeUm.js';
+import '../chunks/bundle-DYe1Zy4G.js';
+import '../chunks/bundle-C8L0rqDO.js';
+import '../chunks/bundle-D-RwYEMS.js';
+import '../chunks/bundle-DKXmeTpK.js';
+import '../chunks/bundle-V2GjRdnC.js';
 import '@sendbird/chat';
-import '../chunks/bundle-C98ZxHO9.js';
-import '../chunks/bundle-VqoQQamR.js';
+import '../chunks/bundle-N4pYliV4.js';
+import '../chunks/bundle-Do4xiOif.js';
 import '@sendbird/chat/openChannel';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-DnBGqmRP.js';
-import '../chunks/bundle-DzM4yc5s.js';
+import '../chunks/bundle-B9eInLCQ.js';
+import '../chunks/bundle-C0kbt3jK.js';
 //# sourceMappingURL=MessageMenu.js.map