@sendbird/uikit-react 3.17.11 → 3.18.0

package/chunks/{bundle-DvFk9hZu.js → bundle-C1npFBfj.js}

@@ -22,4 +22,4 @@ var changeColorToClassName = function (color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=bundle-DvFk9hZu.js.map
+//# sourceMappingURL=bundle-C1npFBfj.js.map

package/chunks/bundle-C1npFBfj.js.map

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

package/chunks/{bundle-DUhFIvq0.js → bundle-C20UC6V7.js}

@@ -1,13 +1,13 @@
-import { _ as __assign } from './bundle-CUFNseKN.js';
+import { _ as __assign } from './bundle-Bpofr334.js';
 import React__default from 'react';
 import { IconColors, IconTypes } from '../ui/Icon.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
-import { g as getChannelTitle } from './bundle-CWhu5cnC.js';
-import { u as useMediaQueryContext } from './bundle-CTVS7EpI.js';
-import { u as useLocalization } from './bundle-CD6CGxYu.js';
+import { g as getChannelTitle } from './bundle-Cslf3sKl.js';
+import { u as useMediaQueryContext } from './bundle-C2ARCMSL.js';
+import { u as useLocalization } from './bundle-Cdqsdoa8.js';
 import Header from '../ui/Header.js';
-import { c as classnames } from './bundle-CQJQkdjB.js';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
+import { c as classnames } from './bundle-DX6fRIJl.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
 
 var GroupChannelHeaderView = function (_a) {
     var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick, 
@@ -30,4 +30,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 export { GroupChannelHeaderView as G };
-//# sourceMappingURL=bundle-DUhFIvq0.js.map
+//# sourceMappingURL=bundle-C20UC6V7.js.map

package/chunks/bundle-C20UC6V7.js.map

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

package/chunks/{bundle-CTVS7EpI.js → bundle-C2ARCMSL.js}

@@ -69,4 +69,4 @@ var MediaQueryProvider = function (props) {
 var useMediaQueryContext = function () { return React__default.useContext(MediaQueryContext); };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=bundle-CTVS7EpI.js.map
+//# sourceMappingURL=bundle-C2ARCMSL.js.map

package/chunks/bundle-C2ARCMSL.js.map

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

package/chunks/{bundle-QqMAlWsP.js → bundle-C4anRHWY.js}

@@ -1,15 +1,15 @@
-import { c as __spreadArray } from './bundle-CUFNseKN.js';
-import React__default, { useContext, useState, useEffect } from 'react';
+import { e as __spreadArray } from './bundle-Bpofr334.js';
+import React__default, { useState, useEffect, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { c as classnames, n as noop } from './bundle-CQJQkdjB.js';
-import { L as LocalizationContext } from './bundle-CD6CGxYu.js';
-import { u as useMediaQueryContext } from './bundle-CTVS7EpI.js';
+import { n as noop, c as classnames } from './bundle-DX6fRIJl.js';
+import { L as LocalizationContext } from './bundle-Cdqsdoa8.js';
+import { u as useMediaQueryContext } from './bundle-C2ARCMSL.js';
 import IconButton from '../ui/IconButton.js';
 import Button, { ButtonTypes } from '../ui/Button.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-CE8XZeIa.js';
-import { u as uuidv4 } from './bundle-D1MmNbfE.js';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from './bundle-Cdplrrlw.js';
+import { u as uuidv4 } from './bundle-LLA95Pqf.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -61,5 +61,5 @@ function Modal(props) {
             } })), document.getElementById(MODAL_ROOT));
 }
 
-export { Modal as M, MODAL_ROOT as a, ModalRoot as b, ModalFooter as c, ModalHeader as d, ModalBody as e };
-//# sourceMappingURL=bundle-QqMAlWsP.js.map
+export { MODAL_ROOT as M, Modal as a, ModalBody as b, ModalFooter as c, ModalHeader as d, ModalRoot as e };
+//# sourceMappingURL=bundle-C4anRHWY.js.map

package/chunks/bundle-C4anRHWY.js.map

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

package/chunks/{bundle-CX6EYwvX.js → bundle-C5-D2BAP.js}

@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
 import DOMPurify from 'dompurify';
-import { a as NodeNames, N as NodeTypes } from './bundle-DGZK0j-W.js';
-import { a as USER_MENTION_TEMP_CHAR } from './bundle-D3DfLeep.js';
-import { c as __spreadArray } from './bundle-CUFNseKN.js';
-import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-Cq01dsQs.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle-CgAh8D8l.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle-0zReDi7b.js';
+import { N as NodeNames, a as NodeTypes } from './bundle-BEPoP7sp.js';
+import { b as USER_MENTION_TEMP_CHAR } from './bundle-CFc2hy8g.js';
+import { e as __spreadArray } from './bundle-Bpofr334.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-6I0gJidJ.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle-B40pTdZv.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle-iPLJ9a5J.js';
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -30,6 +30,12 @@ var sanitizeString = function (str) {
         return '';
     return str.replace(/[<>]/g, function (char) { return (char === '<' ? '&#60;' : '&#62;'); });
 };
+var stripZeroWidthSpace = function (str) {
+    if (str === void 0) { str = ''; }
+    if (!str)
+        return '';
+    return str.replace(/\u200B/g, '');
+};
 /**
  * NodeList cannot be used with Array methods
  * @param {NodeListOf<ChildNode>} childNodes
@@ -51,13 +57,17 @@ function extractTextAndMentions(childNodes) {
     var messageText = '';
     var mentionTemplate = '';
     var isMentionedMessage = false;
+    var mentionedUserIds = [];
     childNodes.forEach(function (node) {
+        var _a, _b;
         if (isHTMLElement(node) && node.nodeName === NodeNames.Span) {
-            var innerText = node.innerText, _a = node.dataset, dataset = _a === void 0 ? {} : _a;
-            var _b = dataset.userid, userid = _b === void 0 ? '' : _b;
-            if (userid)
+            var innerText = node.innerText, _c = node.dataset, dataset = _c === void 0 ? {} : _c;
+            var _d = dataset.userid, userid = _d === void 0 ? '' : _d;
+            if (userid) {
                 isMentionedMessage = true;
-            messageText += innerText;
+                mentionedUserIds.push(userid);
+            }
+            messageText += stripZeroWidthSpace(innerText);
             mentionTemplate += "".concat(USER_MENTION_TEMP_CHAR, "{").concat(userid, "}");
         }
         else if (isHTMLElement(node) && node.nodeName === NodeNames.Br) {
@@ -65,17 +75,17 @@ function extractTextAndMentions(childNodes) {
             mentionTemplate += '\n';
         }
         else if (isHTMLElement(node) && node.nodeName === NodeNames.Div) {
-            var _c = node.textContent, textContent = _c === void 0 ? '' : _c;
+            var textContent = stripZeroWidthSpace((_a = node.textContent) !== null && _a !== void 0 ? _a : '');
             messageText += "\n".concat(textContent);
             mentionTemplate += "\n".concat(textContent);
         }
         else {
-            var _d = node.textContent, textContent = _d === void 0 ? '' : _d;
+            var textContent = stripZeroWidthSpace((_b = node.textContent) !== null && _b !== void 0 ? _b : '');
             messageText += textContent;
             mentionTemplate += textContent;
         }
     });
-    return { messageText: messageText, mentionTemplate: mentionTemplate, isMentionedMessage: isMentionedMessage };
+    return { messageText: messageText, mentionTemplate: mentionTemplate, isMentionedMessage: isMentionedMessage, mentionedUserIds: mentionedUserIds };
 }
 
 function insertTemplateToDOM(templateList) {
@@ -194,8 +204,17 @@ function createPasteNodeWithContent(html) {
 }
 // usePaste Hook
 function usePaste(_a) {
-    var ref = _a.ref, setIsInput = _a.setIsInput, channel = _a.channel, setMentionedUsers = _a.setMentionedUsers;
+    var ref = _a.ref, setIsInput = _a.setIsInput, channel = _a.channel, setMentionedUsers = _a.setMentionedUsers, onAddFiles = _a.onAddFiles;
     return useCallback(function (e) {
+        // 0. File paste (e.g. screenshot copy): route to composer and skip text branch.
+        if (onAddFiles) {
+            var clipboardFiles = extractClipboardFiles(e);
+            if (clipboardFiles.length > 0) {
+                e.preventDefault();
+                onAddFiles(clipboardFiles);
+                return;
+            }
+        }
         e.preventDefault();
         var html = e.clipboardData.getData('text/html');
         var text = e.clipboardData.getData('text') || getURIListText(e);
@@ -224,7 +243,32 @@ function usePaste(_a) {
         insertTemplateToDOM(words); // Insert mentions and content into the DOM
         pasteNode.remove();
         setIsInput(true);
-    }, [ref, setIsInput, channel, setMentionedUsers]);
+    }, [ref, setIsInput, channel, setMentionedUsers, onAddFiles]);
+}
+/**
+ * Pull File entries out of a clipboard event, robust across browsers.
+ * Safari can leave clipboardData.files empty while populating items.
+ */
+function extractClipboardFiles(e) {
+    var _a, _b;
+    var files = [];
+    var items = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.items;
+    if (items) {
+        for (var i = 0; i < items.length; i += 1) {
+            var item = items[i];
+            if (item.kind === 'file') {
+                var file = item.getAsFile();
+                if (file)
+                    files.push(file);
+            }
+        }
+    }
+    if (files.length === 0 && ((_b = e.clipboardData) === null || _b === void 0 ? void 0 : _b.files)) {
+        for (var i = 0; i < e.clipboardData.files.length; i += 1) {
+            files.push(e.clipboardData.files[i]);
+        }
+    }
+    return files;
 }
 // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#dragging_links
 function getURIListText(e) {
@@ -242,5 +286,5 @@ function getURIListText(e) {
     }, '');
 }
 
-export { extractTextAndMentions as e, isChannelTypeSupportsMultipleFilesMessage as i, nodeListToArray as n, renderToString as r, sanitizeString as s, usePaste as u };
-//# sourceMappingURL=bundle-CX6EYwvX.js.map
+export { stripZeroWidthSpace as a, extractTextAndMentions as e, isChannelTypeSupportsMultipleFilesMessage as i, nodeListToArray as n, renderToString as r, sanitizeString as s, usePaste as u };
+//# sourceMappingURL=bundle-C5-D2BAP.js.map

package/{cjs/chunks/bundle-DmR0_slE.js.map → chunks/bundle-C5-D2BAP.js.map}

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

package/chunks/{bundle-DmoshxdI.js → bundle-C60Wnv-9.js}

@@ -1,4 +1,4 @@
-import { d as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-D67XuNKa.js';
+import { p as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-JhKiWlXT.js';
 import { WavHeader as ut, Mp3Encoder as ht } from '../lame.all.js';
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -126,4 +126,4 @@ function bufferToWav(abuffer, len) {
 }
 
 export { downsampleToWav, encodeMp3 };
-//# sourceMappingURL=bundle-DmoshxdI.js.map
+//# sourceMappingURL=bundle-C60Wnv-9.js.map

package/chunks/bundle-C60Wnv-9.js.map

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

package/chunks/{bundle-DiKiLU8g.js → bundle-CAshTR7h.js}

@@ -32,4 +32,4 @@ var pubSubFactory = function (opts) {
 };
 
 export { pubSubFactory as p };
-//# sourceMappingURL=bundle-DiKiLU8g.js.map
+//# sourceMappingURL=bundle-CAshTR7h.js.map

package/chunks/bundle-CAshTR7h.js.map

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

package/chunks/{bundle-DYbMoqiD.js → bundle-CD4RzjMA.js}

@@ -1,5 +1,5 @@
-import { d as isFileMessage, e as isMultipleFilesMessage } from './bundle-DKnH9j0w.js';
-import { K } from './bundle-B7yb0nm6.js';
+import { C as isFileMessage, J as isMultipleFilesMessage } from './bundle-BZSLsKkw.js';
+import { K } from './bundle-lqEjT2ED.js';
 
 function getMessageFirstFileType(message) {
     return K(message)
@@ -65,5 +65,5 @@ function getMessageFirstFileThumbnailUrl(message) {
     return (thumbnails && thumbnails.length > 0) ? thumbnails[0].url : '';
 }
 
-export { getMessageFirstFileType as a, getMessageFirstFileName as b, getMessageFirstFileThumbnailUrl as c, getMessageFirstFileUrl as g };
-//# sourceMappingURL=bundle-DYbMoqiD.js.map
+export { getMessageFirstFileThumbnailUrl as a, getMessageFirstFileType as b, getMessageFirstFileUrl as c, getMessageFirstFileName as g };
+//# sourceMappingURL=bundle-CD4RzjMA.js.map

package/chunks/bundle-CD4RzjMA.js.map

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

package/chunks/{bundle-D3DfLeep.js → bundle-CFc2hy8g.js}

@@ -8,5 +8,5 @@ var ThreadReplySelectType;
     ThreadReplySelectType["THREAD"] = "THREAD";
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
-export { MAX_USER_MENTION_COUNT as M, ThreadReplySelectType as T, UIKIT_COMPATIBLE_FORM_VERSION as U, USER_MENTION_TEMP_CHAR as a, MAX_USER_SUGGESTION_COUNT as b };
-//# sourceMappingURL=bundle-D3DfLeep.js.map
+export { MAX_USER_MENTION_COUNT as M, ThreadReplySelectType as T, UIKIT_COMPATIBLE_FORM_VERSION as U, MAX_USER_SUGGESTION_COUNT as a, USER_MENTION_TEMP_CHAR as b };
+//# sourceMappingURL=bundle-CFc2hy8g.js.map

package/chunks/bundle-CFc2hy8g.js.map

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

package/chunks/{bundle-4FHXjC0T.js → bundle-CLHIHGae.js}

@@ -1,11 +1,11 @@
-import { _ as __assign } from './bundle-CUFNseKN.js';
+import { _ as __assign } from './bundle-Bpofr334.js';
 import React__default from 'react';
 import { TypingIndicator } from '../GroupChannel/components/TypingIndicator.js';
-import { T as TypingIndicatorType } from './bundle-C5IAP1zO.js';
+import { T as TypingIndicatorType } from './bundle-D0WVu0lN.js';
 import ConnectionStatus from '../ui/ConnectionStatus.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { d as deleteNullish } from './bundle-CQJQkdjB.js';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
+import { d as deleteNullish } from './bundle-DX6fRIJl.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
 
 var GroupChannelUIView = function (props) {
     var _a, _b, _c, _d;
@@ -44,4 +44,4 @@ var GroupChannelUIView = function (props) {
 };
 
 export { GroupChannelUIView as G };
-//# sourceMappingURL=bundle-4FHXjC0T.js.map
+//# sourceMappingURL=bundle-CLHIHGae.js.map

package/chunks/bundle-CLHIHGae.js.map

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

package/chunks/{bundle-CVIpQvz-.js → bundle-CLrmFXHj.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, b as __generator, d as __rest, _ as __assign } from './bundle-CUFNseKN.js';
+import { a as __awaiter, c as __generator, d as __rest, _ as __assign } from './bundle-Bpofr334.js';
 import React__default, { useState, useRef, useCallback, createContext, useContext, useEffect } from 'react';
 import { Role } from '@sendbird/chat';
 import { OpenChannel } from '@sendbird/chat/openChannel';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
-import { a as MenuItem, b as MenuItems } from './bundle-BE6zj_MW.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
+import { d as MenuItem, f as MenuItems } from './bundle-zNUBt0Cg.js';
 import 'react-dom';
-import './bundle-CE8XZeIa.js';
+import './bundle-Cdplrrlw.js';
 import IconButton from '../ui/IconButton.js';
-import './bundle-DKnH9j0w.js';
-import { u as useLocalization } from './bundle-CD6CGxYu.js';
-import './bundle-DOHzCh7a.js';
+import './bundle-BZSLsKkw.js';
+import { u as useLocalization } from './bundle-Cdqsdoa8.js';
+import './bundle-B56O1y8C.js';
 import '@sendbird/chat/groupChannel';
-import { c as classnames } from './bundle-CQJQkdjB.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import { c as classnames } from './bundle-DX6fRIJl.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
 
 // Utility function to handle processing state and promise execution
 var processToggleAction = function (isProcessing, action, errorHandler) { return __awaiter(void 0, void 0, void 0, function () {
@@ -288,4 +288,4 @@ var UserListItemMenu = function (props) {
 };
 
 export { UserListItemMenu as U, UserListItemMenuProvider as a, useUserListItemMenuContext as u };
-//# sourceMappingURL=bundle-CVIpQvz-.js.map
+//# sourceMappingURL=bundle-CLrmFXHj.js.map

package/chunks/{bundle-CVIpQvz-.js.map → bundle-CLrmFXHj.js.map}

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

package/chunks/{bundle-CjCG01vR.js → bundle-CPOgmEXq.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { K } from './bundle-B7yb0nm6.js';
-import { T as TOKEN_TYPES, a as tokenizeMarkdown, U as USER_MENTION_PREFIX, b as getWhiteSpacePreservedText } from './bundle-C9eESsTb.js';
+import { K } from './bundle-lqEjT2ED.js';
+import { T as TOKEN_TYPES, t as tokenizeMarkdown, U as USER_MENTION_PREFIX, a as getWhiteSpacePreservedText } from './bundle-EKFQIahk.js';
 import { useMessageContext } from '../Message/context.js';
 import MentionLabel from '../ui/MentionLabel.js';
 import LinkLabel from '../ui/LinkLabel.js';
-import { a as LabelTypography, b as LabelColors } from './bundle-CE8XZeIa.js';
+import { a as LabelColors, c as LabelTypography } from './bundle-Cdplrrlw.js';
 
 // this function is used to generate a unique key for token in message
 // it changes with updated time and index
@@ -67,4 +67,4 @@ function TextFragment(_a) {
 }
 
 export { TextFragment as T };
-//# sourceMappingURL=bundle-CjCG01vR.js.map
+//# sourceMappingURL=bundle-CPOgmEXq.js.map

package/chunks/bundle-CPOgmEXq.js.map

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

package/chunks/{bundle-C7rLZX4P.js → bundle-Cd8fnvI_.js}

@@ -47,4 +47,4 @@ function useThrottleCallback(callback, delay, options) {
 }
 
 export { useThrottleCallback as u };
-//# sourceMappingURL=bundle-C7rLZX4P.js.map
+//# sourceMappingURL=bundle-Cd8fnvI_.js.map

package/chunks/bundle-Cd8fnvI_.js.map

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

package/chunks/{bundle-CE8XZeIa.js → bundle-Cdplrrlw.js}

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from './bundle-CUFNseKN.js';
+import { e as __spreadArray } from './bundle-Bpofr334.js';
 import React__default, { forwardRef } from 'react';
-import { g as getStringSet } from './bundle-D8iL7lya.js';
+import { g as getStringSet } from './bundle-oM0Fxt9G.js';
 
 var Typography = {
     H_1: 'H_1',
@@ -82,5 +82,5 @@ var LabelTypography = Typography;
 var LabelColors = Colors;
 var LabelStringSet = getStringSet('en');
 
-export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=bundle-CE8XZeIa.js.map
+export { Label as L, LabelColors as a, LabelStringSet as b, LabelTypography as c, changeColorToClassName as d };
+//# sourceMappingURL=bundle-Cdplrrlw.js.map

package/chunks/bundle-Cdplrrlw.js.map

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

package/chunks/{bundle-CD6CGxYu.js → bundle-Cdqsdoa8.js}

@@ -1,7 +1,7 @@
-import { _ as __assign } from './bundle-CUFNseKN.js';
+import { _ as __assign } from './bundle-Bpofr334.js';
 import React__default from 'react';
-import { g as getStringSet } from './bundle-D8iL7lya.js';
-import { l as locale } from './bundle-BPR5PyGX.js';
+import { g as getStringSet } from './bundle-oM0Fxt9G.js';
+import { l as locale } from './bundle-DmnXeBdU.js';
 
 var LocalizationContextDefault = {
     stringSet: getStringSet('en'),
@@ -21,4 +21,4 @@ var useLocalization = function () {
 };
 
 export { LocalizationContext as L, LocalizationProvider as a, useLocalization as u };
-//# sourceMappingURL=bundle-CD6CGxYu.js.map
+//# sourceMappingURL=bundle-Cdqsdoa8.js.map

package/chunks/bundle-Cdqsdoa8.js.map

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

package/chunks/{bundle-NRNsjiKk.js → bundle-CglqREVl.js}

@@ -7,4 +7,4 @@ var isMobileIOS = function (userAgent) {
 };
 
 export { isSafari as a, isMobileIOS as i };
-//# sourceMappingURL=bundle-NRNsjiKk.js.map
+//# sourceMappingURL=bundle-CglqREVl.js.map

package/chunks/bundle-CglqREVl.js.map

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

package/chunks/{bundle-DNZm2aCn.js → bundle-ChLik1Zs.js}

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from './bundle-CUFNseKN.js';
+import { e as __spreadArray } from './bundle-Bpofr334.js';
 import { SendingStatus } from '@sendbird/chat/message';
-import './bundle-CD6CGxYu.js';
+import './bundle-Cdqsdoa8.js';
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
     var _a;
@@ -121,5 +121,5 @@ var isAboutSame = function (a, b, px) {
     return Math.abs(a - b) <= px;
 };
 
-export { isAboutSame as a, isDisabledBecauseFrozen as b, isDisabledBecauseMuted as c, scrollToRenderedMessage as d, getNicknamesMapFromMembers as e, getAllEmojisMapFromEmojiContainer as g, isOperator as i, mergeAndSortMessages as m, passUnsuccessfullMessages as p, scrollIntoLast as s };
-//# sourceMappingURL=bundle-DNZm2aCn.js.map
+export { getNicknamesMapFromMembers as a, isDisabledBecauseFrozen as b, isDisabledBecauseMuted as c, isOperator as d, scrollToRenderedMessage as e, getAllEmojisMapFromEmojiContainer as g, isAboutSame as i, mergeAndSortMessages as m, passUnsuccessfullMessages as p, scrollIntoLast as s };
+//# sourceMappingURL=bundle-ChLik1Zs.js.map

package/chunks/bundle-ChLik1Zs.js.map

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

package/chunks/{bundle-jqzUQHEL.js → bundle-CnFrQOtC.js}

@@ -1,14 +1,14 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-CE8XZeIa.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { A as Avatar } from './bundle-DCwgKOlw.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-CD6CGxYu.js';
-import { u as uuidv4 } from './bundle-D1MmNbfE.js';
-import { c as classnames } from './bundle-CQJQkdjB.js';
-import { a as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from './bundle-D3DfLeep.js';
-import { M as MessageInputKeys } from './bundle-DGZK0j-W.js';
-import { a as __awaiter, b as __generator } from './bundle-CUFNseKN.js';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from './bundle-Cdplrrlw.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
+import { A as Avatar } from './bundle-BJShQs4P.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-Cdqsdoa8.js';
+import { u as uuidv4 } from './bundle-LLA95Pqf.js';
+import { c as classnames } from './bundle-DX6fRIJl.js';
+import { b as USER_MENTION_TEMP_CHAR, a as MAX_USER_SUGGESTION_COUNT, M as MAX_USER_MENTION_COUNT } from './bundle-CFc2hy8g.js';
+import { M as MessageInputKeys } from './bundle-BEPoP7sp.js';
+import { a as __awaiter, c as __generator } from './bundle-Bpofr334.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -69,21 +69,21 @@ function fetchMembersFromQuery(currentUserId, channel, maxSuggestionCount, searc
 
 var DEBOUNCING_TIME = 300;
 var SuggestedMentionListView = function (props) {
-    var _a, _b, _c;
-    var className = props.className, currentChannel = props.currentChannel, _d = props.targetNickname, targetNickname = _d === void 0 ? '' : _d, 
+    var _a, _b, _c, _d;
+    var className = props.className, currentChannel = props.currentChannel, _e = props.targetNickname, targetNickname = _e === void 0 ? '' : _e, 
     // memberListQuery,
-    onUserItemClick = props.onUserItemClick, onFocusItemChange = props.onFocusItemChange, onFetchUsers = props.onFetchUsers, renderUserMentionItem = props.renderUserMentionItem, inputEvent = props.inputEvent, _e = props.ableAddMention, ableAddMention = _e === void 0 ? true : _e, _f = props.maxMentionCount, maxMentionCount = _f === void 0 ? MAX_USER_MENTION_COUNT : _f, _g = props.maxSuggestionCount, maxSuggestionCount = _g === void 0 ? MAX_USER_SUGGESTION_COUNT : _g;
+    onUserItemClick = props.onUserItemClick, onFocusItemChange = props.onFocusItemChange, onFetchUsers = props.onFetchUsers, renderUserMentionItem = props.renderUserMentionItem, inputEvent = props.inputEvent, _f = props.ableAddMention, ableAddMention = _f === void 0 ? true : _f, _g = props.maxMentionCount, maxMentionCount = _g === void 0 ? MAX_USER_MENTION_COUNT : _g, _h = props.maxSuggestionCount, maxSuggestionCount = _h === void 0 ? MAX_USER_SUGGESTION_COUNT : _h;
     var state = useSendbird().state;
     var config = state.config, stores = state.stores;
     var logger = config.logger;
     var currentUserId = ((_c = (_b = (_a = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _a === void 0 ? void 0 : _a.sdk) === null || _b === void 0 ? void 0 : _b.currentUser) === null || _c === void 0 ? void 0 : _c.userId) || '';
     var scrollRef = useRef(null);
     var stringSet = useLocalization().stringSet;
-    var _h = useState(null), timer = _h[0], setTimer = _h[1];
-    var _j = useState(''), searchString = _j[0], setSearchString = _j[1];
-    var _k = useState(''), lastSearchString = _k[0], setLastSearchString = _k[1];
-    var _l = useState(null), currentFocusedMember = _l[0], setCurrentFocusedMember = _l[1];
-    var _m = useState([]), currentMemberList = _m[0], setCurrentMemberList = _m[1];
+    var _j = useState(null), timer = _j[0], setTimer = _j[1];
+    var _k = useState(''), searchString = _k[0], setSearchString = _k[1];
+    var _l = useState(''), lastSearchString = _l[0], setLastSearchString = _l[1];
+    var _m = useState(null), currentFocusedMember = _m[0], setCurrentFocusedMember = _m[1];
+    var _o = useState([]), currentMemberList = _o[0], setCurrentMemberList = _o[1];
     useEffect(function () {
         clearTimeout(timer !== null && timer !== void 0 ? timer : undefined);
         setTimer(setTimeout(function () {
@@ -144,6 +144,8 @@ var SuggestedMentionListView = function (props) {
     }, [
         currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
         // We have to be specific like this or React would not recognize the changes in instances.
+        (_d = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _d === void 0 ? void 0 : _d.length,
+        currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members.map(function (member) { return member.userId; }).join(),
         currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members.map(function (member) { return member.nickname; }).join(),
         currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members.map(function (member) { return member.isActive; }).join(),
         searchString,
@@ -170,4 +172,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 export { SuggestedMentionListView as S };
-//# sourceMappingURL=bundle-jqzUQHEL.js.map
+//# sourceMappingURL=bundle-CnFrQOtC.js.map

package/{cjs/chunks/bundle-DzxR2MCH.js.map → chunks/bundle-CnFrQOtC.js.map}

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

package/chunks/{bundle-CWhu5cnC.js → bundle-Cslf3sKl.js}

@@ -1,5 +1,5 @@
-import { c as LabelStringSet } from './bundle-CE8XZeIa.js';
-import { a as isDefaultChannelName } from './bundle-DKnH9j0w.js';
+import { b as LabelStringSet } from './bundle-Cdplrrlw.js';
+import { y as isDefaultChannelName } from './bundle-BZSLsKkw.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -23,4 +23,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=bundle-CWhu5cnC.js.map
+//# sourceMappingURL=bundle-Cslf3sKl.js.map

package/chunks/bundle-Cslf3sKl.js.map

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

package/chunks/{bundle-BDaOve18.js → bundle-Cw0XZgRI.js}

@@ -1,12 +1,12 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from './bundle-DCwgKOlw.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors, c as LabelStringSet } from './bundle-CE8XZeIa.js';
-import { j as isSupportedFileView, k as isVideo, l as isImage } from './bundle-DKnH9j0w.js';
+import { A as Avatar } from './bundle-BJShQs4P.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
+import { L as Label, a as LabelColors, c as LabelTypography, b as LabelStringSet } from './bundle-Cdplrrlw.js';
+import { R as isSupportedFileView, _ as isVideo, G as isImage } from './bundle-BZSLsKkw.js';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT, M as Modal } from './bundle-QqMAlWsP.js';
-import { u as useSendbird } from './bundle-CeLEEyFJ.js';
+import { M as MODAL_ROOT, a as Modal } from './bundle-C4anRHWY.js';
+import { u as useSendbird } from './bundle-4clodtJA.js';
 
 var FileViewerView = function (_a) {
     var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage, onDownloadClick = _a.onDownloadClick;
@@ -54,4 +54,4 @@ var FileViewerComponent = function (_a) {
 };
 
 export { FileViewerView as F };
-//# sourceMappingURL=bundle-BDaOve18.js.map
+//# sourceMappingURL=bundle-Cw0XZgRI.js.map

package/chunks/bundle-Cw0XZgRI.js.map

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