@sendbird/uikit-react 3.8.2 → 3.9.0

package/cjs/{chunks/bundle-xXG5L42q.js → Channel/hooks/useHandleUploadFiles.js}

@@ -1,141 +1,25 @@
 'use strict';
 
+var _tslib = require('../../chunks/bundle-QH7iLrPR.js');
 var React = require('react');
-var LocalizationContext = require('./bundle-3AvVQDMo.js');
-var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
-var VoiceRecorder_useVoiceRecorder = require('../VoiceRecorder/useVoiceRecorder.js');
-var utils = require('./bundle-5SOWNViS.js');
-var ui_VoiceMessgeInput = require('./bundle-UEKzL00k.js');
-var ui_Modal = require('./bundle-6lAqYT4t.js');
-var ui_Button = require('../ui/Button.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var consts = require('./bundle-9GSi_LkG.js');
-var VoicePlayer_context = require('./bundle-S6CVN67K.js');
-var uuid = require('./bundle--NEfAH1H.js');
-var _tslib = require('./bundle-2s7rxLn3.js');
-var index = require('./bundle-tFwEElQ4.js');
-var hooks_useModal = require('../hooks/useModal.js');
-require('./bundle-1Rk5zlYY.js');
-var ui_Avatar = require('./bundle-03qc56fX.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_VoiceMessgeInput.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 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({
-        onRecordingStarted: function () {
-            setVoiceInputState(ui_VoiceMessgeInput.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;
-    var voicePlayer = VoicePlayer_useVoicePlayer.useVoicePlayer({
-        channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
-        key: uuid$1,
-        audioFile: audioFile,
-    });
-    var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
-    var stopVoicePlayer = voicePlayer.stop;
-    // disabled state: muted & frozen
-    React.useEffect(function () {
-        if (utils.isDisabledBecauseFrozen(channel) || utils.isDisabledBecauseMuted(channel)) {
-            setDisabled(true);
-        }
-        else {
-            setDisabled(false);
-        }
-    }, [channel === null || channel === void 0 ? void 0 : channel.myRole, channel === null || channel === void 0 ? void 0 : channel.isFrozen, channel === null || channel === void 0 ? void 0 : channel.myMutedState]);
-    // call onSubmitClick when submit button is clicked and recorded audio file is created
-    React.useEffect(function () {
-        if (isSubmitted && audioFile) {
-            onSubmitClick(audioFile, recordingTime);
-            setSubmit(false);
-            setAudioFile(null);
-        }
-    }, [isSubmitted, audioFile, recordingTime]);
-    // operate which control button should be displayed
-    React.useEffect(function () {
-        if (audioFile) {
-            if (recordingTime < minRecordingTime) {
-                setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD);
-                setAudioFile(null);
-            }
-            else if (playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PLAYING) {
-                setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.PLAYING);
-            }
-            else {
-                setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_PLAY);
-            }
-        }
-    }, [audioFile, recordingTime, playingStatus]);
-    return (React.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
-        React.createElement(ui_VoiceMessgeInput.VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
-                onCancelClick();
-                cancel();
-                stopVoicePlayer();
-            }, onSubmitClick: function () {
-                if (isDisabled) {
-                    setShowModal(true);
-                    setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD);
-                }
-                else {
-                    stop();
-                    pause();
-                    setSubmit(true);
-                }
-            }, onControlClick: function (type) {
-                switch (type) {
-                    case ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD: {
-                        stopVoicePlayer();
-                        start();
-                        break;
-                    }
-                    case ui_VoiceMessgeInput.VoiceMessageInputStatus.RECORDING: {
-                        if (recordingTime >= minRecordingTime && !isDisabled) {
-                            stop();
-                        }
-                        else if (isDisabled) {
-                            cancel();
-                            setShowModal(true);
-                            setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD);
-                        }
-                        else {
-                            cancel();
-                            setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD);
-                        }
-                        break;
-                    }
-                    case ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_PLAY: {
-                        play();
-                        break;
-                    }
-                    case ui_VoiceMessgeInput.VoiceMessageInputStatus.PLAYING: {
-                        pause();
-                        break;
-                    }
-                }
-            } }),
-        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 () {
-                setShowModal(false);
-                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();
-                    } }, stringSet.BUTTON__OK))))));
-};
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var index = require('../../chunks/bundle-F--qTOLe.js');
+var hooks_useModal = require('../../hooks/useModal.js');
+require('../../chunks/bundle-0MHADZvF.js');
+var ui_Button = require('../../ui/Button.js');
+var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
+var ui_Modal = require('../../chunks/bundle-JragPpHy.js');
+var pxToNumber = require('../../chunks/bundle-MeuNh9Q9.js');
+require('../../withSendbird.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-AQhLE-Ci.js');
+require('../../chunks/bundle-Pe-j2f1D.js');
+require('react-dom');
+require('../../chunks/bundle-v8bBiJ_c.js');
+require('../../chunks/bundle-cV7uGK08.js');
+require('../../chunks/bundle-vWUmeH2R.js');
+require('../../ui/IconButton.js');
+require('../../ui/Icon.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -187,8 +71,8 @@ var compressImages = function (_a) {
             switch (_b.label) {
                 case 0:
                     compressionRate = imageCompression.compressionRate;
-                    resizingWidth = ui_Avatar.pxToNumber(imageCompression.resizingWidth);
-                    resizingHeight = ui_Avatar.pxToNumber(imageCompression.resizingHeight);
+                    resizingWidth = pxToNumber.pxToNumber(imageCompression.resizingWidth);
+                    resizingHeight = pxToNumber.pxToNumber(imageCompression.resizingHeight);
                     result = {
                         failedIndexes: [],
                         compressedFiles: [],
@@ -351,6 +235,5 @@ var useHandleUploadFiles = function (_a, _b) {
     return handleUploadFiles;
 };
 
-exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
 exports.useHandleUploadFiles = useHandleUploadFiles;
-//# sourceMappingURL=bundle-xXG5L42q.js.map
+//# sourceMappingURL=useHandleUploadFiles.js.map

package/cjs/Channel/hooks/useHandleUploadFiles.js.map

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

package/cjs/Channel/hooks/useInitialMessagesFetch.js

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('../../chunks/bundle-5SOWNViS.js');
-var actionTypes = require('../../chunks/bundle-qtVxG8eL.js');
-var _const = require('../../chunks/bundle-nsOL78qf.js');
-var index = require('../../chunks/bundle-tFwEElQ4.js');
-require('../../chunks/bundle-2s7rxLn3.js');
-require('../../chunks/bundle-KQyVyq1q.js');
-require('../../chunks/bundle-YXCUHkka.js');
+var utils = require('../../chunks/bundle-pxBxPT0b.js');
+var actionTypes = require('../../chunks/bundle-GE1I3PNS.js');
+var _const = require('../../chunks/bundle-o1ta9AIa.js');
+var index = require('../../chunks/bundle-F--qTOLe.js');
+require('../../chunks/bundle-QH7iLrPR.js');
+require('../../chunks/bundle-nGMCZjvM.js');
+require('../../chunks/bundle-cV7uGK08.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-qnGmz8ai.js');
+require('../../chunks/bundle-AQhLE-Ci.js');
 
 function useInitialMessagesFetch(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, initialTimeStamp = _a.initialTimeStamp, userFilledMessageListQuery = _a.userFilledMessageListQuery, replyType = _a.replyType, setIsScrolled = _a.setIsScrolled;

package/cjs/Channel/utils/compareMessagesForGrouping.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var utils = require('../../chunks/bundle-5SOWNViS.js');
-require('../../chunks/bundle-2s7rxLn3.js');
-require('../../chunks/bundle-KQyVyq1q.js');
-require('../../chunks/bundle-YXCUHkka.js');
-require('../../chunks/bundle-tFwEElQ4.js');
+var utils = require('../../chunks/bundle-pxBxPT0b.js');
+require('../../chunks/bundle-QH7iLrPR.js');
+require('../../chunks/bundle-nGMCZjvM.js');
+require('../../chunks/bundle-cV7uGK08.js');
+require('../../chunks/bundle-F--qTOLe.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-qnGmz8ai.js');
+require('../../chunks/bundle-AQhLE-Ci.js');
 require('@sendbird/chat/message');
 
 /**

package/cjs/Channel/utils/getMessagePartsInfo.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('../../chunks/bundle-NXDlGjOm.js');
+var index = require('../../chunks/bundle-AoaxviqO.js');
 var Channel_utils_compareMessagesForGrouping = require('./compareMessagesForGrouping.js');
-require('../../chunks/bundle-KQyVyq1q.js');
-require('../../chunks/bundle-YXCUHkka.js');
-require('../../chunks/bundle-5SOWNViS.js');
-require('../../chunks/bundle-2s7rxLn3.js');
-require('../../chunks/bundle-tFwEElQ4.js');
+require('../../chunks/bundle-nGMCZjvM.js');
+require('../../chunks/bundle-cV7uGK08.js');
+require('../../chunks/bundle-pxBxPT0b.js');
+require('../../chunks/bundle-QH7iLrPR.js');
+require('../../chunks/bundle-F--qTOLe.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-qnGmz8ai.js');
+require('../../chunks/bundle-AQhLE-Ci.js');
 require('@sendbird/chat/message');
 
 /**

package/cjs/Channel.js

@@ -1,79 +1,80 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./chunks/bundle-4NrBnGEN.js');
+var Channel_context = require('./chunks/bundle-7gBYfQwU.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./chunks/bundle-r81ddDqP.js');
+require('./chunks/bundle-gM8i5lGF.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-2s7rxLn3.js');
-require('./chunks/bundle-nsOL78qf.js');
-require('./chunks/bundle-5SOWNViS.js');
-require('./chunks/bundle-KQyVyq1q.js');
-require('./chunks/bundle-YXCUHkka.js');
-require('./chunks/bundle-tFwEElQ4.js');
+require('./chunks/bundle-QH7iLrPR.js');
+require('./chunks/bundle-o1ta9AIa.js');
+require('./chunks/bundle-pxBxPT0b.js');
+require('./chunks/bundle-nGMCZjvM.js');
+require('./chunks/bundle-cV7uGK08.js');
+require('./chunks/bundle-F--qTOLe.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-qnGmz8ai.js');
+require('./chunks/bundle-AQhLE-Ci.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-qtVxG8eL.js');
-require('./chunks/bundle-QkZHyxSs.js');
+require('./chunks/bundle-GE1I3PNS.js');
+require('./chunks/bundle-ow5FLcVV.js');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle--NEfAH1H.js');
+require('./chunks/bundle-NYFm08XH.js');
 require('./Channel/hooks/useInitialMessagesFetch.js');
-require('./chunks/bundle-ONpNGzUN.js');
-require('./chunks/bundle-9GSi_LkG.js');
-require('./chunks/bundle-zNIQydjM.js');
-require('./chunks/bundle-L6ZM4yRd.js');
+require('./chunks/bundle-0wbO-LdY.js');
+require('./chunks/bundle-EVdeXpsD.js');
+require('./chunks/bundle-l92Ws-Rs.js');
+require('./chunks/bundle-tFuTz5CT.js');
 require('./ui/PlaceHolder.js');
-require('./chunks/bundle-3AvVQDMo.js');
-require('./chunks/bundle-wvuQ096A.js');
+require('./chunks/bundle-ZurhBjw4.js');
+require('./chunks/bundle-v8bBiJ_c.js');
 require('./ui/Icon.js');
-require('./chunks/bundle--OdfDOjY.js');
-require('./chunks/bundle-1Rk5zlYY.js');
+require('./chunks/bundle-Pe-j2f1D.js');
+require('./chunks/bundle-0MHADZvF.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./chunks/bundle-mLp_yP52.js');
+require('./chunks/bundle-MBuX_zXW.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-03qc56fX.js');
+require('./chunks/bundle-vSdu8rrq.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-z8FhI7RF.js');
-require('./chunks/bundle-K0D5qG0j.js');
-require('./Channel/components/MessageList.js');
+require('./chunks/bundle-MeuNh9Q9.js');
+require('./chunks/bundle-A4ywDIVT.js');
+require('./chunks/bundle-vWUmeH2R.js');
+require('./chunks/bundle-5NqynIJA.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./chunks/bundle-X1dqH2Sm.js');
+require('./chunks/bundle-hxGMLtWg.js');
 require('./Thread/context.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-DvBNc5Qi.js');
+require('./chunks/bundle-yTYZiuXi.js');
 require('./ui/MessageInput.js');
 require('./ui/Button.js');
-require('./chunks/bundle-jl7T2kDZ.js');
+require('./chunks/bundle-HjwY9t7s.js');
 require('dompurify');
-require('./chunks/bundle-4ajshWV-.js');
-require('./chunks/bundle-veamuCpa.js');
-require('./chunks/bundle-NS_si8Av.js');
-require('./chunks/bundle-ww8_Dx5u.js');
+require('./chunks/bundle-N1ipvkhN.js');
+require('./chunks/bundle-i5KLDxjz.js');
+require('./chunks/bundle-xeeBDhY6.js');
+require('./chunks/bundle-FpImAp7o.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-7kVSLQPz.js');
-require('./chunks/bundle-M4KuiFU1.js');
-require('./chunks/bundle-NXDlGjOm.js');
+require('./chunks/bundle-0bOWh2mP.js');
+require('./chunks/bundle-YjWwnwWH.js');
+require('./chunks/bundle-AoaxviqO.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-3PJj-XfK.js');
+require('./chunks/bundle-fWyUHuJu.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-6upaSfL9.js');
+require('./chunks/bundle-5MVOBR4R.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
-require('./chunks/bundle-6lAqYT4t.js');
+require('./chunks/bundle-JragPpHy.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -84,45 +85,48 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-GJqVurdA.js');
-require('./chunks/bundle-1SeNKVYf.js');
+require('./chunks/bundle-KKPmuuwX.js');
+require('./chunks/bundle-pVKke2mQ.js');
 require('./ui/ThreadReplies.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-0ugulztA.js');
+require('./chunks/bundle-wN0CLPzM.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-r1UVi2ak.js');
-require('./chunks/bundle-vvpfLay7.js');
+require('./chunks/bundle-omofvX-G.js');
+require('./chunks/bundle-5cuVj6Hi.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-S6CVN67K.js');
+require('./chunks/bundle-VoZZnYtF.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./chunks/bundle-mtATkaCS.js');
-require('./chunks/bundle-iOLwSv4j.js');
+require('./chunks/bundle-HaufoaVC.js');
+require('./chunks/bundle-nuIgQkwQ.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('./Channel/components/UnreadCount.js');
 require('./Channel/components/FrozenNotification.js');
+require('./ui/TypingIndicatorBubble.js');
+require('@sendbird/uikit-tools');
 require('./Channel/components/TypingIndicator.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
-require('./chunks/bundle-xXG5L42q.js');
+require('./chunks/bundle-x3a8KQ02.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-UEKzL00k.js');
+require('./chunks/bundle-IxIg8fhp.js');
+require('./Channel/hooks/useHandleUploadFiles.js');
 
 var Channel = function (props) {
     return (React.createElement(Channel_context.ChannelProvider, { channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl, isReactionEnabled: props === null || props === void 0 ? void 0 : props.isReactionEnabled, isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled: props === null || props === void 0 ? void 0 : props.isMultipleFilesMessageEnabled, showSearchIcon: props === null || props === void 0 ? void 0 : props.showSearchIcon, animatedMessage: props === null || props === void 0 ? void 0 : props.animatedMessage, highlightedMessage: props === null || props === void 0 ? void 0 : props.highlightedMessage, startingPoint: props === null || props === void 0 ? void 0 : props.startingPoint, onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage, onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage, onBeforeUpdateUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeUpdateUserMessage, onBeforeSendVoiceMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendMultipleFilesMessage, onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick, onSearchClick: props === null || props === void 0 ? void 0 : props.onSearchClick, onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick, replyType: props === null || props === void 0 ? void 0 : props.replyType, threadReplySelectType: props === null || props === void 0 ? void 0 : props.threadReplySelectType, queries: props === null || props === void 0 ? void 0 : props.queries, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, filterMessageList: props === null || props === void 0 ? void 0 : props.filterMessageList, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead, onReplyInThread: props === null || props === void 0 ? void 0 : props.onReplyInThread, onQuoteMessageClick: props === null || props === void 0 ? void 0 : props.onQuoteMessageClick, onMessageAnimated: props === null || props === void 0 ? void 0 : props.onMessageAnimated, onMessageHighlighted: props === null || props === void 0 ? void 0 : props.onMessageHighlighted, scrollBehavior: props.scrollBehavior, reconnectOnIdle: props.reconnectOnIdle },
-        React.createElement(Channel_components_ChannelUI, { isLoading: props === null || props === void 0 ? void 0 : props.isLoading, renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader, renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid, renderPlaceholderEmpty: props === null || props === void 0 ? void 0 : props.renderPlaceholderEmpty, renderChannelHeader: props === null || props === void 0 ? void 0 : props.renderChannelHeader, renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage, renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput, renderTypingIndicator: props === null || props === void 0 ? void 0 : props.renderTypingIndicator, renderCustomSeparator: props === null || props === void 0 ? void 0 : props.renderCustomSeparator, renderFileUploadIcon: props === null || props === void 0 ? void 0 : props.renderFileUploadIcon, renderVoiceMessageIcon: props === null || props === void 0 ? void 0 : props.renderVoiceMessageIcon, renderSendMessageIcon: props === null || props === void 0 ? void 0 : props.renderSendMessageIcon })));
+        React.createElement(Channel_components_ChannelUI, { isLoading: props === null || props === void 0 ? void 0 : props.isLoading, renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader, renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid, renderPlaceholderEmpty: props === null || props === void 0 ? void 0 : props.renderPlaceholderEmpty, renderChannelHeader: props === null || props === void 0 ? void 0 : props.renderChannelHeader, renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage, renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput, renderTypingIndicator: props === null || props === void 0 ? void 0 : props.renderTypingIndicator, renderCustomSeparator: props === null || props === void 0 ? void 0 : props.renderCustomSeparator, renderFileUploadIcon: props === null || props === void 0 ? void 0 : props.renderFileUploadIcon, renderVoiceMessageIcon: props === null || props === void 0 ? void 0 : props.renderVoiceMessageIcon, renderSendMessageIcon: props === null || props === void 0 ? void 0 : props.renderSendMessageIcon, renderFrozenNotification: props === null || props === void 0 ? void 0 : props.renderFrozenNotification })));
 };
 
 module.exports = Channel;

package/cjs/Channel.js.map

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

package/cjs/ChannelList/components/AddChannel.js

@@ -7,39 +7,40 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../chunks/bundle-sVUGn8PI.js');
-require('../../chunks/bundle-2s7rxLn3.js');
-require('../../chunks/bundle--OdfDOjY.js');
+var ChannelList_context = require('../../chunks/bundle-FV9lCJz1.js');
+require('../../chunks/bundle-QH7iLrPR.js');
+require('../../chunks/bundle-Pe-j2f1D.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../chunks/bundle-oCpY1j30.js');
+require('../../chunks/bundle-igY82TbB.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-ONpNGzUN.js');
+require('../../chunks/bundle-0wbO-LdY.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../chunks/bundle-3AvVQDMo.js');
-require('../../chunks/bundle-wvuQ096A.js');
-require('../../chunks/bundle-YXCUHkka.js');
-require('../../chunks/bundle-6lAqYT4t.js');
+require('../../chunks/bundle-ZurhBjw4.js');
+require('../../chunks/bundle-v8bBiJ_c.js');
+require('../../chunks/bundle-cV7uGK08.js');
+require('../../chunks/bundle-JragPpHy.js');
 require('react-dom');
-require('../../chunks/bundle-K0D5qG0j.js');
+require('../../chunks/bundle-vWUmeH2R.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-1Rk5zlYY.js');
+require('../../chunks/bundle-0MHADZvF.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-r81ddDqP.js');
-require('../../chunks/bundle-03qc56fX.js');
+require('../../chunks/bundle-gM8i5lGF.js');
+require('../../chunks/bundle-vSdu8rrq.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle--NEfAH1H.js');
+require('../../chunks/bundle-NYFm08XH.js');
+require('../../chunks/bundle-MeuNh9Q9.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-tFwEElQ4.js');
+require('../../chunks/bundle-F--qTOLe.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-qnGmz8ai.js');
+require('../../chunks/bundle-AQhLE-Ci.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-9GSi_LkG.js');
+require('../../chunks/bundle-EVdeXpsD.js');
 
 var AddChannel = function () {
     var _a;

package/cjs/ChannelList/components/AddChannel.js.map

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

package/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,19 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-3AvVQDMo.js');
+var LocalizationContext = require('../../chunks/bundle-ZurhBjw4.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../chunks/bundle-1Rk5zlYY.js');
-var ui_Avatar = require('../../chunks/bundle-03qc56fX.js');
-require('../../chunks/bundle-wvuQ096A.js');
-require('../../chunks/bundle-YXCUHkka.js');
+var ui_Label = require('../../chunks/bundle-0MHADZvF.js');
+var ui_Avatar = require('../../chunks/bundle-vSdu8rrq.js');
+require('../../chunks/bundle-v8bBiJ_c.js');
+require('../../chunks/bundle-cV7uGK08.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-2s7rxLn3.js');
+require('../../chunks/bundle-QH7iLrPR.js');
 require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-NYFm08XH.js');
+require('../../chunks/bundle-MeuNh9Q9.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle--OdfDOjY.js');
-require('../../chunks/bundle--NEfAH1H.js');
+require('../../chunks/bundle-Pe-j2f1D.js');
 
 var ChannelListHeader = function (_a) {
     var renderHeader = _a.renderHeader, renderTitle = _a.renderTitle, renderIconButton = _a.renderIconButton, onEdit = _a.onEdit, allowProfileEdit = _a.allowProfileEdit;

package/cjs/ChannelList/components/ChannelListHeader.js.map

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