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

package/cjs/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,43 +1,43 @@
 '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_TextButton = require('../../ui/TextButton.js');
 var ui_OpenChannelAvatar = require('../../ui/OpenChannelAvatar.js');
 var OpenChannelSettings_components_EditDetailsModal = require('./EditDetailsModal.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-DWGp201o.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-BGmEoqIq.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-D91GTav0.js');
+require('../../chunks/bundle-BpJxkKab.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('../../chunks/bundle-B4EdciCR.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-XqNA0vsK.js');
+require('../../chunks/bundle-C9goSwm_.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('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 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('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-Ch54AIEU.js');
 
 function ChannelProfile() {
     var _a, _b;

package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -3,45 +3,45 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-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_PlaceHolder = require('../../ui/PlaceHolder.js');
 var OpenChannelSettings_components_OperatorUI = require('./OperatorUI.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-DFsKxEv-.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-D6wHS_BW.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+require('../../chunks/bundle-BGmEoqIq.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
+require('../../chunks/bundle-FcnFNV4V.js');
 require('../../ui/Loader.js');
 require('./OpenChannelProfile.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-D91GTav0.js');
 require('../../ui/OpenChannelAvatar.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('./EditDetailsModal.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-C9goSwm_.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('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-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('../../ui/Accordion.js');
 require('../../ui/AccordionGroup.js');
@@ -60,7 +60,7 @@ function InvalidChannel(_a) {
         React.createElement("div", { className: "sendbird-openchannel-settings__header" },
             React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
             React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, className: "sendbird-openchannel-settings__close-icon", height: "24px", width: "24px", onClick: function () {
-                    onCloseClick();
+                    onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
                 } })),
         React.createElement("div", { className: "sendbird-openchannel-settings__placeholder" },
             React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))));
@@ -88,7 +88,7 @@ var OpenChannelUI = function (_a) {
             React.createElement("div", { className: "sendbird-openchannel-settings__header" },
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE),
                 React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, className: "sendbird-openchannel-settings__close-icon", height: "24px", width: "24px", onClick: function () {
-                        onCloseClick();
+                        onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
                     } })),
             (renderParticipantList === null || renderParticipantList === void 0 ? void 0 : renderParticipantList()) || (React.createElement(OpenChannelSettings_components_ParticipantUI.ParticipantList, null))))));
 };

package/cjs/OpenChannelSettings/components/OperatorUI.js

@@ -3,48 +3,48 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 OpenChannelSettings_context = require('../context.js');
 var OpenChannelSettings_components_OpenChannelProfile = require('./OpenChannelProfile.js');
-var ui_Modal = require('../../chunks/bundle-DJ9gapN2.js');
+var ui_Modal = require('../../chunks/bundle-CkSDsWpR.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-DFsKxEv-.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-D6wHS_BW.js');
 var ui_Accordion = require('../../ui/Accordion.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../../chunks/bundle-BGmEoqIq.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-var utils = require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
+var utils = require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-5FP1wNLB.js');
+require('../../chunks/bundle-dokTsajJ.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-Ch54AIEU.js');
+require('../../chunks/bundle-nJ_H0gk1.js');
 require('../../withSendbird.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-D91GTav0.js');
 require('../../ui/OpenChannelAvatar.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('./EditDetailsModal.js');
-require('../../chunks/bundle-DpK1fr1j.js');
+require('../../chunks/bundle-C9goSwm_.js');
 require('../../ui/Input.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-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/AccordionGroup.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
@@ -107,15 +107,17 @@ function OperatorListModal(_a) {
         var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
             limit: 20,
         });
-        operatorListQuery.next().then(function (participants) {
-            setUsers(participants);
-        });
-        setOperatorQuery(operatorListQuery);
+        if (operatorListQuery) {
+            operatorListQuery.next().then(function (participants) {
+                setUsers(participants);
+            });
+            setOperatorQuery(operatorListQuery);
+        }
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { hideFooter: true, isFullScreenOnMobile: true, titleText: stringSet.OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ALL, onCancel: onCancel },
             React.createElement("div", { className: "sendbird-more-users__popup-scroll", onScroll: function (e) {
-                    var hasNext = operatorQuery.hasNext;
+                    var hasNext = operatorQuery === null || operatorQuery === void 0 ? void 0 : operatorQuery.hasNext;
                     var target = e.target;
                     var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
                     if (hasNext && fetchMore) {
@@ -136,7 +138,7 @@ function OperatorListModal(_a) {
                                             }));
                                         });
                                         closeDropdown();
-                                    }, dataSbId: "open_channel_setting_operator_context_menu_unregister_operator" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR))); } })) : null);
+                                    }, testID: "open_channel_setting_operator_context_menu_unregister_operator" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR))); } })) : React.createElement(React.Fragment, null));
                 } })); })))));
 }
 
@@ -151,10 +153,12 @@ function AddOperatorsModal(_a) {
         var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({
             limit: 20,
         });
-        participantListQuery.next().then(function (users) {
-            setParticipants(users);
-        });
-        setParticipantQuery(participantListQuery);
+        if (participantListQuery) {
+            participantListQuery.next().then(function (users) {
+                setParticipants(users);
+            });
+            setParticipantQuery(participantListQuery);
+        }
     }, []);
     var selectedCount = Object.keys(selectedUsers).filter(function (m) { return selectedUsers[m]; }).length;
     return (React.createElement(React.Fragment, null,
@@ -166,10 +170,10 @@ function AddOperatorsModal(_a) {
             }, titleText: stringSet.OPEN_CHANNEL_CONVERSATION__SELECT_PARTICIPANTS },
             React.createElement(ui_Label.Label, { color: (selectedCount > 0) ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3, type: ui_Label.LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
             React.createElement("div", { className: "sendbird-more-users__popup-scroll", onScroll: function (e) {
-                    var hasNext = participantQuery.hasNext;
+                    var hasNext = participantQuery ? participantQuery.hasNext : false;
                     var target = e.target;
                     var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
+                    if (hasNext && fetchMore && participantQuery) {
                         participantQuery.next().then(function (o) {
                             setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], participants, true), o, true));
                         });
@@ -188,9 +192,9 @@ function AddOperatorsModal(_a) {
 }
 
 var OperatorList = function () {
-    var _a, _b, _c;
-    var _d = React.useState(false), showAdd = _d[0], setShowAdd = _d[1];
-    var _e = React.useState(false), showMore = _e[0], setShowMore = _e[1];
+    var _a, _b;
+    var _c = React.useState(false), showAdd = _c[0], setShowAdd = _c[1];
+    var _d = React.useState(false), showMore = _d[0], setShowMore = _d[1];
     var state = useSendbirdStateContext.useSendbirdStateContext();
     var currentUserId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -205,24 +209,24 @@ var OperatorList = function () {
                                     channel === null || channel === void 0 ? void 0 : channel.removeOperators([operator.userId]).then(function () {
                                         closeDropdown();
                                     });
-                                }, dataSbId: "open_channel_setting_operator_context_menu_unregister_operator" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+                                }, testID: "open_channel_setting_operator_context_menu_unregister_operator" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
                             React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: operator, onChange: function () { return closeDropdown(); }, onError: function () {
                                     // FIXME: handle error later
                                     closeDropdown();
-                                }, dataSbId: "open_channel_setting_operator_context_menu_".concat(operator.isMuted ? 'unmute' : 'mute') }, operator.isMuted
+                                }, testID: "open_channel_setting_operator_context_menu_".concat(operator.isMuted ? 'unmute' : 'mute') }, operator.isMuted
                                 ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
                                 : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
                             React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
                                     channel === null || channel === void 0 ? void 0 : channel.banUser(operator).then(function () {
                                         closeDropdown();
                                     });
-                                }, dataSbId: "open_channel_setting_operator_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } })) : null);
+                                }, testID: "open_channel_setting_operator_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } })) : React.createElement(React.Fragment, null));
             } })); }),
         React.createElement("div", { className: "sendbird-openchannel-operator-list__footer" },
             React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
                     setShowAdd(true);
                 } }, stringSet.OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ADD),
-            ((_c = channel === null || channel === void 0 ? void 0 : channel.operators) === null || _c === void 0 ? void 0 : _c.length) > 10 && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
+            (channel === null || channel === void 0 ? void 0 : channel.operators) && channel.operators.length > 10 && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
                     setShowMore(true);
                 } }, stringSet.OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ALL))),
         showMore && (React.createElement(React.Fragment, null,
@@ -248,15 +252,17 @@ function MutedParticipantsModal(_a) {
         var mutedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMutedUserListQuery({
             limit: 10,
         });
-        mutedUserListQuery.next().then(function (users) {
+        mutedUserListQuery === null || mutedUserListQuery === void 0 ? void 0 : mutedUserListQuery.next().then(function (users) {
             setMutedUsers(users);
         });
-        setUserListQuery(mutedUserListQuery);
+        if (mutedUserListQuery) {
+            setUserListQuery(mutedUserListQuery);
+        }
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__TITLE },
             React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = userListQuery.hasNext;
+                    var hasNext = userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.hasNext;
                     var target = e.target;
                     var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
                     if (hasNext && fetchMore) {
@@ -276,7 +282,7 @@ function MutedParticipantsModal(_a) {
                                                 return (u.userId !== mutedUser.userId);
                                             }));
                                         });
-                                    }, dataSbId: "open_channel_setting_muted_member_context_menu_unmute" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE))); } })) : null);
+                                    }, testID: "open_channel_setting_muted_member_context_menu_unmute" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE))); } })) : React.createElement(React.Fragment, null));
                 } })); })))));
 }
 
@@ -326,7 +332,7 @@ var MutedParticipantList = function () {
                                         refreshList();
                                         closeDropdown();
                                     });
-                                }, dataSbId: "open_channel_setting_muted_member_context_menu_unmute" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE))); } })) : null);
+                                }, testID: "open_channel_setting_muted_member_context_menu_unmute" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE))); } })) : React.createElement(React.Fragment, null));
             } })); }),
         mutedUsers && mutedUsers.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.OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__NO_ONE)),
         hasNext && (React.createElement("div", { className: "sendbird-channel-settings-muted-participant-list__footer" },
@@ -350,15 +356,15 @@ function BannedUsersModal(_a) {
     var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
     React.useEffect(function () {
         var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
-        bannedUserListQuery.next().then(function (users) {
+        bannedUserListQuery === null || bannedUserListQuery === void 0 ? void 0 : bannedUserListQuery.next().then(function (users) {
             setBannedUsers(users);
         });
-        setUserListQuery(bannedUserListQuery);
+        setUserListQuery(bannedUserListQuery !== null && bannedUserListQuery !== void 0 ? bannedUserListQuery : null);
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__TITLE },
             React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = userListQuery.hasNext;
+                    var hasNext = userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.hasNext;
                     var target = e.target;
                     var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
                     if (hasNext && fetchMore) {
@@ -378,7 +384,7 @@ function BannedUsersModal(_a) {
                                                 return (u.userId !== bannedUser.userId);
                                             }));
                                         });
-                                    }, dataSbId: "open_channel_setting_banned_user_context_menu_unban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNBAN))); } })) : null);
+                                    }, testID: "open_channel_setting_banned_user_context_menu_unban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNBAN))); } })) : React.createElement(React.Fragment, null));
                 } })); })))));
 }
 
@@ -424,7 +430,7 @@ var BannedUserList = function () {
                                         closeDropdown();
                                         refreshList();
                                     });
-                                }, dataSbId: "open_channel_setting_banned_user_context_menu_unban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNBAN))); } })) : null);
+                                }, testID: "open_channel_setting_banned_user_context_menu_unban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNBAN))); } })) : React.createElement(React.Fragment, null));
             } })); }),
         bannedUsers && bannedUsers.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.OPEN_CHANNEL_SETTINGS__BANNED_MEMBERS__NO_ONE)),
         hasNext && (React.createElement("div", { className: "sendbird-channel-settings-banned-user-list__footer" },
@@ -470,12 +476,13 @@ var OperatorUI = function (_a) {
         React.createElement("div", { className: "sendbird-openchannel-settings__header" },
             React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
             React.createElement(ui_Icon.default, { className: "sendbird-openchannel-settings__close-icon", type: ui_Icon.IconTypes.CLOSE, height: "24px", width: "24px", onClick: function () {
-                    onCloseClick();
+                    onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
                 } })),
         React.createElement("div", { className: "sendbird-openchannel-settings__profile" }, (renderChannelProfile === null || renderChannelProfile === void 0 ? void 0 : renderChannelProfile()) || (React.createElement(OpenChannelSettings_components_OpenChannelProfile, null))),
         React.createElement("div", { className: "sendbird-openchannel-settings__url" },
             React.createElement(ui_Icon.default, { className: "sendbird-openchannel-settings__copy-icon", type: ui_Icon.IconTypes.COPY, height: "22px", width: "22px", onClick: function () {
-                    copyToClipboard(channel === null || channel === void 0 ? void 0 : channel.url);
+                    var _a;
+                    copyToClipboard((_a = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _a !== void 0 ? _a : '');
                 } }),
             React.createElement(ui_Label.Label, { className: "sendbird-openchannel-settings__url-label", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.OPEN_CHANNEL_SETTINGS__OPERATOR_URL),
             React.createElement(ui_Label.Label, { className: "sendbird-openchannel-settings__url-value", type: ui_Label.LabelTypography.SUBTITLE_2 }, channel === null || channel === void 0 ? void 0 : channel.url)),

package/cjs/OpenChannelSettings/components/OperatorUI.js.map

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

package/cjs/OpenChannelSettings/components/ParticipantUI.js

@@ -1,44 +1,44 @@
 'use strict';
 
-require('../../chunks/bundle-C-r9vRgc.js');
+require('../../chunks/bundle-BGmEoqIq.js');
 require('react');
 require('../../ui/Button.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-Deao1Upp.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-DFsKxEv-.js');
-require('../../chunks/bundle-B7wJ4Hqk.js');
+require('../../chunks/bundle-DgWaY7S0.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../chunks/bundle-D6wHS_BW.js');
+require('../../chunks/bundle-u9XWE6Rm.js');
 require('../context.js');
 require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-Bpy7IQta.js');
+require('../../chunks/bundle-5FP1wNLB.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('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-FcnFNV4V.js');
+require('../../chunks/bundle-Ch54AIEU.js');
 require('../../ui/AccordionGroup.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-BpJxkKab.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-Ca2fr0Kb.js');
+require('../../chunks/bundle-Bsd8mnLE.js');
 require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-DJ9gapN2.js');
+require('../../chunks/bundle-DzkRFA4-.js');
+require('../../chunks/bundle-B9KKI197.js');
+require('../../chunks/bundle-CkSDsWpR.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-C9goSwm_.js');
+require('../../chunks/bundle-dokTsajJ.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
 

package/cjs/OpenChannelSettings/context.js

@@ -3,12 +3,12 @@
 var React = require('react');
 var openChannel = require('@sendbird/chat/openChannel');
 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');
-require('../chunks/bundle-C-r9vRgc.js');
+require('../chunks/bundle-BGmEoqIq.js');
 
-var OpenChannelSettingsContext = React.createContext(undefined);
+var OpenChannelSettingsContext = React.createContext(null);
 var OpenChannelSettingsProvider = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var children = props.children, channelUrl = props.channelUrl, onCloseClick = props.onCloseClick, onChannelModified = props.onChannelModified, onBeforeUpdateChannel = props.onBeforeUpdateChannel, onDeleteChannel = props.onDeleteChannel;
@@ -119,7 +119,12 @@ var OpenChannelSettingsProvider = function (props) {
         } },
         React.createElement(UserProfileContext.UserProfileProvider, { isOpenChannel: true, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, disableUserProfile: (_g = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _g !== void 0 ? _g : (_h = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _h === void 0 ? void 0 : _h.disableUserProfile }, children)));
 };
-var useOpenChannelSettingsContext = function () { return React.useContext(OpenChannelSettingsContext); };
+var useOpenChannelSettingsContext = function () {
+    var context = React.useContext(OpenChannelSettingsContext);
+    if (!context)
+        throw new Error('OpenChannelSettingsContext not found. Use within the OpenChannelSettings module.');
+    return context;
+};
 
 exports.OpenChannelSettingsProvider = OpenChannelSettingsProvider;
 exports.useOpenChannelSettingsContext = useOpenChannelSettingsContext;

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

@@ -5,47 +5,47 @@ var OpenChannelSettings_components_OpenChannelSettingsUI = require('./OpenChanne
 var OpenChannelSettings_context = require('./OpenChannelSettings/context.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-Deao1Upp.js');
+require('./chunks/bundle-BGmEoqIq.js');
+require('./chunks/bundle-u9XWE6Rm.js');
+require('./chunks/bundle-5FP1wNLB.js');
+require('./chunks/bundle-dokTsajJ.js');
+require('./chunks/bundle-DgWaY7S0.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-CLte647H.js');
+require('./chunks/bundle-FcnFNV4V.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DWGp201o.js');
+require('./chunks/bundle-D91GTav0.js');
 require('./ui/OpenChannelAvatar.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('./OpenChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-DpK1fr1j.js');
-require('./chunks/bundle-DJ9gapN2.js');
-require('./chunks/bundle-Cw7xe6J1.js');
+require('./chunks/bundle-C9goSwm_.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('./chunks/bundle-CLNUkVC8.js');
+require('./chunks/bundle-Bsd8mnLE.js');
 require('./ui/IconButton.js');
 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('./chunks/bundle-DFsKxEv-.js');
+require('./chunks/bundle-D6wHS_BW.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-D7v4i_Ae.js');
+require('./chunks/bundle-Ch54AIEU.js');
 require('./ui/AccordionGroup.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');