@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/cjs/GroupChannelList/components/GroupChannelListUI.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../chunks/bundle-Pp2hAi9g.js');
+var React = require('react');
+var GroupChannelList_context = require('../context.js');
+var GroupChannelListUIView = require('../../chunks/bundle-naQEIYGP.js');
+var GroupChannelList_components_GroupChannelPreviewAction = require('./GroupChannelPreviewAction.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var GroupChannelList_components_GroupChannelListItem = require('./GroupChannelListItem.js');
+var GroupChannelList_components_AddGroupChannel = require('./AddGroupChannel.js');
+require('@sendbird/chat/groupChannel');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-ac8CNkHD.js');
+require('../../chunks/bundle-7S9yo7uc.js');
+require('@sendbird/chat');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('./GroupChannelListHeader.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle--ygAOWyl.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../EditUserProfile.js');
+require('../../EditUserProfile/context.js');
+require('../../EditUserProfile/components/EditUserProfileUI.js');
+require('../../chunks/bundle-jL6J2ZGE.js');
+require('../../chunks/bundle-Mku2L7HX.js');
+require('react-dom');
+require('../../chunks/bundle-l18lIHqV.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../ui/Input.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-cjPeUrcf.js');
+require('../../ui/PlaceHolder.js');
+require('../../ui/Loader.js');
+require('../../chunks/bundle-ECik2x9q.js');
+require('../../chunks/bundle-VSxKlJiY.js');
+require('../../chunks/bundle-G3wIPH8m.js');
+require('@sendbird/chat/message');
+require('../../chunks/bundle-B3exQvX0.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
+require('../../chunks/bundle-BIo8a3gP.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-7hPt-3N9.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-cTA4XRQz.js');
+require('../../chunks/bundle-SSVfUJDa.js');
+require('../../chunks/bundle-RjWuJw-3.js');
+require('../../chunks/bundle-I85dteYT.js');
+require('../../GroupChannel/components/TypingIndicator.js');
+require('../../ui/Badge.js');
+require('../../ui/ChannelAvatar.js');
+require('../../chunks/bundle-gKfBWs5Z.js');
+require('../../ui/MentionUserLabel.js');
+require('../../chunks/bundle-L-INlcEY.js');
+require('../../chunks/bundle-hlXVvUFU.js');
+require('../../CreateChannel.js');
+require('../../CreateChannel/components/CreateChannelUI.js');
+require('../../chunks/bundle-4_qnUKIC.js');
+require('../../sendbirdSelectors.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../CreateChannel/components/InviteUsers.js');
+require('../../ui/UserListItem.js');
+require('../../ui/MutedAvatarOverlay.js');
+require('../../ui/Checkbox.js');
+require('../../ui/UserProfile.js');
+require('../../CreateChannel/components/SelectChannelType.js');
+
+var GroupChannelListUI = function (props) {
+    var renderHeader = props.renderHeader, renderChannelPreview = props.renderChannelPreview, renderPlaceHolderError = props.renderPlaceHolderError, renderPlaceHolderLoading = props.renderPlaceHolderLoading, renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList;
+    var _a = GroupChannelList_context.useGroupChannelListContext(), onChannelSelect = _a.onChannelSelect, onThemeChange = _a.onThemeChange, allowProfileEdit = _a.allowProfileEdit, typingChannelUrls = _a.typingChannelUrls, groupChannels = _a.groupChannels, initialized = _a.initialized, selectedChannelUrl = _a.selectedChannelUrl, loadMore = _a.loadMore, onUserProfileUpdated = _a.onUserProfileUpdated;
+    var _b = useSendbirdStateContext.useSendbirdStateContext(), stores = _b.stores, config = _b.config;
+    var logger = config.logger, isOnline = config.isOnline;
+    var sdk = stores.sdkStore.sdk;
+    var renderListItem = function (renderProps) {
+        var channel = renderProps.item, index = renderProps.index;
+        var itemProps = {
+            channel: channel,
+            tabIndex: index,
+            isSelected: channel.url === selectedChannelUrl,
+            isTyping: typingChannelUrls.includes(channel.url),
+            renderChannelAction: function (props) { return React.createElement(GroupChannelList_components_GroupChannelPreviewAction.GroupChannelPreviewAction, _tslib.__assign({}, props)); },
+            onClick: function () {
+                if (isOnline || (sdk === null || sdk === void 0 ? void 0 : sdk.isCacheEnabled)) {
+                    logger.info('ChannelList: Clicked on channel:', channel);
+                    onChannelSelect(channel);
+                }
+                else {
+                    logger.warning('ChannelList: Inactivated clicking channel item during offline.');
+                }
+            },
+            onLeaveChannel: function () {
+                return _tslib.__awaiter(this, void 0, void 0, function () {
+                    return _tslib.__generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                logger.info('ChannelList: Leaving channel', channel);
+                                return [4 /*yield*/, channel.leave()];
+                            case 1:
+                                _a.sent();
+                                logger.info('ChannelList: Leaving channel success');
+                                return [2 /*return*/];
+                        }
+                    });
+                });
+            },
+        };
+        if (renderChannelPreview) {
+            return (React.createElement("div", { key: channel.url, onClick: itemProps.onClick }, renderChannelPreview(itemProps)));
+        }
+        return React.createElement(GroupChannelList_components_GroupChannelListItem.GroupChannelListItem, _tslib.__assign({ key: channel.url }, itemProps));
+    };
+    return (React.createElement(GroupChannelListUIView.GroupChannelListUIView, { renderHeader: renderHeader, renderChannel: renderListItem, renderPlaceHolderError: renderPlaceHolderError, renderPlaceHolderLoading: renderPlaceHolderLoading, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList, onChangeTheme: onThemeChange, allowProfileEdit: allowProfileEdit, onUserProfileUpdated: onUserProfileUpdated, channels: groupChannels, onLoadMore: loadMore, initialized: initialized, renderAddChannel: function () { return React.createElement(GroupChannelList_components_AddGroupChannel.AddGroupChannel, null); } }));
+};
+
+exports.GroupChannelListUI = GroupChannelListUI;
+exports.default = GroupChannelListUI;
+//# sourceMappingURL=GroupChannelListUI.js.map

package/cjs/GroupChannelList/components/GroupChannelListUI.js.map

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

package/cjs/{chunks/bundle-dSLJZu7j.js → GroupChannelList/components/GroupChannelPreviewAction.js}

@@ -1,12 +1,29 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var LocalizationContext = require('./bundle-om7V4Kmd.js');
-var ui_ContextMenu = require('../ui/ContextMenu.js');
-var ui_IconButton = require('../ui/IconButton.js');
-var ui_Icon = require('../ui/Icon.js');
-var ui_Modal = require('./bundle--t70CDfb.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var ui_ContextMenu = require('../../ui/ContextMenu.js');
+var ui_IconButton = require('../../ui/IconButton.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_Modal = require('../../chunks/bundle-Mku2L7HX.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-BIo8a3gP.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-l18lIHqV.js');
+require('../../ui/Button.js');
+require('../../withSendbird.js');
 
 var LeaveGroupChannel = function (_a) {
     var channel = _a.channel, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
@@ -24,7 +41,7 @@ var LeaveGroupChannel = function (_a) {
     }
 };
 
-function ChannelPreviewAction(_a) {
+function GroupChannelPreviewAction(_a) {
     var channel = _a.channel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onLeaveChannel = _a.onLeaveChannel;
     var parentRef = React.useRef(null);
     var parentContainerRef = React.useRef(null);
@@ -34,18 +51,17 @@ function ChannelPreviewAction(_a) {
         React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { ref: parentRef, onClick: toggleDropdown, height: "32px", width: "32px" },
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: parentRef, parentContainRef: parentContainerRef, closeDropdown: closeDropdown },
                 React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                        if (disabled) {
+                        if (disabled)
                             return;
-                        }
                         setShowModal(true);
                         closeDropdown();
                     }, dataSbId: "channel_list_item_context_menu_leave_channel" }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))); } }),
         showModal && (React.createElement(LeaveGroupChannel, { channel: channel, onSubmit: function () {
                 setShowModal(false);
-                onLeaveChannel();
+                onLeaveChannel === null || onLeaveChannel === void 0 ? void 0 : onLeaveChannel();
             }, onCancel: function () { return setShowModal(false); } }))));
 }
 
-exports.ChannelPreviewAction = ChannelPreviewAction;
-exports.LeaveGroupChannel = LeaveGroupChannel;
-//# sourceMappingURL=bundle-dSLJZu7j.js.map
+exports.GroupChannelPreviewAction = GroupChannelPreviewAction;
+exports.default = GroupChannelPreviewAction;
+//# sourceMappingURL=GroupChannelPreviewAction.js.map

package/cjs/GroupChannelList/components/GroupChannelPreviewAction.js.map

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

package/cjs/GroupChannelList/context.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var _tslib = require('../chunks/bundle-Pp2hAi9g.js');
+var React = require('react');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var uikitTools = require('@sendbird/uikit-tools');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var UserProfileContext = require('../chunks/bundle-ac8CNkHD.js');
+var useMarkAsDeliveredScheduler = require('../chunks/bundle-7S9yo7uc.js');
+var utils = require('../chunks/bundle-mPK9VGR0.js');
+require('../withSendbird.js');
+require('@sendbird/chat');
+require('../chunks/bundle-1Kqo8Utk.js');
+
+var GroupChannelListContext = React.createContext(null);
+var GroupChannelListProvider = function (props) {
+    var 
+    // Default
+    children = props.children, _a = props.className, className = _a === void 0 ? '' : _a, selectedChannelUrl = props.selectedChannelUrl, 
+    // Flags
+    _b = props.allowProfileEdit, 
+    // Flags
+    allowProfileEdit = _b === void 0 ? true : _b, _c = props.disableAutoSelect, disableAutoSelect = _c === void 0 ? false : _c, _d = props.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _d === void 0 ? false : _d, _e = props.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _e === void 0 ? false : _e, 
+    // Custom
+    channelListQueryParams = props.channelListQueryParams, onThemeChange = props.onThemeChange, _f = props.onChannelSelect, onChannelSelect = _f === void 0 ? utils.noop : _f, _g = props.onChannelCreated, onChannelCreated = _g === void 0 ? utils.noop : _g, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onUserProfileUpdated = props.onUserProfileUpdated, 
+    // UserProfile
+    disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile, onUserProfileMessage = props.onUserProfileMessage;
+    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
+    var config = globalStore.config, stores = globalStore.stores;
+    var sdkStore = stores.sdkStore;
+    var _h = config.isTypingIndicatorEnabledOnChannelList, isTypingIndicatorEnabledOnChannelList = _h === void 0 ? false : _h, _j = config.isMessageReceiptStatusEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = _j === void 0 ? false : _j;
+    var sdk = sdkStore.sdk;
+    var isConnected = useMarkAsDeliveredScheduler.useOnlineStatus(sdk, config.logger);
+    var scheduler = useMarkAsDeliveredScheduler.useMarkAsDeliveredScheduler({ isConnected: isConnected }, config);
+    var channelListDataSource = uikitTools.useGroupChannelList(sdk, {
+        collectionCreator: getCollectionCreator(sdk, channelListQueryParams),
+        markAsDelivered: function (channels) { return channels.forEach(scheduler.push); },
+        onChannelsDeleted: function (channelUrls) {
+            channelUrls.forEach(function (url) {
+                if (url === selectedChannelUrl)
+                    onChannelSelect(null);
+            });
+        },
+    });
+    var refreshing = channelListDataSource.refreshing, initialized = channelListDataSource.initialized, groupChannels = channelListDataSource.groupChannels, refresh = channelListDataSource.refresh, loadMore = channelListDataSource.loadMore;
+    // SideEffect: Auto select channel
+    React.useEffect(function () {
+        var _a;
+        if (!disableAutoSelect && stores.sdkStore.initialized && initialized) {
+            if (!selectedChannelUrl)
+                onChannelSelect((_a = groupChannels[0]) !== null && _a !== void 0 ? _a : null);
+        }
+    }, [disableAutoSelect, stores.sdkStore.initialized, initialized, selectedChannelUrl]);
+    var _k = React.useState([]), typingChannelUrls = _k[0], setTypingChannelUrls = _k[1];
+    uikitTools.useGroupChannelHandler(sdk, {
+        onTypingStatusUpdated: function (channel) {
+            var _a;
+            var channelList = typingChannelUrls.filter(function (channelUrl) { return channelUrl !== channel.url; });
+            if (((_a = channel.getTypingUsers()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                setTypingChannelUrls(channelList.concat(channel.url));
+            }
+            else {
+                setTypingChannelUrls(channelList);
+            }
+        },
+    });
+    return (React.createElement(GroupChannelListContext.Provider, { value: {
+            // Default
+            className: className,
+            selectedChannelUrl: selectedChannelUrl,
+            // Flags
+            allowProfileEdit: allowProfileEdit !== null && allowProfileEdit !== void 0 ? allowProfileEdit : config === null || config === void 0 ? void 0 : config.allowProfileEdit,
+            disableAutoSelect: disableAutoSelect,
+            isTypingIndicatorEnabled: isTypingIndicatorEnabled !== null && isTypingIndicatorEnabled !== void 0 ? isTypingIndicatorEnabled : isTypingIndicatorEnabledOnChannelList,
+            isMessageReceiptStatusEnabled: isMessageReceiptStatusEnabled !== null && isMessageReceiptStatusEnabled !== void 0 ? isMessageReceiptStatusEnabled : isMessageReceiptStatusEnabledOnChannelList,
+            // Essential
+            onChannelSelect: onChannelSelect,
+            onChannelCreated: onChannelCreated,
+            // Partial props
+            onThemeChange: onThemeChange,
+            onCreateChannelClick: onCreateChannelClick,
+            onBeforeCreateChannel: onBeforeCreateChannel,
+            onUserProfileUpdated: onUserProfileUpdated,
+            // Internal
+            typingChannelUrls: typingChannelUrls,
+            // ReturnType<UseGroupChannelList>
+            refreshing: refreshing,
+            initialized: initialized,
+            groupChannels: groupChannels,
+            refresh: refresh,
+            loadMore: loadMore,
+        } },
+        React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config === null || config === void 0 ? void 0 : config.disableUserProfile, renderUserProfile: renderUserProfile !== null && renderUserProfile !== void 0 ? renderUserProfile : config === null || config === void 0 ? void 0 : config.renderUserProfile, onUserProfileMessage: onUserProfileMessage !== null && onUserProfileMessage !== void 0 ? onUserProfileMessage : config === null || config === void 0 ? void 0 : config.onUserProfileMessage },
+            React.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
+};
+var useGroupChannelListContext = function () {
+    var context = React.useContext(GroupChannelListContext);
+    if (!context)
+        throw new Error('GroupChannelListContext not found. Use within the GroupChannelList module.');
+    return context;
+};
+function getCollectionCreator(sdk, channelListQueryParams) {
+    return function (defaultParams) {
+        var params = _tslib.__assign(_tslib.__assign({}, defaultParams), channelListQueryParams);
+        return sdk.groupChannel.createGroupChannelCollection(_tslib.__assign(_tslib.__assign({}, params), { filter: new groupChannel.GroupChannelFilter(params) }));
+    };
+}
+
+exports.GroupChannelListContext = GroupChannelListContext;
+exports.GroupChannelListProvider = GroupChannelListProvider;
+exports.useGroupChannelListContext = useGroupChannelListContext;
+//# sourceMappingURL=context.js.map

package/cjs/GroupChannelList/context.js.map

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

package/cjs/GroupChannelList.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('./chunks/bundle-Pp2hAi9g.js');
+var React = require('react');
+var GroupChannelList_context = require('./GroupChannelList/context.js');
+var GroupChannelList_components_GroupChannelListUI = require('./GroupChannelList/components/GroupChannelListUI.js');
+require('@sendbird/chat/groupChannel');
+require('@sendbird/uikit-tools');
+require('./useSendbirdStateContext.js');
+require('./withSendbird.js');
+require('./chunks/bundle-ac8CNkHD.js');
+require('./chunks/bundle-7S9yo7uc.js');
+require('@sendbird/chat');
+require('./chunks/bundle-1Kqo8Utk.js');
+require('./chunks/bundle-mPK9VGR0.js');
+require('./chunks/bundle-naQEIYGP.js');
+require('./GroupChannelList/components/GroupChannelListHeader.js');
+require('./chunks/bundle-oMHrTlRN.js');
+require('./chunks/bundle-cuXn941P.js');
+require('./chunks/bundle-qTpNvbyy.js');
+require('./chunks/bundle--ygAOWyl.js');
+require('./ui/ImageRenderer.js');
+require('./chunks/bundle-Zjbgztcu.js');
+require('./ui/Icon.js');
+require('./chunks/bundle-kp4rHxFj.js');
+require('./EditUserProfile.js');
+require('./EditUserProfile/context.js');
+require('./EditUserProfile/components/EditUserProfileUI.js');
+require('./chunks/bundle-jL6J2ZGE.js');
+require('./chunks/bundle-Mku2L7HX.js');
+require('react-dom');
+require('./chunks/bundle-l18lIHqV.js');
+require('./ui/IconButton.js');
+require('./ui/Button.js');
+require('./ui/Input.js');
+require('./ui/TextButton.js');
+require('./chunks/bundle-cjPeUrcf.js');
+require('./ui/PlaceHolder.js');
+require('./ui/Loader.js');
+require('./chunks/bundle-ECik2x9q.js');
+require('./chunks/bundle-VSxKlJiY.js');
+require('./chunks/bundle-G3wIPH8m.js');
+require('@sendbird/chat/message');
+require('./chunks/bundle-B3exQvX0.js');
+require('./GroupChannelList/components/GroupChannelPreviewAction.js');
+require('./ui/ContextMenu.js');
+require('./ui/SortByRow.js');
+require('./chunks/bundle-BIo8a3gP.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-ttLl6tqv.js');
+require('./GroupChannelList/components/GroupChannelListItem.js');
+require('./chunks/bundle-7hPt-3N9.js');
+require('./chunks/bundle-wKMTgv_N.js');
+require('./chunks/bundle-cTA4XRQz.js');
+require('./chunks/bundle-SSVfUJDa.js');
+require('./chunks/bundle-RjWuJw-3.js');
+require('./chunks/bundle-I85dteYT.js');
+require('./GroupChannel/components/TypingIndicator.js');
+require('./ui/Badge.js');
+require('./ui/ChannelAvatar.js');
+require('./chunks/bundle-gKfBWs5Z.js');
+require('./ui/MentionUserLabel.js');
+require('./chunks/bundle-L-INlcEY.js');
+require('./GroupChannelList/components/AddGroupChannel.js');
+require('./chunks/bundle-hlXVvUFU.js');
+require('./CreateChannel.js');
+require('./CreateChannel/components/CreateChannelUI.js');
+require('./chunks/bundle-4_qnUKIC.js');
+require('./sendbirdSelectors.js');
+require('./chunks/bundle-tlScTb1q.js');
+require('./CreateChannel/components/InviteUsers.js');
+require('./ui/UserListItem.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./CreateChannel/components/SelectChannelType.js');
+
+var GroupChannelList = function (props) {
+    return (React.createElement(GroupChannelList_context.GroupChannelListProvider, _tslib.__assign({}, props),
+        React.createElement(GroupChannelList_components_GroupChannelListUI.GroupChannelListUI, _tslib.__assign({}, props))));
+};
+
+exports.GroupChannelList = GroupChannelList;
+exports.default = GroupChannelList;
+//# sourceMappingURL=GroupChannelList.js.map

package/cjs/GroupChannelList.js.map

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

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,31 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-om7V4Kmd.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-ubmIpm9y.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-H3iUL9jU.js');
-require('../../chunks/bundle-0TRHdH1v.js');
-require('../../chunks/bundle-3-zCFAsZ.js');
-require('../../chunks/bundle-8oh3Iidd.js');
-require('../../chunks/bundle-mNGciuzV.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-cTA4XRQz.js');
+require('../../chunks/bundle-SSVfUJDa.js');
+require('../../chunks/bundle--ygAOWyl.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-DgcTM2HW.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-Zjbgztcu.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-WWYVAaVT.js');
+require('../../chunks/bundle-kp4rHxFj.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-eG-yFfLY.js');
+require('../../chunks/bundle-BIo8a3gP.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-eg9jnWPm.js');
-require('../../chunks/bundle-r9E_mzs-.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-40a4LzCe.js');
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search';
 var MessageSearchUI = function (_a) {

package/cjs/MessageSearch/context.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _tslib = require('../chunks/bundle-H3iUL9jU.js');
+var _tslib = require('../chunks/bundle-Pp2hAi9g.js');
 require('../withSendbird.js');
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';

package/cjs/MessageSearch.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./chunks/bundle-om7V4Kmd.js');
+var LocalizationContext = require('./chunks/bundle-oMHrTlRN.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./chunks/bundle-WWYVAaVT.js');
+var ui_Label = require('./chunks/bundle-kp4rHxFj.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./chunks/bundle-H3iUL9jU.js');
-require('./chunks/bundle-0TRHdH1v.js');
-require('./chunks/bundle-ubmIpm9y.js');
-require('./chunks/bundle-3-zCFAsZ.js');
-require('./chunks/bundle-8oh3Iidd.js');
-require('./chunks/bundle-mNGciuzV.js');
+require('./chunks/bundle-Pp2hAi9g.js');
+require('./chunks/bundle-wKMTgv_N.js');
+require('./chunks/bundle-qTpNvbyy.js');
+require('./chunks/bundle-cTA4XRQz.js');
+require('./chunks/bundle-SSVfUJDa.js');
+require('./chunks/bundle--ygAOWyl.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-Kwa0c8dM.js');
-require('./chunks/bundle-DgcTM2HW.js');
+require('./chunks/bundle-mPK9VGR0.js');
+require('./chunks/bundle-Zjbgztcu.js');
 require('./ui/PlaceHolder.js');
 require('./ui/MessageSearchFileItem.js');
-require('./chunks/bundle-eG-yFfLY.js');
+require('./chunks/bundle-BIo8a3gP.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-eg9jnWPm.js');
-require('./chunks/bundle-r9E_mzs-.js');
-require('./chunks/bundle-08DJamJs.js');
+require('./chunks/bundle-ttLl6tqv.js');
+require('./chunks/bundle-40a4LzCe.js');
+require('./chunks/bundle-cuXn941P.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-om7V4Kmd.js');
-var ui_Label = require('../../chunks/bundle-WWYVAaVT.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../chunks/bundle-H3iUL9jU.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var ui_Label = require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
 
 var FrozenNotification = function () {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;

package/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -1,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../../chunks/bundle-mNGciuzV.js');
+var ui_Avatar = require('../../chunks/bundle--ygAOWyl.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../chunks/bundle-WWYVAaVT.js');
-var LocalizationContext = require('../../chunks/bundle-om7V4Kmd.js');
-var OpenChannel_context = require('../../chunks/bundle-gjgpE5zc.js');
-var MediaQueryContext = require('../../chunks/bundle-lHnGN-3L.js');
-require('../../chunks/bundle-H3iUL9jU.js');
+var ui_Label = require('../../chunks/bundle-kp4rHxFj.js');
+var LocalizationContext = require('../../chunks/bundle-oMHrTlRN.js');
+var OpenChannel_context = require('../../chunks/bundle-p2ei7o2m.js');
+var MediaQueryContext = require('../../chunks/bundle-l18lIHqV.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-DgcTM2HW.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../chunks/bundle-uubJJzRW.js');
-require('../../chunks/bundle-EsJltkVm.js');
-require('../../chunks/bundle-BMB3xh2i.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-ac8CNkHD.js');
+require('../../chunks/bundle-WnDkk4j0.js');
+require('../../chunks/bundle-tlScTb1q.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-jP-1bn23.js');
-require('../../chunks/bundle-49TaYIAY.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
+require('../../chunks/bundle-szNiJOoj.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-eg9jnWPm.js');
-require('../../chunks/bundle--t70CDfb.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-Mku2L7HX.js');
 require('react-dom');
 require('../../ui/Button.js');
-require('../../chunks/bundle--yF0PJ6E.js');
+require('../../chunks/bundle-VSxKlJiY.js');
 
 function OpenchannelConversationHeader() {
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;