@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,46 +1,44 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
+var LocalizationContext = require('../../LocalizationContext-b051aa28.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../index-dad73aff.js');
+var ui_Label = require('../../index-62c9ad2d.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var ui_Button = require('../../index-d889bc81.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-f57d0c81.js');
+var tslib_es6 = require('../../tslib.es6-9b1c82d5.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-4934c435.js');
-var MemberList = require('../../MemberList-e062045b.js');
-var utils = require('../../utils-760ac018.js');
-require('../../stringSet-bd0c293d.js');
-require('../../index-63b56a0e.js');
+var groupChannel = require('../../groupChannel-95ba4a71.js');
+var MemberList = require('../../MemberList-6c0cdd90.js');
+var utils = require('../../utils-8e6fef1c.js');
+require('../../stringSet-9d251780.js');
+require('../../index-53015903.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-01248097.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../context-867cfd7f.js');
 require('prop-types');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-1942f440.js');
-require('../../index-c8f7702f.js');
-require('../../UserProfileContext-f7c125ca.js');
+require('../../uuid-c32d01d6.js');
+require('../../index-907bf834.js');
+require('../../UserProfileContext-fa684629.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-c7da8657.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-f3fe3bf3.js');
-require('../../index-98e4f7b2.js');
+require('../../topics-ac8d2b51.js');
+require('../../index-d31051df.js');
 require('../../ui/Checkbox.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-fbda47dd-4cb7267d.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
+require('../../__bundle-c41dd401-1f364afe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -74,11 +72,11 @@ function OperatorsModal(_a) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     hideFooter: true,
-    titleText: "All operators",
+    titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL,
     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;
@@ -94,11 +92,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",
@@ -111,7 +109,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
@@ -119,7 +117,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;
@@ -138,7 +136,7 @@ function OperatorsModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      _onSubmit = _a.onSubmit;
+      onSubmit = _a.onSubmit;
 
   var _b = React.useState([]),
       members = _b[0],
@@ -156,7 +154,7 @@ function AddOperatorsModal(_a) {
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   React.useEffect(function () {
     var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
-      operatorFilter: groupChannel.At.NONOPERATOR,
+      operatorFilter: groupChannel.bt.NONOPERATOR,
       limit: 20
     });
     memberListQuery.next().then(function (members) {
@@ -168,24 +166,24 @@ function AddOperatorsModal(_a) {
     return selectedMembers[m];
   }).length;
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    type: ui_Button.Type.PRIMARY,
+    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: "Select members"
+    titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE
   }, /*#__PURE__*/React__default["default"].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__SELECTEC)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "".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;
@@ -202,7 +200,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));
@@ -219,7 +217,7 @@ function AddOperatorsModal(_a) {
   }))));
 }
 
-var OperatorList = function OperatorList() {
+var OperatorList = function () {
   var _a;
 
   var _b = React.useState([]),
@@ -275,10 +273,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",
@@ -291,13 +289,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;
@@ -313,28 +311,28 @@ var OperatorList = function OperatorList() {
     });
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings-accordion__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__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.Button, {
+  }, 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);
     }
@@ -342,7 +340,7 @@ var OperatorList = function OperatorList() {
 };
 
 function BannedUsersModal(_a) {
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _b = React.useState([]),
       members = _b[0],
@@ -353,6 +351,7 @@ function BannedUsersModal(_a) {
       setMemberQuery = _c[1];
 
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+  var stringSet = LocalizationContext.useLocalization().stringSet;
   React.useEffect(function () {
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
     bannedUserListQuery.next().then(function (users) {
@@ -362,14 +361,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: "Muted members"
+    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;
@@ -384,11 +383,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",
@@ -401,7 +400,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
@@ -409,7 +408,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) {
@@ -425,7 +424,7 @@ function BannedUsersModal(_a) {
   }))));
 }
 
-var BannedMemberList = function BannedMemberList() {
+var BannedMemberList = function () {
   var _a = React.useState([]),
       members = _a[0],
       setMembers = _a[1];
@@ -467,11 +466,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",
@@ -484,7 +483,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
@@ -492,7 +491,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();
@@ -509,14 +508,14 @@ var BannedMemberList = function BannedMemberList() {
     color: ui_Label.LabelColors.ONBACKGROUND_3
   }, "No banned members yet"), hasNext && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings-accordion__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__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();
     }
@@ -526,7 +525,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],
@@ -539,6 +538,7 @@ function MutedMembersModal(_a) {
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+  var stringSet = LocalizationContext.useLocalization().stringSet;
   React.useEffect(function () {
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10,
@@ -552,14 +552,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: "Muted members"
+    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 +575,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 +592,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 +600,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 +616,7 @@ function MutedMembersModal(_a) {
   }))));
 }
 
-var MutedMemberList = function MutedMemberList() {
+var MutedMemberList = function () {
   var _a;
 
   var _b = React.useState([]),
@@ -631,6 +631,7 @@ var MutedMemberList = function MutedMemberList() {
       showModal = _d[0],
       setShowModal = _d[1];
 
+  var stringSet = LocalizationContext.useLocalization().stringSet;
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUser = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
@@ -671,11 +672,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",
@@ -688,7 +689,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,
@@ -696,13 +697,13 @@ 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();
                 });
               }
-            }, "Unmute"));
+            }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, stringSet.CHANNEL_SETTING__UNMUTE)));
           }
         });
       }
@@ -711,23 +712,23 @@ var MutedMemberList = function MutedMemberList() {
     className: "sendbird-channel-settings__empty-list",
     type: ui_Label.LabelTypography.SUBTITLE_2,
     color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, "No muted members yet"), hasNext && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, stringSet.CHANNEL_SETTING__NO_UNMUTED), hasNext && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings-accordion__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__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 muted members")), showModal && /*#__PURE__*/React__default["default"].createElement(MutedMembersModal, {
-    onCancel: function onCancel() {
+  }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE_ALL)), showModal && /*#__PURE__*/React__default["default"].createElement(MutedMembersModal, {
+    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;
 };
 
@@ -749,7 +750,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,
@@ -761,13 +762,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,
@@ -781,14 +782,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,
@@ -800,13 +801,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,
@@ -818,7 +819,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
@@ -836,7 +837,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);
       });
@@ -846,7 +847,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);
       });