@sendbird/uikit-react 3.9.0 → 3.9.1-rc-2

package/App.js

@@ -1,421 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-Mn36ivpf.js';
-import ChannelList from './ChannelList.js';
-import Channel from './Channel.js';
-import ChannelSettings from './ChannelSettings.js';
-import MessageSearchPannel from './MessageSearch.js';
-import Thread from './Thread.js';
-import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-8VA5hO1c.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-Ku1a64TD.js';
-import './chunks/bundle-Y6TqPszM.js';
-import '@sendbird/uikit-tools';
-import './withSendbird.js';
-import 'css-vars-ponyfill';
-import './chunks/bundle-zz1eCYds.js';
-import './chunks/bundle-IeIHBN9i.js';
-import '@sendbird/chat';
-import '@sendbird/chat/openChannel';
-import './chunks/bundle-ZT6XnGSN.js';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-JhG5BHdE.js';
-import './VoiceRecorder/context.js';
-import './chunks/bundle-Xly_X4hP.js';
-import './chunks/bundle-JuKER7D_.js';
-import './chunks/bundle-xgxXEKxk.js';
-import './chunks/bundle-5JvP07dI.js';
-import 'react-dom';
-import './ui/IconButton.js';
-import './ui/Button.js';
-import './chunks/bundle-0IelBspE.js';
-import './ui/Icon.js';
-import './chunks/bundle-Sk3SXXP7.js';
-import './chunks/bundle-pCwi8C-K.js';
-import './hooks/useModal.js';
-import './chunks/bundle-Xq25cpwP.js';
-import './chunks/bundle-7x4clnC7.js';
-import './chunks/bundle-3WQuaADd.js';
-import './ChannelList/components/ChannelListUI.js';
-import './ChannelList/components/ChannelListHeader.js';
-import './chunks/bundle-Tep20T57.js';
-import './ui/ImageRenderer.js';
-import './chunks/bundle-2AUp3oeN.js';
-import './ChannelList/components/AddChannel.js';
-import './CreateChannel.js';
-import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-s3qW-HFQ.js';
-import './sendbirdSelectors.js';
-import './CreateChannel/components/InviteUsers.js';
-import './ui/UserListItem.js';
-import './ui/MutedAvatarOverlay.js';
-import './ui/Checkbox.js';
-import './ui/UserProfile.js';
-import './ui/ContextMenu.js';
-import './ui/SortByRow.js';
-import './CreateChannel/components/SelectChannelType.js';
-import './ChannelList/components/ChannelPreview.js';
-import './ui/ChannelAvatar.js';
-import './chunks/bundle-dJBzT033.js';
-import './ui/Badge.js';
-import './chunks/bundle-l0M5nN1Q.js';
-import './chunks/bundle-pmVgESW3.js';
-import './ui/Loader.js';
-import './chunks/bundle-oghsyfOE.js';
-import './chunks/bundle-6uVd8Nrl.js';
-import './ui/MentionUserLabel.js';
-import './chunks/bundle-2YEsND5T.js';
-import './ui/TextButton.js';
-import './chunks/bundle-LhtrqZSE.js';
-import './Channel/components/TypingIndicator.js';
-import './chunks/bundle-QO9wq7-1.js';
-import './chunks/bundle-YQkYq090.js';
-import './chunks/bundle-menQ38z9.js';
-import '@sendbird/chat/message';
-import './chunks/bundle-GGcTNRCI.js';
-import './chunks/bundle-EPtYsHAJ.js';
-import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-EteEacTX.js';
-import './chunks/bundle-cJc3JBZb.js';
-import './ChannelList/components/ChannelPreviewAction.js';
-import './EditUserProfile.js';
-import './EditUserProfile/context.js';
-import './EditUserProfile/components/EditUserProfileUI.js';
-import './ui/Input.js';
-import './ui/PlaceHolder.js';
-import './Channel/components/ChannelUI.js';
-import './ui/ConnectionStatus.js';
-import './Channel/components/ChannelHeader.js';
-import './chunks/bundle-h4Ck6NLh.js';
-import './chunks/bundle-wRCPXISN.js';
-import './Channel/components/Message.js';
-import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-Jw6D-oM_.js';
-import './Thread/context.js';
-import './Thread/context/types.js';
-import './ui/DateSeparator.js';
-import './ui/MessageInput.js';
-import './chunks/bundle-vSJ8dTAZ.js';
-import 'dompurify';
-import './chunks/bundle-zCWUhqT2.js';
-import './chunks/bundle-89OkQYTj.js';
-import './chunks/bundle-lSKfBDuq.js';
-import './ui/MessageContent.js';
-import './ui/MessageItemMenu.js';
-import './chunks/bundle-KOKqPpBq.js';
-import './ui/MessageItemReactionMenu.js';
-import './ui/ReactionButton.js';
-import './ui/EmojiReactions.js';
-import './ui/ReactionBadge.js';
-import './ui/BottomSheet.js';
-import './ui/Tooltip.js';
-import './ui/TooltipWrapper.js';
-import './Message/context.js';
-import './ui/AdminMessage.js';
-import './ui/QuoteMessage.js';
-import './chunks/bundle-WZvwkbYN.js';
-import './chunks/bundle-k4WuO78S.js';
-import './ui/ThreadReplies.js';
-import './ui/OGMessageItemBody.js';
-import './chunks/bundle-GiSLT4lG.js';
-import './ui/MentionLabel.js';
-import './ui/LinkLabel.js';
-import './ui/TextMessageItemBody.js';
-import './ui/FileMessageItemBody.js';
-import './chunks/bundle-0SIFukuT.js';
-import './chunks/bundle-LTnLzJFb.js';
-import './ui/VoiceMessageItemBody.js';
-import './ui/ProgressBar.js';
-import './VoicePlayer/useVoicePlayer.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-JSlDfYOF.js';
-import './chunks/bundle-Nv1SlZSC.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 './Channel/components/MessageInput.js';
-import './ui/QuoteMessageInput.js';
-import './chunks/bundle-jyTJAjUy.js';
-import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-nHhZeAVb.js';
-import './Channel/hooks/useHandleUploadFiles.js';
-import './ChannelSettings/components/ChannelSettingsUI.js';
-import './ChannelSettings/context.js';
-import './ChannelSettings/components/ChannelProfile.js';
-import './ChannelSettings/components/EditDetailsModal.js';
-import './ChannelSettings/components/ModerationPanel.js';
-import './ui/Accordion.js';
-import './ui/AccordionGroup.js';
-import './chunks/bundle-967zXkjf.js';
-import './ui/Toggle.js';
-import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-tUJWK_IX.js';
-import './ChannelSettings/components/LeaveChannel.js';
-import './ChannelSettings/components/UserPanel.js';
-import './MessageSearch/components/MessageSearchUI.js';
-import './MessageSearch/context.js';
-import './ui/MessageSearchItem.js';
-import './ui/MessageSearchFileItem.js';
-import './Thread/components/ThreadUI.js';
-import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-ZNwxfYJx.js';
-import './Thread/components/ParentMessageInfoItem.js';
-import './Thread/components/ThreadHeader.js';
-import './Thread/components/ThreadList.js';
-import './Thread/components/ThreadListItem.js';
-import 'date-fns';
-import './Thread/components/ThreadMessageInput.js';
-
-var DesktopLayout = function (props) {
-    var isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, showSettings = props.showSettings, setShowSettings = props.setShowSettings, showSearch = props.showSearch, setShowSearch = props.setShowSearch, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, showThread = props.showThread, setShowThread = props.setShowThread, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage;
-    var _a = useState(null), animatedMessageId = _a[0], setAnimatedMessageId = _a[1];
-    return (React__default.createElement("div", { className: "sendbird-app__wrap" },
-        React__default.createElement("div", { className: "sendbird-app__channellist-wrap" },
-            React__default.createElement(ChannelList, { allowProfileEdit: allowProfileEdit, activeChannelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, onChannelSelect: function (channel) {
-                    setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(null);
-                    setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
-                    if (channel) {
-                        setCurrentChannel(channel);
-                    }
-                    else {
-                        setCurrentChannel(null);
-                    }
-                } })),
-        React__default.createElement("div", { className: "\n          ".concat(showSettings ? 'sendbird-app__conversation--settings-open' : '', "\n          ").concat(showSearch ? 'sendbird-app__conversation--search-open' : '', "\n          sendbird-app__conversation-wrap\n        ") },
-            React__default.createElement(Channel, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onChatHeaderActionClick: function () {
-                    setShowSearch(false);
-                    setShowThread(false);
-                    setShowSettings(!showSettings);
-                }, onSearchClick: function () {
-                    setShowSettings(false);
-                    setShowThread(false);
-                    setShowSearch(!showSearch);
-                }, onReplyInThread: function (_a) {
-                    var message = _a.message;
-                    setShowSettings(false);
-                    setShowSearch(false);
-                    if (replyType === 'THREAD') {
-                        setThreadTargetMessage(message);
-                        setShowThread(true);
-                    }
-                }, onQuoteMessageClick: function (_a) {
-                    var message = _a.message;
-                    setShowSettings(false);
-                    setShowSearch(false);
-                    if (replyType === 'THREAD') {
-                        setThreadTargetMessage(message);
-                        setShowThread(true);
-                    }
-                }, onMessageAnimated: function () {
-                    setAnimatedMessageId(null);
-                }, onMessageHighlighted: function () {
-                    setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
-                }, showSearchIcon: showSearchIcon, startingPoint: startingPoint, animatedMessage: animatedMessageId, highlightedMessage: highlightedMessage, isReactionEnabled: isReactionEnabled, replyType: replyType, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled })),
-        showSettings && (React__default.createElement("div", { className: "sendbird-app__settingspanel-wrap" },
-            React__default.createElement(ChannelSettings, { className: "sendbird-channel-settings", channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
-                    setShowSettings(false);
-                } }))),
-        showSearch && (React__default.createElement("div", { className: "sendbird-app__searchpanel-wrap" },
-            React__default.createElement(MessageSearchPannel, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onResultClick: function (message) {
-                    if (message.messageId === highlightedMessage) {
-                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
-                        setTimeout(function () {
-                            setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(message.messageId);
-                        });
-                    }
-                    else {
-                        setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(message.createdAt);
-                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(message.messageId);
-                    }
-                }, onCloseClick: function () {
-                    setShowSearch(false);
-                } }))),
-        showThread && (React__default.createElement(Thread, { className: "sendbird-app__thread", channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', message: threadTargetMessage, onHeaderActionClick: function () {
-                setShowThread(false);
-            }, onMoveToParentMessage: function (_a) {
-                var message = _a.message, channel = _a.channel;
-                if ((channel === null || channel === void 0 ? void 0 : channel.url) !== (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
-                    setCurrentChannel(channel);
-                }
-                if ((message === null || message === void 0 ? void 0 : message.messageId) !== animatedMessageId) {
-                    setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
-                }
-                setTimeout(function () {
-                    setAnimatedMessageId(message === null || message === void 0 ? void 0 : message.messageId);
-                }, 500);
-            } }))));
-};
-
-var PANELS;
-(function (PANELS) {
-    PANELS["CHANNEL_LIST"] = "CHANNEL_LIST";
-    PANELS["CHANNEL"] = "CHANNEL";
-    PANELS["CHANNEL_SETTINGS"] = "CHANNEL_SETTINGS";
-    PANELS["MESSAGE_SEARCH"] = "MESSAGE_SEARCH";
-    PANELS["THREAD"] = "THREAD";
-})(PANELS || (PANELS = {}));
-var MobileLayout = function (props) {
-    var _a, _b, _c;
-    var replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, isReactionEnabled = props.isReactionEnabled, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage;
-    var _d = useState(PANELS.CHANNEL_LIST), panel = _d[0], setPanel = _d[1];
-    var _e = useState(null), animatedMessageId = _e[0], setAnimatedMessageId = _e[1];
-    var store = useSendbirdStateContext();
-    var sdk = (_b = (_a = store === null || store === void 0 ? void 0 : store.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-    var userId = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId;
-    var pause = useVoicePlayerContext().pause;
-    var goToMessage = function (message, timeoutCb) {
-        setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint((message === null || message === void 0 ? void 0 : message.createdAt) || null);
-        setTimeout(function () {
-            timeoutCb === null || timeoutCb === void 0 ? void 0 : timeoutCb((message === null || message === void 0 ? void 0 : message.messageId) || null);
-        }, 500);
-    };
-    useEffect(function () {
-        if (panel !== PANELS.CHANNEL) {
-            goToMessage(null, function () { return setAnimatedMessageId(null); });
-        }
-    }, [panel]);
-    useEffect(function () {
-        var _a, _b;
-        var handlerId = uuidv4();
-        if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
-            var handler = new GroupChannelHandler({
-                onUserBanned: function (groupChannel, user) {
-                    if (groupChannel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
-                        setPanel(PANELS.CHANNEL_LIST);
-                    }
-                },
-                onChannelDeleted: function (channelUrl) {
-                    if (channelUrl === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
-                        setPanel(PANELS.CHANNEL_LIST);
-                    }
-                },
-                onUserLeft: function (groupChannel, user) {
-                    if (groupChannel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
-                        setPanel(PANELS.CHANNEL_LIST);
-                    }
-                },
-            });
-            (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
-        }
-        return function () {
-            var _a, _b;
-            (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) === null || _b === void 0 ? void 0 : _b.call(_a, handlerId);
-        };
-    }, [sdk, currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
-    // if currentChannel is changed while on Thread
-    // then change panel type to CHANNEL
-    useEffect(function () {
-        if (panel === PANELS.THREAD) {
-            setPanel(PANELS.CHANNEL);
-        }
-    }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
-    return (React__default.createElement("div", { className: 'sb_mobile' },
-        panel === PANELS.CHANNEL_LIST && (React__default.createElement("div", { className: 'sb_mobile__panelwrap' },
-            React__default.createElement(ChannelList, { onProfileEditSuccess: onProfileEditSuccess, onChannelSelect: function (channel) {
-                    setCurrentChannel(channel);
-                    setPanel(PANELS.CHANNEL);
-                }, allowProfileEdit: allowProfileEdit, 
-                // this condition must be true for mobile
-                disableAutoSelect: true }))),
-        panel === PANELS.CHANNEL && (React__default.createElement("div", { className: 'sb_mobile__panelwrap' },
-            React__default.createElement(Channel, { replyType: replyType, channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onSearchClick: function () {
-                    setPanel(PANELS.MESSAGE_SEARCH);
-                }, onBackClick: function () {
-                    setPanel(PANELS.CHANNEL_LIST);
-                    pause(ALL);
-                }, isReactionEnabled: isReactionEnabled, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, startingPoint: startingPoint, animatedMessage: animatedMessageId, highlightedMessage: highlightedMessage, onChatHeaderActionClick: function () {
-                    setPanel(PANELS.CHANNEL_SETTINGS);
-                }, onReplyInThread: function (_a) {
-                    var message = _a.message;
-                    if (replyType === 'THREAD') {
-                        setPanel(PANELS.THREAD);
-                        setThreadTargetMessage(message);
-                    }
-                }, onQuoteMessageClick: function (_a) {
-                    var message = _a.message;
-                    if (replyType === 'THREAD') {
-                        setThreadTargetMessage(message);
-                        setPanel(PANELS.THREAD);
-                    }
-                } }))),
-        panel === PANELS.CHANNEL_SETTINGS && (React__default.createElement("div", { className: 'sb_mobile__panelwrap' },
-            React__default.createElement(ChannelSettings, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                }, onLeaveChannel: function () {
-                    setPanel(PANELS.CHANNEL_LIST);
-                } }))),
-        panel === PANELS.MESSAGE_SEARCH && (React__default.createElement("div", { className: 'sb_mobile__panelwrap' },
-            React__default.createElement(MessageSearchPannel, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                }, onResultClick: function (message) {
-                    setPanel(PANELS.CHANNEL);
-                    goToMessage(message, function (messageId) {
-                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(messageId);
-                    });
-                } }))),
-        panel === PANELS.THREAD && (React__default.createElement("div", { className: 'sb_mobile__panelwrap' },
-            React__default.createElement(Thread, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', message: threadTargetMessage, onHeaderActionClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                    pause(ALL);
-                }, onMoveToParentMessage: function (_a) {
-                    var message = _a.message, channel = _a.channel;
-                    setCurrentChannel(channel);
-                    goToMessage(message, function (messageId) {
-                        setPanel(PANELS.CHANNEL);
-                        setAnimatedMessageId(messageId);
-                    });
-                } })))));
-};
-
-var AppLayout = function (props) {
-    var _a, _b, _c;
-    var isMessageGroupingEnabled = props.isMessageGroupingEnabled, allowProfileEdit = props.allowProfileEdit, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel;
-    var globalStore = useSendbirdStateContext();
-    var globalConfigs = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config;
-    var _d = useState(false), showThread = _d[0], setShowThread = _d[1];
-    var _e = useState(null), threadTargetMessage = _e[0], setThreadTargetMessage = _e[1];
-    var _f = useState(false), showSettings = _f[0], setShowSettings = _f[1];
-    var _g = useState(false), showSearch = _g[0], setShowSearch = _g[1];
-    var _h = useState(null), highlightedMessage = _h[0], setHighlightedMessage = _h[1];
-    var _j = useState(null), startingPoint = _j[0], setStartingPoint = _j[1];
-    var isMobile = useMediaQueryContext().isMobile;
-    /**
-     * Below configs can be set via Dashboard UIKit config setting but as a lower priority than App props.
-     * So need to be have fallback value \w global configs even though each prop values are undefined
-     */
-    var replyType = (_a = props.replyType) !== null && _a !== void 0 ? _a : globalConfigs === null || globalConfigs === void 0 ? void 0 : globalConfigs.replyType;
-    var isReactionEnabled = (_b = props.isReactionEnabled) !== null && _b !== void 0 ? _b : globalConfigs === null || globalConfigs === void 0 ? void 0 : globalConfigs.isReactionEnabled;
-    var showSearchIcon = (_c = props.showSearchIcon) !== null && _c !== void 0 ? _c : globalConfigs === null || globalConfigs === void 0 ? void 0 : globalConfigs.showSearchIcon;
-    return (React__default.createElement(React__default.Fragment, null, isMobile
-        ? (React__default.createElement(MobileLayout, { replyType: replyType, showSearchIcon: showSearchIcon, isReactionEnabled: isReactionEnabled, isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, highlightedMessage: highlightedMessage, setHighlightedMessage: setHighlightedMessage, startingPoint: startingPoint, setStartingPoint: setStartingPoint, threadTargetMessage: threadTargetMessage, setThreadTargetMessage: setThreadTargetMessage }))
-        : (React__default.createElement(DesktopLayout, { replyType: replyType, isReactionEnabled: isReactionEnabled, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, showThread: showThread, setShowThread: setShowThread, threadTargetMessage: threadTargetMessage, setThreadTargetMessage: setThreadTargetMessage, showSettings: showSettings, setShowSettings: setShowSettings, showSearch: showSearch, setShowSearch: setShowSearch, highlightedMessage: highlightedMessage, setHighlightedMessage: setHighlightedMessage, startingPoint: startingPoint, setStartingPoint: setStartingPoint }))));
-};
-
-/**
- * This is a drop in Chat solution
- * Can also be used as an example for creating
- * default chat apps
- */
-function App(props) {
-    var appId = props.appId, userId = props.userId, _a = props.accessToken, accessToken = _a === void 0 ? '' : _a, _b = props.customApiHost, customApiHost = _b === void 0 ? '' : _b, _c = props.customWebSocketHost, customWebSocketHost = _c === void 0 ? '' : _c, _d = props.breakpoint, breakpoint = _d === void 0 ? null : _d, _e = props.theme, theme = _e === void 0 ? 'light' : _e, _f = props.userListQuery, userListQuery = _f === void 0 ? null : _f, _g = props.nickname, nickname = _g === void 0 ? '' : _g, _h = props.profileUrl, profileUrl = _h === void 0 ? '' : _h, _j = props.dateLocale, dateLocale = _j === void 0 ? null : _j, _k = props.config, config = _k === void 0 ? {} : _k, voiceRecord = props.voiceRecord, _l = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _l === void 0 ? true : _l, _m = props.colorSet, colorSet = _m === void 0 ? null : _m, _o = props.stringSet, stringSet = _o === void 0 ? null : _o, _p = props.allowProfileEdit, allowProfileEdit = _p === void 0 ? false : _p, _q = props.disableMarkAsDelivered, disableMarkAsDelivered = _q === void 0 ? false : _q, _r = props.renderUserProfile, renderUserProfile = _r === void 0 ? null : _r, _s = props.onProfileEditSuccess, onProfileEditSuccess = _s === void 0 ? null : _s, _t = props.imageCompression, imageCompression = _t === void 0 ? {} : _t, _u = props.disableAutoSelect, disableAutoSelect = _u === void 0 ? false : _u, sdkInitParams = props.sdkInitParams, customExtensionParams = props.customExtensionParams, eventHandlers = props.eventHandlers, uikitOptions = props.uikitOptions, 
-    // The below configs are duplicates of the Dashboard UIKit Configs.
-    // Since their default values will be set in the Sendbird component,
-    // we don't need to set them here.
-    showSearchIcon = props.showSearchIcon, isMentionEnabled = props.isMentionEnabled, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, disableUserProfile = props.disableUserProfile, isVoiceMessageEnabled = props.isVoiceMessageEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList, _v = props.isUserIdUsedForNickname, isUserIdUsedForNickname = _v === void 0 ? true : _v;
-    var _w = useState(null), currentChannel = _w[0], setCurrentChannel = _w[1];
-    return (React__default.createElement(SendbirdProvider, { stringSet: stringSet, appId: appId, userId: userId, accessToken: accessToken, customApiHost: customApiHost, customWebSocketHost: customWebSocketHost, breakpoint: breakpoint, theme: theme, nickname: nickname, profileUrl: profileUrl, dateLocale: dateLocale, userListQuery: userListQuery, config: config, colorSet: colorSet, disableUserProfile: disableUserProfile, disableMarkAsDelivered: disableMarkAsDelivered, renderUserProfile: renderUserProfile, imageCompression: imageCompression, isReactionEnabled: isReactionEnabled, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, voiceRecord: voiceRecord, onUserProfileMessage: function (channel) {
-            setCurrentChannel(channel);
-        }, isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList, replyType: replyType, showSearchIcon: showSearchIcon, uikitOptions: uikitOptions, isUserIdUsedForNickname: isUserIdUsedForNickname, sdkInitParams: sdkInitParams, customExtensionParams: customExtensionParams, eventHandlers: eventHandlers },
-        React__default.createElement(AppLayout, { isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel })));
-}
-
-export { App as default };
-//# sourceMappingURL=App.js.map

package/App.js.map

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

package/Channel/components/ChannelHeader.js

@@ -1,67 +0,0 @@
-import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../chunks/bundle-h4Ck6NLh.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-0IelBspE.js';
-import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
-import IconButton from '../../ui/IconButton.js';
-import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { L as LocalizationContext } from '../../chunks/bundle-Xly_X4hP.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-QO9wq7-1.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Mn36ivpf.js';
-import { n as noop } from '../../chunks/bundle-JhG5BHdE.js';
-import '../../chunks/bundle-Y6TqPszM.js';
-import '../../chunks/bundle-JuKER7D_.js';
-import '../../chunks/bundle-Tep20T57.js';
-import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-8VA5hO1c.js';
-import '../../chunks/bundle-2AUp3oeN.js';
-import '../../chunks/bundle-dJBzT033.js';
-import '../../chunks/bundle-xgxXEKxk.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-3WQuaADd.js';
-import '../../chunks/bundle-YQkYq090.js';
-import '../../chunks/bundle-menQ38z9.js';
-import '../../chunks/bundle-pmVgESW3.js';
-import '../../chunks/bundle-ZT6XnGSN.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-zz1eCYds.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-GGcTNRCI.js';
-import '../../chunks/bundle-EPtYsHAJ.js';
-import '@sendbird/chat/groupChannel';
-import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-7x4clnC7.js';
-import '../../chunks/bundle-Sk3SXXP7.js';
-import '../../chunks/bundle-pCwi8C-K.js';
-import '../../chunks/bundle-EteEacTX.js';
-
-var ChannelHeader = function (_a) {
-    var _b, _c, _d;
-    var _e = _a.className, className = _e === void 0 ? '' : _e;
-    var globalStore = useSendbirdStateContext();
-    var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var theme = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _c === void 0 ? void 0 : _c.theme;
-    var channelStore = useChannelContext();
-    var isMobile = useMediaQueryContext().isMobile;
-    var currentGroupChannel = channelStore.currentGroupChannel, showSearchIcon = channelStore.showSearchIcon, onSearchClick = channelStore.onSearchClick, onChatHeaderActionClick = channelStore.onChatHeaderActionClick, _f = channelStore.onBackClick, onBackClick = _f === void 0 ? noop : _f;
-    var subTitle = ((currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members)
-        && ((_d = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) === null || _d === void 0 ? void 0 : _d.length) !== 2);
-    var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === 'muted';
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-chat-header ".concat(className) },
-        React__default.createElement("div", { className: "sendbird-chat-header__left" },
-            isMobile && (React__default.createElement(Icon, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, fillColor: IconColors.PRIMARY, width: "24px", height: "24px", type: IconTypes.ARROW_LEFT })),
-            React__default.createElement(ChannelAvatar, { theme: theme, channel: currentGroupChannel, userId: userId, height: 32, width: 32 }),
-            React__default.createElement(Label, { className: "sendbird-chat-header__left__title", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, getChannelTitle(currentGroupChannel, userId, stringSet)),
-            React__default.createElement(Label, { className: "sendbird-chat-header__left__subtitle", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, subTitle)),
-        React__default.createElement("div", { className: "sendbird-chat-header__right" },
-            ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))
-                && (React__default.createElement(Icon, { className: "sendbird-chat-header__right__mute", type: IconTypes.NOTIFICATIONS_OFF_FILLED, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
-            (showSearchIcon && !(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isEphemeral)) && (React__default.createElement(IconButton, { className: "sendbird-chat-header__right__search", width: "32px", height: "32px", onClick: onSearchClick },
-                React__default.createElement(Icon, { type: IconTypes.SEARCH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
-            React__default.createElement(IconButton, { className: "sendbird-chat-header__right__info", width: "32px", height: "32px", onClick: onChatHeaderActionClick },
-                React__default.createElement(Icon, { type: IconTypes.INFO, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
-};
-
-export { ChannelHeader as default };
-//# sourceMappingURL=ChannelHeader.js.map