@sendbird/uikit-react 3.8.1 → 3.9.0-rc.0

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

@@ -1,139 +1,23 @@
-import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { u as useLocalization } from './bundle-GqUhOzeC.js';
-import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
-import { useVoiceRecorder, VoiceRecorderStatus } from '../VoiceRecorder/useVoiceRecorder.js';
-import { i as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from './bundle-fQ2M7pMu.js';
-import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './bundle-J7RD0FpU.js';
-import { M as Modal, c as ModalFooter } from './bundle-gYyMZyCn.js';
-import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { e as VOICE_RECORDER_DEFAULT_MIN } from './bundle-UjngV2Kp.js';
-import { V as VOICE_PLAYER_STATUS } from './bundle-kBtT3HBi.js';
-import { u as uuidv4 } from './bundle-iPDlyZXo.js';
-import { c as __awaiter, d as __generator } from './bundle-AVOWwEQ4.js';
-import { f as isImage } from './bundle-OoXqnc0l.js';
-import { useGlobalModalContext } from '../hooks/useModal.js';
-import './bundle-lDOyfwhb.js';
-import { p as pxToNumber } from './bundle-x3udz03j.js';
-
-var VoiceMessageInputWrapper = function (_a) {
-    var _b;
-    var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
-    var uuid = useRef(uuidv4()).current;
-    var _c = useState(null), audioFile = _c[0], setAudioFile = _c[1];
-    var _d = useState(VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _d[0], setVoiceInputState = _d[1];
-    var _e = useState(false), isSubmitted = _e[0], setSubmit = _e[1];
-    var _f = useState(false), isDisabled = _f[0], setDisabled = _f[1];
-    var _g = useState(false), showModal = _g[0], setShowModal = _g[1];
-    var stringSet = useLocalization().stringSet;
-    var config = useSendbirdStateContext().config;
-    var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || VOICE_RECORDER_DEFAULT_MIN;
-    var _h = useVoiceRecorder({
-        onRecordingStarted: function () {
-            setVoiceInputState(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 = useVoicePlayer({
-        channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
-        key: uuid,
-        audioFile: audioFile,
-    });
-    var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
-    var stopVoicePlayer = voicePlayer.stop;
-    // disabled state: muted & frozen
-    useEffect(function () {
-        if (isDisabledBecauseFrozen(channel) || 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
-    useEffect(function () {
-        if (isSubmitted && audioFile) {
-            onSubmitClick(audioFile, recordingTime);
-            setSubmit(false);
-            setAudioFile(null);
-        }
-    }, [isSubmitted, audioFile, recordingTime]);
-    // operate which control button should be displayed
-    useEffect(function () {
-        if (audioFile) {
-            if (recordingTime < minRecordingTime) {
-                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                setAudioFile(null);
-            }
-            else if (playingStatus === VOICE_PLAYER_STATUS.PLAYING) {
-                setVoiceInputState(VoiceMessageInputStatus.PLAYING);
-            }
-            else {
-                setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);
-            }
-        }
-    }, [audioFile, recordingTime, playingStatus]);
-    return (React__default.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
-        React__default.createElement(VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
-                onCancelClick();
-                cancel();
-                stopVoicePlayer();
-            }, onSubmitClick: function () {
-                if (isDisabled) {
-                    setShowModal(true);
-                    setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                }
-                else {
-                    stop();
-                    pause();
-                    setSubmit(true);
-                }
-            }, onControlClick: function (type) {
-                switch (type) {
-                    case VoiceMessageInputStatus.READY_TO_RECORD: {
-                        stopVoicePlayer();
-                        start();
-                        break;
-                    }
-                    case VoiceMessageInputStatus.RECORDING: {
-                        if (recordingTime >= minRecordingTime && !isDisabled) {
-                            stop();
-                        }
-                        else if (isDisabled) {
-                            cancel();
-                            setShowModal(true);
-                            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                        }
-                        else {
-                            cancel();
-                            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
-                        }
-                        break;
-                    }
-                    case VoiceMessageInputStatus.READY_TO_PLAY: {
-                        play();
-                        break;
-                    }
-                    case VoiceMessageInputStatus.PLAYING: {
-                        pause();
-                        break;
-                    }
-                }
-            } }),
-        showModal && (React__default.createElement(Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: 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__default.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
-                React__default.createElement(Button, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ButtonTypes.PRIMARY, size: ButtonSizes.BIG, onClick: function () {
-                        setShowModal(false);
-                        onCancelClick();
-                    } }, stringSet.BUTTON__OK))))));
-};
+import { b as __awaiter, c as __generator } from '../../chunks/bundle-WOkl3_Qa.js';
+import React__default, { useCallback } from 'react';
+import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
+import { f as isImage } from '../../chunks/bundle-MY-lEq_u.js';
+import { useGlobalModalContext } from '../../hooks/useModal.js';
+import '../../chunks/bundle-XASWNrfg.js';
+import { ButtonTypes } from '../../ui/Button.js';
+import { u as useLocalization } from '../../chunks/bundle-XQrrPHzm.js';
+import { c as ModalFooter } from '../../chunks/bundle-m6y5OeVq.js';
+import { p as pxToNumber } from '../../chunks/bundle-lWgUjnZ7.js';
+import '../../withSendbird.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
+import '../../chunks/bundle-CYvmOLIw.js';
+import 'react-dom';
+import '../../chunks/bundle-1Ni9PXLu.js';
+import '../../chunks/bundle-zYQpPgUz.js';
+import '../../chunks/bundle-S6yFiUrY.js';
+import '../../ui/IconButton.js';
+import '../../ui/Icon.js';
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -349,5 +233,5 @@ var useHandleUploadFiles = function (_a, _b) {
     return handleUploadFiles;
 };
 
-export { VoiceMessageInputWrapper as V, useHandleUploadFiles as u };
-//# sourceMappingURL=bundle-_2iSz8ke.js.map
+export { useHandleUploadFiles };
+//# sourceMappingURL=useHandleUploadFiles.js.map

package/Channel/hooks/useHandleUploadFiles.js.map

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

package/Channel/hooks/useInitialMessagesFetch.js

@@ -1,14 +1,14 @@
 import { useCallback, useEffect } from 'react';
 import { ReplyType } from '@sendbird/chat/message';
-import { s as scrollIntoLast, a as scrollToRenderedMessage } from '../../chunks/bundle-fQ2M7pMu.js';
-import { R as RESET_MESSAGES, M as MESSAGE_LIST_PARAMS_CHANGED, F as FETCH_INITIAL_MESSAGES_START, a as FETCH_INITIAL_MESSAGES_SUCCESS, b as FETCH_INITIAL_MESSAGES_FAILURE } from '../../chunks/bundle-PK1dgVwp.js';
-import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from '../../chunks/bundle-JGFwpJZJ.js';
-import { b as isMultipleFilesMessage } from '../../chunks/bundle-OoXqnc0l.js';
-import '../../chunks/bundle-AVOWwEQ4.js';
-import '../../chunks/bundle-LPkaaUo4.js';
-import '../../chunks/bundle-ltzZCtkR.js';
+import { s as scrollIntoLast, a as scrollToRenderedMessage } from '../../chunks/bundle-gxrNtcmM.js';
+import { R as RESET_MESSAGES, M as MESSAGE_LIST_PARAMS_CHANGED, F as FETCH_INITIAL_MESSAGES_START, a as FETCH_INITIAL_MESSAGES_SUCCESS, b as FETCH_INITIAL_MESSAGES_FAILURE } from '../../chunks/bundle-TIBUJEGt.js';
+import { N as NEXT_RESULT_SIZE, P as PREV_RESULT_SIZE } from '../../chunks/bundle-GIZVQ7W4.js';
+import { b as isMultipleFilesMessage } from '../../chunks/bundle-MY-lEq_u.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
+import '../../chunks/bundle-VELRmCgM.js';
+import '../../chunks/bundle-zYQpPgUz.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0BwB1B7t.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 
 function useInitialMessagesFetch(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, initialTimeStamp = _a.initialTimeStamp, userFilledMessageListQuery = _a.userFilledMessageListQuery, replyType = _a.replyType, setIsScrolled = _a.setIsScrolled;

package/Channel/utils/compareMessagesForGrouping.js

@@ -1,10 +1,10 @@
-import { d as isSameGroup } from '../../chunks/bundle-fQ2M7pMu.js';
-import '../../chunks/bundle-AVOWwEQ4.js';
-import '../../chunks/bundle-LPkaaUo4.js';
-import '../../chunks/bundle-ltzZCtkR.js';
-import '../../chunks/bundle-OoXqnc0l.js';
+import { d as isSameGroup } from '../../chunks/bundle-gxrNtcmM.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
+import '../../chunks/bundle-VELRmCgM.js';
+import '../../chunks/bundle-zYQpPgUz.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0BwB1B7t.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '@sendbird/chat/message';
 
 /**

package/Channel/utils/getMessagePartsInfo.js

@@ -1,12 +1,12 @@
-import { i as isSameDay } from '../../chunks/bundle-ZZuBYhV1.js';
+import { i as isSameDay } from '../../chunks/bundle-WwAytaYU.js';
 import { compareMessagesForGrouping } from './compareMessagesForGrouping.js';
-import '../../chunks/bundle-LPkaaUo4.js';
-import '../../chunks/bundle-ltzZCtkR.js';
-import '../../chunks/bundle-fQ2M7pMu.js';
-import '../../chunks/bundle-AVOWwEQ4.js';
-import '../../chunks/bundle-OoXqnc0l.js';
+import '../../chunks/bundle-VELRmCgM.js';
+import '../../chunks/bundle-zYQpPgUz.js';
+import '../../chunks/bundle-gxrNtcmM.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0BwB1B7t.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '@sendbird/chat/message';
 
 /**

package/Channel.js

@@ -1,77 +1,78 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './chunks/bundle-YwxAxKwQ.js';
+import { C as ChannelProvider } from './chunks/bundle-foFhJqNy.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './chunks/bundle-G3cS-S1W.js';
+import './chunks/bundle-lQUkPvfG.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-AVOWwEQ4.js';
-import './chunks/bundle-JGFwpJZJ.js';
-import './chunks/bundle-fQ2M7pMu.js';
-import './chunks/bundle-LPkaaUo4.js';
-import './chunks/bundle-ltzZCtkR.js';
-import './chunks/bundle-OoXqnc0l.js';
+import './chunks/bundle-WOkl3_Qa.js';
+import './chunks/bundle-GIZVQ7W4.js';
+import './chunks/bundle-gxrNtcmM.js';
+import './chunks/bundle-VELRmCgM.js';
+import './chunks/bundle-zYQpPgUz.js';
+import './chunks/bundle-MY-lEq_u.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-0BwB1B7t.js';
+import './chunks/bundle-Y1x4CZpy.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-PK1dgVwp.js';
-import './chunks/bundle-3oeQjqp5.js';
+import './chunks/bundle-TIBUJEGt.js';
+import './chunks/bundle-Ahnepylk.js';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-iPDlyZXo.js';
+import './chunks/bundle-P0Em254T.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle--Hrow3p-.js';
-import './chunks/bundle-UjngV2Kp.js';
-import './chunks/bundle-rX7vrYxX.js';
-import './chunks/bundle-zch8NdOh.js';
+import './chunks/bundle-7qnTBkFI.js';
+import './chunks/bundle-pfoFNefK.js';
+import './chunks/bundle-_oSqlLwH.js';
+import './chunks/bundle-WrbACLdS.js';
 import './ui/PlaceHolder.js';
-import './chunks/bundle-GqUhOzeC.js';
-import './chunks/bundle-4zdVdGkr.js';
+import './chunks/bundle-XQrrPHzm.js';
+import './chunks/bundle-1Ni9PXLu.js';
 import './ui/Icon.js';
-import './chunks/bundle-FQAabli1.js';
-import './chunks/bundle-lDOyfwhb.js';
+import './chunks/bundle-CYvmOLIw.js';
+import './chunks/bundle-XASWNrfg.js';
 import './ui/Loader.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './chunks/bundle-3KS1YB09.js';
+import './chunks/bundle-T0Gu5k42.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-x3udz03j.js';
+import './chunks/bundle--vRpTESf.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-um2Azmnd.js';
-import './chunks/bundle-QKq7b-WA.js';
-import './Channel/components/MessageList.js';
+import './chunks/bundle-lWgUjnZ7.js';
+import './chunks/bundle-3kSg3poT.js';
+import './chunks/bundle-S6yFiUrY.js';
+import './chunks/bundle-F7vhZTzm.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-tK1qgIcU.js';
+import './chunks/bundle-CLwn_FRg.js';
 import './Thread/context.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
 import './ui/DateSeparator.js';
-import './chunks/bundle-06CfHADE.js';
+import './chunks/bundle-H2gT5GjQ.js';
 import './ui/MessageInput.js';
 import './ui/Button.js';
-import './chunks/bundle-62G-DTVs.js';
+import './chunks/bundle-avof2r-9.js';
 import 'dompurify';
-import './chunks/bundle-0plqkdfC.js';
-import './chunks/bundle-kaJaYGwQ.js';
-import './chunks/bundle-_nlJSeuz.js';
-import './chunks/bundle-kPOY92Qs.js';
+import './chunks/bundle-ohkKzbFZ.js';
+import './chunks/bundle-L5shvyy2.js';
+import './chunks/bundle-bSloPXLn.js';
+import './chunks/bundle-m5aRS8p_.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-EZnDY3Tc.js';
-import './chunks/bundle-J7om32yx.js';
-import './chunks/bundle-ZZuBYhV1.js';
+import './chunks/bundle-0wRb_ox9.js';
+import './chunks/bundle-IY-fHnHj.js';
+import './chunks/bundle-WwAytaYU.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './chunks/bundle-1uIyPhfL.js';
+import './chunks/bundle-svI6ejWT.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-9uR-6efo.js';
+import './chunks/bundle-5r5nUzch.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
-import './chunks/bundle-gYyMZyCn.js';
+import './chunks/bundle-m6y5OeVq.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -82,45 +83,48 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-zqQY3xFx.js';
-import './chunks/bundle-7-9WA7QK.js';
+import './chunks/bundle-sieNQ6Gk.js';
+import './chunks/bundle-tDRC-k6Z.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-jUubN32Z.js';
+import './chunks/bundle-Ly8vUhTn.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-fbmUkwMs.js';
-import './chunks/bundle-KaSW5xxP.js';
+import './chunks/bundle-jg-ROmIh.js';
+import './chunks/bundle-wiEDSdp9.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-kBtT3HBi.js';
+import './chunks/bundle-_X0TUlY4.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-DwZzB6nL.js';
-import './chunks/bundle-VSkY75XQ.js';
+import './chunks/bundle-XbJe5Xl_.js';
+import './chunks/bundle-h8tsadkG.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
+import './ui/TypingIndicatorBubble.js';
+import '@sendbird/uikit-tools';
 import './Channel/components/TypingIndicator.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './chunks/bundle-_2iSz8ke.js';
+import './chunks/bundle-6SUASyd-.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-J7RD0FpU.js';
+import './chunks/bundle-24dj5skA.js';
+import './Channel/hooks/useHandleUploadFiles.js';
 
 var Channel = function (props) {
     return (React__default.createElement(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__default.createElement(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__default.createElement(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 })));
 };
 
 export { Channel as default };

package/Channel.js.map

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

package/ChannelList/components/AddChannel.js

@@ -3,39 +3,40 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelListContext } from '../../chunks/bundle-TWJd6cza.js';
-import '../../chunks/bundle-AVOWwEQ4.js';
-import '../../chunks/bundle-FQAabli1.js';
+import { u as useChannelListContext } from '../../chunks/bundle-d29XY04u.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
+import '../../chunks/bundle-CYvmOLIw.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../chunks/bundle-w-pB0qJ8.js';
+import '../../chunks/bundle-9oakeFBl.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle--Hrow3p-.js';
+import '../../chunks/bundle-7qnTBkFI.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../chunks/bundle-GqUhOzeC.js';
-import '../../chunks/bundle-4zdVdGkr.js';
-import '../../chunks/bundle-ltzZCtkR.js';
-import '../../chunks/bundle-gYyMZyCn.js';
+import '../../chunks/bundle-XQrrPHzm.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
+import '../../chunks/bundle-zYQpPgUz.js';
+import '../../chunks/bundle-m6y5OeVq.js';
 import 'react-dom';
-import '../../chunks/bundle-QKq7b-WA.js';
+import '../../chunks/bundle-S6yFiUrY.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-lDOyfwhb.js';
+import '../../chunks/bundle-XASWNrfg.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-G3cS-S1W.js';
-import '../../chunks/bundle-x3udz03j.js';
+import '../../chunks/bundle-lQUkPvfG.js';
+import '../../chunks/bundle--vRpTESf.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-iPDlyZXo.js';
+import '../../chunks/bundle-P0Em254T.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-OoXqnc0l.js';
+import '../../chunks/bundle-MY-lEq_u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-0BwB1B7t.js';
+import '../../chunks/bundle-Y1x4CZpy.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-UjngV2Kp.js';
+import '../../chunks/bundle-pfoFNefK.js';
 
 var AddChannel = function () {
     var _a;

package/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/ChannelList/components/ChannelListHeader.js

@@ -1,16 +1,17 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-GqUhOzeC.js';
+import { L as LocalizationContext } from '../../chunks/bundle-XQrrPHzm.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-lDOyfwhb.js';
-import { A as Avatar } from '../../chunks/bundle-x3udz03j.js';
-import '../../chunks/bundle-4zdVdGkr.js';
-import '../../chunks/bundle-ltzZCtkR.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-XASWNrfg.js';
+import { A as Avatar } from '../../chunks/bundle--vRpTESf.js';
+import '../../chunks/bundle-1Ni9PXLu.js';
+import '../../chunks/bundle-zYQpPgUz.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-AVOWwEQ4.js';
+import '../../chunks/bundle-WOkl3_Qa.js';
 import '../../ui/ImageRenderer.js';
+import '../../chunks/bundle-P0Em254T.js';
+import '../../chunks/bundle-lWgUjnZ7.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-FQAabli1.js';
-import '../../chunks/bundle-iPDlyZXo.js';
+import '../../chunks/bundle-CYvmOLIw.js';
 
 var ChannelListHeader = function (_a) {
     var renderHeader = _a.renderHeader, renderTitle = _a.renderTitle, renderIconButton = _a.renderIconButton, onEdit = _a.onEdit, allowProfileEdit = _a.allowProfileEdit;

package/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}