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

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Toggle = require('../../ui/Toggle.js');
@@ -11,44 +11,44 @@ var ui_Button = require('../../ui/Button.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./UserListItem.js');
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
-var ui_Modal = require('../../chunks/bundle-DJ9gapN2.js');
+var _tslib = require('../../chunks/bundle-BGmEoqIq.js');
+var ui_Modal = require('../../chunks/bundle-CkSDsWpR.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
 var ChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var index = require('../../chunks/bundle-hXD0NDZt.js');
+var index = require('../../chunks/bundle-DjFJYSI3.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var MemberList = require('../../chunks/bundle-hVU-fzqu.js');
-var utils = require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
+var MemberList = require('../../chunks/bundle-LO8nBYJf.js');
+var utils = require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
 require('../../ui/AccordionGroup.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-C9goSwm_.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-D1X4MKLh.js');
+require('../../chunks/bundle-BYarXD6U.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-BMN1aDia.js');
+require('../../chunks/bundle-q7OlAphN.js');
 
 function OperatorsModal(_a) {
     var _this = this;
@@ -64,19 +64,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.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL, onCancel: onCancel },
             React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
                     onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                        var hasNext;
                         return _tslib.__generator(this, function (_a) {
-                            hasNext = operatorQuery.hasNext;
-                            if (hasNext) {
+                            if (operatorQuery && operatorQuery.hasNext) {
                                 operatorQuery.next().then(function (o) {
                                     setOperators(_tslib.__spreadArray(_tslib.__spreadArray([], operators, true), o, true));
                                 });
@@ -96,7 +94,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))); } })));
                 } })); })))));
 }
 
@@ -113,10 +111,10 @@ function AddOperatorsModal(_a) {
             operatorFilter: groupChannel.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.createElement("div", null,
@@ -204,7 +202,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.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
             React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
@@ -237,10 +235,12 @@ function BannedUsersModal(_a) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     React.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.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE },
@@ -248,6 +248,8 @@ function BannedUsersModal(_a) {
                     onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
                         var hasNext;
                         return _tslib.__generator(this, function (_a) {
+                            if (!memberQuery)
+                                return [2 /*return*/];
                             hasNext = memberQuery.hasNext;
                             if (hasNext) {
                                 memberQuery.next().then(function (o) {
@@ -268,7 +270,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))); } }));
                 } })); })))));
 }
 
@@ -311,7 +313,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.createElement(ui_Label.Label, { className: "sendbird-channel-settings__empty-list", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.CHANNEL_SETTING__MODERATION__EMPTY_BAN)),
         hasNext && (React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
@@ -340,10 +342,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.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE },
@@ -371,7 +373,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))); } }));
                 } })); })))));
 }
 
@@ -429,7 +431,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.createElement(ui_Label.Label, { className: "sendbird-channel-settings__empty-list", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.CHANNEL_SETTING__NO_UNMUTED)),
         hasNext && (React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
@@ -455,7 +457,8 @@ function ModerationPanel() {
     // https://sendbird.slack.com/archives/G01290GCDCN/p1595922832000900
     // SDK bug - after frozen/unfrozen myRole becomes "none"
     React.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.createElement(ui_Accordion.AccordionGroup, { className: "sendbird-channel-settings__operator" },
         React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__operators-list", id: "operators", renderTitle: function () { return (React.createElement(React.Fragment, null,
@@ -464,7 +467,7 @@ function ModerationPanel() {
         React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__members-list", id: "members", renderTitle: function () { return (React.createElement(React.Fragment, null,
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE),
-                React.createElement(ui_Badge, { count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) }))); }, renderContent: function () { return React.createElement(MemberList.MemberList, null); } }),
+                React.createElement(ui_Badge, { count: (channel === null || channel === void 0 ? void 0 : channel.memberCount) ? kFormatter(channel.memberCount) : '' }))); }, renderContent: function () { return React.createElement(MemberList.MemberList, null); } }),
         // No muted members in broadcast channel
         !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_Accordion.default, { id: "mutedMembers", className: "sendbird-channel-settings__muted-members-list", renderTitle: function () { return (React.createElement(React.Fragment, null,
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MUTE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),

package/cjs/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/cjs/ChannelSettings/components/UserListItem.js

@@ -1,42 +1,42 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var UserProfileContext = require('../../chunks/bundle-D7v4i_Ae.js');
-var ui_Avatar = require('../../chunks/bundle-C0ZNrrcl.js');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
+var UserProfileContext = require('../../chunks/bundle-Ch54AIEU.js');
+var ui_Avatar = require('../../chunks/bundle-BpJxkKab.js');
 var ui_MutedAvatarOverlay = require('../../ui/MutedAvatarOverlay.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
 require('../../ui/Icon.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('../../ui/Button.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
-require('@sendbird/chat/groupChannel');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('../../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 = React.useRef(null);
     var parentRef = React.useRef(null);
     var avatarRef = React.useRef(null);
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _b = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
+    var _c = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _c.disableUserProfile, renderUserProfile = _c.renderUserProfile;
     var injectingClassNames = Array.isArray(className) ? className : [className];
     return (React.createElement("div", { ref: parentRef, className: _tslib.__spreadArray([
             'sendbird-user-list-item--small'
@@ -47,10 +47,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.createElement(ui_MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                user instanceof groupChannel.Member && user.isMuted && (React.createElement(ui_MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
                 ? renderUserProfile({
                     user: user,
-                    currentUserId: currentUser,
+                    currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                     close: closeDropdown,
                     avatarRef: avatarRef,
                 })
@@ -64,7 +64,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.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__subtitle", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
-        user.role === 'operator' && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__operator", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
+        user instanceof groupChannel.Member && user.role === 'operator' && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__operator", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
         action && (React.createElement("div", { ref: actionRef, className: "sendbird-user-list-item--small__action" }, action({ actionRef: actionRef, parentRef: parentRef })))));
 };
 

package/cjs/ChannelSettings/components/UserPanel.js

@@ -1,51 +1,51 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
+var LocalizationContext = require('../../chunks/bundle-u9XWE6Rm.js');
+var ui_Label = require('../../chunks/bundle-DgWaY7S0.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var MemberList = require('../../chunks/bundle-hVU-fzqu.js');
+var MemberList = require('../../chunks/bundle-LO8nBYJf.js');
 var ChannelSettings_context = require('../context.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-FcnFNV4V.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
 require('../../ui/ContextMenu.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('./UserListItem.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-CkSDsWpR.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-hXD0NDZt.js');
-require('../../chunks/bundle-D1X4MKLh.js');
+require('../../chunks/bundle-DjFJYSI3.js');
+require('../../chunks/bundle-BYarXD6U.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-BMN1aDia.js');
+require('../../chunks/bundle-q7OlAphN.js');
 
 var kFormatter = function (num) {
     return Math.abs(num) > 999
@@ -64,7 +64,7 @@ var UserPanel = function () {
             React.createElement(ui_Icon.default, { className: "sendbird-channel-settings__panel-icon-left", type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, height: "24px", width: "24px" }),
             React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
                 stringSet.CHANNEL_SETTING__MEMBERS__TITLE,
-                React.createElement(ui_Badge, { className: 'sendbird-channel-settings__badge', count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) })),
+                React.createElement(ui_Badge, { className: 'sendbird-channel-settings__badge', count: channel ? kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) : '' })),
             React.createElement(ui_Icon.default, { className: [
                     'sendbird-channel-settings__panel-icon-right',
                     'sendbird-channel-settings__panel-icon--chevron',

package/cjs/ChannelSettings/context.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-D7v4i_Ae.js');
-var uuid = require('../chunks/bundle-Ub33KGva.js');
+var UserProfileContext = require('../chunks/bundle-Ch54AIEU.js');
+var uuid = require('../chunks/bundle-nJ_H0gk1.js');
 require('../withSendbird.js');
 
 function useAsyncRequest(request, options) {
@@ -81,7 +81,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*/];
             }
@@ -111,7 +111,12 @@ var ChannelSettingsProvider = function (_a) {
         React.createElement(UserProfileContext.UserProfileProvider, { renderUserProfile: renderUserProfile, disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, onUserProfileMessage: onUserProfileMessage },
             React.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
 };
-var useChannelSettingsContext = function () { return React.useContext(ChannelSettingsContext); };
+var useChannelSettingsContext = function () {
+    var context = React.useContext(ChannelSettingsContext);
+    if (!context)
+        throw new Error('ChannelSettingsContext not found. Use within the ChannelSettings module');
+    return context;
+};
 
 exports.ChannelSettingsProvider = ChannelSettingsProvider;
 exports.useChannelSettingsContext = useChannelSettingsContext;

package/cjs/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/cjs/ChannelSettings.js

@@ -1,34 +1,34 @@
 'use strict';
 
+var _tslib = require('./chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/components/ChannelSettingsUI.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
-require('./chunks/bundle-C-r9vRgc.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ChannelSettings/components/ChannelSettingsHeader.js');
-require('./chunks/bundle-B7wJ4Hqk.js');
-require('./chunks/bundle-DWBc-Yv7.js');
-require('./chunks/bundle-CDJXrIVC.js');
+require('./chunks/bundle-u9XWE6Rm.js');
+require('./chunks/bundle-5FP1wNLB.js');
+require('./chunks/bundle-dokTsajJ.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-CLte647H.js');
+require('./chunks/bundle-FcnFNV4V.js');
 require('./ui/Header.js');
-require('./chunks/bundle-Deao1Upp.js');
-require('./chunks/bundle-CLNUkVC8.js');
+require('./chunks/bundle-DgWaY7S0.js');
+require('./chunks/bundle-Bsd8mnLE.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DWGp201o.js');
+require('./chunks/bundle-D91GTav0.js');
 require('./ui/IconButton.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-C0ZNrrcl.js');
+require('./chunks/bundle-BpJxkKab.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-CxNGVWIy.js');
-require('./chunks/bundle-B4EdciCR.js');
+require('./chunks/bundle-Ca2fr0Kb.js');
+require('./chunks/bundle-XqNA0vsK.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-DJ9gapN2.js');
-require('./chunks/bundle-Cw7xe6J1.js');
+require('./chunks/bundle-CkSDsWpR.js');
+require('./chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('./utils/message/getOutgoingMessageState.js');
 require('react-dom');
@@ -36,11 +36,11 @@ require('./ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('./chunks/bundle-Ub33KGva.js');
+require('./chunks/bundle-nJ_H0gk1.js');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-BAqFIbKr.js');
-require('./chunks/bundle-Ca7xeBTO.js');
-require('./chunks/bundle-Bpy7IQta.js');
+require('./chunks/bundle-DzkRFA4-.js');
+require('./chunks/bundle-B9KKI197.js');
+require('./chunks/bundle-K2UuTY_r.js');
 require('./ui/Input.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
@@ -50,24 +50,24 @@ require('./ui/Toggle.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-D7v4i_Ae.js');
+require('./chunks/bundle-Ch54AIEU.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./chunks/bundle-DpK1fr1j.js');
+require('./chunks/bundle-C9goSwm_.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
-require('./chunks/bundle-hXD0NDZt.js');
-require('./chunks/bundle-D1X4MKLh.js');
+require('./chunks/bundle-DjFJYSI3.js');
+require('./chunks/bundle-BYarXD6U.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-BMN1aDia.js');
-require('./chunks/bundle-hVU-fzqu.js');
+require('./chunks/bundle-q7OlAphN.js');
+require('./chunks/bundle-LO8nBYJf.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 
 var ChannelSettings = function (props) {
-    return (React.createElement(ChannelSettings_context.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.createElement(ChannelSettings_components_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.createElement(ChannelSettings_context.ChannelSettingsProvider, _tslib.__assign({}, props),
+        React.createElement(ChannelSettings_components_ChannelSettingsUI, _tslib.__assign({}, props))));
 };
 
 module.exports = ChannelSettings;

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,41 +1,41 @@
 'use strict';
 
 var React = require('react');
-var CreateChannel_context = require('../../chunks/bundle-B-0_xv9u.js');
+var CreateChannel_context = require('../../chunks/bundle-V6Y5v5ft.js');
 var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
 var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-C9goSwm_.js');
+require('../../chunks/bundle-FcnFNV4V.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-B7wJ4Hqk.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-CLNUkVC8.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-u9XWE6Rm.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
+require('../../chunks/bundle-CkSDsWpR.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-Deao1Upp.js');
+require('../../chunks/bundle-DgWaY7S0.js');
 require('../../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-K2UuTY_r.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
@@ -49,7 +49,7 @@ var CreateChannel = function (props) {
         step === 0 && ((renderStepOne === null || renderStepOne === void 0 ? void 0 : renderStepOne()) || (React.createElement(CreateChannel_components_SelectChannelType, { onCancel: onCancel }))),
         step === 1 && (React.createElement(CreateChannel_components_InviteUsers, { userListQuery: userListQuery, onCancel: function () {
                 setStep(0);
-                onCancel();
+                onCancel === null || onCancel === void 0 ? void 0 : onCancel();
             } }))));
 };