@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.2

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,44 +1,46 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
+var LocalizationContext = require('../../LocalizationContext-bde4de59.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../index-b9b8972b.js');
+var ui_Label = require('../../index-339b2871.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 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_es6 = require('../../tslib.es6-36205d81.js');
+var tslib_es6 = require('../../tslib.es6-8c7aa47e.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
 var ChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var groupChannel = require('../../groupChannel-6d56c155.js');
-var MemberList = require('../../MemberList-10def668.js');
-var utils = require('../../utils-09738454.js');
-require('../../stringSet-be457fd7.js');
-require('../../index-5166a415.js');
+var groupChannel = require('../../groupChannel-da9ec10a.js');
+var MemberList = require('../../MemberList-5f6eaac3.js');
+var utils = require('../../utils-01f53796.js');
+require('../../stringSet-edbf423b.js');
+require('../../index-50fc77e8.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-e041c8e0.js');
-require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../../context-3df5068b.js');
 require('prop-types');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-edc908ea.js');
-require('../../index-18b120dc.js');
-require('../../UserProfileContext-69c9649a.js');
+require('../../uuid-0e8b271a.js');
+require('../../index-e4245c04.js');
+require('../../UserProfileContext-21660049.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-17f5a2c8.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-58ec1c61.js');
-require('../../index-550f5039.js');
+require('../../topics-c5662b44.js');
+require('../../index-216e0934.js');
 require('../../ui/Checkbox.js');
-require('../../__bundle-bd072f34-57bee5af.js');
+require('../../__bundle-57e0c5af-c2950cb7.js');
+require('../../__bundle-0dad34cd-794417d3.js');
+require('../../__bundle-bd072f34-444fbfec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -76,7 +78,7 @@ function OperatorsModal(_a) {
     onCancel: onCancel
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var hasNext = operatorQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
@@ -92,11 +94,11 @@ function OperatorsModal(_a) {
       currentUser: currentUser,
       user: member,
       key: member.userId,
-      action: function action(_a) {
+      action: function (_a) {
         var parentRef = _a.parentRef,
             actionRef = _a.actionRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -109,7 +111,7 @@ function OperatorsModal(_a) {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -117,7 +119,7 @@ function OperatorsModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
                   setOperators(operators.filter(function (_a) {
                     var userId = _a.userId;
@@ -136,7 +138,7 @@ function OperatorsModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      _onSubmit = _a.onSubmit;
+      onSubmit = _a.onSubmit;
 
   var _b = React.useState([]),
       members = _b[0],
@@ -169,12 +171,12 @@ function AddOperatorsModal(_a) {
     type: ui_Button.ButtonTypes.PRIMARY,
     submitText: "Add",
     onCancel: onCancel,
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       var members = Object.keys(selectedMembers).filter(function (m) {
         return selectedMembers[m];
       });
       channel === null || channel === void 0 ? void 0 : channel.addOperators(members).then(function () {
-        _onSubmit(members);
+        onSubmit(members);
       });
     },
     titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE
@@ -183,7 +185,7 @@ function AddOperatorsModal(_a) {
     type: ui_Label.LabelTypography.CAPTION_1
   }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
@@ -200,7 +202,7 @@ function AddOperatorsModal(_a) {
       checked: selectedMembers[member.userId],
       isOperator: (member === null || member === void 0 ? void 0 : member.role) === 'operator',
       disabled: (member === null || member === void 0 ? void 0 : member.role) === 'operator',
-      onChange: function onChange(event) {
+      onChange: function (event) {
         var _a;
 
         var modifiedSelectedMembers = tslib_es6.__assign(tslib_es6.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
@@ -217,7 +219,7 @@ function AddOperatorsModal(_a) {
   }))));
 }
 
-var OperatorList = function OperatorList() {
+var OperatorList = function () {
   var _a;
 
   var _b = React.useState([]),
@@ -273,10 +275,10 @@ var OperatorList = function OperatorList() {
       key: operator.userId,
       user: operator,
       currentUser: userId,
-      action: function action(_a) {
+      action: function (_a) {
         var actionRef = _a.actionRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -289,13 +291,13 @@ var OperatorList = function OperatorList() {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentRef: actionRef,
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.removeOperators([operator.userId]).then(function () {
                   setOperators(operators.filter(function (_a) {
                     var userId = _a.userId;
@@ -314,25 +316,25 @@ var OperatorList = function OperatorList() {
   }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowAdd(true);
     }
   }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ADD), hasNext && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowMore(true);
     }
   }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL)), showMore && /*#__PURE__*/React__default["default"].createElement(OperatorsModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowMore(false);
       refreshList();
     }
   }), showAdd && /*#__PURE__*/React__default["default"].createElement(AddOperatorsModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       return setShowAdd(false);
     },
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       refreshList();
       setShowAdd(false);
     }
@@ -340,7 +342,7 @@ var OperatorList = function OperatorList() {
 };
 
 function BannedUsersModal(_a) {
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _b = React.useState([]),
       members = _b[0],
@@ -361,14 +363,14 @@ function BannedUsersModal(_a) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     hideFooter: true,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
     onSubmit: utils.noop,
     titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
@@ -383,11 +385,11 @@ function BannedUsersModal(_a) {
     return /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
       user: member,
       key: member.userId,
-      action: function action(_a) {
+      action: function (_a) {
         var parentRef = _a.parentRef,
             actionRef = _a.actionRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -400,7 +402,7 @@ function BannedUsersModal(_a) {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -408,7 +410,7 @@ function BannedUsersModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unbanUser(member).then(function () {
                   closeDropdown();
                   setMembers(members.filter(function (m) {
@@ -424,7 +426,7 @@ function BannedUsersModal(_a) {
   }))));
 }
 
-var BannedMemberList = function BannedMemberList() {
+var BannedMemberList = function () {
   var _a = React.useState([]),
       members = _a[0],
       setMembers = _a[1];
@@ -466,11 +468,11 @@ var BannedMemberList = function BannedMemberList() {
     return /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_UserListItem, {
       key: member.userId,
       user: member,
-      action: function action(_a) {
+      action: function (_a) {
         var actionRef = _a.actionRef,
             parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -483,7 +485,7 @@ var BannedMemberList = function BannedMemberList() {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -491,7 +493,7 @@ var BannedMemberList = function BannedMemberList() {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unbanUser(member).then(function () {
                   closeDropdown();
                   refreshList();
@@ -511,11 +513,11 @@ var BannedMemberList = function BannedMemberList() {
   }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowModal(true);
     }
   }, "All banned members")), showModal && /*#__PURE__*/React__default["default"].createElement(BannedUsersModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowModal(false);
       refreshList();
     }
@@ -525,7 +527,7 @@ var BannedMemberList = function BannedMemberList() {
 function MutedMembersModal(_a) {
   var _b;
 
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _c = React.useState([]),
       members = _c[0],
@@ -552,14 +554,14 @@ function MutedMembersModal(_a) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     hideFooter: true,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
     onSubmit: utils.noop,
     titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
@@ -575,11 +577,11 @@ function MutedMembersModal(_a) {
       currentUser: currentUser,
       user: member,
       key: member.userId,
-      action: function action(_a) {
+      action: function (_a) {
         var actionRef = _a.actionRef,
             parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -592,7 +594,7 @@ function MutedMembersModal(_a) {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -600,7 +602,7 @@ function MutedMembersModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                   closeDropdown();
                   setMembers(members.filter(function (m) {
@@ -616,7 +618,7 @@ function MutedMembersModal(_a) {
   }))));
 }
 
-var MutedMemberList = function MutedMemberList() {
+var MutedMemberList = function () {
   var _a;
 
   var _b = React.useState([]),
@@ -672,11 +674,11 @@ var MutedMemberList = function MutedMemberList() {
       key: member.userId,
       user: member,
       currentUser: currentUser,
-      action: function action(_a) {
+      action: function (_a) {
         var actionRef = _a.actionRef,
             parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -689,7 +691,7 @@ var MutedMemberList = function MutedMemberList() {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               closeDropdown: closeDropdown,
               openLeft: true,
@@ -697,7 +699,7 @@ var MutedMemberList = function MutedMemberList() {
               parentRef: actionRef // for catching location(x, y) of MenuItems
 
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                   refreshList();
                   closeDropdown();
@@ -717,18 +719,18 @@ var MutedMemberList = function MutedMemberList() {
   }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowModal(true);
     }
   }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE_ALL)), showModal && /*#__PURE__*/React__default["default"].createElement(MutedMembersModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowModal(false);
       refreshList();
     }
   }));
 };
 
-var kFormatter = function kFormatter(num) {
+var kFormatter = function (num) {
   return Math.abs(num) > 999 ? "".concat((Math.abs(num) / 1000).toFixed(1), "K") : num;
 };
 
@@ -750,7 +752,7 @@ function AdminPannel() {
   }, /*#__PURE__*/React__default["default"].createElement(ui_Accordion["default"], {
     className: "sendbird-channel-settings__operators-list",
     id: "operators",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
         type: ui_Icon.IconTypes.OPERATOR,
         fillColor: ui_Icon.IconColors.PRIMARY,
@@ -762,13 +764,13 @@ function AdminPannel() {
         color: ui_Label.LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(OperatorList, null));
     }
   }), /*#__PURE__*/React__default["default"].createElement(ui_Accordion["default"], {
     className: "sendbird-channel-settings__members-list",
     id: "members",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
         type: ui_Icon.IconTypes.MEMBERS,
         fillColor: ui_Icon.IconColors.PRIMARY,
@@ -782,14 +784,14 @@ function AdminPannel() {
         count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount)
       }));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MemberList.MemberList, null));
     }
   }), // No muted members in broadcast channel
   !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default["default"].createElement(ui_Accordion["default"], {
     id: "mutedMembers",
     className: "sendbird-channel-settings__muted-members-list",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
         type: ui_Icon.IconTypes.MUTE,
         fillColor: ui_Icon.IconColors.PRIMARY,
@@ -801,13 +803,13 @@ function AdminPannel() {
         color: ui_Label.LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MutedMemberList, null));
     }
   }), /*#__PURE__*/React__default["default"].createElement(ui_Accordion["default"], {
     className: "sendbird-channel-settings__banned-members-list",
     id: "bannedUsers",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
         type: ui_Icon.IconTypes.BAN,
         fillColor: ui_Icon.IconColors.PRIMARY,
@@ -819,7 +821,7 @@ function AdminPannel() {
         color: ui_Label.LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BannedMemberList, null));
     }
   }), // cannot freeze broadcast channel
@@ -837,7 +839,7 @@ function AdminPannel() {
   }, stringSet.CHANNEL_SETTING__FREEZE_CHANNEL), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings__frozen-icon"
   }, frozen ? /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    onClick: function onClick() {
+    onClick: function () {
       channel === null || channel === void 0 ? void 0 : channel.unfreeze().then(function () {
         setFrozen(false);
       });
@@ -847,7 +849,7 @@ function AdminPannel() {
     width: 44,
     height: 24
   }) : /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    onClick: function onClick() {
+    onClick: function () {
       channel === null || channel === void 0 ? void 0 : channel.freeze().then(function () {
         setFrozen(true);
       });