@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/cjs/chunks/{bundle-BiTKgXrx.js → bundle-B1c1ZdU0.js}

@@ -1,52 +1,49 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
-var utils = require('./bundle-DvpCzVKY.js');
+var utils = require('./bundle-DOQVOQQY.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.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-DGJX80zy.js');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
+var ui_VoiceMessageInput = require('./bundle-3m9OAKfW.js');
+var ui_Modal = require('./bundle-CkSDsWpR.js');
 var ui_Button = require('../ui/Button.js');
-var consts = require('./bundle-Ca7xeBTO.js');
-var VoicePlayer_context = require('./bundle-BAqFIbKr.js');
-var uuid = require('./bundle-Ub33KGva.js');
+var VoicePlayer_context = require('./bundle-DzkRFA4-.js');
+var uuid = require('./bundle-nJ_H0gk1.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var MediaQueryContext = require('./bundle-CLNUkVC8.js');
-var _const = require('./bundle-C4UzGGy_.js');
-var index = require('./bundle-Cw7xe6J1.js');
-require('./bundle-Deao1Upp.js');
-var compressImages = require('./bundle-cl2q8NwQ.js');
+var MediaQueryContext = require('./bundle-Bsd8mnLE.js');
+var _const = require('./bundle-WrRM6A2K.js');
+var index = require('./bundle-CRjV-DLM.js');
+require('./bundle-DgWaY7S0.js');
+var compressImages = require('./bundle-JqwDNyBE.js');
 
 var VoiceMessageInputWrapper = function (_a) {
-    var _b;
     var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
     var uuid$1 = React.useRef(uuid.uuidv4()).current;
-    var _c = React.useState(null), audioFile = _c[0], setAudioFile = _c[1];
-    var _d = React.useState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _d[0], setVoiceInputState = _d[1];
-    var _e = React.useState(false), isSubmitted = _e[0], setSubmit = _e[1];
-    var _f = React.useState(false), isDisabled = _f[0], setDisabled = _f[1];
-    var _g = React.useState(false), showModal = _g[0], setShowModal = _g[1];
+    var _b = React.useState(null), audioFile = _b[0], setAudioFile = _b[1];
+    var _c = React.useState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _c[0], setVoiceInputState = _c[1];
+    var _d = React.useState(false), isSubmitted = _d[0], setSubmit = _d[1];
+    var _e = React.useState(false), isDisabled = _e[0], setDisabled = _e[1];
+    var _f = React.useState(false), showModal = _f[0], setShowModal = _f[1];
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || consts.VOICE_RECORDER_DEFAULT_MIN;
-    var _h = VoiceRecorder_useVoiceRecorder.useVoiceRecorder({
+    var _g = VoiceRecorder_useVoiceRecorder.useVoiceRecorder({
         onRecordingStarted: function () {
             setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.RECORDING);
         },
         onRecordingEnded: function (audioFile) {
             setAudioFile(audioFile);
         },
-    }), start = _h.start, stop = _h.stop, cancel = _h.cancel, recordingTime = _h.recordingTime, recordingStatus = _h.recordingStatus, recordingLimit = _h.recordingLimit;
+    }), start = _g.start, stop = _g.stop, cancel = _g.cancel, recordingTime = _g.recordingTime, recordingStatus = _g.recordingStatus, recordingLimit = _g.recordingLimit;
     var voicePlayer = VoicePlayer_useVoicePlayer.useVoicePlayer({
         channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
         key: uuid$1,
-        audioFile: audioFile,
+        audioFile: audioFile !== null && audioFile !== void 0 ? audioFile : undefined,
     });
     var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
     var stopVoicePlayer = voicePlayer.stop;
@@ -62,7 +59,7 @@ var VoiceMessageInputWrapper = function (_a) {
     // call onSubmitClick when submit button is clicked and recorded audio file is created
     React.useEffect(function () {
         if (isSubmitted && audioFile) {
-            onSubmitClick(audioFile, recordingTime);
+            onSubmitClick === null || onSubmitClick === void 0 ? void 0 : onSubmitClick(audioFile, recordingTime);
             setSubmit(false);
             setAudioFile(null);
         }
@@ -70,7 +67,7 @@ var VoiceMessageInputWrapper = function (_a) {
     // operate which control button should be displayed
     React.useEffect(function () {
         if (audioFile) {
-            if (recordingTime < minRecordingTime) {
+            if (recordingTime < config.voiceRecord.minRecordingTime) {
                 setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD);
                 setAudioFile(null);
             }
@@ -84,7 +81,7 @@ var VoiceMessageInputWrapper = function (_a) {
     }, [audioFile, recordingTime, playingStatus]);
     return (React.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
         React.createElement(ui_VoiceMessageInput.VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
-                onCancelClick();
+                onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
                 cancel();
                 stopVoicePlayer();
             }, onSubmitClick: function () {
@@ -105,7 +102,7 @@ var VoiceMessageInputWrapper = function (_a) {
                         break;
                     }
                     case ui_VoiceMessageInput.VoiceMessageInputStatus.RECORDING: {
-                        if (recordingTime >= minRecordingTime && !isDisabled) {
+                        if (recordingTime >= config.voiceRecord.minRecordingTime && !isDisabled) {
                             stop();
                         }
                         else if (isDisabled) {
@@ -131,14 +128,14 @@ var VoiceMessageInputWrapper = function (_a) {
             } }),
         showModal && (React.createElement(ui_Modal.Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: utils.isDisabledBecauseMuted(channel)
                 ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED
-                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () {
+                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onClose: function () {
                 setShowModal(false);
-                onCancelClick();
+                onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
             } },
             React.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
                 React.createElement(ui_Button.default, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.BIG, onClick: function () {
                         setShowModal(false);
-                        onCancelClick();
+                        onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
                     } }, stringSet.BUTTON__OK))))));
 };
 
@@ -283,7 +280,7 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
         && isMentionEnabled
         && mentionNickname.length > 0
         && !isBroadcast;
-    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: ref || messageInputRef }, { logger: logger });
+    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: (ref || messageInputRef) }, { logger: logger });
     var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < maxMentionCount;
     // Operate states
     React.useEffect(function () {
@@ -312,15 +309,15 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
     var handleUploadFiles = useHandleUploadFiles({
         sendFileMessage: sendFileMessage,
         sendMultipleFilesMessage: sendMultipleFilesMessage,
-        quoteMessage: quoteMessage,
+        quoteMessage: quoteMessage !== null && quoteMessage !== void 0 ? quoteMessage : undefined,
     }, { logger: logger });
     if (isBroadcast && !isOperator) {
         /* Only `Operator` can send messages in the Broadcast channel */
         return null;
     }
     // other conditions
-    return (React.createElement("div", { className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '') },
-        showSuggestedMentionList && (React.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
+    return (React.createElement("div", { className: showVoiceMessageInput ? 'sendbird-message-input-wrapper--voice-message' : 'sendbird-message-input-wrapper' },
+        showSuggestedMentionList && (React.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                 if (user) {
                     setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
                 }
@@ -334,7 +331,7 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
             }, ableAddMention: ableMention, maxMentionCount: maxMentionCount, maxSuggestionCount: maxSuggestionCount })),
         quoteMessage && (React.createElement("div", { className: "sendbird-message-input-wrapper__quote-message-input" },
             React.createElement(ui_QuoteMessageInput, { replyingMessage: quoteMessage, onClose: function () { return setQuoteMessage(null); } }))),
-        showVoiceMessageInput ? (React.createElement(VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
+        showVoiceMessageInput ? (React.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);
                 setQuoteMessage(null);
                 setShowVoiceMessageInput(false);
@@ -343,9 +340,10 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
             } })) : (React.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 () {
                 setShowVoiceMessageInput(true);
             }, setMentionedUsers: setMentionedUsers, placeholder: (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)
-                || ((disabled || utils.isDisabledBecauseFrozen(currentChannel)) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
-                || (utils.isDisabledBecauseMuted(currentChannel)
-                    && (isMobile ? stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT : stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)), ref: ref || messageInputRef, disabled: isMessageInputDisabled, renderFileUploadIcon: renderFileUploadIcon, renderSendMessageIcon: renderSendMessageIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, onStartTyping: function () {
+                || (utils.isDisabledBecauseFrozen(currentChannel) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__FROZEN)
+                || (utils.isDisabledBecauseMuted(currentChannel) && (isMobile ? stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT : stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED))
+                || (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;
@@ -387,4 +385,4 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
 
 exports.MessageInputWrapperView = MessageInputWrapperView;
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=bundle-BiTKgXrx.js.map
+//# sourceMappingURL=bundle-B1c1ZdU0.js.map

package/{chunks/bundle-2jZ-0hKC.js.map → cjs/chunks/bundle-B1c1ZdU0.js.map}

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

package/cjs/chunks/{bundle-Ci6F_UQc.js → bundle-B40JIKoL.js}

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

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

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

package/cjs/chunks/{bundle-D4e0UT-6.js → bundle-B8SH2f7F.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-D4e0UT-6.js.map
+//# sourceMappingURL=bundle-B8SH2f7F.js.map

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

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

package/cjs/chunks/{bundle-Ca7xeBTO.js → bundle-B9KKI197.js}

@@ -30,6 +30,7 @@ var DELIVERY_RECEIPT = 'delivery_receipt';
 var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
 // multiple files message file info count limit
 var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
+var DEFAULT_UPLOAD_SIZE_LIMIT = 25 * 1024 * 1024;
 // Local storage item key for sdk templates token
 var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
 // Local storage item key for templates in JSON string form
@@ -39,6 +40,7 @@ exports.BROWSER_SUPPORT_MIME_TYPE_LIST = BROWSER_SUPPORT_MIME_TYPE_LIST;
 exports.CACHED_MESSAGE_TEMPLATES_KEY = CACHED_MESSAGE_TEMPLATES_KEY;
 exports.CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = CACHED_MESSAGE_TEMPLATES_TOKEN_KEY;
 exports.DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT;
+exports.DEFAULT_UPLOAD_SIZE_LIMIT = DEFAULT_UPLOAD_SIZE_LIMIT;
 exports.DELIVERY_RECEIPT = DELIVERY_RECEIPT;
 exports.META_ARRAY_MESSAGE_TYPE_KEY = META_ARRAY_MESSAGE_TYPE_KEY;
 exports.META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = META_ARRAY_MESSAGE_TYPE_VALUE__VOICE;
@@ -57,4 +59,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-Ca7xeBTO.js.map
+//# sourceMappingURL=bundle-B9KKI197.js.map

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

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

package/cjs/chunks/{bundle-DPrTZ-1L.js → bundle-BBlJg7wh.js}

@@ -1,14 +1,15 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
 var ui_Icon = require('../ui/Icon.js');
 var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
-var utils = require('./bundle-B2h5VMZ6.js');
-var MediaQueryContext = require('./bundle-CLNUkVC8.js');
+var utils = require('./bundle-BED3wGYf.js');
+var MediaQueryContext = require('./bundle-Bsd8mnLE.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
 var ui_Header = require('../ui/Header.js');
+var utils$1 = require('./bundle-FcnFNV4V.js');
 
 var GroupChannelHeaderView = function (_a) {
     var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick, 
@@ -20,7 +21,7 @@ var GroupChannelHeaderView = function (_a) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var isMuted = (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === 'muted';
     var channelTitle = utils.getChannelTitle(currentChannel, userId, stringSet);
-    return (React.createElement(ui_Header.default, { className: "sendbird-chat-header ".concat(className), renderLeft: renderLeft !== null && renderLeft !== void 0 ? renderLeft : (function () { return (React.createElement(React.Fragment, null,
+    return (React.createElement(ui_Header.default, { className: utils$1.classnames('sendbird-chat-header', className), renderLeft: renderLeft !== null && renderLeft !== void 0 ? renderLeft : (function () { return (React.createElement(React.Fragment, null,
             isMobile && (React.createElement(ui_Header.default.Icon, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, type: ui_Icon.IconTypes.ARROW_LEFT, color: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
             React.createElement(ui_ChannelAvatar, { theme: theme, channel: currentChannel, userId: userId, height: 32, width: 32 }))); }), renderMiddle: renderMiddle !== null && renderMiddle !== void 0 ? renderMiddle : (function () { return (React.createElement(ui_Header.default.Title, { title: channelTitle })); }), renderRight: renderRight !== null && renderRight !== void 0 ? renderRight : (function () { return (React.createElement(React.Fragment, null,
             isMuted && (React.createElement(ui_Header.default.Icon, { className: "sendbird-chat-header__right__mute", type: ui_Icon.IconTypes.NOTIFICATIONS_OFF_FILLED, color: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
@@ -29,4 +30,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 exports.GroupChannelHeaderView = GroupChannelHeaderView;
-//# sourceMappingURL=bundle-DPrTZ-1L.js.map
+//# sourceMappingURL=bundle-BBlJg7wh.js.map

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

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

package/cjs/chunks/{bundle-B2h5VMZ6.js → bundle-BED3wGYf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ui_Label = require('./bundle-Deao1Upp.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -24,4 +24,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-B2h5VMZ6.js.map
+//# sourceMappingURL=bundle-BED3wGYf.js.map

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

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

package/cjs/chunks/{bundle-C-r9vRgc.js → bundle-BGmEoqIq.js}

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

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

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

package/cjs/chunks/{bundle-D1X4MKLh.js → bundle-BYarXD6U.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var message = require('@sendbird/chat/message');
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -8,8 +8,8 @@ var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScroll
     try {
         var container = scrollRef.current;
         // scroll into the message with initialTimeStamp
-        var element = (_a = container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
-        if (element instanceof HTMLElement) {
+        var element = (_a = container === null || container === void 0 ? void 0 : container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
+        if (container && element instanceof HTMLElement) {
             // Set the scroll position of the container to bring the element to the top
             container.scrollTop = element.offsetTop;
         }
@@ -32,7 +32,8 @@ var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
     }
     try {
         var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
-        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+        if (scrollDOM)
+            scrollDOM.scrollTop = scrollDOM.scrollHeight;
         setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
     }
     catch (error) {
@@ -130,4 +131,4 @@ exports.mergeAndSortMessages = mergeAndSortMessages;
 exports.passUnsuccessfullMessages = passUnsuccessfullMessages;
 exports.scrollIntoLast = scrollIntoLast;
 exports.scrollToRenderedMessage = scrollToRenderedMessage;
-//# sourceMappingURL=bundle-D1X4MKLh.js.map
+//# sourceMappingURL=bundle-BYarXD6U.js.map

package/{chunks/bundle-B4q4jk6S.js.map → cjs/chunks/bundle-BYarXD6U.js.map}

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

package/cjs/chunks/{bundle-ClBBhzU-.js → bundle-BZf2YVCr.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-ClBBhzU-.js.map
+//# sourceMappingURL=bundle-BZf2YVCr.js.map

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

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

package/cjs/chunks/{bundle-BG8qs_3y.js → bundle-BarChVO6.js}

@@ -29,4 +29,4 @@ function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
 
 exports.getCaseResolvedReplyType = getCaseResolvedReplyType;
 exports.getCaseResolvedThreadReplySelectType = getCaseResolvedThreadReplySelectType;
-//# sourceMappingURL=bundle-BG8qs_3y.js.map
+//# sourceMappingURL=bundle-BarChVO6.js.map

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

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

package/cjs/chunks/{bundle-DvkiHRsE.js → bundle-BdTrvBRC.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('./bundle-D1X4MKLh.js');
-var actionTypes = require('./bundle-IE4yQ0qq.js');
-require('./bundle-B2KKkvdj.js');
-var consts = require('./bundle-Ca7xeBTO.js');
+var utils = require('./bundle-BYarXD6U.js');
+var actionTypes = require('./bundle-DVFuvWQ0.js');
+require('./bundle-Bz2MU4JV.js');
+var consts = require('./bundle-B9KKI197.js');
 
 // For legacy
 // These are not used for collections(GroupChannel)
@@ -47,6 +47,7 @@ function useInitialMessagesFetch(_a, _b) {
             }
             if (userFilledMessageListQuery) {
                 Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                    // @ts-ignore
                     messageListParams_1[key] = userFilledMessageListQuery[key];
                 });
             }
@@ -103,4 +104,4 @@ function useInitialMessagesFetch(_a, _b) {
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.useInitialMessagesFetch = useInitialMessagesFetch;
-//# sourceMappingURL=bundle-DvkiHRsE.js.map
+//# sourceMappingURL=bundle-BdTrvBRC.js.map

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

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

package/cjs/chunks/{bundle-C0ZNrrcl.js → bundle-BpJxkKab.js}

@@ -1,10 +1,11 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-CxNGVWIy.js');
+var pxToNumber = require('./bundle-Ca2fr0Kb.js');
 var ui_Icon = require('../ui/Icon.js');
+var utils = require('./bundle-FcnFNV4V.js');
 
 var AvatarDefault = function (props) {
     var width = props.width, height = props.height, text = props.text;
@@ -16,7 +17,7 @@ var AvatarDefault = function (props) {
     if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
         iconHeight *= 0.575;
     }
-    return (React.createElement("div", { className: "sendbird-avatar-img--default ".concat(text ? 'text' : ''), style: { width: width, height: height } }, text
+    return (React.createElement("div", { className: utils.classnames('sendbird-avatar-img--default', text && 'text'), style: { width: width, height: height } }, text
         ? React.createElement("div", { className: 'sendbird-avatar-text' }, text)
         : React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
 };
@@ -71,4 +72,4 @@ var Avatar$1 = React.forwardRef(Avatar);
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-C0ZNrrcl.js.map
+//# sourceMappingURL=bundle-BpJxkKab.js.map

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

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

package/cjs/chunks/{bundle-CL-vjR4o.js → bundle-Bs4qGnBO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-CjYhSLRD.js');
+var index = require('./bundle-D95F7WKf.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-CL-vjR4o.js.map
+//# sourceMappingURL=bundle-Bs4qGnBO.js.map

package/cjs/chunks/{bundle-CL-vjR4o.js.map → bundle-Bs4qGnBO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CL-vjR4o.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day 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 day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\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 day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.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,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,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;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-Bs4qGnBO.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day 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 day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\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 day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.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,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,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;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-CLNUkVC8.js → bundle-Bsd8mnLE.js}

@@ -76,4 +76,4 @@ var useMediaQueryContext = function () { return React.useContext(MediaQueryConte
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=bundle-CLNUkVC8.js.map
+//# sourceMappingURL=bundle-Bsd8mnLE.js.map

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

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

package/cjs/chunks/{bundle-DZMn5ScB.js → bundle-Btk78hMe.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var ui_Avatar = require('./bundle-C0ZNrrcl.js');
+var ui_Avatar = require('./bundle-BpJxkKab.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-Deao1Upp.js');
-var index = require('./bundle-Cw7xe6J1.js');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
+var index = require('./bundle-CRjV-DLM.js');
+var ui_Modal = require('./bundle-CkSDsWpR.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 var FileViewerView = function (_a) {
@@ -14,7 +14,7 @@ var FileViewerView = function (_a) {
     var sender = message.sender, type = message.type, url = message.url, _b = message.name, name = _b === void 0 ? '' : _b, threadInfo = message.threadInfo;
     var profileUrl = sender.profileUrl, nickname = sender.nickname, userId = sender.userId;
     var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    return reactDom.createPortal(React.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0, onDownloadClick: onDownloadClick }), document.getElementById(ui_Modal.MODAL_ROOT));
+    return reactDom.createPortal(React.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) ? threadInfo.replyCount > 0 : false, onDownloadClick: onDownloadClick }), document.getElementById(ui_Modal.MODAL_ROOT));
 };
 var FileViewerComponent = function (_a) {
     var 
@@ -24,7 +24,7 @@ var FileViewerComponent = function (_a) {
     name = _a.name, type = _a.type, url = _a.url, 
     // others
     isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete, onDownloadClick = _a.onDownloadClick;
-    return (React.createElement("div", { className: "sendbird-fileviewer" },
+    return (React.createElement("div", { className: "sendbird-fileviewer", "data-testid": "sendbird-fileviewer" },
         React.createElement("div", { className: "sendbird-fileviewer__header" },
             React.createElement("div", { className: "sendbird-fileviewer__header__left" },
                 React.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
@@ -52,4 +52,4 @@ var FileViewerComponent = function (_a) {
 };
 
 exports.FileViewerView = FileViewerView;
-//# sourceMappingURL=bundle-DZMn5ScB.js.map
+//# sourceMappingURL=bundle-Btk78hMe.js.map

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

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

package/cjs/chunks/{bundle-B2KKkvdj.js → bundle-Bz2MU4JV.js}

@@ -12,4 +12,4 @@ exports.ThreadReplySelectType = void 0;
 exports.MAX_USER_MENTION_COUNT = MAX_USER_MENTION_COUNT;
 exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
 exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
-//# sourceMappingURL=bundle-B2KKkvdj.js.map
+//# sourceMappingURL=bundle-Bz2MU4JV.js.map

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

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

package/cjs/chunks/{bundle-LLV3t4--.js → bundle-C5U4LSlA.js}

@@ -2,8 +2,8 @@
 
 var SendbirdChat = require('@sendbird/chat');
 var React = require('react');
-var uuid = require('./bundle-Ub33KGva.js');
-var _tslib = require('./bundle-C-r9vRgc.js');
+var uuid = require('./bundle-nJ_H0gk1.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 
 function useOnlineStatus(sdk, logger) {
     var _a, _b;
@@ -77,7 +77,7 @@ function useOnlineStatus(sdk, logger) {
         var body = document.querySelector('body');
         if (!isOnline && !(sdk === null || sdk === void 0 ? void 0 : sdk.isCacheEnabled)) {
             try {
-                body.classList.add('sendbird__offline');
+                body === null || body === void 0 ? void 0 : body.classList.add('sendbird__offline');
                 logger.info('Added class sendbird__offline to body');
             }
             catch (e) {
@@ -86,7 +86,7 @@ function useOnlineStatus(sdk, logger) {
         }
         else {
             try {
-                body.classList.remove('sendbird__offline');
+                body === null || body === void 0 ? void 0 : body.classList.remove('sendbird__offline');
                 logger.info('Removed class sendbird__offline from body');
             }
             catch (e) {
@@ -199,4 +199,4 @@ exports.schedulerFactory = schedulerFactory;
 exports.useMarkAsDeliveredScheduler = useMarkAsDeliveredScheduler;
 exports.useOnlineStatus = useOnlineStatus;
 exports.useUnmount = useUnmount;
-//# sourceMappingURL=bundle-LLV3t4--.js.map
+//# sourceMappingURL=bundle-C5U4LSlA.js.map

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

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

package/cjs/chunks/{bundle-WETElB-o.js → bundle-C5bS3zdm.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
-require('./bundle-C-r9vRgc.js');
-require('./bundle-Deao1Upp.js');
+var ui_Modal = require('./bundle-CkSDsWpR.js');
+require('./bundle-BGmEoqIq.js');
+require('./bundle-DgWaY7S0.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
-var stringFormatterUtils = require('./bundle-Bw_LvbLk.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
+var stringFormatterUtils = require('./bundle-CLMFxMug.js');
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -14,7 +14,7 @@ var RemoveMessageModalView = function (props) {
         /* noop */
     } : _b, onCancel = props.onCancel, message = props.message, deleteMessage = props.deleteMessage;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
+    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) ? message.threadInfo.replyCount > 0 : undefined, onCancel: onCancel, onSubmit: function () {
             if (message.isUserMessage() || message.isFileMessage() || message.isMultipleFilesMessage()) {
                 deleteMessage(message).then(function () {
                     // For other status such as PENDING, SCHEDULED, and CANCELED,
@@ -27,4 +27,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 exports.RemoveMessageModalView = RemoveMessageModalView;
-//# sourceMappingURL=bundle-WETElB-o.js.map
+//# sourceMappingURL=bundle-C5bS3zdm.js.map

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

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