@sendbird/uikit-react 3.14.3-rc.1 → 3.14.4

package/GroupChannelList/components/GroupChannelListUI.js

@@ -1,71 +1,74 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-Dd7yWAzk.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-7oF7KbGv.js';
 import React__default from 'react';
 import { useGroupChannelListContext } from '../context.js';
-import { G as GroupChannelListUIView } from '../../chunks/bundle-oKpBi3n1.js';
+import { G as GroupChannelListUIView } from '../../chunks/bundle-CJk_QDUV.js';
 import { GroupChannelPreviewAction } from './GroupChannelPreviewAction.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { GroupChannelListItem } from './GroupChannelListItem.js';
 import { AddGroupChannel } from './AddGroupChannel.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-BZt7yK_Y.js';
-import '../../chunks/bundle-Du8hBYjM.js';
+import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-Byig85JJ.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-ByTQtdFM.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-ByvmbZD0.js';
 import './GroupChannelListHeader.js';
-import '../../chunks/bundle-DW4HEvvh.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-BeTPrbXl.js';
+import '../../chunks/bundle-Bx5vhTbU.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-CNJMLyGJ.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BCL7kk-0.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DjFflxR1.js';
+import '../../chunks/bundle-LYAWKk4n.js';
+import '../../ui/Header.js';
+import '../../chunks/bundle-Diqj6For.js';
+import '../../ui/TextButton.js';
+import '../../chunks/bundle-HoQqraNc.js';
+import '../../ui/IconButton.js';
 import '../../EditUserProfile.js';
 import '../../EditUserProfile/context.js';
 import '../../EditUserProfile/components/EditUserProfileUI.js';
-import '../../chunks/bundle-BADg8JRM.js';
-import '../../chunks/bundle-bTVomhqp.js';
+import '../../chunks/bundle-BvaqGh4L.js';
+import '../../chunks/bundle-C4Z-NWqF.js';
+import '../../chunks/bundle-BWCGFXhj.js';
+import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-BrPQ1xtW.js';
-import '../../ui/IconButton.js';
 import '../../ui/Button.js';
+import '../../withSendbird.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import '../../ui/Input.js';
-import '../../ui/TextButton.js';
-import '../../chunks/bundle-Vk50O4-7.js';
 import '../../ui/PlaceHolder.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-C5KSa4Q_.js';
-import '../../chunks/bundle-B7UQ7Txq.js';
-import '../../chunks/bundle-BP5nTWqh.js';
+import '../../chunks/bundle-DaoHZIZy.js';
+import '../../chunks/bundle-DDkUg3Os.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-DvRNa17t.js';
+import '../../chunks/bundle-uBJzoaNT.js';
 import '../../ui/ContextMenu.js';
-import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-COdy8feS.js';
-import '../../chunks/bundle-BCAy5wyj.js';
-import '../../chunks/bundle-8xJ-Z5vU.js';
-import '../../chunks/bundle-DFyJYJtg.js';
-import '../../chunks/bundle-BuRpKo8a.js';
-import '../../chunks/bundle-DChZSw0N.js';
+import '../../chunks/bundle-DJTSztr0.js';
+import '../../chunks/bundle-C040958G.js';
+import '../../chunks/bundle-yZ1rqvSQ.js';
+import '../../chunks/bundle-CaaUNO3F.js';
+import '../../chunks/bundle-fRP_rTVb.js';
+import '../../chunks/bundle-Gx0ryc_f.js';
 import '../../GroupChannel/components/TypingIndicator.js';
 import '../../ui/Badge.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-D0Atuq2W.js';
+import '../../chunks/bundle-_-vntp1z.js';
 import '../../ui/MentionUserLabel.js';
-import '../../chunks/bundle-BRt6gbIr.js';
-import '../../chunks/bundle-DKHcEPfr.js';
+import '../../chunks/bundle-B5N2u5f-.js';
+import '../../chunks/bundle-DQFIz2Zf.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../chunks/bundle-DX0g6QGP.js';
+import '../../chunks/bundle-B8gKMDtp.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-DtHyIHaJ.js';
+import '../../chunks/bundle-BWuyd0AD.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
@@ -73,51 +76,51 @@ import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../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 = 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(), 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__default.createElement(GroupChannelPreviewAction, __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 __awaiter(this, void 0, void 0, function () {
-                    return __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__default.createElement("div", { key: channel.url, onClick: itemProps.onClick }, renderChannelPreview(itemProps)));
-        }
-        return React__default.createElement(GroupChannelListItem, __assign({ key: channel.url }, itemProps));
-    };
-    return (React__default.createElement(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__default.createElement(AddGroupChannel, null); } }));
+var GroupChannelListUI = function (props) {
+    var renderHeader = props.renderHeader, renderChannelPreview = props.renderChannelPreview, renderPlaceHolderError = props.renderPlaceHolderError, renderPlaceHolderLoading = props.renderPlaceHolderLoading, renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList;
+    var _a = 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(), 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__default.createElement(GroupChannelPreviewAction, __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 __awaiter(this, void 0, void 0, function () {
+                    return __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__default.createElement("div", { key: channel.url, onClick: itemProps.onClick }, renderChannelPreview(itemProps)));
+        }
+        return React__default.createElement(GroupChannelListItem, __assign({ key: channel.url }, itemProps));
+    };
+    return (React__default.createElement(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__default.createElement(AddGroupChannel, null); } }));
 };
 
 export { GroupChannelListUI, GroupChannelListUI as default };

package/GroupChannelList/components/GroupChannelListUI.js.map

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

package/GroupChannelList/components/GroupChannelPreviewAction.js

@@ -1,63 +1,67 @@
 import React__default, { useRef, useState, useContext } from 'react';
-import { u as useLocalization, L as LocalizationContext } from '../../chunks/bundle-DW4HEvvh.js';
+import { u as useLocalization, L as LocalizationContext } from '../../chunks/bundle-Bx5vhTbU.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as Modal } from '../../chunks/bundle-bTVomhqp.js';
+import { M as Modal } from '../../chunks/bundle-C4Z-NWqF.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-BbWD2VuS.js';
+import '../../chunks/bundle-7oF7KbGv.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-BWCGFXhj.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../chunks/bundle-DjFflxR1.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-LYAWKk4n.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-Diqj6For.js';
 import '../../ui/Button.js';
+import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
+import 'css-vars-ponyfill';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-CD9AzC6s.js';
 
-var LeaveGroupChannel = function (_a) {
-    var channel = _a.channel, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
-    var config = useSendbirdStateContext().config;
-    var logger = config.logger, isOnline = config.isOnline;
-    var stringSet = useLocalization().stringSet;
-    if (channel) {
-        return (React__default.createElement(Modal, { disabled: !isOnline, onCancel: onCancel, onSubmit: function () {
-                logger.info('LeaveGroupChannel: Leaving channel', channel);
-                channel.leave().then(function () {
-                    logger.info('LeaveGroupChannel: Leaving channel successful!', channel);
-                    onSubmit();
-                });
-            }, submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER, titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE }));
-    }
+var LeaveGroupChannel = function (_a) {
+    var channel = _a.channel, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
+    var config = useSendbirdStateContext().config;
+    var logger = config.logger, isOnline = config.isOnline;
+    var stringSet = useLocalization().stringSet;
+    if (channel) {
+        return (React__default.createElement(Modal, { disabled: !isOnline, onCancel: onCancel, onSubmit: function () {
+                logger.info('LeaveGroupChannel: Leaving channel', channel);
+                channel.leave().then(function () {
+                    logger.info('LeaveGroupChannel: Leaving channel successful!', channel);
+                    onSubmit();
+                });
+            }, submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER, titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE }));
+    }
 };
 
-function GroupChannelPreviewAction(_a) {
-    var channel = _a.channel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onLeaveChannel = _a.onLeaveChannel;
-    var parentRef = useRef(null);
-    var parentContainerRef = useRef(null);
-    var _c = useState(false), showModal = _c[0], setShowModal = _c[1];
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { ref: parentContainerRef, tabIndex: 0, role: "button", style: { display: 'inline-block' }, onKeyDown: function (e) { return e.stopPropagation(); }, onClick: function (e) { return e.stopPropagation(); } },
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { ref: parentRef, onClick: toggleDropdown, height: "32px", width: "32px" },
-                React__default.createElement(Icon, { type: IconTypes.MORE, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: parentRef, parentContainRef: parentContainerRef, closeDropdown: closeDropdown },
-                React__default.createElement(MenuItem, { onClick: function () {
-                        if (disabled)
-                            return;
-                        setShowModal(true);
-                        closeDropdown();
-                    }, dataSbId: "channel_list_item_context_menu_leave_channel" }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))); } }),
-        showModal && (React__default.createElement(LeaveGroupChannel, { channel: channel, onSubmit: function () {
-                setShowModal(false);
-                onLeaveChannel === null || onLeaveChannel === void 0 ? void 0 : onLeaveChannel();
-            }, onCancel: function () { return setShowModal(false); } }))));
+function GroupChannelPreviewAction(_a) {
+    var channel = _a.channel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onLeaveChannel = _a.onLeaveChannel;
+    var parentRef = useRef(null);
+    var parentContainerRef = useRef(null);
+    var _c = useState(false), showModal = _c[0], setShowModal = _c[1];
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { ref: parentContainerRef, tabIndex: 0, role: "button", style: { display: 'inline-block' }, onKeyDown: function (e) { return e.stopPropagation(); }, onClick: function (e) { return e.stopPropagation(); } },
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { ref: parentRef, onClick: toggleDropdown, height: "32px", width: "32px" },
+                React__default.createElement(Icon, { type: IconTypes.MORE, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: parentRef, parentContainRef: parentContainerRef, closeDropdown: closeDropdown },
+                React__default.createElement(MenuItem, { onClick: function () {
+                        if (disabled)
+                            return;
+                        setShowModal(true);
+                        closeDropdown();
+                    }, dataSbId: "channel_list_item_context_menu_leave_channel" }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))); } }),
+        showModal && (React__default.createElement(LeaveGroupChannel, { channel: channel, onSubmit: function () {
+                setShowModal(false);
+                onLeaveChannel === null || onLeaveChannel === void 0 ? void 0 : onLeaveChannel();
+            }, onCancel: function () { return setShowModal(false); } }))));
 }
 
 export { GroupChannelPreviewAction, GroupChannelPreviewAction as default };

package/GroupChannelList/components/GroupChannelPreviewAction.js.map

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

package/GroupChannelList/context.js

@@ -1,107 +1,91 @@
-import { _ as __assign } from '../chunks/bundle-Dd7yWAzk.js';
+import { _ as __assign } from '../chunks/bundle-7oF7KbGv.js';
 import React__default, { useEffect, useState, useContext } from 'react';
 import { GroupChannelFilter } from '@sendbird/chat/groupChannel';
 import { useGroupChannelList, useGroupChannelHandler } from '@sendbird/uikit-tools';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../chunks/bundle-BZt7yK_Y.js';
-import { u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from '../chunks/bundle-Du8hBYjM.js';
-import { n as noop } from '../chunks/bundle-ByTQtdFM.js';
+import { U as UserProfileProvider } from '../chunks/bundle-B7barEsR.js';
+import { u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from '../chunks/bundle-Byig85JJ.js';
+import { n as noop } from '../chunks/bundle-ByvmbZD0.js';
 import '../withSendbird.js';
 import '@sendbird/chat';
-import '../chunks/bundle-D7HxTsM2.js';
+import '../chunks/bundle-BJ46V6XQ.js';
 
-var GroupChannelListContext = React__default.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 ? noop : _f, _g = props.onChannelCreated, onChannelCreated = _g === void 0 ? noop : _g, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onUserProfileUpdated = props.onUserProfileUpdated, 
-    // UserProfile
-    disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile, onUserProfileMessage = props.onUserProfileMessage;
-    var globalStore = 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 = useOnlineStatus(sdk, config.logger);
-    var scheduler = useMarkAsDeliveredScheduler({ isConnected: isConnected }, config);
-    var channelListDataSource = 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
-    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 = useState([]), typingChannelUrls = _k[0], setTypingChannelUrls = _k[1];
-    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__default.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__default.createElement(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__default.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
-};
-var useGroupChannelListContext = function () {
-    var context = 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 = __assign(__assign({}, defaultParams), channelListQueryParams);
-        return sdk.groupChannel.createGroupChannelCollection(__assign(__assign({}, params), { filter: new GroupChannelFilter(params) }));
-    };
+var GroupChannelListContext = React__default.createContext(null);
+var GroupChannelListProvider = function (props) {
+    var _a, _b, _c;
+    var children = props.children, _d = props.className, className = _d === void 0 ? '' : _d, selectedChannelUrl = props.selectedChannelUrl, _e = props.disableAutoSelect, disableAutoSelect = _e === void 0 ? false : _e, allowProfileEdit = props.allowProfileEdit, isTypingIndicatorEnabled = props.isTypingIndicatorEnabled, isMessageReceiptStatusEnabled = props.isMessageReceiptStatusEnabled, channelListQueryParams = props.channelListQueryParams, onThemeChange = props.onThemeChange, _f = props.onChannelSelect, onChannelSelect = _f === void 0 ? noop : _f, _g = props.onChannelCreated, onChannelCreated = _g === void 0 ? noop : _g, onCreateChannelClick = props.onCreateChannelClick, onBeforeCreateChannel = props.onBeforeCreateChannel, onUserProfileUpdated = props.onUserProfileUpdated, disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile, onUserProfileMessage = props.onUserProfileMessage;
+    var globalStore = useSendbirdStateContext();
+    var config = globalStore.config, stores = globalStore.stores;
+    var sdkStore = stores.sdkStore;
+    var sdk = sdkStore.sdk;
+    var isConnected = useOnlineStatus(sdk, config.logger);
+    var scheduler = useMarkAsDeliveredScheduler({ isConnected: isConnected }, config);
+    var channelListDataSource = 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
+    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 _h = useState([]), typingChannelUrls = _h[0], setTypingChannelUrls = _h[1];
+    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__default.createElement(GroupChannelListContext.Provider, { value: {
+            className: className,
+            selectedChannelUrl: selectedChannelUrl,
+            disableAutoSelect: disableAutoSelect,
+            allowProfileEdit: (_a = allowProfileEdit !== null && allowProfileEdit !== void 0 ? allowProfileEdit : config.allowProfileEdit) !== null && _a !== void 0 ? _a : true,
+            isTypingIndicatorEnabled: (_b = isTypingIndicatorEnabled !== null && isTypingIndicatorEnabled !== void 0 ? isTypingIndicatorEnabled : config.groupChannelList.enableTypingIndicator) !== null && _b !== void 0 ? _b : false,
+            isMessageReceiptStatusEnabled: (_c = isMessageReceiptStatusEnabled !== null && isMessageReceiptStatusEnabled !== void 0 ? isMessageReceiptStatusEnabled : config.groupChannelList.enableMessageReceiptStatus) !== null && _c !== void 0 ? _c : false,
+            onChannelSelect: onChannelSelect,
+            onChannelCreated: onChannelCreated,
+            onThemeChange: onThemeChange,
+            onCreateChannelClick: onCreateChannelClick,
+            onBeforeCreateChannel: onBeforeCreateChannel,
+            onUserProfileUpdated: onUserProfileUpdated,
+            typingChannelUrls: typingChannelUrls,
+            refreshing: refreshing,
+            initialized: initialized,
+            groupChannels: groupChannels,
+            refresh: refresh,
+            loadMore: loadMore,
+        } },
+        React__default.createElement(UserProfileProvider, { disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, 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__default.createElement("div", { className: "sendbird-channel-list ".concat(className) }, children))));
+};
+var useGroupChannelListContext = function () {
+    var context = 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 = __assign(__assign({}, defaultParams), channelListQueryParams);
+        return sdk.groupChannel.createGroupChannelCollection(__assign(__assign({}, params), { filter: new GroupChannelFilter(params) }));
+    };
 }
 
 export { GroupChannelListContext, GroupChannelListProvider, useGroupChannelListContext };

package/GroupChannelList/context.js.map

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