@sendbird/uikit-react 3.15.13 → 3.15.14-rc

package/cjs/App.js

@@ -2,92 +2,95 @@
 
 var React = require('react');
 var SendbirdProvider = require('./SendbirdProvider.js');
-var MediaQueryContext = require('./chunks/bundle-B5aEwfu1.js');
-var _tslib = require('./chunks/bundle-D1slQ3hS.js');
+var MediaQueryContext = require('./chunks/bundle-D0lw9Bpa.js');
+var _tslib = require('./chunks/bundle-BPkbLqnu.js');
 var GroupChannel = require('./GroupChannel.js');
-var GroupChannelList = require('./GroupChannelList.js');
+var CreateChannel_components_InviteUsers = require('./chunks/bundle-Ctgz-ey7.js');
 var Channel = require('./Channel.js');
-var ChannelList = require('./ChannelList.js');
 var ChannelSettings = require('./ChannelSettings.js');
 var MessageSearch = require('./MessageSearch.js');
 var Thread = require('./Thread.js');
-var utils = require('./chunks/bundle-Cq5LKFhE.js');
-var ui_ContextMenu = require('./chunks/bundle-QF_AmnwV.js');
-var groupChannel = require('@sendbird/chat/groupChannel');
-var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./chunks/bundle-s1cLz65w.js');
-var VoicePlayer_context = require('./chunks/bundle-sZREfKpL.js');
-var resolvedReplyType = require('./chunks/bundle-BZd597ep.js');
+var utils = require('./chunks/bundle-BDIgb36c.js');
+var ui_ContextMenu = require('./chunks/bundle-CqCReWdH.js');
+var resolvedReplyType = require('./chunks/bundle-BT4XFhDb.js');
+var useSendbird = require('./chunks/bundle-BgQpYkVd.js');
 require('@sendbird/uikit-tools');
-require('./withSendbird.js');
-require('./chunks/bundle-Ol1CxgYk.js');
-require('./chunks/bundle-DTD48j2K.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-BAF8GaDh.js');
-require('./chunks/bundle-CuWm0vby.js');
-require('./chunks/bundle-BloKh_k7.js');
+require('./chunks/bundle-Csp1LbIg.js');
+require('./chunks/bundle-B6qGo4m1.js');
+require('./chunks/bundle-Cgx64DbJ.js');
+require('./VoiceRecorder/context.js');
+require('./chunks/bundle-DKTpL0g1.js');
+require('./chunks/bundle-Dk0-umQd.js');
+require('./chunks/bundle-D8Y4YVC3.js');
+require('./chunks/bundle-9tkwiavu.js');
 require('react-dom');
-require('./chunks/bundle-DE5YH8Q-.js');
-require('./chunks/bundle-DzEGN4bG.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-BA6Cum_9.js');
+require('./chunks/bundle-BFcjbhNL.js');
 require('./ui/Icon.js');
-require('css-vars-ponyfill');
+require('./chunks/bundle-89fX6BxE.js');
+require('./chunks/bundle-LSngpiw3.js');
 require('@sendbird/chat');
+require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-BFPhV1oD.js');
-require('./chunks/bundle-6UD0H-nz.js');
-require('./chunks/bundle-Bu4cmOCm.js');
-require('./GroupChannel/context.js');
+require('./hooks/useModal.js');
+require('./chunks/bundle-BJftto_l.js');
+require('./chunks/bundle-D-ZoYmRl.js');
+require('./chunks/bundle-DYhBZd6j.js');
+require('css-vars-ponyfill');
+require('./chunks/bundle-BPPW92E3.js');
+require('./chunks/bundle-BxRRC13A.js');
+require('./chunks/bundle-BreESs72.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-B0uIbH1T.js');
-require('./chunks/bundle-CT3qZJLT.js');
-require('./chunks/bundle-S-XkXH4q.js');
-require('./chunks/bundle-DHZYT5M_.js');
-require('./chunks/bundle-DWfeFlxG.js');
-require('./chunks/bundle-BcIrmepz.js');
-require('./ui/SortByRow.js');
+require('./chunks/bundle-CK1N-Lna.js');
+require('./chunks/bundle-r0O7RuH2.js');
+require('./chunks/bundle-DzywW4aT.js');
+require('./chunks/bundle-B1kfg8W4.js');
+require('./chunks/bundle-DB7AA9OZ.js');
 require('./GroupChannel/components/GroupChannelUI.js');
-require('./chunks/bundle-DkDRIPJe.js');
+require('./chunks/bundle-BptOxtGN.js');
 require('./GroupChannel/components/TypingIndicator.js');
-require('./chunks/bundle-ChDTEa9-.js');
+require('./chunks/bundle-lK-G2WrJ.js');
 require('./ui/ConnectionStatus.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-R7sVfaA9.js');
+require('./chunks/bundle-jKIGkHX-.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-DHPSwRDh.js');
+require('./chunks/bundle-B9hMMeRS.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-C3_KfqSN.js');
-require('./chunks/bundle-DL3fuSPu.js');
-require('./chunks/bundle-JpIugjtL.js');
+require('./chunks/bundle-BzLDYrps.js');
+require('./chunks/bundle-DQuGiR7V.js');
+require('./chunks/bundle-D07kXU0F.js');
+require('./chunks/bundle-BauO6Klm.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-DFU6GAqv.js');
 require('./ui/Header.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-XANrnOqB.js');
+require('./chunks/bundle-BETqmgP_.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-Bua7cUR6.js');
-require('./chunks/bundle-WqJcr9PX.js');
+require('./chunks/bundle-CIv79KtD.js');
+require('./chunks/bundle-aZt_yr7x.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-CNvRk1Z6.js');
-require('./chunks/bundle-m5OpCHlj.js');
+require('./chunks/bundle-CVshjFAv.js');
+require('./chunks/bundle-Baj1zcQe.js');
 require('dompurify');
-require('./chunks/bundle-ByQJ042a.js');
-require('./chunks/bundle-Aw-PHA-I.js');
-require('./chunks/bundle-BL1sGjVd.js');
-require('./chunks/bundle-BbpZ1Xe-.js');
+require('./chunks/bundle-9_krLx4g.js');
+require('./chunks/bundle-BbTEVoxS.js');
+require('./chunks/bundle-DY7vPqdQ.js');
+require('./chunks/bundle-BhqxNcA7.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-D6fimwV5.js');
-require('./chunks/bundle-COBYaK8T.js');
-require('./chunks/bundle-BOSyMutC.js');
-require('./chunks/bundle-XxCVYLKy.js');
+require('./chunks/bundle-DyKOhVHq.js');
+require('./chunks/bundle-DGGbCcCF.js');
+require('./chunks/bundle-DzDaD05v.js');
+require('./chunks/bundle-DHln-sDF.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-BSfpBazH.js');
+require('./chunks/bundle-CcGys-84.js');
+require('./ui/SortByRow.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
@@ -101,19 +104,19 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-Dq5LRxGL.js');
+require('./chunks/bundle-QCztkj4c.js');
 require('./ui/MobileMenu.js');
 require('./ui/ThreadReplies.js');
-require('./chunks/bundle-BBgc3koD.js');
+require('./chunks/bundle-ysciuVYD.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-DVc6YedH.js');
+require('./chunks/bundle-Bt94Y5zF.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
-require('./chunks/bundle-Khwf-z37.js');
+require('./chunks/bundle-DGGi0jBz.js');
 require('./ui/FileViewer.js');
-require('./chunks/bundle-D-kYFL1Z.js');
+require('./chunks/bundle-CkXIqGZB.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -121,7 +124,7 @@ require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-DmO3Qtot.js');
+require('./chunks/bundle-es5xApqy.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/MessageFeedbackFailedModal.js');
@@ -129,97 +132,98 @@ require('./ui/FeedbackIconButton.js');
 require('./ui/MobileFeedbackMenu.js');
 require('./ui/MessageFeedbackModal.js');
 require('./ui/Input.js');
-require('./chunks/bundle-B2zio8XF.js');
+require('./chunks/bundle-vqTlMP2p.js');
 require('./GroupChannel/components/SuggestedReplies.js');
-require('./chunks/bundle-B5-vaN7x.js');
+require('./chunks/bundle-AIWiAqMa.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-DYjhaLRW.js');
+require('./chunks/bundle-D6rmjKfk.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-qMxPIH0k.js');
-require('./chunks/bundle-B3LOu7kN.js');
+require('./chunks/bundle-B0eUHYFY.js');
+require('./chunks/bundle-DxdlR74x.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
-require('./chunks/bundle-nWxq3V_Q.js');
+require('./chunks/bundle-DmbYmCTt.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-DX3sBwvt.js');
+require('./chunks/bundle-BT0N2gkH.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-BpThX3wu.js');
-require('./chunks/bundle-D30swLTX.js');
-require('./GroupChannelList/context.js');
-require('./GroupChannelList/components/GroupChannelListUI.js');
-require('./chunks/bundle-D7uROwt_.js');
+require('./chunks/bundle-BRCUEZkM.js');
+require('./chunks/bundle-D1THQ7gU.js');
+require('./chunks/bundle-Cbdc9ZJY.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
-require('./chunks/bundle-A5UoPEJO.js');
-require('./chunks/bundle-DuSS5Dmw.js');
+require('./chunks/bundle-DNSLlJbl.js');
+require('./chunks/bundle-BlmK-5Zz.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-ChVeqDIG.js');
+require('./chunks/bundle-QoSUa8d1.js');
 require('./ui/Badge.js');
 require('./ui/MentionUserLabel.js');
-require('./GroupChannelList/components/AddGroupChannel.js');
-require('./chunks/bundle-BUuEhLl0.js');
-require('./CreateChannel.js');
-require('./CreateChannel/components/CreateChannelUI.js');
-require('./chunks/bundle-CYAm3mYC.js');
-require('./CreateChannel/components/InviteUsers.js');
-require('./CreateChannel/components/SelectChannelType.js');
 require('./Channel/context.js');
-require('./chunks/bundle-DQy9DqFO.js');
-require('./chunks/bundle-YTiDKoON.js');
-require('./chunks/bundle-4i5ybSGL.js');
-require('./chunks/bundle-Bhf_RRfA.js');
-require('./chunks/bundle-DeLEOQNO.js');
+require('./chunks/bundle-BVPusRwU.js');
+require('./chunks/bundle-BtQOYbDr.js');
+require('./chunks/bundle-DeUnCD5j.js');
+require('./chunks/bundle-C_Lbwszw.js');
+require('./chunks/bundle-CJLuEmh0.js');
+require('./chunks/bundle-BNJqog7S.js');
+require('./ChannelSettings/hooks/useMenuList.js');
+require('./chunks/bundle-Dj5V094j.js');
+require('./chunks/bundle-CKctMt7s.js');
+require('./chunks/bundle-nScEwTro.js');
+require('./ui/Toggle.js');
+require('./ChannelSettings/components/ChannelSettingsMenuItem.js');
+require('./chunks/bundle-CmF5XsRI.js');
+require('./chunks/bundle-CPmEIY0J.js');
+require('./Thread/context/types.js');
+require('date-fns');
+require('./Thread/components/ThreadMessageInput.js');
+require('./chunks/bundle-Kcs0P7Bk.js');
+require('./chunks/bundle-G3zxoxUu.js');
+require('./Channel/hooks/useHandleUploadFiles.js');
+require('./ChannelList/components/ChannelPreview.js');
+require('./chunks/bundle-BX-bINZz.js');
+require('./OpenChannel/components/OpenChannelInput.js');
+require('./OpenChannel/components/OpenChannelMessageList.js');
+require('./OpenChannel/components/OpenChannelMessage.js');
+require('./ui/OpenchannelUserMessage.js');
+require('./chunks/bundle-DeK5VJQG.js');
+require('./chunks/bundle-CsoIWjn3.js');
+require('./ui/OpenChannelAdminMessage.js');
+require('./ui/OpenchannelOGMessage.js');
+require('./ui/OpenchannelThumbnailMessage.js');
+require('./ui/OpenchannelFileMessage.js');
+require('./chunks/bundle-CayzfAtS.js');
+require('./OpenChannelSettings/context.js');
+require('./ui/AccordionGroup.js');
 require('./Channel/components/ChannelUI.js');
 require('./Channel/components/ChannelHeader.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./chunks/bundle-BfjugOIp.js');
 require('./Channel/components/MessageInput.js');
-require('./chunks/bundle-bfd2VoyQ.js');
-require('./ChannelList/components/ChannelListUI.js');
-require('./ChannelList/components/ChannelPreview.js');
-require('./ChannelList/components/AddChannel.js');
 require('./ChannelSettings/components/ChannelSettingsUI.js');
-require('./ChannelSettings/context.js');
 require('./ChannelSettings/components/ChannelSettingsHeader.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ChannelSettings/components/LeaveChannel.js');
-require('./ChannelSettings/components/ChannelSettingsMenuItem.js');
 require('./ChannelSettings/components/ChannelSettingMenuList.js');
-require('./ChannelSettings/hooks/useMenuList.js');
-require('./chunks/bundle-vf5ayidG.js');
-require('./chunks/bundle-D4NkDFD-.js');
-require('./chunks/bundle-CfUeEOi0.js');
-require('./ui/Toggle.js');
 require('./MessageSearch/components/MessageSearchUI.js');
-require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
 require('./ui/MessageSearchFileItem.js');
-require('./Thread/context.js');
-require('./Thread/context/types.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-BFFRQpby.js');
+require('./chunks/bundle-C1XBtmxo.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./chunks/bundle-Bc_sQb3i.js');
-require('./chunks/bundle-BFXyNnQ0.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
-require('date-fns');
-require('./Thread/components/ThreadMessageInput.js');
-require('./Channel/hooks/useHandleUploadFiles.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -294,7 +298,7 @@ var DesktopLayout = function (props) {
         onReplyInThreadClick: onClickThreadReply,
     };
     return (React__default.default.createElement("div", { className: "sendbird-app__wrap", id: ui_ContextMenu.APP_LAYOUT_ROOT },
-        React__default.default.createElement("div", { className: "sendbird-app__channellist-wrap" }, enableLegacyChannelModules ? React__default.default.createElement(ChannelList, _tslib.__assign({}, channelListProps)) : React__default.default.createElement(GroupChannelList.GroupChannelList, _tslib.__assign({}, channelListProps))),
+        React__default.default.createElement("div", { className: "sendbird-app__channellist-wrap" }, enableLegacyChannelModules ? React__default.default.createElement(CreateChannel_components_InviteUsers.ChannelList, _tslib.__assign({}, channelListProps)) : React__default.default.createElement(CreateChannel_components_InviteUsers.GroupChannelList, _tslib.__assign({}, channelListProps))),
         React__default.default.createElement("div", { className: utils.classnames('sendbird-app__conversation-wrap', showSettings && 'sendbird-app__conversation--settings-open', showSearch && 'sendbird-app__conversation--search-open') }, enableLegacyChannelModules ? React__default.default.createElement(Channel, _tslib.__assign({}, channelProps)) : React__default.default.createElement(GroupChannel.GroupChannel, _tslib.__assign({}, channelProps))),
         showSettings && (React__default.default.createElement("div", { className: "sendbird-app__settingspanel-wrap" },
             React__default.default.createElement(ChannelSettings, { className: "sendbird-channel-settings", channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
@@ -334,170 +338,11 @@ var DesktopLayout = function (props) {
             } }))));
 };
 
-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, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
-    var _d = React.useState(PANELS.CHANNEL_LIST), panel = _d[0], setPanel = _d[1];
-    var store = useSendbirdStateContext.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 = VoicePlayer_context.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);
-    };
-    React.useEffect(function () {
-        if (panel !== PANELS.CHANNEL) {
-            goToMessage(null, function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); });
-        }
-    }, [panel]);
-    React.useEffect(function () {
-        var _a, _b;
-        var handlerId = uuid.uuidv4();
-        if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
-            var handler = new groupChannel.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
-    React.useEffect(function () {
-        if (panel === PANELS.THREAD) {
-            setPanel(PANELS.CHANNEL);
-        }
-    }, [currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url]);
-    var channelListProps = {
-        allowProfileEdit: allowProfileEdit,
-        onProfileEditSuccess: onProfileEditSuccess,
-        disableAutoSelect: true,
-        onChannelSelect: function (channel) {
-            setCurrentChannel(channel !== null && channel !== void 0 ? channel : undefined);
-            if (channel) {
-                setPanel(PANELS.CHANNEL);
-            }
-            else {
-                setPanel(PANELS.CHANNEL_LIST);
-            }
-        },
-        // for GroupChannelList
-        onChannelCreated: function (channel) {
-            setCurrentChannel(channel);
-            setPanel(PANELS.CHANNEL);
-        },
-        onUserProfileUpdated: onProfileEditSuccess,
-    };
-    var channelProps = {
-        channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
-        onChatHeaderActionClick: function () {
-            setPanel(PANELS.CHANNEL_SETTINGS);
-        },
-        onBackClick: function () {
-            setPanel(PANELS.CHANNEL_LIST);
-            pause(VoicePlayer_context.ALL);
-        },
-        onSearchClick: function () {
-            setPanel(PANELS.MESSAGE_SEARCH);
-        },
-        onReplyInThread: function (_a) {
-            var message = _a.message;
-            if (replyType === 'THREAD') {
-                setPanel(PANELS.THREAD);
-                setThreadTargetMessage(message);
-            }
-        },
-        onQuoteMessageClick: function (_a) {
-            var message = _a.message;
-            // thread message
-            if (replyType === 'THREAD') {
-                setThreadTargetMessage(message);
-                setPanel(PANELS.THREAD);
-            }
-        },
-        animatedMessage: highlightedMessage,
-        onMessageAnimated: function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); },
-        showSearchIcon: showSearchIcon,
-        startingPoint: startingPoint !== null && startingPoint !== void 0 ? startingPoint : undefined,
-        isReactionEnabled: isReactionEnabled,
-        replyType: replyType,
-        isMessageGroupingEnabled: isMessageGroupingEnabled,
-        isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
-        // for GroupChannel
-        animatedMessageId: highlightedMessage,
-        onReplyInThreadClick: function (_a) {
-            var message = _a.message;
-            if (replyType === 'THREAD') {
-                setPanel(PANELS.THREAD);
-                setThreadTargetMessage(message);
-            }
-        },
-    };
-    return (React__default.default.createElement("div", { className: "sb_mobile", id: ui_ContextMenu.APP_LAYOUT_ROOT },
-        panel === PANELS.CHANNEL_LIST && (React__default.default.createElement("div", { className: "sb_mobile__panelwrap" }, enableLegacyChannelModules ? React__default.default.createElement(ChannelList, _tslib.__assign({}, channelListProps)) : React__default.default.createElement(GroupChannelList.GroupChannelList, _tslib.__assign({}, channelListProps)))),
-        panel === PANELS.CHANNEL && (React__default.default.createElement("div", { className: "sb_mobile__panelwrap" }, enableLegacyChannelModules ? React__default.default.createElement(Channel, _tslib.__assign({}, channelProps)) : React__default.default.createElement(GroupChannel.GroupChannel, _tslib.__assign({}, channelProps)))),
-        panel === PANELS.CHANNEL_SETTINGS && (React__default.default.createElement("div", { className: "sb_mobile__panelwrap" },
-            React__default.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.default.createElement("div", { className: "sb_mobile__panelwrap" },
-            React__default.default.createElement(MessageSearch, { 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.default.createElement("div", { className: "sb_mobile__panelwrap" },
-            React__default.default.createElement(Thread, { channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', message: threadTargetMessage, onHeaderActionClick: function () {
-                    setPanel(PANELS.CHANNEL);
-                    pause(VoicePlayer_context.ALL);
-                }, onMoveToParentMessage: function (_a) {
-                    var message = _a.message, channel = _a.channel;
-                    setCurrentChannel(channel);
-                    goToMessage(message, function (messageId) {
-                        setPanel(PANELS.CHANNEL);
-                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(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, enableLegacyChannelModules = props.enableLegacyChannelModules;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var globalConfigs = globalStore.config;
+    var state = useSendbird.useSendbird().state;
+    var globalConfigs = state.config;
     var _d = React.useState(false), showThread = _d[0], setShowThread = _d[1];
     var _e = React.useState(null), threadTargetMessage = _e[0], setThreadTargetMessage = _e[1];
     var _f = React.useState(false), showSettings = _f[0], setShowSettings = _f[1];
@@ -513,7 +358,7 @@ var AppLayout = function (props) {
     var isReactionEnabled = (_b = props.isReactionEnabled) !== null && _b !== void 0 ? _b : globalConfigs.groupChannel.enableReactions;
     var showSearchIcon = (_c = props.showSearchIcon) !== null && _c !== void 0 ? _c : globalConfigs.groupChannelSettings.enableMessageSearch;
     return (React__default.default.createElement(React__default.default.Fragment, null, isMobile
-        ? (React__default.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, enableLegacyChannelModules: enableLegacyChannelModules }))
+        ? (React__default.default.createElement(CreateChannel_components_InviteUsers.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, enableLegacyChannelModules: enableLegacyChannelModules }))
         : (React__default.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, enableLegacyChannelModules: enableLegacyChannelModules }))));
 };
 

package/cjs/App.js.map

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

package/cjs/Channel/components/ChannelHeader.js

@@ -2,59 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-D1slQ3hS.js');
+var _tslib = require('../../chunks/bundle-BPkbLqnu.js');
 var React = require('react');
-var GroupChannelHeaderView = require('../../chunks/bundle-R7sVfaA9.js');
+var GroupChannelHeaderView = require('../../chunks/bundle-jKIGkHX-.js');
 var Channel_context = require('../context.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-Cq5LKFhE.js');
+require('../../chunks/bundle-BDIgb36c.js');
 require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-DHPSwRDh.js');
+require('../../chunks/bundle-B9hMMeRS.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-C3_KfqSN.js');
-require('../../chunks/bundle-DL3fuSPu.js');
-require('../../chunks/bundle-JpIugjtL.js');
-require('../../chunks/bundle-BA6Cum_9.js');
-require('../../chunks/bundle-DzEGN4bG.js');
-require('../../chunks/bundle-DTD48j2K.js');
+require('../../chunks/bundle-BzLDYrps.js');
+require('../../chunks/bundle-DQuGiR7V.js');
+require('../../chunks/bundle-D07kXU0F.js');
+require('../../chunks/bundle-BFcjbhNL.js');
+require('../../chunks/bundle-Dk0-umQd.js');
+require('../../chunks/bundle-BauO6Klm.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-BAF8GaDh.js');
-require('../../chunks/bundle-CuWm0vby.js');
-require('../../chunks/bundle-BloKh_k7.js');
-require('../../chunks/bundle-B5aEwfu1.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-DE5YH8Q-.js');
+require('../../chunks/bundle-Cgx64DbJ.js');
+require('../../chunks/bundle-BJftto_l.js');
+require('../../chunks/bundle-DFU6GAqv.js');
+require('../../chunks/bundle-B6qGo4m1.js');
+require('../../chunks/bundle-D0lw9Bpa.js');
+require('../../chunks/bundle-DKTpL0g1.js');
+require('../../chunks/bundle-D8Y4YVC3.js');
 require('../../ui/Header.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-XANrnOqB.js');
+require('../../chunks/bundle-BETqmgP_.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-B0uIbH1T.js');
-require('@sendbird/uikit-tools');
-require('../../chunks/bundle-Ol1CxgYk.js');
-require('react-dom');
-require('../../ui/Button.js');
-require('css-vars-ponyfill');
+require('../../chunks/bundle-BgQpYkVd.js');
+require('../../chunks/bundle-LSngpiw3.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-s1cLz65w.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-sZREfKpL.js');
-require('../../chunks/bundle-QF_AmnwV.js');
-require('../../ui/SortByRow.js');
-require('../../chunks/bundle-DHZYT5M_.js');
-require('../../chunks/bundle-nWxq3V_Q.js');
+require('../../chunks/bundle-CK1N-Lna.js');
+require('../../chunks/bundle-DzywW4aT.js');
+require('../../chunks/bundle-DmbYmCTt.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-BcIrmepz.js');
-require('../../chunks/bundle-WqJcr9PX.js');
-require('../../chunks/bundle-DQy9DqFO.js');
-require('../../chunks/bundle-YTiDKoON.js');
-require('../../chunks/bundle-4i5ybSGL.js');
-require('../../chunks/bundle-Bhf_RRfA.js');
-require('../../chunks/bundle-DWfeFlxG.js');
-require('../../chunks/bundle-CT3qZJLT.js');
-require('../../chunks/bundle-BZd597ep.js');
-require('../../chunks/bundle-DeLEOQNO.js');
+require('../../chunks/bundle-B1kfg8W4.js');
+require('../../chunks/bundle-aZt_yr7x.js');
+require('../../chunks/bundle-BVPusRwU.js');
+require('../../chunks/bundle-BtQOYbDr.js');
+require('../../chunks/bundle-89fX6BxE.js');
+require('../../chunks/bundle-DeUnCD5j.js');
+require('../../chunks/bundle-DB7AA9OZ.js');
+require('../../chunks/bundle-BT4XFhDb.js');
+require('../../chunks/bundle-C_Lbwszw.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/Channel/components/ChannelHeader.js.map

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