@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/ChannelSettings/components/ModerationPanel.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { L as LocalizationContext, u as useLocalization } from '../../chunks/bundle-CAdxJnio.js';
+import { L as LocalizationContext, u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-q3jyuKU7.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-DyVURRtM.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
 import { Toggle } from '../../ui/Toggle.js';
@@ -9,44 +9,44 @@ import Button, { ButtonTypes, ButtonSizes } from '../../ui/Button.js';
 import IconButton from '../../ui/IconButton.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import UserListItem$1 from './UserListItem.js';
-import { a as __awaiter, b as __generator, c as __spreadArray, _ as __assign } from '../../chunks/bundle-CDy_GVNR.js';
-import { M as Modal } from '../../chunks/bundle-DiVyB2HD.js';
+import { a as __awaiter, b as __generator, c as __spreadArray, _ as __assign } from '../../chunks/bundle-zAvvLMA9.js';
+import { M as Modal } from '../../chunks/bundle-DEcnZTr9.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useOnScrollPositionChangeDetector } from '../../chunks/bundle-BGTq2aZA.js';
+import { u as useOnScrollPositionChangeDetector } from '../../chunks/bundle-BIKxhuE6.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { M as MemberList } from '../../chunks/bundle-BXXtOrta.js';
-import { n as noop } from '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
+import { M as MemberList } from '../../chunks/bundle-CGLOlBwH.js';
+import { n as noop } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '../../ui/AccordionGroup.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-8J9SSfIS.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-sq0c8UmG.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-60et0yds.js';
-import '../../chunks/bundle-C1XVT5qc.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-Dub0HHFi.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-CDMcNani.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-HFOQJZAX.js';
+import '../../chunks/bundle-BbT7pAQS.js';
 
 function OperatorsModal(_a) {
     var _this = this;
@@ -62,19 +62,17 @@ function OperatorsModal(_a) {
         var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
             limit: 20,
         });
-        operatorListQuery.next().then(function (operators) {
+        operatorListQuery === null || operatorListQuery === void 0 ? void 0 : operatorListQuery.next().then(function (operators) {
             setOperators(operators);
         });
-        setOperatorQuery(operatorListQuery);
+        setOperatorQuery(operatorListQuery !== null && operatorListQuery !== void 0 ? operatorListQuery : null);
     }, []);
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL, onCancel: onCancel },
             React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: useOnScrollPositionChangeDetector({
                     onReachedBottom: function () { return __awaiter(_this, void 0, void 0, function () {
-                        var hasNext;
                         return __generator(this, function (_a) {
-                            hasNext = operatorQuery.hasNext;
-                            if (hasNext) {
+                            if (operatorQuery && operatorQuery.hasNext) {
                                 operatorQuery.next().then(function (o) {
                                     setOperators(__spreadArray(__spreadArray([], operators, true), o, true));
                                 });
@@ -94,7 +92,7 @@ function OperatorsModal(_a) {
                                         }));
                                     });
                                     closeDropdown();
-                                }, dataSbId: "channel_setting_operator_context_menu_unregister_unregister_operator" }, stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR))); } })));
+                                }, testID: "channel_setting_operator_context_menu_unregister_unregister_operator" }, stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR))); } })));
                 } })); })))));
 }
 
@@ -111,10 +109,10 @@ function AddOperatorsModal(_a) {
             operatorFilter: OperatorFilter.NONOPERATOR,
             limit: 20,
         });
-        memberListQuery.next().then(function (members) {
+        memberListQuery === null || memberListQuery === void 0 ? void 0 : memberListQuery.next().then(function (members) {
             setMembers(members);
         });
-        setMemberQuery(memberListQuery);
+        setMemberQuery(memberListQuery !== null && memberListQuery !== void 0 ? memberListQuery : null);
     }, []);
     var selectedCount = Object.keys(selectedMembers).filter(function (m) { return selectedMembers[m]; }).length;
     return (React__default.createElement("div", null,
@@ -202,7 +200,7 @@ var OperatorList = function () {
                                     }, 500);
                                 });
                                 closeDropdown();
-                            }, dataSbId: "channel_setting_operator_context_menu_unregister_operator" }, stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR))); } }));
+                            }, testID: "channel_setting_operator_context_menu_unregister_operator" }, stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR))); } }));
             } })); }),
         React__default.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
             React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () {
@@ -235,10 +233,12 @@ function BannedUsersModal(_a) {
     var stringSet = useLocalization().stringSet;
     useEffect(function () {
         var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
-        bannedUserListQuery.next().then(function (users) {
-            setMembers(users);
-        });
-        setMemberQuery(bannedUserListQuery);
+        if (bannedUserListQuery) {
+            bannedUserListQuery.next().then(function (users) {
+                setMembers(users);
+            });
+            setMemberQuery(bannedUserListQuery);
+        }
     }, []);
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE },
@@ -246,6 +246,8 @@ function BannedUsersModal(_a) {
                     onReachedBottom: function () { return __awaiter(_this, void 0, void 0, function () {
                         var hasNext;
                         return __generator(this, function (_a) {
+                            if (!memberQuery)
+                                return [2 /*return*/];
                             hasNext = memberQuery.hasNext;
                             if (hasNext) {
                                 memberQuery.next().then(function (o) {
@@ -266,7 +268,7 @@ function BannedUsersModal(_a) {
                                             return (m.userId !== member.userId);
                                         }));
                                     });
-                                }, dataSbId: "channel_setting_banned_user_context_menu_unban" }, stringSet.CHANNEL_SETTING__MODERATION__UNBAN))); } }));
+                                }, testID: "channel_setting_banned_user_context_menu_unban" }, stringSet.CHANNEL_SETTING__MODERATION__UNBAN))); } }));
                 } })); })))));
 }
 
@@ -309,7 +311,7 @@ var BannedMemberList = function () {
                                     closeDropdown();
                                     refreshList();
                                 });
-                            }, dataSbId: "channel_setting_banned_user_context_menu_unban" }, stringSet.CHANNEL_SETTING__MODERATION__UNBAN))); } }));
+                            }, testID: "channel_setting_banned_user_context_menu_unban" }, stringSet.CHANNEL_SETTING__MODERATION__UNBAN))); } }));
             } })); }),
         members && members.length === 0 && (React__default.createElement(Label, { className: "sendbird-channel-settings__empty-list", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_3 }, stringSet.CHANNEL_SETTING__MODERATION__EMPTY_BAN)),
         hasNext && (React__default.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
@@ -338,10 +340,10 @@ function MutedMembersModal(_a) {
             // @ts-ignore
             mutedMemberFilter: 'muted',
         });
-        memberUserListQuery.next().then(function (members) {
+        memberUserListQuery === null || memberUserListQuery === void 0 ? void 0 : memberUserListQuery.next().then(function (members) {
             setMembers(members);
         });
-        setMemberQuery(memberUserListQuery);
+        setMemberQuery(memberUserListQuery !== null && memberUserListQuery !== void 0 ? memberUserListQuery : null);
     }, []);
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE },
@@ -369,7 +371,7 @@ function MutedMembersModal(_a) {
                                             return (m.userId !== member.userId);
                                         }));
                                     });
-                                }, dataSbId: "channel_setting_muted_member_context_menu_unmute" }, stringSet.CHANNEL_SETTING__MODERATION__UNMUTE))); } }));
+                                }, testID: "channel_setting_muted_member_context_menu_unmute" }, stringSet.CHANNEL_SETTING__MODERATION__UNMUTE))); } }));
                 } })); })))));
 }
 
@@ -427,7 +429,7 @@ var MutedMemberList = function () {
                                     }, 500);
                                     closeDropdown();
                                 });
-                            }, dataSbId: "channel_setting_muted_member_context_menu_unmute" }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_SETTING__UNMUTE) || stringSet.CHANNEL_SETTING__MODERATION__UNMUTE))); } }));
+                            }, testID: "channel_setting_muted_member_context_menu_unmute" }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_SETTING__UNMUTE) || stringSet.CHANNEL_SETTING__MODERATION__UNMUTE))); } }));
             } })); }),
         members && members.length === 0 && (React__default.createElement(Label, { className: "sendbird-channel-settings__empty-list", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_3 }, stringSet.CHANNEL_SETTING__NO_UNMUTED)),
         hasNext && (React__default.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
@@ -453,7 +455,8 @@ function ModerationPanel() {
     // https://sendbird.slack.com/archives/G01290GCDCN/p1595922832000900
     // SDK bug - after frozen/unfrozen myRole becomes "none"
     useEffect(function () {
-        setFrozen(channel === null || channel === void 0 ? void 0 : channel.isFrozen);
+        var _a;
+        setFrozen((_a = channel === null || channel === void 0 ? void 0 : channel.isFrozen) !== null && _a !== void 0 ? _a : false);
     }, [channel]);
     return (React__default.createElement(AccordionGroup, { className: "sendbird-channel-settings__operator" },
         React__default.createElement(Accordion, { className: "sendbird-channel-settings__operators-list", id: "operators", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
@@ -462,7 +465,7 @@ function ModerationPanel() {
         React__default.createElement(Accordion, { className: "sendbird-channel-settings__members-list", id: "members", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Icon, { type: IconTypes.MEMBERS, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
                 React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE),
-                React__default.createElement(Badge, { count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) }))); }, renderContent: function () { return React__default.createElement(MemberList, null); } }),
+                React__default.createElement(Badge, { count: (channel === null || channel === void 0 ? void 0 : channel.memberCount) ? kFormatter(channel.memberCount) : '' }))); }, renderContent: function () { return React__default.createElement(MemberList, null); } }),
         // No muted members in broadcast channel
         !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.createElement(Accordion, { id: "mutedMembers", className: "sendbird-channel-settings__muted-members-list", renderTitle: function () { return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Icon, { type: IconTypes.MUTE, fillColor: IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),

package/ChannelSettings/components/ModerationPanel.js.map

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

package/ChannelSettings/components/UserListItem.js

@@ -1,40 +1,40 @@
-import { c as __spreadArray } from '../../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useRef, useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
-import { a as UserProfileContext } from '../../chunks/bundle-60et0yds.js';
-import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
+import { Member } from '@sendbird/chat/groupChannel';
+import { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { a as UserProfileContext } from '../../chunks/bundle-CPH6jPCe.js';
+import { A as Avatar } from '../../chunks/bundle-lS9BV-1I.js';
 import MutedAvatarOverlay from '../../ui/MutedAvatarOverlay.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import UserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/Icon.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/Button.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-8J9SSfIS.js';
-import '../../chunks/bundle-BH5EGLxi.js';
-import '@sendbird/chat/groupChannel';
+import '../../chunks/bundle-sq0c8UmG.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 var UserListItem = function (_a) {
-    var user = _a.user, className = _a.className, currentUser = _a.currentUser, action = _a.action;
+    var user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b, currentUser = _a.currentUser, action = _a.action;
     var actionRef = useRef(null);
     var parentRef = useRef(null);
     var avatarRef = useRef(null);
     var stringSet = useContext(LocalizationContext).stringSet;
-    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
+    var _c = useContext(UserProfileContext), disableUserProfile = _c.disableUserProfile, renderUserProfile = _c.renderUserProfile;
     var injectingClassNames = Array.isArray(className) ? className : [className];
     return (React__default.createElement("div", { ref: parentRef, className: __spreadArray([
             'sendbird-user-list-item--small'
@@ -45,10 +45,10 @@ var UserListItem = function (_a) {
                             toggleDropdown();
                         }
                     }, ref: avatarRef, className: "sendbird-user-list-item--small__avatar", src: user.profileUrl, width: 24, height: 24 }),
-                user.isMuted && (React__default.createElement(MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                user instanceof Member && user.isMuted && (React__default.createElement(MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
                 ? renderUserProfile({
                     user: user,
-                    currentUserId: currentUser,
+                    currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                     close: closeDropdown,
                     avatarRef: avatarRef,
                 })
@@ -62,7 +62,7 @@ var UserListItem = function (_a) {
             user.nickname || stringSet.NO_NAME,
             (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)), // if there is now nickname, display userId
         !user.nickname && (React__default.createElement(Label, { className: "sendbird-user-list-item--small__subtitle", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
-        user.role === 'operator' && (React__default.createElement(Label, { className: "sendbird-user-list-item--small__operator", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
+        user instanceof Member && user.role === 'operator' && (React__default.createElement(Label, { className: "sendbird-user-list-item--small__operator", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
         action && (React__default.createElement("div", { ref: actionRef, className: "sendbird-user-list-item--small__action" }, action({ actionRef: actionRef, parentRef: parentRef })))));
 };
 

package/ChannelSettings/components/UserPanel.js

@@ -1,49 +1,49 @@
 import React__default, { useContext, useState } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
+import { L as LocalizationContext } from '../../chunks/bundle-4r7ZPzcx.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { M as MemberList } from '../../chunks/bundle-BXXtOrta.js';
+import { M as MemberList } from '../../chunks/bundle-CGLOlBwH.js';
 import { useChannelSettingsContext } from '../context.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-CDy_GVNR.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
 import '../../ui/ContextMenu.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-8J9SSfIS.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-sq0c8UmG.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import './UserListItem.js';
-import '../../chunks/bundle-60et0yds.js';
-import '../../chunks/bundle-C1XVT5qc.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-Cj-w5I5i.js';
+import '../../chunks/bundle-DEcnZTr9.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-BGTq2aZA.js';
-import '../../chunks/bundle-CDMcNani.js';
+import '../../chunks/bundle-BIKxhuE6.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-HFOQJZAX.js';
+import '../../chunks/bundle-BbT7pAQS.js';
 
 var kFormatter = function (num) {
     return Math.abs(num) > 999
@@ -62,7 +62,7 @@ var UserPanel = function () {
             React__default.createElement(Icon, { className: "sendbird-channel-settings__panel-icon-left", type: IconTypes.MEMBERS, fillColor: IconColors.PRIMARY, height: "24px", width: "24px" }),
             React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
                 stringSet.CHANNEL_SETTING__MEMBERS__TITLE,
-                React__default.createElement(Badge, { className: 'sendbird-channel-settings__badge', count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) })),
+                React__default.createElement(Badge, { className: 'sendbird-channel-settings__badge', count: channel ? kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) : '' })),
             React__default.createElement(Icon, { className: [
                     'sendbird-channel-settings__panel-icon-right',
                     'sendbird-channel-settings__panel-icon--chevron',

package/ChannelSettings/context.js

@@ -1,8 +1,8 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useState, useEffect } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../chunks/bundle-60et0yds.js';
-import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
+import { U as UserProfileProvider } from '../chunks/bundle-CPH6jPCe.js';
+import { u as uuidv4 } from '../chunks/bundle-sq0c8UmG.js';
 import '../withSendbird.js';
 
 function useAsyncRequest(request, options) {
@@ -79,7 +79,7 @@ var ChannelSettingsProvider = function (_a) {
                 case 2: return [2 /*return*/, _a.sent()];
                 case 3:
                     error_1 = _a.sent();
-                    logger.error('ChannelSettings: fetching channel error:', error_1.message);
+                    logger.error('ChannelSettings: fetching channel error:', error_1);
                     throw error_1;
                 case 4: return [2 /*return*/];
             }
@@ -109,7 +109,12 @@ var ChannelSettingsProvider = function (_a) {
         React__default.createElement(UserProfileProvider, { renderUserProfile: renderUserProfile, disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, onUserProfileMessage: onUserProfileMessage },
             React__default.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
 };
-var useChannelSettingsContext = function () { return React__default.useContext(ChannelSettingsContext); };
+var useChannelSettingsContext = function () {
+    var context = React__default.useContext(ChannelSettingsContext);
+    if (!context)
+        throw new Error('ChannelSettingsContext not found. Use within the ChannelSettings module');
+    return context;
+};
 
 export { ChannelSettingsProvider, useChannelSettingsContext };
 //# sourceMappingURL=context.js.map

package/ChannelSettings/context.js.map

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

package/ChannelSettings.js

@@ -1,32 +1,32 @@
+import { _ as __assign } from './chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
 import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js';
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
-import './chunks/bundle-CDy_GVNR.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ChannelSettings/components/ChannelSettingsHeader.js';
-import './chunks/bundle-CAdxJnio.js';
-import './chunks/bundle-B621kS6J.js';
-import './chunks/bundle-9Pg6kODx.js';
+import './chunks/bundle-4r7ZPzcx.js';
+import './chunks/bundle-BvFSwy4a.js';
+import './chunks/bundle-D2RTt6tN.js';
 import './ui/Icon.js';
-import './chunks/bundle-DhJuLwLJ.js';
+import './chunks/bundle-Dl6p5CcR.js';
 import './ui/Header.js';
-import './chunks/bundle-q3jyuKU7.js';
-import './chunks/bundle-Cj-w5I5i.js';
+import './chunks/bundle-DyVURRtM.js';
+import './chunks/bundle-DS8lmYaF.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BCuW6lS8.js';
+import './chunks/bundle-BgxEVQoU.js';
 import './ui/IconButton.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-C1XVT5qc.js';
+import './chunks/bundle-lS9BV-1I.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BQPvwBK8.js';
-import './chunks/bundle-DHrYAkRt.js';
+import './chunks/bundle-BEDpWEUq.js';
+import './chunks/bundle-DaVYmO9d.js';
 import './ChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-DiVyB2HD.js';
-import './chunks/bundle-BH5EGLxi.js';
+import './chunks/bundle-DEcnZTr9.js';
+import './chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
 import 'react-dom';
@@ -34,11 +34,11 @@ import './ui/Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import './chunks/bundle-8J9SSfIS.js';
+import './chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-D2MpL8t0.js';
-import './chunks/bundle-thdxvFU8.js';
-import './chunks/bundle-2vhBVWLQ.js';
+import './chunks/bundle-CflUdLjG.js';
+import './chunks/bundle-DaqQkuav.js';
+import './chunks/bundle-HbS5lB90.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
@@ -48,24 +48,24 @@ import './ui/Toggle.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-60et0yds.js';
+import './chunks/bundle-CPH6jPCe.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './chunks/bundle-CtgXJZJt.js';
+import './chunks/bundle-Dub0HHFi.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './chunks/bundle-BGTq2aZA.js';
-import './chunks/bundle-CDMcNani.js';
+import './chunks/bundle-BIKxhuE6.js';
+import './chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-HFOQJZAX.js';
-import './chunks/bundle-BXXtOrta.js';
+import './chunks/bundle-BbT7pAQS.js';
+import './chunks/bundle-CGLOlBwH.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 
 var ChannelSettings = function (props) {
-    return (React__default.createElement(ChannelSettingsProvider, { overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, channelUrl: props.channelUrl, onCloseClick: props === null || props === void 0 ? void 0 : props.onCloseClick, onLeaveChannel: props === null || props === void 0 ? void 0 : props.onLeaveChannel, onChannelModified: props === null || props === void 0 ? void 0 : props.onChannelModified, onBeforeUpdateChannel: props === null || props === void 0 ? void 0 : props.onBeforeUpdateChannel, queries: props === null || props === void 0 ? void 0 : props.queries, className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile },
-        React__default.createElement(ChannelSettingsUI, { renderPlaceholderError: props === null || props === void 0 ? void 0 : props.renderPlaceholderError, renderChannelProfile: props === null || props === void 0 ? void 0 : props.renderChannelProfile, renderModerationPanel: props === null || props === void 0 ? void 0 : props.renderModerationPanel, renderLeaveChannel: props === null || props === void 0 ? void 0 : props.renderLeaveChannel })));
+    return (React__default.createElement(ChannelSettingsProvider, __assign({}, props),
+        React__default.createElement(ChannelSettingsUI, __assign({}, props))));
 };
 
 export { ChannelSettings as default };

package/CreateChannel/components/CreateChannelUI.js

@@ -1,39 +1,39 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../chunks/bundle-iA2l_iD3.js';
+import { u as useCreateChannelContext } from '../../chunks/bundle-CEP8HgMT.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-Dub0HHFi.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CDy_GVNR.js';
-import '../../chunks/bundle-CAdxJnio.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-Cj-w5I5i.js';
-import '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-BH5EGLxi.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-4r7ZPzcx.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DS8lmYaF.js';
+import '../../chunks/bundle-DEcnZTr9.js';
+import '../../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-q3jyuKU7.js';
+import '../../chunks/bundle-DyVURRtM.js';
 import '../../ui/Icon.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-60et0yds.js';
-import '../../chunks/bundle-C1XVT5qc.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
@@ -47,7 +47,7 @@ var CreateChannel = function (props) {
         step === 0 && ((renderStepOne === null || renderStepOne === void 0 ? void 0 : renderStepOne()) || (React__default.createElement(SelectChannelType, { onCancel: onCancel }))),
         step === 1 && (React__default.createElement(InviteUsers, { userListQuery: userListQuery, onCancel: function () {
                 setStep(0);
-                onCancel();
+                onCancel === null || onCancel === void 0 ? void 0 : onCancel();
             } }))));
 };