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

package/ChannelSettings/components/ModerationPanel.js

@@ -1,44 +1,42 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-10829cf3.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-e028fd23.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-7b043ab9.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-16e14c17.js';
+import Button, { ButtonTypes, ButtonSizes } from '../../ui/Button.js';
 import IconButton from '../../ui/IconButton.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import UserListItem$1 from './UserListItem.js';
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-72a2f141.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-4faaa58d.js';
 import Modal from '../../ui/Modal.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { A as At } from '../../groupChannel-de6b26ee.js';
-import { M as MemberList } from '../../MemberList-004dd3e6.js';
-import { n as noop } from '../../utils-2c4d166e.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
+import { b as bt } from '../../groupChannel-3301a732.js';
+import { M as MemberList } from '../../MemberList-e049f915.js';
+import { n as noop } from '../../utils-32938255.js';
+import '../../stringSet-804c49f3.js';
+import '../../index-940576d8.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-2f6f1c17.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../context-44e184de.js';
 import 'prop-types';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-8a4db02f.js';
-import '../../index-24a5ab49.js';
-import '../../UserProfileContext-a2483e23.js';
+import '../../uuid-4521c466.js';
+import '../../index-46beca69.js';
+import '../../UserProfileContext-beacab28.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-22c28a74.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-851d221c.js';
-import '../../index-1086dd43.js';
+import '../../topics-24c0f724.js';
+import '../../index-5e788130.js';
 import '../../ui/Checkbox.js';
-import '../../__bundle-6316ce22-63d15802.js';
-import '../../__bundle-fbda47dd-b1c87af3.js';
-import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../__bundle-c41dd401-d4ab6c10.js';
 
 function OperatorsModal(_a) {
   var _b;
@@ -68,11 +66,11 @@ function OperatorsModal(_a) {
   }, []);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
     hideFooter: true,
-    titleText: "All operators",
+    titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL,
     onCancel: onCancel
   }, /*#__PURE__*/React__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;
@@ -88,11 +86,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.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -105,7 +103,7 @@ function OperatorsModal(_a) {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -113,7 +111,7 @@ function OperatorsModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(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;
@@ -132,7 +130,7 @@ function OperatorsModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      _onSubmit = _a.onSubmit;
+      onSubmit = _a.onSubmit;
 
   var _b = useState([]),
       members = _b[0],
@@ -150,7 +148,7 @@ function AddOperatorsModal(_a) {
   var channel = useChannelSettingsContext().channel;
   useEffect(function () {
     var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
-      operatorFilter: At.NONOPERATOR,
+      operatorFilter: bt.NONOPERATOR,
       limit: 20
     });
     memberListQuery.next().then(function (members) {
@@ -162,24 +160,24 @@ function AddOperatorsModal(_a) {
     return selectedMembers[m];
   }).length;
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
-    type: Type.PRIMARY,
+    type: 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.createElement(Label, {
     color: selectedCount > 0 ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3,
     type: LabelTypography.CAPTION_1
-  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTEC)), /*#__PURE__*/React__default.createElement("div", {
+  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)), /*#__PURE__*/React__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;
@@ -196,7 +194,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 = __assign(__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
@@ -213,7 +211,7 @@ function AddOperatorsModal(_a) {
   }))));
 }
 
-var OperatorList = function OperatorList() {
+var OperatorList = function () {
   var _a;
 
   var _b = useState([]),
@@ -269,10 +267,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.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -285,13 +283,13 @@ var OperatorList = function OperatorList() {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentRef: actionRef,
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(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;
@@ -310,25 +308,25 @@ var OperatorList = function OperatorList() {
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowAdd(true);
     }
   }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ADD), hasNext && /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowMore(true);
     }
   }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL)), showMore && /*#__PURE__*/React__default.createElement(OperatorsModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowMore(false);
       refreshList();
     }
   }), showAdd && /*#__PURE__*/React__default.createElement(AddOperatorsModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       return setShowAdd(false);
     },
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       refreshList();
       setShowAdd(false);
     }
@@ -336,7 +334,7 @@ var OperatorList = function OperatorList() {
 };
 
 function BannedUsersModal(_a) {
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _b = useState([]),
       members = _b[0],
@@ -347,6 +345,7 @@ function BannedUsersModal(_a) {
       setMemberQuery = _c[1];
 
   var channel = useChannelSettingsContext().channel;
+  var stringSet = useLocalization().stringSet;
   useEffect(function () {
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
     bannedUserListQuery.next().then(function (users) {
@@ -356,14 +355,14 @@ function BannedUsersModal(_a) {
   }, []);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
     hideFooter: true,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
     onSubmit: noop,
-    titleText: "Muted members"
+    titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE
   }, /*#__PURE__*/React__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;
@@ -378,11 +377,11 @@ function BannedUsersModal(_a) {
     return /*#__PURE__*/React__default.createElement(UserListItem, {
       user: member,
       key: member.userId,
-      action: function action(_a) {
+      action: function (_a) {
         var parentRef = _a.parentRef,
             actionRef = _a.actionRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -395,7 +394,7 @@ function BannedUsersModal(_a) {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -403,7 +402,7 @@ function BannedUsersModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unbanUser(member).then(function () {
                   closeDropdown();
                   setMembers(members.filter(function (m) {
@@ -419,7 +418,7 @@ function BannedUsersModal(_a) {
   }))));
 }
 
-var BannedMemberList = function BannedMemberList() {
+var BannedMemberList = function () {
   var _a = useState([]),
       members = _a[0],
       setMembers = _a[1];
@@ -461,11 +460,11 @@ var BannedMemberList = function BannedMemberList() {
     return /*#__PURE__*/React__default.createElement(UserListItem$1, {
       key: member.userId,
       user: member,
-      action: function action(_a) {
+      action: function (_a) {
         var actionRef = _a.actionRef,
             parentRef = _a.parentRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -478,7 +477,7 @@ var BannedMemberList = function BannedMemberList() {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -486,7 +485,7 @@ var BannedMemberList = function BannedMemberList() {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unbanUser(member).then(function () {
                   closeDropdown();
                   refreshList();
@@ -506,11 +505,11 @@ var BannedMemberList = function BannedMemberList() {
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowModal(true);
     }
   }, "All banned members")), showModal && /*#__PURE__*/React__default.createElement(BannedUsersModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowModal(false);
       refreshList();
     }
@@ -520,7 +519,7 @@ var BannedMemberList = function BannedMemberList() {
 function MutedMembersModal(_a) {
   var _b;
 
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _c = useState([]),
       members = _c[0],
@@ -533,6 +532,7 @@ function MutedMembersModal(_a) {
   var channel = 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 = useLocalization().stringSet;
   useEffect(function () {
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10,
@@ -546,14 +546,14 @@ function MutedMembersModal(_a) {
   }, []);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
     hideFooter: true,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
     onSubmit: noop,
-    titleText: "Muted members"
+    titleText: stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE
   }, /*#__PURE__*/React__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;
@@ -569,11 +569,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.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -586,7 +586,7 @@ function MutedMembersModal(_a) {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -594,7 +594,7 @@ function MutedMembersModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                   closeDropdown();
                   setMembers(members.filter(function (m) {
@@ -610,7 +610,7 @@ function MutedMembersModal(_a) {
   }))));
 }
 
-var MutedMemberList = function MutedMemberList() {
+var MutedMemberList = function () {
   var _a;
 
   var _b = useState([]),
@@ -625,6 +625,7 @@ var MutedMemberList = function MutedMemberList() {
       showModal = _d[0],
       setShowModal = _d[1];
 
+  var stringSet = useLocalization().stringSet;
   var channel = 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;
@@ -665,11 +666,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.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -682,7 +683,7 @@ var MutedMemberList = function MutedMemberList() {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               closeDropdown: closeDropdown,
               openLeft: true,
@@ -690,13 +691,13 @@ var MutedMemberList = function MutedMemberList() {
               parentRef: actionRef // for catching location(x, y) of MenuItems
 
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                   refreshList();
                   closeDropdown();
                 });
               }
-            }, "Unmute"));
+            }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CHANNEL_SETTING__UNMUTE)));
           }
         });
       }
@@ -705,23 +706,23 @@ var MutedMemberList = function MutedMemberList() {
     className: "sendbird-channel-settings__empty-list",
     type: LabelTypography.SUBTITLE_2,
     color: LabelColors.ONBACKGROUND_3
-  }, "No muted members yet"), hasNext && /*#__PURE__*/React__default.createElement("div", {
+  }, stringSet.CHANNEL_SETTING__NO_UNMUTED), hasNext && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-settings-accordion__footer"
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       setShowModal(true);
     }
-  }, "All muted members")), showModal && /*#__PURE__*/React__default.createElement(MutedMembersModal, {
-    onCancel: function onCancel() {
+  }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE_ALL)), showModal && /*#__PURE__*/React__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;
 };
 
@@ -743,7 +744,7 @@ function AdminPannel() {
   }, /*#__PURE__*/React__default.createElement(Accordion, {
     className: "sendbird-channel-settings__operators-list",
     id: "operators",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
         type: IconTypes.OPERATOR,
         fillColor: IconColors.PRIMARY,
@@ -755,13 +756,13 @@ function AdminPannel() {
         color: LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OperatorList, null));
     }
   }), /*#__PURE__*/React__default.createElement(Accordion, {
     className: "sendbird-channel-settings__members-list",
     id: "members",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
         type: IconTypes.MEMBERS,
         fillColor: IconColors.PRIMARY,
@@ -775,14 +776,14 @@ function AdminPannel() {
         count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount)
       }));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MemberList, null));
     }
   }), // No muted members in broadcast channel
   !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(Accordion, {
     id: "mutedMembers",
     className: "sendbird-channel-settings__muted-members-list",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
         type: IconTypes.MUTE,
         fillColor: IconColors.PRIMARY,
@@ -794,13 +795,13 @@ function AdminPannel() {
         color: LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MutedMemberList, null));
     }
   }), /*#__PURE__*/React__default.createElement(Accordion, {
     className: "sendbird-channel-settings__banned-members-list",
     id: "bannedUsers",
-    renderTitle: function renderTitle() {
+    renderTitle: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
         type: IconTypes.BAN,
         fillColor: IconColors.PRIMARY,
@@ -812,7 +813,7 @@ function AdminPannel() {
         color: LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE));
     },
-    renderContent: function renderContent() {
+    renderContent: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(BannedMemberList, null));
     }
   }), // cannot freeze broadcast channel
@@ -830,7 +831,7 @@ function AdminPannel() {
   }, stringSet.CHANNEL_SETTING__FREEZE_CHANNEL), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-settings__frozen-icon"
   }, frozen ? /*#__PURE__*/React__default.createElement(Icon, {
-    onClick: function onClick() {
+    onClick: function () {
       channel === null || channel === void 0 ? void 0 : channel.unfreeze().then(function () {
         setFrozen(false);
       });
@@ -840,7 +841,7 @@ function AdminPannel() {
     width: 44,
     height: 24
   }) : /*#__PURE__*/React__default.createElement(Icon, {
-    onClick: function onClick() {
+    onClick: function () {
       channel === null || channel === void 0 ? void 0 : channel.freeze().then(function () {
         setFrozen(true);
       });