@sendbird/uikit-react 3.11.2-alpha.0 → 3.12.0-rc.1

package/cjs/chunks/{bundle-hjFdF-6P.js → bundle-him8B6lQ.js}

@@ -1,13 +1,12 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
 var React = require('react');
-var ui_Modal = require('./bundle-QU0jnoP-.js');
-require('./bundle-llF5F-TZ.js');
+var ui_Modal = require('./bundle-lqO2HtRG.js');
+require('./bundle-l9rAnwws.js');
+require('./bundle-Y6oHbdhN.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-hOvUwVfn.js');
-var stringFormatterUtils = require('./bundle-1IuM0Cr1.js');
-var Channel_context = require('../Channel/context.js');
+var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var stringFormatterUtils = require('./bundle-aLKN26Lx.js');
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -27,11 +26,5 @@ var RemoveMessageModalView = function (props) {
         }, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: stringFormatterUtils.getModalDeleteMessageTitle(stringSet, message) }));
 };
 
-var RemoveMessageModal = function (props) {
-    var deleteMessage = Channel_context.useChannelContext().deleteMessage;
-    return React.createElement(RemoveMessageModalView, _tslib.__assign({}, props, { deleteMessage: deleteMessage }));
-};
-
-exports.RemoveMessageModal = RemoveMessageModal;
 exports.RemoveMessageModalView = RemoveMessageModalView;
-//# sourceMappingURL=bundle-hjFdF-6P.js.map
+//# sourceMappingURL=bundle-him8B6lQ.js.map

package/cjs/chunks/bundle-him8B6lQ.js.map

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

package/cjs/chunks/{bundle-KpooXS-Y.js → bundle-hyQekvQu.js}

@@ -32,4 +32,4 @@ var generateDefaultAvatar = function (channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=bundle-KpooXS-Y.js.map
+//# sourceMappingURL=bundle-hyQekvQu.js.map

package/cjs/chunks/bundle-hyQekvQu.js.map

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

package/cjs/chunks/{bundle-ZRoIbdW4.js → bundle-ivu3uDBu.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
+var _tslib = require('./bundle-l9rAnwws.js');
 var React = require('react');
-var MediaQueryContext = require('./bundle-2m4xB52E.js');
+var MediaQueryContext = require('./bundle-eg639gtv.js');
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -76,4 +76,4 @@ function useLongPress(_a, _b) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=bundle-ZRoIbdW4.js.map
+//# sourceMappingURL=bundle-ivu3uDBu.js.map

package/cjs/chunks/bundle-ivu3uDBu.js.map

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

package/cjs/chunks/{bundle-Gfk4dcBO.js → bundle-j2b4bxU3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./bundle-hxTc8i2-.js');
+var utils = require('./bundle-XpwayjqP.js');
 
 var Context = React.createContext({
     opened: '',
@@ -12,4 +12,4 @@ var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=bundle-Gfk4dcBO.js.map
+//# sourceMappingURL=bundle-j2b4bxU3.js.map

package/cjs/chunks/bundle-j2b4bxU3.js.map

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

package/cjs/chunks/{bundle-vdGlDJwK.js → bundle-j5InjWst.js}

@@ -29,4 +29,4 @@ var pubSubFactory = function () {
 };
 
 exports.pubSubFactory = pubSubFactory;
-//# sourceMappingURL=bundle-vdGlDJwK.js.map
+//# sourceMappingURL=bundle-j5InjWst.js.map

package/cjs/chunks/bundle-j5InjWst.js.map

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

package/cjs/chunks/{bundle-cQ--EsIE.js → bundle-jI4fSOuZ.js}

@@ -14,4 +14,4 @@ var pxToNumber = function (px) {
 };
 
 exports.pxToNumber = pxToNumber;
-//# sourceMappingURL=bundle-cQ--EsIE.js.map
+//# sourceMappingURL=bundle-jI4fSOuZ.js.map

package/cjs/chunks/bundle-jI4fSOuZ.js.map

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

package/cjs/chunks/{bundle-Mpp49uHC.js → bundle-jjYDBqPB.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
-var index = require('./bundle-FjYeNDtC.js');
-var LocalizationContext = require('./bundle-hOvUwVfn.js');
+var index = require('./bundle-JutD2hKN.js');
+var LocalizationContext = require('./bundle-oK2GZVsW.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-llF5F-TZ.js');
+var ui_Label = require('./bundle-Y6oHbdhN.js');
 var ui_BottomSheet = require('../ui/BottomSheet.js');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
 var ui_ReactionButton = require('../ui/ReactionButton.js');
@@ -227,4 +227,4 @@ var MobileMenu = function (props) {
 };
 
 exports.MobileMenu = MobileMenu;
-//# sourceMappingURL=bundle-Mpp49uHC.js.map
+//# sourceMappingURL=bundle-jjYDBqPB.js.map

package/{chunks/bundle-Tga27YgW.js.map → cjs/chunks/bundle-jjYDBqPB.js.map}

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

package/cjs/chunks/{bundle-iqHS1VZc.js → bundle-l9rAnwws.js}

@@ -112,4 +112,4 @@ exports.__extends = __extends;
 exports.__generator = __generator;
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=bundle-iqHS1VZc.js.map
+//# sourceMappingURL=bundle-l9rAnwws.js.map

package/cjs/chunks/bundle-l9rAnwws.js.map

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

package/cjs/chunks/{bundle-igQ1tPlV.js → bundle-lVg2xbe0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var consts = require('./bundle-wJ2ptD6A.js');
+var consts = require('./bundle-_N5y1qEg.js');
 var lame_all = require('../lame.all.js');
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -125,4 +125,4 @@ function bufferToWav(abuffer, len) {
 
 exports.downsampleToWav = downsampleToWav;
 exports.encodeMp3 = encodeMp3;
-//# sourceMappingURL=bundle-igQ1tPlV.js.map
+//# sourceMappingURL=bundle-lVg2xbe0.js.map

package/cjs/chunks/bundle-lVg2xbe0.js.map

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

package/cjs/chunks/{bundle-KJFaLE9x.js → bundle-lZm_4ToV.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
+var _tslib = require('./bundle-l9rAnwws.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-cQ--EsIE.js');
+var pxToNumber = require('./bundle-jI4fSOuZ.js');
 var ui_Icon = require('../ui/Icon.js');
 
 var AvatarDefault = function (props) {
@@ -70,4 +70,4 @@ var Avatar$1 = React.forwardRef(Avatar);
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-KJFaLE9x.js.map
+//# sourceMappingURL=bundle-lZm_4ToV.js.map

package/cjs/chunks/bundle-lZm_4ToV.js.map

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

package/cjs/chunks/{bundle-QU0jnoP-.js → bundle-lqO2HtRG.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
+var _tslib = require('./bundle-l9rAnwws.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('./bundle-hxTc8i2-.js');
-var LocalizationContext = require('./bundle-hOvUwVfn.js');
-var MediaQueryContext = require('./bundle-2m4xB52E.js');
+var utils = require('./bundle-XpwayjqP.js');
+var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var MediaQueryContext = require('./bundle-eg639gtv.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-llF5F-TZ.js');
+var ui_Label = require('./bundle-Y6oHbdhN.js');
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -69,4 +69,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalRoot = ModalRoot;
-//# sourceMappingURL=bundle-QU0jnoP-.js.map
+//# sourceMappingURL=bundle-lqO2HtRG.js.map

package/cjs/chunks/bundle-lqO2HtRG.js.map

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

package/cjs/chunks/{bundle-fecqsQkK.js → bundle-nZsWuDxZ.js}

@@ -1,9 +1,10 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-76dF9zQG.js');
-var utils = require('./bundle-x95y05Ke.js');
+var pubSub_topics = require('./bundle-2QTmv8Qr.js');
+var utils = require('./bundle-OLmZ2fUV.js');
 require('../utils/message/getOutgoingMessageState.js');
+var consts = require('./bundle-_N5y1qEg.js');
 
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
@@ -128,7 +129,6 @@ var useSendMultipleFilesMessage = function (_a, _b) {
                         channel: currentChannel,
                         publishingModules: publishingModules,
                     });
-                    // We need this delay because rendering MFM takes time due to large image files.
                     setTimeout(function () {
                         if (scrollRef && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                             utils.scrollIntoLast(0, scrollRef);
@@ -136,7 +136,7 @@ var useSendMultipleFilesMessage = function (_a, _b) {
                         if (pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                             scrollIntoLast(0);
                         }
-                    }, 100);
+                    }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
                 })
                     .onFailed(function (error, failedMessage) {
                     logger.error('Channel: Sending MFM failed.', { error: error, failedMessage: failedMessage });
@@ -154,15 +154,6 @@ var useSendMultipleFilesMessage = function (_a, _b) {
                         message: succeededMessage,
                         publishingModules: publishingModules,
                     });
-                    // We need this delay because rendering MFM takes time due to large image files.
-                    setTimeout(function () {
-                        if (scrollRef && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
-                            utils.scrollIntoLast(0, scrollRef);
-                        }
-                        if (pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
-                            scrollIntoLast(0);
-                        }
-                    }, 100);
                     resolve(succeededMessage);
                 });
             }
@@ -185,4 +176,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-fecqsQkK.js.map
+//# sourceMappingURL=bundle-nZsWuDxZ.js.map

package/cjs/chunks/{bundle-fecqsQkK.js.map → bundle-nZsWuDxZ.js.map}

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

package/cjs/chunks/{bundle-hOvUwVfn.js → bundle-oK2GZVsW.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./bundle-2wmQkgT-.js');
-var index = require('./bundle-ZpjyJiE2.js');
+var stringSet = require('./bundle-do_4Y2S_.js');
+var index = require('./bundle-HQUEIVST.js');
 
 var LocalizationContext = React.createContext({
     stringSet: stringSet.getStringSet('en'),
@@ -17,4 +17,4 @@ var useLocalization = function () { return React.useContext(LocalizationContext)
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=bundle-hOvUwVfn.js.map
+//# sourceMappingURL=bundle-oK2GZVsW.js.map

package/cjs/chunks/bundle-oK2GZVsW.js.map

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

package/cjs/chunks/{bundle-ohZ7TvgX.js → bundle-pNPHZO_X.js}

@@ -1,16 +1,14 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('./bundle-KJFaLE9x.js');
+var ui_Avatar = require('./bundle-lZm_4ToV.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-llF5F-TZ.js');
-var index = require('./bundle-FjYeNDtC.js');
+var ui_Label = require('./bundle-Y6oHbdhN.js');
+var index = require('./bundle-JutD2hKN.js');
 require('../hooks/useModal.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var ui_Modal = require('./bundle-QU0jnoP-.js');
-var Channel_context = require('../Channel/context.js');
+var ui_Modal = require('./bundle-lqO2HtRG.js');
 
 var FileViewerView = function (_a) {
     var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage;
@@ -54,11 +52,5 @@ var FileViewerComponent = function (_a) {
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, "Unsupoprted message"))))));
 };
 
-var FileViewer = function (props) {
-    var deleteMessage = Channel_context.useChannelContext().deleteMessage;
-    return React.createElement(FileViewerView, _tslib.__assign({}, props, { deleteMessage: deleteMessage }));
-};
-
-exports.FileViewer = FileViewer;
 exports.FileViewerView = FileViewerView;
-//# sourceMappingURL=bundle-ohZ7TvgX.js.map
+//# sourceMappingURL=bundle-pNPHZO_X.js.map

package/cjs/chunks/bundle-pNPHZO_X.js.map

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

package/cjs/chunks/{bundle-ANLunMPv.js → bundle-qlTSWGy9.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var DOMPurify = require('dompurify');
-var _tslib = require('./bundle-iqHS1VZc.js');
-var consts = require('./bundle-X1BzROq8.js');
-var consts$2 = require('./bundle--ecbrMEb.js');
-var consts$1 = require('./bundle-G5XuJJIA.js');
+var _tslib = require('./bundle-l9rAnwws.js');
+var consts = require('./bundle-WQOvDsOP.js');
+var consts$2 = require('./bundle-8gAAE7I3.js');
+var consts$1 = require('./bundle-rGIlrKQw.js');
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -214,4 +214,4 @@ exports.nodeListToArray = nodeListToArray;
 exports.renderToString = renderToString;
 exports.sanitizeString = sanitizeString;
 exports.usePaste = usePaste;
-//# sourceMappingURL=bundle-ANLunMPv.js.map
+//# sourceMappingURL=bundle-qlTSWGy9.js.map

package/cjs/chunks/bundle-qlTSWGy9.js.map

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

package/cjs/chunks/{bundle-G5XuJJIA.js → bundle-rGIlrKQw.js}

@@ -3,4 +3,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-G5XuJJIA.js.map
+//# sourceMappingURL=bundle-rGIlrKQw.js.map

package/cjs/chunks/bundle-rGIlrKQw.js.map

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

package/cjs/chunks/{bundle-YUfnYPkc.js → bundle-tCIy9Pcv.js}

@@ -1,32 +1,28 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
+var _tslib = require('./bundle-l9rAnwws.js');
 var React = require('react');
-var utils = require('./bundle-QfAVRyKH.js');
+var utils = require('./bundle-6Ucv_cXK.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-hOvUwVfn.js');
-var SuggestedMentionListView = require('./bundle-hvnp5dEh.js');
+var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var GroupChannel_components_SuggestedMentionList = require('../GroupChannel/components/SuggestedMentionList.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
 var ui_QuoteMessageInput = require('../ui/QuoteMessageInput.js');
 var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('../VoiceRecorder/useVoiceRecorder.js');
-var ui_VoiceMessageInput = require('./bundle-5q9EbjK_.js');
-var ui_Modal = require('./bundle-QU0jnoP-.js');
+var ui_VoiceMessageInput = require('./bundle-YTPSevv5.js');
+var ui_Modal = require('./bundle-lqO2HtRG.js');
 var ui_Button = require('../ui/Button.js');
-var consts = require('./bundle-wJ2ptD6A.js');
-var VoicePlayer_context = require('./bundle-67Mi7efX.js');
-var uuid = require('./bundle-X91TChia.js');
+var consts = require('./bundle-_N5y1qEg.js');
+var VoicePlayer_context = require('./bundle-apUHizVu.js');
+var uuid = require('./bundle-fWvwYg6I.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var MediaQueryContext = require('./bundle-2m4xB52E.js');
-var _const = require('./bundle-rC6m1_Ne.js');
-var index = require('./bundle-FjYeNDtC.js');
+var MediaQueryContext = require('./bundle-eg639gtv.js');
+var _const = require('./bundle-ZIC4K68f.js');
+var index = require('./bundle-JutD2hKN.js');
 var hooks_useModal = require('../hooks/useModal.js');
-require('./bundle-llF5F-TZ.js');
-var compressImages = require('./bundle-0UaiW8Jl.js');
-
-var SuggestedMentionList = function (props) {
-    return (React.createElement(SuggestedMentionListView.SuggestedMentionListView, _tslib.__assign({}, props)));
-};
+require('./bundle-Y6oHbdhN.js');
+var compressImages = require('./bundle-xn7dyz1d.js');
 
 var VoiceMessageInputWrapper = function (_a) {
     var _b;
@@ -322,7 +318,7 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
     }
     // other conditions
     return (React.createElement("div", { className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '') },
-        showSuggestedMentionList && (React.createElement(SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
+        showSuggestedMentionList && (React.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                 if (user) {
                     setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
                 }
@@ -389,4 +385,4 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
 
 exports.MessageInputWrapperView = MessageInputWrapperView;
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=bundle-YUfnYPkc.js.map
+//# sourceMappingURL=bundle-tCIy9Pcv.js.map

package/cjs/chunks/{bundle-YUfnYPkc.js.map → bundle-tCIy9Pcv.js.map}

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

package/cjs/chunks/{bundle-I344Lx9J.js → bundle-uQ09rpIX.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
+var _tslib = require('./bundle-l9rAnwws.js');
 var React = require('react');
 var ui_Button = require('../ui/Button.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_IconButton = require('../ui/IconButton.js');
-var ui_Label = require('./bundle-llF5F-TZ.js');
-var LocalizationContext = require('./bundle-hOvUwVfn.js');
-var UserProfileContext = require('./bundle-vTP0lM0K.js');
-require('./bundle-Gfk4dcBO.js');
-var ui_Avatar = require('./bundle-KJFaLE9x.js');
+var ui_Label = require('./bundle-Y6oHbdhN.js');
+var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var UserProfileContext = require('./bundle-bSoYSPA5.js');
+require('./bundle-j2b4bxU3.js');
+var ui_Avatar = require('./bundle-lZm_4ToV.js');
 require('react-dom');
-require('./bundle-2m4xB52E.js');
+require('./bundle-eg639gtv.js');
 var ui_MutedAvatarOverlay = require('../ui/MutedAvatarOverlay.js');
 var ui_UserProfile = require('../ui/UserProfile.js');
 var OpenChannelSettings_context = require('../OpenChannelSettings/context.js');
 require('../withSendbird.js');
-var ui_Modal = require('./bundle-QU0jnoP-.js');
+var ui_Modal = require('./bundle-lqO2HtRG.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-hxTc8i2-.js');
+var utils = require('./bundle-XpwayjqP.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 function ParticipantsModal(_a) {
@@ -235,4 +235,4 @@ function ParticipantList(_a) {
 
 exports.ParticipantList = ParticipantList;
 exports.UserListItem = UserListItem;
-//# sourceMappingURL=bundle-I344Lx9J.js.map
+//# sourceMappingURL=bundle-uQ09rpIX.js.map

package/cjs/chunks/bundle-uQ09rpIX.js.map

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

package/cjs/chunks/{bundle-n_VfrAmp.js → bundle-v-P7N839.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index$1 = require('./bundle-FjYeNDtC.js');
-var index = require('./bundle-jHz-YSnt.js');
+var index$1 = require('./bundle-JutD2hKN.js');
+var index = require('./bundle-LZMOuc2b.js');
 
 function getMessageFirstFileType(message) {
     return index.K(message)
@@ -71,4 +71,4 @@ exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-n_VfrAmp.js.map
+//# sourceMappingURL=bundle-v-P7N839.js.map

package/cjs/chunks/bundle-v-P7N839.js.map

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

package/cjs/chunks/{bundle-FvMkaavK.js → bundle-v6rdnF1q.js}

@@ -37,4 +37,4 @@ var useCreateChannelContext = function () { return (React.useContext(CreateChann
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=bundle-FvMkaavK.js.map
+//# sourceMappingURL=bundle-v6rdnF1q.js.map

package/cjs/chunks/bundle-v6rdnF1q.js.map

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

package/cjs/chunks/{bundle-kSe4VhWb.js → bundle-vDdmiX8M.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
+var _tslib = require('./bundle-l9rAnwws.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var pubSub_topics = require('./bundle-76dF9zQG.js');
-var uuid = require('./bundle-X91TChia.js');
-var utils = require('./bundle-hxTc8i2-.js');
-var consts = require('./bundle-wJ2ptD6A.js');
-var UserProfileContext = require('./bundle-vTP0lM0K.js');
+var pubSub_topics = require('./bundle-2QTmv8Qr.js');
+var uuid = require('./bundle-fWvwYg6I.js');
+var utils = require('./bundle-XpwayjqP.js');
+var consts = require('./bundle-_N5y1qEg.js');
+var UserProfileContext = require('./bundle-bSoYSPA5.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('./bundle-jHz-YSnt.js');
-var index$1 = require('./bundle-FjYeNDtC.js');
-var useReconnectOnIdle = require('./bundle-hNqFXR4S.js');
+var index = require('./bundle-LZMOuc2b.js');
+var index$1 = require('./bundle-JutD2hKN.js');
+var useReconnectOnIdle = require('./bundle-G4olPx81.js');
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -948,4 +948,4 @@ exports.ChannelListProvider = ChannelListProvider;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=bundle-kSe4VhWb.js.map
+//# sourceMappingURL=bundle-vDdmiX8M.js.map

package/cjs/chunks/{bundle-kSe4VhWb.js.map → bundle-vDdmiX8M.js.map}

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

package/cjs/chunks/{bundle-gxaDPnr1.js → bundle-w1sEa7O0.js}

@@ -8,4 +8,4 @@ var Role = {
 };
 
 exports.Role = Role;
-//# sourceMappingURL=bundle-gxaDPnr1.js.map
+//# sourceMappingURL=bundle-w1sEa7O0.js.map

package/cjs/chunks/bundle-w1sEa7O0.js.map

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

package/cjs/chunks/{bundle-0UaiW8Jl.js → bundle-xn7dyz1d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-iqHS1VZc.js');
-var pxToNumber = require('./bundle-cQ--EsIE.js');
+var _tslib = require('./bundle-l9rAnwws.js');
+var pxToNumber = require('./bundle-jI4fSOuZ.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -114,4 +114,4 @@ var compressImages = function (_a) {
 };
 
 exports.compressImages = compressImages;
-//# sourceMappingURL=bundle-0UaiW8Jl.js.map
+//# sourceMappingURL=bundle-xn7dyz1d.js.map

package/cjs/chunks/bundle-xn7dyz1d.js.map

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

package/cjs/chunks/{bundle-lAPBNMp3.js → bundle-y0sGF4RD.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-QU0jnoP-.js');
-require('./bundle-iqHS1VZc.js');
-require('./bundle-llF5F-TZ.js');
+var ui_Modal = require('./bundle-lqO2HtRG.js');
+require('./bundle-l9rAnwws.js');
+require('./bundle-Y6oHbdhN.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-hOvUwVfn.js');
+var LocalizationContext = require('./bundle-oK2GZVsW.js');
 var Thread_context = require('../Thread/context.js');
-var stringFormatterUtils = require('./bundle-1IuM0Cr1.js');
+var stringFormatterUtils = require('./bundle-aLKN26Lx.js');
 
 var RemoveMessage = function (props) {
     var _a;
@@ -23,4 +23,4 @@ var RemoveMessage = function (props) {
 };
 
 exports.RemoveMessage = RemoveMessage;
-//# sourceMappingURL=bundle-lAPBNMp3.js.map
+//# sourceMappingURL=bundle-y0sGF4RD.js.map

package/cjs/chunks/bundle-y0sGF4RD.js.map

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