@sendbird/uikit-react 3.17.11 → 3.18.0

package/cjs/chunks/{bundle-CDa_AAan.js → bundle-CoU1-PYo.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ui_Label = require('./bundle-BPerQ7Nn.js');
-var index = require('./bundle-CNxWQqoS.js');
+var ui_Label = require('./bundle-DxZzcGya.js');
+var index = require('./bundle-CskFALvU.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -25,4 +25,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-CDa_AAan.js.map
+//# sourceMappingURL=bundle-CoU1-PYo.js.map

package/cjs/chunks/bundle-CoU1-PYo.js.map

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

package/cjs/chunks/{bundle-B6wPJMBO.js → bundle-CofqAAwu.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-var _tslib = require('./bundle-DXxZOPH7.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
 var React = require('react');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var useSendbird = require('./bundle-BL3oBZ_9.js');
-var ui_ContextMenu = require('./bundle-Cll1iNxk.js');
+var useSendbird = require('./bundle-on0zTbLT.js');
+var ui_ContextMenu = require('./bundle-BTzm82Jl.js');
 require('react-dom');
-require('./bundle-BPerQ7Nn.js');
+require('./bundle-DxZzcGya.js');
 var ui_IconButton = require('../ui/IconButton.js');
-require('./bundle-CNxWQqoS.js');
-var LocalizationContext = require('./bundle-Bjb4mIZC.js');
-require('./bundle-D8mb0bUY.js');
+require('./bundle-CskFALvU.js');
+var LocalizationContext = require('./bundle-ClT0IexP.js');
+require('./bundle-Buar9ys-.js');
 require('@sendbird/chat/groupChannel');
-var utils = require('./bundle-99j0pbE6.js');
+var utils = require('./bundle-1F9guuKw.js');
 var ui_Icon = require('../ui/Icon.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -296,4 +296,4 @@ var UserListItemMenu = function (props) {
 exports.UserListItemMenu = UserListItemMenu;
 exports.UserListItemMenuProvider = UserListItemMenuProvider;
 exports.useUserListItemMenuContext = useUserListItemMenuContext;
-//# sourceMappingURL=bundle-B6wPJMBO.js.map
+//# sourceMappingURL=bundle-CofqAAwu.js.map

package/cjs/chunks/{bundle-B6wPJMBO.js.map → bundle-CofqAAwu.js.map}

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

package/cjs/chunks/{bundle-CupeqF2S.js → bundle-CsVrpeSa.js}

@@ -1,27 +1,28 @@
 'use strict';
 
-var _tslib = require('./bundle-DXxZOPH7.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
 var React = require('react');
-var utils = require('./bundle-DTcOyI0C.js');
-var LocalizationContext = require('./bundle-Bjb4mIZC.js');
+var useTypingLifecycle = require('./bundle-BjZvm-U5.js');
+var utils = require('./bundle-DwLWArJq.js');
+var LocalizationContext = require('./bundle-ClT0IexP.js');
+var hooks_useModal = require('../hooks/useModal.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-Dd2G9BuN.js');
-var ui_Modal = require('./bundle-BM_oajIx.js');
+var ui_VoiceMessageInput = require('./bundle-bmGcb273.js');
+var ui_Modal = require('./bundle-BFmC2V1o.js');
 var ui_Button = require('../ui/Button.js');
-var VoicePlayer_context = require('./bundle-DCE4aPIh.js');
-var uuid = require('./bundle-BwsikcS8.js');
-var useSendbird = require('./bundle-BL3oBZ_9.js');
-var ui_MessageInput = require('../ui/MessageInput.js');
-var MediaQueryContext = require('./bundle-8rTW0vfg.js');
-var _const = require('./bundle-oeZ9Mu_e.js');
-var index = require('./bundle-CNxWQqoS.js');
-var hooks_useModal = require('../hooks/useModal.js');
-require('./bundle-BPerQ7Nn.js');
-var compressImages = require('./bundle-DFv16RSR.js');
+var VoicePlayer_context = require('./bundle-iWa9rWFV.js');
+var uuid = require('./bundle-BNgfU9I_.js');
+var useSendbird = require('./bundle-on0zTbLT.js');
+var ui_MessageInput = require('./bundle-CzhNQgac.js');
+var useDragAndDrop = require('./bundle-gKWdBSmm.js');
+var ui_MessageInput_hooks_usePaste = require('./bundle-DHOzCMYH.js');
+var MediaQueryContext = require('./bundle-DDUAkmTu.js');
+var _const = require('./bundle-BSEj3ItE.js');
+var compressImages = require('./bundle-2FCFe95u.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -145,112 +146,6 @@ var VoiceMessageInputWrapper = function (_a) {
                     } }, stringSet.BUTTON__OK))))));
 };
 
-var useHandleUploadFiles = function (_a, _b) {
-    var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;
-    var logger = _b.logger;
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var state = useSendbird.useSendbird().state;
-    var config = state.config;
-    var imageCompression = config.imageCompression;
-    var uikitUploadSizeLimit = config === null || config === void 0 ? void 0 : config.uikitUploadSizeLimit;
-    var uikitMultipleFilesMessageLimit = config === null || config === void 0 ? void 0 : config.uikitMultipleFilesMessageLimit;
-    var openModal = hooks_useModal.useGlobalModalContext().openModal;
-    return React.useCallback(function (files) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
-        var ONE_MiB, compressedFiles, sendingFiles, file, imageFiles_1, otherFiles_1;
-        return _tslib.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (files.length === 0) {
-                        logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files: files });
-                        return [2 /*return*/];
-                    }
-                    if (files.length > uikitMultipleFilesMessageLimit) {
-                        logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
-                        openModal({
-                            modalProps: {
-                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT.replace('%d', "".concat(uikitUploadSizeLimit)),
-                                hideFooter: true,
-                            },
-                            childElement: function (_a) {
-                                var closeModal = _a.closeModal;
-                                return (React__default.default.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
-                            },
-                        });
-                        return [2 /*return*/];
-                    }
-                    // Validate file sizes
-                    if (files.some(function (file) { return file.size > uikitUploadSizeLimit; })) {
-                        // The default value of uikitUploadSizeLimit is 26MB
-                        logger.info("Channel|useHandleUploadFiles: Cannot upload file size exceeding ".concat(uikitUploadSizeLimit));
-                        ONE_MiB = 1024 * 1024;
-                        openModal({
-                            modalProps: {
-                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace('%d', "".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB))),
-                                hideFooter: true,
-                            },
-                            childElement: function (_a) {
-                                var closeModal = _a.closeModal;
-                                return (React__default.default.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
-                            },
-                        });
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, compressImages.compressImages({
-                            files: files,
-                            imageCompression: imageCompression,
-                            logger: logger,
-                        })];
-                case 1:
-                    compressedFiles = (_a.sent()).compressedFiles;
-                    sendingFiles = compressedFiles;
-                    // Send File Message
-                    if (sendingFiles.length === 1) {
-                        logger.info('Channel|useHandleUploadFiles: sending one file.');
-                        file = sendingFiles[0];
-                        return [2 /*return*/, sendFileMessage({ file: file, parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId })];
-                    }
-                    else if (sendingFiles.length > 1) {
-                        logger.info('Channel|useHandleUploadFiles: sending multiple files.');
-                        imageFiles_1 = [];
-                        otherFiles_1 = [];
-                        sendingFiles.forEach(function (file) {
-                            if (index.isImage(file.type)) {
-                                imageFiles_1.push(file);
-                            }
-                            else {
-                                otherFiles_1.push(file);
-                            }
-                        });
-                        return [2 /*return*/, otherFiles_1.reduce(function (previousPromise, item) {
-                                return previousPromise.then(function () {
-                                    return sendFileMessage({ file: item, parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId });
-                                });
-                            }, (function () {
-                                if (imageFiles_1.length === 0) {
-                                    return Promise.resolve();
-                                }
-                                else if (imageFiles_1.length === 1) {
-                                    return sendFileMessage({ file: imageFiles_1[0] });
-                                }
-                                else {
-                                    return sendMultipleFilesMessage({
-                                        fileInfoList: imageFiles_1.map(function (file) { return ({
-                                            file: file,
-                                            fileName: file.name,
-                                            fileSize: file.size,
-                                            mimeType: file.type,
-                                        }); }),
-                                        parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId,
-                                    });
-                                }
-                            })())];
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [sendFileMessage, sendMultipleFilesMessage, quoteMessage]);
-};
-
 var MessageInputWrapperView = React__default.default.forwardRef(function (props, ref) {
     var _a;
     // Props
@@ -259,11 +154,13 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
     renderUserMentionItem = props.renderUserMentionItem, renderFileUploadIcon = props.renderFileUploadIcon, renderVoiceMessageIcon = props.renderVoiceMessageIcon, renderSendMessageIcon = props.renderSendMessageIcon, acceptableMimeTypes = props.acceptableMimeTypes, disabled = props.disabled;
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    var openModal = hooks_useModal.useGlobalModalContext().openModal;
     var state = useSendbird.useSendbird().state;
     var stores = state.stores, config = state.config;
-    var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel = config.groupChannel;
+    var isOnline = config.isOnline, userMention = config.userMention, logger = config.logger, groupChannel = config.groupChannel, imageCompression = config.imageCompression;
     var sdk = stores.sdkStore.sdk;
     var maxMentionCount = userMention.maxMentionCount, maxSuggestionCount = userMention.maxSuggestionCount;
+    var uikitUploadSizeLimit = config.uikitUploadSizeLimit, uikitMultipleFilesMessageLimit = config.uikitMultipleFilesMessageLimit;
     var isBroadcast = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast;
     var isOperator = (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === 'operator';
     var isMultipleFilesMessageEnabled = (_a = props.isMultipleFilesMessageEnabled) !== null && _a !== void 0 ? _a : config.isMultipleFilesMessageEnabled;
@@ -292,6 +189,62 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
         && !isBroadcast;
     var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: (ref || messageInputRef) }, { logger: logger });
     var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < maxMentionCount;
+    // Composer staging — file picker, drag-drop, and clipboard paste all feed
+    // into pendingFiles. The submit handler drains them along with any text body.
+    var allowMultipleFiles = Boolean(isMultipleFilesMessageEnabled)
+        && Boolean(currentChannel)
+        && ui_MessageInput_hooks_usePaste.isChannelTypeSupportsMultipleFilesMessage(currentChannel);
+    var effectiveMultiLimit = allowMultipleFiles ? uikitMultipleFilesMessageLimit : 1;
+    var _j = useDragAndDrop.usePendingFiles({
+        uikitUploadSizeLimit: uikitUploadSizeLimit,
+        uikitMultipleFilesMessageLimit: effectiveMultiLimit,
+        acceptableMimeTypes: acceptableMimeTypes,
+        openModal: openModal,
+        stringSet: stringSet,
+        logger: logger,
+    }), pendingFiles = _j.pendingFiles, addFiles = _j.addFiles, removeFile = _j.removeFile, clearPendingFiles = _j.clear;
+    // Window-level drop target — files dropped anywhere in the viewport route
+    // into this channel's composer EXCEPT when the drop lands inside an open
+    // thread panel, which has its own composer. Disabled on mobile and when
+    // the input itself is not accepting new files (voice recording, channel
+    // disabled).
+    var isFileUploadEnabled = ui_MessageInput.checkIfFileUploadEnabled({ channel: currentChannel !== null && currentChannel !== void 0 ? currentChannel : undefined, config: config });
+    useDragAndDrop.useDragAndDrop({
+        onAddFiles: addFiles,
+        disabled: isMobile || isMessageInputDisabled || showVoiceMessageInput || !isFileUploadEnabled,
+        shouldAccept: function (event) {
+            var target = event.target;
+            if (!(target instanceof Element))
+                return true;
+            return !target.closest('.sendbird-thread-ui');
+        },
+    });
+    var stashedMentionedUsersRef = React.useRef(null);
+    var stashedQuoteMessageRef = React.useRef(null);
+    var prevHasPendingFilesRef = React.useRef(false);
+    var hasPendingFilesInWrapper = pendingFiles.length > 0;
+    React.useEffect(function () {
+        if (hasPendingFilesInWrapper && !prevHasPendingFilesRef.current) {
+            if (mentionedUsers.length > 0) {
+                stashedMentionedUsersRef.current = mentionedUsers;
+            }
+            if (quoteMessage) {
+                stashedQuoteMessageRef.current = quoteMessage;
+            }
+            setMentionNickname('');
+        }
+        else if (!hasPendingFilesInWrapper && prevHasPendingFilesRef.current) {
+            if (stashedMentionedUsersRef.current) {
+                setMentionedUsers(stashedMentionedUsersRef.current);
+                stashedMentionedUsersRef.current = null;
+            }
+            if (stashedQuoteMessageRef.current) {
+                setQuoteMessage(stashedQuoteMessageRef.current);
+                stashedQuoteMessageRef.current = null;
+            }
+        }
+        prevHasPendingFilesRef.current = hasPendingFilesInWrapper;
+    }, [hasPendingFilesInWrapper]);
     // Operate states
     React.useEffect(function () {
         setMentionNickname('');
@@ -301,7 +254,11 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
         setMentionSuggestedUsers([]);
         setMessageInputEvent(null);
         setShowVoiceMessageInput(false);
+        clearPendingFiles();
+        stashedMentionedUsersRef.current = null;
+        stashedQuoteMessageRef.current = null;
     }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
+    var _k = useTypingLifecycle.useTypingLifecycle(currentChannel), startTyping = _k.startTyping, stopTyping = _k.stopTyping;
     React.useEffect(function () {
         setMentionedUsers(mentionedUsers.filter(function (_a) {
             var userId = _a.userId;
@@ -315,12 +272,145 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
             }
         }));
     }, [mentionedUserIds]);
-    // Callbacks
-    var handleUploadFiles = useHandleUploadFiles({
-        sendFileMessage: sendFileMessage,
-        sendMultipleFilesMessage: sendMultipleFilesMessage,
-        quoteMessage: quoteMessage !== null && quoteMessage !== void 0 ? quoteMessage : undefined,
-    }, { logger: logger });
+    var isSubmittingFilesRef = React.useRef(false);
+    // Submit handler: drains pendingFiles XOR text body. Files and body do not
+    // coexist in a single send anymore — when files are present, text from the
+    // composer is suppressed at the UI level (textarea locked) and again here
+    // for defense in depth. The caption read path remains in MessageBody to
+    // render historical file messages that still carry a body.
+    var handleSubmit = React.useCallback(function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
+        var trimmed, parentMessageId, rawImageFiles, otherFiles, compressedImageFiles_1, tasks_1, useMFMBatch, file_1;
+        var message = _b.message, mentionTemplate = _b.mentionTemplate, files = _b.files;
+        return _tslib.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    trimmed = message.trim();
+                    parentMessageId = quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId;
+                    if (files.length === 0) {
+                        if (trimmed.length === 0)
+                            return [2 /*return*/];
+                        sendUserMessage({
+                            message: message,
+                            mentionedUsers: mentionedUsers,
+                            mentionedMessageTemplate: mentionTemplate,
+                            parentMessageId: parentMessageId,
+                        });
+                        setMentionNickname('');
+                        setMentionedUsers([]);
+                        setQuoteMessage(null);
+                        stopTyping();
+                        return [2 /*return*/];
+                    }
+                    if (isSubmittingFilesRef.current)
+                        return [2 /*return*/];
+                    isSubmittingFilesRef.current = true;
+                    // Clear pending state and other composer state immediately so a rapid
+                    // second send (within the compression window) finds an empty queue and
+                    // bails out at MessageInput's sendMessage gate.
+                    setMentionNickname('');
+                    setMentionedUsers([]);
+                    setQuoteMessage(null);
+                    stashedQuoteMessageRef.current = null;
+                    stopTyping();
+                    clearPendingFiles();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, , 3, 4]);
+                    rawImageFiles = files.filter(function (entry) { return entry.isImage; }).map(function (entry) { return entry.file; });
+                    otherFiles = files.filter(function (entry) { return !entry.isImage; }).map(function (entry) { return entry.file; });
+                    return [4 /*yield*/, compressImages.compressImages({
+                            files: rawImageFiles,
+                            imageCompression: imageCompression,
+                            logger: logger,
+                        })];
+                case 2:
+                    compressedImageFiles_1 = (_c.sent()).compressedFiles;
+                    tasks_1 = [];
+                    useMFMBatch = isMultipleFilesMessageEnabled && compressedImageFiles_1.length > 1;
+                    if (useMFMBatch) {
+                        tasks_1.push(function () { return sendMultipleFilesMessage({
+                            fileInfoList: compressedImageFiles_1.map(function (file) { return ({
+                                file: file,
+                                fileName: file.name,
+                                fileSize: file.size,
+                                mimeType: file.type,
+                            }); }),
+                            parentMessageId: parentMessageId,
+                        }); });
+                    }
+                    else if (compressedImageFiles_1.length === 1) {
+                        file_1 = compressedImageFiles_1[0];
+                        tasks_1.push(function () { return sendFileMessage({
+                            file: file_1,
+                            parentMessageId: parentMessageId,
+                        }); });
+                    }
+                    else if (compressedImageFiles_1.length > 1) {
+                        compressedImageFiles_1.forEach(function (file) {
+                            tasks_1.push(function () { return sendFileMessage({
+                                file: file,
+                                parentMessageId: parentMessageId,
+                            }); });
+                        });
+                    }
+                    otherFiles.forEach(function (file) {
+                        tasks_1.push(function () { return sendFileMessage({
+                            file: file,
+                            parentMessageId: parentMessageId,
+                        }); });
+                    });
+                    // Sequential dispatch with per-task error isolation: one failure must not
+                    // break the rest of the batch. Fire-and-forget so UI cleanup runs now.
+                    (function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+                        var _i, tasks_2, task, error_1;
+                        var _a;
+                        return _tslib.__generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    _i = 0, tasks_2 = tasks_1;
+                                    _b.label = 1;
+                                case 1:
+                                    if (!(_i < tasks_2.length)) return [3 /*break*/, 6];
+                                    task = tasks_2[_i];
+                                    _b.label = 2;
+                                case 2:
+                                    _b.trys.push([2, 4, , 5]);
+                                    return [4 /*yield*/, task()];
+                                case 3:
+                                    _b.sent();
+                                    return [3 /*break*/, 5];
+                                case 4:
+                                    error_1 = _b.sent();
+                                    (_a = logger.warning) === null || _a === void 0 ? void 0 : _a.call(logger, 'GroupChannel|composer: file send failed', error_1);
+                                    return [3 /*break*/, 5];
+                                case 5:
+                                    _i++;
+                                    return [3 /*break*/, 1];
+                                case 6: return [2 /*return*/];
+                            }
+                        });
+                    }); })();
+                    return [3 /*break*/, 4];
+                case 3:
+                    isSubmittingFilesRef.current = false;
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [
+        sendUserMessage,
+        sendFileMessage,
+        sendMultipleFilesMessage,
+        mentionedUsers,
+        quoteMessage,
+        setQuoteMessage,
+        currentChannel,
+        stopTyping,
+        clearPendingFiles,
+        isMultipleFilesMessageEnabled,
+        imageCompression,
+        logger,
+    ]);
     if (isBroadcast && !isOperator) {
         /* Only `Operator` can send messages in the Broadcast channel */
         return null;
@@ -342,6 +432,7 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
         quoteMessage && (React__default.default.createElement("div", { className: "sendbird-message-input-wrapper__quote-message-input" },
             React__default.default.createElement(ui_QuoteMessageInput, { replyingMessage: quoteMessage, onClose: function () {
                     setQuoteMessage(null);
+                    stashedQuoteMessageRef.current = null;
                 } }))),
         showVoiceMessageInput ? (React__default.default.createElement(VoiceMessageInputWrapper, { channel: currentChannel !== null && currentChannel !== void 0 ? currentChannel : undefined, onSubmitClick: function (recordedFile, duration) {
                 sendVoiceMessage({ file: recordedFile, parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId }, duration);
@@ -349,7 +440,7 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
                 setShowVoiceMessageInput(false);
             }, onCancelClick: function () {
                 setShowVoiceMessageInput(false);
-            } })) : (React__default.default.createElement(ui_MessageInput, { className: "sendbird-message-input-wrapper__message-input", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, acceptableMimeTypes: acceptableMimeTypes, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
+            } })) : (React__default.default.createElement(ui_MessageInput.MessageInput, { className: "sendbird-message-input-wrapper__message-input", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, acceptableMimeTypes: acceptableMimeTypes, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
                 setShowVoiceMessageInput(true);
             }, setMentionedUsers: setMentionedUsers, placeholder: (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)
                 || (utils.isDisabledBecauseFrozen(currentChannel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__FROZEN)
@@ -362,25 +453,7 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
                 || (utils.isDisabledBecauseMessageForm(messages, config.groupChannel.enableFormTypeMessage)
                     && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MESSAGE_FORM)
                 || (disabled && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
-                || undefined, ref: (ref || messageInputRef), disabled: isMessageInputDisabled, renderFileUploadIcon: renderFileUploadIcon, renderSendMessageIcon: renderSendMessageIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, onStartTyping: function () {
-                currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping();
-            }, onSendMessage: function (_a) {
-                var _b;
-                var message = _a.message, mentionTemplate = _a.mentionTemplate;
-                sendUserMessage({
-                    message: message,
-                    mentionedUsers: mentionedUsers,
-                    mentionedMessageTemplate: mentionTemplate,
-                    parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId,
-                });
-                setMentionNickname('');
-                setMentionedUsers([]);
-                setQuoteMessage(null);
-                (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
-            }, onFileUpload: function (fileList) {
-                handleUploadFiles(fileList);
-                setQuoteMessage(null);
-            }, onUserMentioned: function (user) {
+                || undefined, ref: (ref || messageInputRef), disabled: isMessageInputDisabled, renderFileUploadIcon: renderFileUploadIcon, renderSendMessageIcon: renderSendMessageIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, onStartTyping: startTyping, onStopTyping: stopTyping, pendingFiles: pendingFiles, onAddFiles: addFiles, onRemoveFile: removeFile, onSubmit: handleSubmit, onUserMentioned: function (user) {
                 if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
                     setSelectedUser(null);
                     setMentionNickname('');
@@ -404,4 +477,4 @@ var MessageInputWrapperView = React__default.default.forwardRef(function (props,
 
 exports.MessageInputWrapperView = MessageInputWrapperView;
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=bundle-CupeqF2S.js.map
+//# sourceMappingURL=bundle-CsVrpeSa.js.map

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

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

package/cjs/chunks/{bundle-CNxWQqoS.js → bundle-CskFALvU.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var _tslib = require('./bundle-DXxZOPH7.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var browser = require('./bundle-CdZGTXx9.js');
-var index$1 = require('./bundle-C6JU7bHv.js');
-var index = require('./bundle-Bpc04WVm.js');
-var consts = require('./bundle-Dz379Vmq.js');
+var browser = require('./bundle-BVn2UMtk.js');
+var index$1 = require('./bundle-DvHjgbFi.js');
+var index = require('./bundle-DS7dko_G.js');
+var consts = require('./bundle-DZN-28o5.js');
 
 /**
  * @name startOfSecond
@@ -212,6 +212,23 @@ var getMimeTypesUIKitAccepts = function (acceptableTypes) {
     }
     return _tslib.__spreadArray(_tslib.__spreadArray([], Object.values(SUPPORTED_MIMES).flat(), true), Object.values(SUPPORTED_FILE_EXTENSIONS).flat(), true).join(',');
 };
+var isFileAllowedByAccept = function (file, acceptableMimeTypes) {
+    var tokens = getMimeTypesUIKitAccepts(acceptableMimeTypes)
+        .split(',')
+        .map(function (token) { return token.trim().toLowerCase(); })
+        .filter(Boolean);
+    if (tokens.length === 0)
+        return true;
+    var name = file.name.toLowerCase();
+    var type = (file.type || '').toLowerCase();
+    return tokens.some(function (token) {
+        if (token.startsWith('.'))
+            return name.endsWith(token);
+        if (token.endsWith('/*'))
+            return type.startsWith(token.slice(0, -1));
+        return type === token;
+    });
+};
 var UIKitMessageTypes = {
     ADMIN: 'ADMIN',
     TEXT: 'TEXT',
@@ -861,6 +878,7 @@ exports.isChannelJustCreated = isChannelJustCreated;
 exports.isDefaultChannelName = isDefaultChannelName;
 exports.isEditedMessage = isEditedMessage;
 exports.isFailedMessage = isFailedMessage;
+exports.isFileAllowedByAccept = isFileAllowedByAccept;
 exports.isFileMessage = isFileMessage;
 exports.isFormMessage = isFormMessage;
 exports.isGif = isGif;
@@ -889,4 +907,4 @@ exports.isVoiceMessage = isVoiceMessage;
 exports.isVoiceMessageMimeType = isVoiceMessageMimeType;
 exports.truncateString = truncateString;
 exports.uiContainerType = uiContainerType;
-//# sourceMappingURL=bundle-CNxWQqoS.js.map
+//# sourceMappingURL=bundle-CskFALvU.js.map

package/cjs/chunks/{bundle-CNxWQqoS.js.map → bundle-CskFALvU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CNxWQqoS.js","sources":["../../../node_modules/date-fns/esm/startOfSecond/index.js","../../../node_modules/date-fns/esm/isSameSecond/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfSecond\n * @category Second Helpers\n * @summary Return the start of a second for the given date.\n *\n * @description\n * Return the start of a second for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a second\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a second for 1 December 2014 22:15:45.400:\n * const result = startOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))\n * //=> Mon Dec 01 2014 22:15:45.000\n */\nexport default function startOfSecond(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setMilliseconds(0);\n  return date;\n}","import startOfSecond from \"../startOfSecond/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameSecond\n * @category Second Helpers\n * @summary Are the given dates in the same second (and hour and day)?\n *\n * @description\n * Are the given dates in the same second (and hour and day)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same second (and hour and day)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 2014 06:30:15.000 and 4 September 2014 06:30.15.500 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 30, 15),\n *   new Date(2014, 8, 4, 6, 30, 15, 500)\n * )\n * //=> true\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 4 September 2014 06:01.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 4, 6, 1, 15)\n * )\n * //=> false\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 5 September 2014 06:00.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 5, 6, 0, 15)\n * )\n * //=> false\n */\nexport default function isSameSecond(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfSecond = startOfSecond(dirtyDateLeft);\n  var dateRightStartOfSecond = startOfSecond(dirtyDateRight);\n  return dateLeftStartOfSecond.getTime() === dateRightStartOfSecond.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,SAAS,EAAE;AACjD,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAC1B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,YAAY,CAAC,aAAa,EAAE,cAAc,EAAE;AACpE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,qBAAqB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;AAC3D,EAAE,IAAI,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAC7D,EAAE,OAAO,qBAAqB,CAAC,OAAO,EAAE,KAAK,sBAAsB,CAAC,OAAO,EAAE,CAAC;AAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-CskFALvU.js","sources":["../../../node_modules/date-fns/esm/startOfSecond/index.js","../../../node_modules/date-fns/esm/isSameSecond/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfSecond\n * @category Second Helpers\n * @summary Return the start of a second for the given date.\n *\n * @description\n * Return the start of a second for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a second\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a second for 1 December 2014 22:15:45.400:\n * const result = startOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))\n * //=> Mon Dec 01 2014 22:15:45.000\n */\nexport default function startOfSecond(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setMilliseconds(0);\n  return date;\n}","import startOfSecond from \"../startOfSecond/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameSecond\n * @category Second Helpers\n * @summary Are the given dates in the same second (and hour and day)?\n *\n * @description\n * Are the given dates in the same second (and hour and day)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same second (and hour and day)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 2014 06:30:15.000 and 4 September 2014 06:30.15.500 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 30, 15),\n *   new Date(2014, 8, 4, 6, 30, 15, 500)\n * )\n * //=> true\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 4 September 2014 06:01.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 4, 6, 1, 15)\n * )\n * //=> false\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 5 September 2014 06:00.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 5, 6, 0, 15)\n * )\n * //=> false\n */\nexport default function isSameSecond(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfSecond = startOfSecond(dirtyDateLeft);\n  var dateRightStartOfSecond = startOfSecond(dirtyDateRight);\n  return dateLeftStartOfSecond.getTime() === dateRightStartOfSecond.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,SAAS,EAAE;AACjD,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC;AAC9B,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;AACzB,EAAE,OAAO,IAAI;AACb;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,YAAY,CAAC,aAAa,EAAE,cAAc,EAAE;AACpE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,qBAAqB,GAAG,aAAa,CAAC,aAAa,CAAC;AAC1D,EAAE,IAAI,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC;AAC5D,EAAE,OAAO,qBAAqB,CAAC,OAAO,EAAE,KAAK,sBAAsB,CAAC,OAAO,EAAE;AAC7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-CuVdJwKh.js → bundle-CtIVPWwX.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var _tslib = require('./bundle-DXxZOPH7.js');
+var _tslib = require('./bundle-jAsAzWpU.js');
 var React = require('react');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
-var types = require('./bundle-Czw_qpiM.js');
+var types = require('./bundle-D8gpRIxO.js');
 var ui_ConnectionStatus = require('../ui/ConnectionStatus.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var utils = require('./bundle-99j0pbE6.js');
-var useSendbird = require('./bundle-BL3oBZ_9.js');
+var utils = require('./bundle-1F9guuKw.js');
+var useSendbird = require('./bundle-on0zTbLT.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -50,4 +50,4 @@ var GroupChannelUIView = function (props) {
 };
 
 exports.GroupChannelUIView = GroupChannelUIView;
-//# sourceMappingURL=bundle-CuVdJwKh.js.map
+//# sourceMappingURL=bundle-CtIVPWwX.js.map

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

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