@sendbird/uikit-react 3.12.0-rc.1 → 3.12.1

package/ui/MessageContent.js

@@ -1,53 +1,53 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-s7Jm-nQL.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-yoFO4gJM.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-lS2bdzD_.js';
-import { M as MessageStatus } from '../chunks/bundle-InXDhFjw.js';
+import { f as format } from '../chunks/bundle-is3QkoNv.js';
+import { M as MessageStatus } from '../chunks/bundle-1pgLpH_4.js';
 import { MessageMenu } from './MessageItemMenu.js';
 import { MessageEmojiMenu } from './MessageItemReactionMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import QuoteMessage from './QuoteMessage.js';
-import { e as isSendableMessage, n as getUIKitMessageTypes, K as isOGMessage, L as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, w as getClassName } from '../chunks/bundle-aAXpX7Sl.js';
-import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-QDjzCG-h.js';
+import { e as isSendableMessage, n as getUIKitMessageTypes, K as isOGMessage, L as isTextMessage, m as getUIKitMessageType, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, f as getSenderName, w as getClassName } from '../chunks/bundle-TYsOyvS5.js';
+import { L as LocalizationContext, u as useLocalization } from '../chunks/bundle-_xgfKjN0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { FeedbackRating, Feedback } from '@sendbird/chat/message';
-import { u as useLongPress } from '../chunks/bundle-zftI06HH.js';
-import { M as MobileMenu } from '../chunks/bundle-c-m52z_J.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-R_8mFuwU.js';
+import { u as useLongPress } from '../chunks/bundle-rW70z6Ho.js';
+import { M as MobileMenu } from '../chunks/bundle-ykuyabqF.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-fMkcL8C8.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../chunks/bundle-1Wok5yjx.js';
-import { n as noop } from '../chunks/bundle-CBZRgcMe.js';
+import { T as ThreadReplySelectType } from '../chunks/bundle-WImaBVSO.js';
+import { n as noop } from '../chunks/bundle-TovLF3ih.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { A as Avatar } from '../chunks/bundle-JVFq7QiY.js';
+import { A as Avatar } from '../chunks/bundle-f1tjVRSh.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-7-k9ar1S.js';
+import { a as UserProfileContext } from '../chunks/bundle-bazn-ENb.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
 import FileMessageItemBody from './FileMessageItemBody.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-2ZdAkcAR.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody } from '../chunks/bundle-xLjEyoT0.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
 import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
-import { K } from '../chunks/bundle-jnJfrZ-B.js';
+import { K } from '../chunks/bundle-5fPKUbCn.js';
 import Icon, { IconTypes } from './Icon.js';
 import FeedbackIconButton from './FeedbackIconButton.js';
 import MobileFeedbackMenu from './MobileFeedbackMenu.js';
 import MessageFeedbackModal from '../Channel/components/MessageFeedbackModal.js';
-import { M as Modal } from '../chunks/bundle-hwjo__1w.js';
+import { M as Modal } from '../chunks/bundle-6hgn3L9Y.js';
 import Button, { ButtonTypes } from './Button.js';
-import { u as useKeyDown } from '../chunks/bundle-5cA2H0cQ.js';
-import '../chunks/bundle-Cl9FF01U.js';
+import { u as useKeyDown } from '../chunks/bundle-SXGL8fBv.js';
+import '../chunks/bundle-wO0wz3br.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-RFQg3r1K.js';
-import '../chunks/bundle-OdLkkyEZ.js';
+import '../chunks/bundle-6ivjnK_C.js';
+import '../chunks/bundle-U7_j21Ss.js';
 import './IconButton.js';
-import '../chunks/bundle-NRvvlX8r.js';
+import '../chunks/bundle-TzTFcIfJ.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-mXxUWu6C.js';
-import '../chunks/bundle-FS7VoABk.js';
+import '../chunks/bundle-wdUAfmoS.js';
+import '../chunks/bundle-yPhMS1LV.js';
 import '@sendbird/chat/groupChannel';
 import './ImageRenderer.js';
 import './ReactionButton.js';
@@ -57,27 +57,27 @@ import '../hooks/useModal.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
-import '../chunks/bundle-S3i59_HU.js';
+import '../chunks/bundle-Jun66RyD.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-29ZwEQCB.js';
+import '../chunks/bundle--q7ObKwF.js';
 import '../withSendbird.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../chunks/bundle-FMptIFTe.js';
-import '../chunks/bundle-PXF29EwZ.js';
-import '../chunks/bundle-fdlrWGps.js';
+import '../chunks/bundle-A8dpIXKJ.js';
+import '../chunks/bundle-LG3hn4TL.js';
+import '../chunks/bundle-W_nWubt-.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../chunks/bundle-mbVaGxy-.js';
-import '../chunks/bundle-ThaFnyA3.js';
+import '../chunks/bundle-tPOBtJjA.js';
+import '../chunks/bundle-014pCrux.js';
 import './TextButton.js';
-import '../chunks/bundle-jIsbkecD.js';
-import '../chunks/bundle-8msIvFyl.js';
-import '../chunks/bundle-42MD-_6f.js';
+import '../chunks/bundle-2BKREX4m.js';
+import '../chunks/bundle-cJYfaBvk.js';
+import '../chunks/bundle-S-mn30SU.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../chunks/bundle-5waczf_5.js';
+import '../chunks/bundle-wKSIzWUl.js';
 import '../VoiceRecorder/context.js';
 import './PlaybackTime.js';
 import './Input.js';

package/ui/MessageInput/hooks/usePaste.js

@@ -1,8 +1,10 @@
 import 'react';
 import 'dompurify';
-export { u as default, u as usePaste } from '../../../chunks/bundle-B2cNVPIG.js';
-import '../../../chunks/bundle-s7Jm-nQL.js';
-import '../../../chunks/bundle-YK6gNh-t.js';
-import '../../../chunks/bundle-ThaFnyA3.js';
-import '../../../chunks/bundle-mbVaGxy-.js';
+export { u as default, u as usePaste } from '../../../chunks/bundle-B_WSWypW.js';
+import '../../../chunks/bundle-YpfSm9dM.js';
+import '../../../chunks/bundle-WImaBVSO.js';
+import '../../../chunks/bundle-yoFO4gJM.js';
+import '../../../chunks/bundle-9JkrMUIl.js';
+import '../../../chunks/bundle-014pCrux.js';
+import '../../../chunks/bundle-tPOBtJjA.js';
 //# sourceMappingURL=usePaste.js.map

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

@@ -1,24 +1,24 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-s7Jm-nQL.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
 import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../chunks/bundle-iRd3nywJ.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-1Wok5yjx.js';
+import { N as NodeTypes, M as MessageInputKeys } from '../chunks/bundle-YpfSm9dM.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../chunks/bundle-WImaBVSO.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 } from '../chunks/bundle-B2cNVPIG.js';
+import { r as renderToString, s as sanitizeString, n as nodeListToArray, u as usePaste, i as isChannelTypeSupportsMultipleFilesMessage, e as extractTextAndMentions } from '../chunks/bundle-B_WSWypW.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
-import { u as useLocalization } from '../chunks/bundle-QDjzCG-h.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import { u as useLocalization } from '../chunks/bundle-_xgfKjN0.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { F as arrayEqual, w as getClassName, G as getMimeTypesUIKitAccepts } from '../chunks/bundle-aAXpX7Sl.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-fdlrWGps.js';
-import { K } from '../chunks/bundle-jnJfrZ-B.js';
-import { i as isMobileIOS } from '../chunks/bundle-CBZRgcMe.js';
+import { F as arrayEqual, w as getClassName, G as getMimeTypesUIKitAccepts } from '../chunks/bundle-TYsOyvS5.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../chunks/bundle-W_nWubt-.js';
+import { K } from '../chunks/bundle-5fPKUbCn.js';
+import { i as isMobileIOS } from '../chunks/bundle-TovLF3ih.js';
 import 'dompurify';
-import '../chunks/bundle-YK6gNh-t.js';
-import '../chunks/bundle-ThaFnyA3.js';
-import '../chunks/bundle-mbVaGxy-.js';
-import '../chunks/bundle-FS7VoABk.js';
-import '../chunks/bundle-Cl9FF01U.js';
+import '../chunks/bundle-9JkrMUIl.js';
+import '../chunks/bundle-014pCrux.js';
+import '../chunks/bundle-tPOBtJjA.js';
+import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-wO0wz3br.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
@@ -84,7 +84,7 @@ var initialTargetStringInfo = {
 };
 var MessageInput = React__default.forwardRef(function (props, externalRef) {
     var _a, _b, _c, _d, _e;
-    var channel = props.channel, _f = props.className, className = _f === void 0 ? '' : _f, _g = props.messageFieldId, messageFieldId = _g === void 0 ? '' : _g, _h = props.isEdit, isEdit = _h === void 0 ? false : _h, _j = props.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 = useLocalization().stringSet;
@@ -94,9 +94,9 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
         config: config,
     });
     var fileInputRef = useRef(null);
-    var _8 = useState(false), isInput = _8[0], setIsInput = _8[1];
-    var _9 = useState([]), mentionedUserIds = _9[0], setMentionedUserIds = _9[1];
-    var _10 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _10[0], setTargetStringInfo = _10[1];
+    var _9 = useState(false), isInput = _9[0], setIsInput = _9[1];
+    var _10 = useState([]), mentionedUserIds = _10[0], setMentionedUserIds = _10[1];
+    var _11 = useState(__assign({}, initialTargetStringInfo)), targetStringInfo = _11[0], setTargetStringInfo = _11[1];
     var setHeight = useMemo(function () { return function () {
         try {
             var elem = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current;
@@ -315,34 +315,8 @@ var MessageInput = React__default.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 === NodeTypes.ElementNode && node.nodeName === 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(USER_MENTION_TEMP_CHAR, "{").concat(userid, "}");
-                }
-                else if (node.nodeType === NodeTypes.ElementNode && node.nodeName === NodeNames.Br) {
-                    messageText_1 += '\n';
-                    mentionTemplate_1 += '\n';
-                }
-                else if ((node === null || node === void 0 ? void 0 : node.nodeType) === NodeTypes.ElementNode && (node === null || node === void 0 ? void 0 : node.nodeName) === 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 = 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
@@ -356,26 +330,8 @@ var MessageInput = React__default.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 === NodeTypes.ElementNode && node.nodeName === 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(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 = extractTextAndMentions(textField.childNodes), messageText = _a.messageText, mentionTemplate = _a.mentionTemplate;
+            var params = { messageId: messageId, message: messageText, mentionTemplate: mentionTemplate };
             onUpdateMessage(params);
             resetInput(internalRef);
         }
@@ -404,8 +360,16 @@ var MessageInput = React__default.forwardRef(function (props, externalRef) {
                     else {
                         if (!e.shiftKey
                             && e.key === 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/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

@@ -2,20 +2,20 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-aAXpX7Sl.js';
-import { L as LocalizationContext } from '../chunks/bundle-QDjzCG-h.js';
-import { R as Role } from '../chunks/bundle-NRvvlX8r.js';
-import '../chunks/bundle-s7Jm-nQL.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, w as getClassName, x as copyToClipboard } from '../chunks/bundle-TYsOyvS5.js';
+import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
+import { R as Role } from '../chunks/bundle-TzTFcIfJ.js';
+import '../chunks/bundle-yoFO4gJM.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-mXxUWu6C.js';
-import '../chunks/bundle-YcH_HSha.js';
-import '../chunks/bundle-FS7VoABk.js';
-import '../chunks/bundle-CBZRgcMe.js';
+import '../chunks/bundle-wdUAfmoS.js';
+import '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-TovLF3ih.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-jnJfrZ-B.js';
-import '../chunks/bundle-Cl9FF01U.js';
+import '../chunks/bundle-5fPKUbCn.js';
+import '../chunks/bundle-wO0wz3br.js';
 
 function MessageMenu(_a) {
     var _b;

package/ui/MessageItemReactionMenu.js

@@ -4,19 +4,19 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-aAXpX7Sl.js';
-import '../chunks/bundle-s7Jm-nQL.js';
+import { v as isPendingMessage, u as isFailedMessage, w as getClassName, y as getEmojiListAll } from '../chunks/bundle-TYsOyvS5.js';
+import '../chunks/bundle-yoFO4gJM.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-mXxUWu6C.js';
-import '../chunks/bundle-YcH_HSha.js';
-import '../chunks/bundle-FS7VoABk.js';
-import '../chunks/bundle-CBZRgcMe.js';
-import '../chunks/bundle-zftI06HH.js';
-import '../chunks/bundle-R_8mFuwU.js';
+import '../chunks/bundle-wdUAfmoS.js';
+import '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-TovLF3ih.js';
+import '../chunks/bundle-rW70z6Ho.js';
+import '../chunks/bundle-fMkcL8C8.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-jnJfrZ-B.js';
+import '../chunks/bundle-5fPKUbCn.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;

package/ui/MessageSearchFileItem.js

@@ -1,22 +1,22 @@
-import { c as __spreadArray } from '../chunks/bundle-s7Jm-nQL.js';
+import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
 import React__default from 'react';
-import { A as Avatar } from '../chunks/bundle-JVFq7QiY.js';
+import { A as Avatar } from '../chunks/bundle-f1tjVRSh.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
-import { u as useLocalization } from '../chunks/bundle-QDjzCG-h.js';
-import { f as format } from '../chunks/bundle-lS2bdzD_.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-RFQg3r1K.js';
-import { i as isVoiceMessage } from '../chunks/bundle-aAXpX7Sl.js';
-import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-FMptIFTe.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import { u as useLocalization } from '../chunks/bundle-_xgfKjN0.js';
+import { f as format } from '../chunks/bundle-is3QkoNv.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-6ivjnK_C.js';
+import { i as isVoiceMessage } from '../chunks/bundle-TYsOyvS5.js';
+import { g as getMessageFirstFileUrl, b as getMessageFirstFileName } from '../chunks/bundle-A8dpIXKJ.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-CBZRgcMe.js';
-import '../chunks/bundle-S3i59_HU.js';
-import '../chunks/bundle-FS7VoABk.js';
-import '../chunks/bundle-Cl9FF01U.js';
-import '../chunks/bundle-OdLkkyEZ.js';
+import '../chunks/bundle-TovLF3ih.js';
+import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-U7_j21Ss.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-jnJfrZ-B.js';
+import '../chunks/bundle-5fPKUbCn.js';
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/ui/MessageSearchItem.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray } from '../chunks/bundle-s7Jm-nQL.js';
+import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-lS2bdzD_.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-RFQg3r1K.js';
-import { A as Avatar } from '../chunks/bundle-JVFq7QiY.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
-import { u as useLocalization } from '../chunks/bundle-QDjzCG-h.js';
-import '../chunks/bundle-Cl9FF01U.js';
-import '../chunks/bundle-OdLkkyEZ.js';
+import { f as format } from '../chunks/bundle-is3QkoNv.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-6ivjnK_C.js';
+import { A as Avatar } from '../chunks/bundle-f1tjVRSh.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import { u as useLocalization } from '../chunks/bundle-_xgfKjN0.js';
+import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-U7_j21Ss.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-CBZRgcMe.js';
-import '../chunks/bundle-S3i59_HU.js';
+import '../chunks/bundle-TovLF3ih.js';
+import '../chunks/bundle-Jun66RyD.js';
 import './Icon.js';
-import '../chunks/bundle-FS7VoABk.js';
+import '../chunks/bundle-yPhMS1LV.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/ui/MessageStatus.js

@@ -1,18 +1,18 @@
-import '../chunks/bundle-s7Jm-nQL.js';
+import '../chunks/bundle-yoFO4gJM.js';
 import 'react';
-import '../chunks/bundle-lS2bdzD_.js';
+import '../chunks/bundle-is3QkoNv.js';
 import './Icon.js';
-import '../chunks/bundle-YcH_HSha.js';
+import '../chunks/bundle-52hs7-M-.js';
 import './Loader.js';
-import '../chunks/bundle-aAXpX7Sl.js';
+import '../chunks/bundle-TYsOyvS5.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-InXDhFjw.js';
-import '../chunks/bundle-QDjzCG-h.js';
-import '../chunks/bundle-Cl9FF01U.js';
-import '../chunks/bundle-CBZRgcMe.js';
-import '../chunks/bundle-FS7VoABk.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-1pgLpH_4.js';
+import '../chunks/bundle-_xgfKjN0.js';
+import '../chunks/bundle-wO0wz3br.js';
+import '../chunks/bundle-TovLF3ih.js';
+import '../chunks/bundle-yPhMS1LV.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-jnJfrZ-B.js';
-import '../chunks/bundle-RFQg3r1K.js';
-import '../chunks/bundle-OdLkkyEZ.js';
+import '../chunks/bundle-5fPKUbCn.js';
+import '../chunks/bundle-6ivjnK_C.js';
+import '../chunks/bundle-U7_j21Ss.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MobileFeedbackMenu.js

@@ -1,19 +1,19 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
-import { u as useLocalization } from '../chunks/bundle-QDjzCG-h.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import { u as useLocalization } from '../chunks/bundle-_xgfKjN0.js';
 import 'react-dom';
 import '../hooks/useModal.js';
-import '../chunks/bundle-s7Jm-nQL.js';
-import '../chunks/bundle-jnJfrZ-B.js';
-import '../chunks/bundle-CBZRgcMe.js';
-import '../chunks/bundle-hwjo__1w.js';
-import '../chunks/bundle-R_8mFuwU.js';
+import '../chunks/bundle-yoFO4gJM.js';
+import '../chunks/bundle-5fPKUbCn.js';
+import '../chunks/bundle-TovLF3ih.js';
+import '../chunks/bundle-6hgn3L9Y.js';
+import '../chunks/bundle-fMkcL8C8.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-FS7VoABk.js';
-import '../chunks/bundle-Cl9FF01U.js';
+import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-wO0wz3br.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/ui/Modal.js

@@ -1,14 +1,14 @@
-import '../chunks/bundle-s7Jm-nQL.js';
+import '../chunks/bundle-yoFO4gJM.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-CBZRgcMe.js';
-export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-hwjo__1w.js';
-import '../chunks/bundle-QDjzCG-h.js';
-import '../chunks/bundle-R_8mFuwU.js';
+import '../chunks/bundle-TovLF3ih.js';
+export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-6hgn3L9Y.js';
+import '../chunks/bundle-_xgfKjN0.js';
+import '../chunks/bundle-fMkcL8C8.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-YcH_HSha.js';
-import '../chunks/bundle-FS7VoABk.js';
-import '../chunks/bundle-Cl9FF01U.js';
+import '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-wO0wz3br.js';
 //# sourceMappingURL=Modal.js.map

package/ui/MutedAvatarOverlay.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-s7Jm-nQL.js';
-import '../chunks/bundle-CBZRgcMe.js';
+import '../chunks/bundle-yoFO4gJM.js';
+import '../chunks/bundle-TovLF3ih.js';
 
 function MutedAvatarOverlay(props) {
     var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;

package/ui/OGMessageItemBody.js

@@ -1,31 +1,31 @@
 import React__default, { useRef, useContext, useMemo } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-aAXpX7Sl.js';
-import { L as LocalizationContext } from '../chunks/bundle-QDjzCG-h.js';
-import { T as TextFragment } from '../chunks/bundle-PXF29EwZ.js';
-import { t as tokenizeMessage } from '../chunks/bundle-fdlrWGps.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-mbVaGxy-.js';
-import '../chunks/bundle-s7Jm-nQL.js';
-import '../chunks/bundle-CBZRgcMe.js';
-import '../chunks/bundle-FS7VoABk.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-TYsOyvS5.js';
+import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
+import { T as TextFragment } from '../chunks/bundle-LG3hn4TL.js';
+import { t as tokenizeMessage } from '../chunks/bundle-W_nWubt-.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-tPOBtJjA.js';
+import '../chunks/bundle-yoFO4gJM.js';
+import '../chunks/bundle-TovLF3ih.js';
+import '../chunks/bundle-yPhMS1LV.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-jnJfrZ-B.js';
-import '../chunks/bundle-Cl9FF01U.js';
+import '../chunks/bundle-5fPKUbCn.js';
+import '../chunks/bundle-wO0wz3br.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-mXxUWu6C.js';
+import '../chunks/bundle-wdUAfmoS.js';
 import './UserProfile.js';
-import '../chunks/bundle-7-k9ar1S.js';
+import '../chunks/bundle-bazn-ENb.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-29ZwEQCB.js';
-import '../chunks/bundle-JVFq7QiY.js';
-import '../chunks/bundle-S3i59_HU.js';
+import '../chunks/bundle--q7ObKwF.js';
+import '../chunks/bundle-f1tjVRSh.js';
+import '../chunks/bundle-Jun66RyD.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenChannelAdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-s7Jm-nQL.js';
+import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-YcH_HSha.js';
-import '../chunks/bundle-FS7VoABk.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-yPhMS1LV.js';
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;