@sendbird/uikit-react 3.0.0-beta.6 → 3.0.0-rc.2

package/ChannelSettings/components/{AdminPanel.js → ModerationPanel.js}

@@ -1,39 +1,39 @@
 import React__default, { useState, useEffect, useContext, useCallback } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
+import { a as LocalizationContext } from '../../LocalizationContext-3dbcc9d8.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-17cf7808.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-d1179659.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-9deb1389.js';
+import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-905615b2.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-2c4d01e9.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-9548150b.js';
 import Modal from '../../ui/Modal.js';
 import UserListItem from '../../ui/UserListItem.js';
-import { useChannelSettings } from '../context.js';
+import { useChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { M as MemberList } from '../../MemberList-6e33a562.js';
-import { n as noop } from '../../utils-85d3d94c.js';
-import '../../stringSet-5a85ff4b.js';
-import '../../index-94489c17.js';
+import { M as MemberList } from '../../MemberList-f1c78686.js';
+import { n as noop } from '../../utils-83135175.js';
+import '../../stringSet-3a2b916e.js';
+import '../../index-21a0df21.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-3d5505d0.js';
-import '../../_rollupPluginBabelHelpers-d10f91b9.js';
+import '../../context-d867aec7.js';
+import '../../_rollupPluginBabelHelpers-8ba74698.js';
 import 'prop-types';
-import '../../index-902c2068.js';
+import '../../index-4c5351e9.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../UserProfileContext-b6d89d0d.js';
+import '../../UserProfileContext-f0ef00c0.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-0ab81e67.js';
+import '../../uuid-c5e7a9dd.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
-import '../../withSendBird.js';
-import '../../sendBirdSelectors.js';
-import '../../topics-24a660ee.js';
-import '../../index-db6a4860.js';
+import '../../withSendbird.js';
+import '../../sendbirdSelectors.js';
+import '../../topics-19b96cc7.js';
+import '../../index-3ea848a1.js';
 import '../../ui/Checkbox.js';
 
 function OperatorsModal(_a) {
@@ -49,17 +49,14 @@ function OperatorsModal(_a) {
       operatorQuery = _d[0],
       setOperatorQuery = _d[1];
 
-  var channel = useChannelSettings().channel;
+  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;
   useEffect(function () {
-    var operatorListQuery = channel.createOperatorListQuery();
-    operatorListQuery.limit = 20;
-    operatorListQuery.next(function (operators, error) {
-      if (error) {
-        return;
-      }
-
+    var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
+      limit: 20
+    });
+    operatorListQuery.next().then(function (operators) {
       setOperators(operators);
     });
     setOperatorQuery(operatorListQuery);
@@ -76,11 +73,7 @@ function OperatorsModal(_a) {
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
       if (hasNext && fetchMore) {
-        operatorQuery.next(function (o, error) {
-          if (error) {
-            return;
-          }
-
+        operatorQuery.next().then(function (o) {
           setOperators(__spreadArray(__spreadArray([], operators, true), o, true));
         });
       }
@@ -116,11 +109,7 @@ function OperatorsModal(_a) {
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.removeOperators([member.userId], function (response, error) {
-                  if (error) {
-                    return;
-                  }
-
+                channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
                   setOperators(operators.filter(function (_a) {
                     var userId = _a.userId;
                     return userId !== member.userId;
@@ -153,15 +142,12 @@ function AddOperatorsModal(_a) {
       setMemberQuery = _d[1];
 
   var stringSet = useContext(LocalizationContext).stringSet;
-  var channel = useChannelSettings().channel;
+  var channel = useChannelSettingsContext().channel;
   useEffect(function () {
-    var memberListQuery = channel.createMemberListQuery();
-    memberListQuery.limit = 20;
-    memberListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 20
+    });
+    memberListQuery.next().then(function (members) {
       setMembers(members);
     });
     setMemberQuery(memberListQuery);
@@ -185,7 +171,7 @@ function AddOperatorsModal(_a) {
   }, /*#__PURE__*/React__default.createElement(Label, {
     color: selectedCount > 0 ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3,
     type: LabelTypography.CAPTION_1
-  }, selectedCount + " " + stringSet.MODAL__INVITE_MEMBER__SELECTEC), /*#__PURE__*/React__default.createElement("div", {
+  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTEC)), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
       var hasNext = memberQuery.hasNext;
@@ -193,11 +179,7 @@ function AddOperatorsModal(_a) {
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
       if (hasNext && fetchMore) {
-        memberQuery.next(function (o, error) {
-          if (error) {
-            return;
-          }
-
+        memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
         });
       }
@@ -244,7 +226,7 @@ var OperatorList = function OperatorList() {
 
   var stringSet = useContext(LocalizationContext).stringSet;
   var state = useSendbirdStateContext();
-  var channel = useChannelSettings().channel;
+  var channel = useChannelSettingsContext().channel;
   var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
   useEffect(function () {
     if (!channel) {
@@ -252,13 +234,10 @@ var OperatorList = function OperatorList() {
       return;
     }
 
-    var operatorListQuery = channel.createOperatorListQuery();
-    operatorListQuery.limit = 10;
-    operatorListQuery.next(function (operators, error) {
-      if (error) {
-        return;
-      }
-
+    var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
+      limit: 10
+    });
+    operatorListQuery.next().then(function (operators) {
       setOperators(operators);
       setHasNext(operatorListQuery.hasNext);
     });
@@ -269,13 +248,10 @@ var OperatorList = function OperatorList() {
       return;
     }
 
-    var operatorListQuery = channel.createOperatorListQuery();
-    operatorListQuery.limit = 10;
-    operatorListQuery.next(function (operators, error) {
-      if (error) {
-        return;
-      }
-
+    var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
+      limit: 10
+    });
+    operatorListQuery.next().then(function (operators) {
       setOperators(operators);
       setHasNext(operatorListQuery.hasNext);
     });
@@ -311,11 +287,7 @@ var OperatorList = function OperatorList() {
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.removeOperators([operator.userId], function (response, error) {
-                  if (error) {
-                    return;
-                  }
-
+                channel === null || channel === void 0 ? void 0 : channel.removeOperators([operator.userId]).then(function () {
                   setOperators(operators.filter(function (_a) {
                     var userId = _a.userId;
                     return userId !== operator.userId;
@@ -358,7 +330,7 @@ var OperatorList = function OperatorList() {
   }));
 };
 
-function BannedMembersModal(_a) {
+function BannedUsersModal(_a) {
   var _onCancel = _a.onCancel;
 
   var _b = useState([]),
@@ -369,14 +341,10 @@ function BannedMembersModal(_a) {
       memberQuery = _c[0],
       setMemberQuery = _c[1];
 
-  var channel = useChannelSettings().channel;
+  var channel = useChannelSettingsContext().channel;
   useEffect(function () {
-    var bannedUserListQuery = channel.createBannedUserListQuery();
-    bannedUserListQuery.next(function (users, error) {
-      if (error) {
-        return;
-      }
-
+    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
+    bannedUserListQuery.next().then(function (users) {
       setMembers(users);
     });
     setMemberQuery(bannedUserListQuery);
@@ -396,11 +364,7 @@ function BannedMembersModal(_a) {
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
       if (hasNext && fetchMore) {
-        memberQuery.next(function (o, error) {
-          if (error) {
-            return;
-          }
-
+        memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
         });
       }
@@ -435,7 +399,7 @@ function BannedMembersModal(_a) {
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.unbanUser(member, function () {
+                channel === null || channel === void 0 ? void 0 : channel.unbanUser(member).then(function () {
                   closeDropdown();
                   setMembers(members.filter(function (m) {
                     return m.userId !== member.userId;
@@ -463,19 +427,15 @@ var BannedMemberList = function BannedMemberList() {
       showModal = _c[0],
       setShowModal = _c[1];
 
-  var channel = useChannelSettings().channel;
+  var channel = useChannelSettingsContext().channel;
   useEffect(function () {
     if (!channel) {
       setMembers([]);
       return;
     }
 
-    var bannedUserListQuery = channel.createBannedUserListQuery();
-    bannedUserListQuery.next(function (users, error) {
-      if (error) {
-        return;
-      }
-
+    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
+    bannedUserListQuery.next().then(function (users) {
       setMembers(users);
       setHasNext(bannedUserListQuery.hasNext);
     });
@@ -486,12 +446,8 @@ var BannedMemberList = function BannedMemberList() {
       return;
     }
 
-    var bannedUserListQuery = channel.createBannedUserListQuery();
-    bannedUserListQuery.next(function (users, error) {
-      if (error) {
-        return;
-      }
-
+    var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
+    bannedUserListQuery.next().then(function (users) {
       setMembers(users);
       setHasNext(bannedUserListQuery.hasNext);
     });
@@ -526,7 +482,7 @@ var BannedMemberList = function BannedMemberList() {
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.unbanUser(member, function () {
+                channel === null || channel === void 0 ? void 0 : channel.unbanUser(member).then(function () {
                   closeDropdown();
                   refreshList();
                 });
@@ -548,7 +504,7 @@ var BannedMemberList = function BannedMemberList() {
     onClick: function onClick() {
       setShowModal(true);
     }
-  }, "All banned members")), showModal && /*#__PURE__*/React__default.createElement(BannedMembersModal, {
+  }, "All banned members")), showModal && /*#__PURE__*/React__default.createElement(BannedUsersModal, {
     onCancel: function onCancel() {
       setShowModal(false);
       refreshList();
@@ -569,18 +525,16 @@ function MutedMembersModal(_a) {
       memberQuery = _d[0],
       setMemberQuery = _d[1];
 
-  var channel = useChannelSettings().channel;
+  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;
   useEffect(function () {
-    var memberUserListQuery = channel.createMemberListQuery();
-    memberUserListQuery.limit = 10;
-    memberUserListQuery.mutedMemberFilter = 'muted';
-    memberUserListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10,
+      // @ts-ignore
+      mutedMemberFilter: 'muted'
+    });
+    memberUserListQuery.next().then(function (members) {
       setMembers(members);
     });
     setMemberQuery(memberUserListQuery);
@@ -600,11 +554,7 @@ function MutedMembersModal(_a) {
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
       if (hasNext && fetchMore) {
-        memberQuery.next(function (o, error) {
-          if (error) {
-            return;
-          }
-
+        memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
         });
       }
@@ -640,7 +590,7 @@ function MutedMembersModal(_a) {
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.unmuteUser(member, function () {
+                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                   closeDropdown();
                   setMembers(members.filter(function (m) {
                     return m.userId !== member.userId;
@@ -670,7 +620,7 @@ var MutedMemberList = function MutedMemberList() {
       showModal = _d[0],
       setShowModal = _d[1];
 
-  var channel = useChannelSettings().channel;
+  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;
   useEffect(function () {
@@ -679,14 +629,12 @@ var MutedMemberList = function MutedMemberList() {
       return;
     }
 
-    var memberUserListQuery = channel.createMemberListQuery();
-    memberUserListQuery.limit = 10;
-    memberUserListQuery.mutedMemberFilter = 'muted';
-    memberUserListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10,
+      // @ts-ignore
+      mutedMemberFilter: 'muted'
+    });
+    memberUserListQuery.next().then(function (members) {
       setMembers(members);
       setHasNext(memberUserListQuery.hasNext);
     });
@@ -697,14 +645,12 @@ var MutedMemberList = function MutedMemberList() {
       return;
     }
 
-    var memberUserListQuery = channel.createMemberListQuery();
-    memberUserListQuery.limit = 10;
-    memberUserListQuery.mutedMemberFilter = 'muted';
-    memberUserListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10,
+      // @ts-ignore
+      mutedMemberFilter: 'muted'
+    });
+    memberUserListQuery.next().then(function (members) {
       setMembers(members);
       setHasNext(memberUserListQuery.hasNext);
     });
@@ -740,7 +686,7 @@ var MutedMemberList = function MutedMemberList() {
 
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.unmuteUser(member, function () {
+                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                   refreshList();
                   closeDropdown();
                 });
@@ -771,7 +717,7 @@ var MutedMemberList = function MutedMemberList() {
 };
 
 var kFormatter = function kFormatter(num) {
-  return Math.abs(num) > 999 ? (Math.abs(num) / 1000).toFixed(1) + "K" : num;
+  return Math.abs(num) > 999 ? "".concat((Math.abs(num) / 1000).toFixed(1), "K") : num;
 };
 
 function AdminPannel() {
@@ -780,12 +726,12 @@ function AdminPannel() {
       setFrozen = _a[1];
 
   var stringSet = useContext(LocalizationContext).stringSet;
-  var channel = useChannelSettings().channel; // work around for
+  var channel = useChannelSettingsContext().channel; // work around for
   // https://sendbird.slack.com/archives/G01290GCDCN/p1595922832000900
   // SDK bug - after frozen/unfrozen myRole becomes "none"
 
   useEffect(function () {
-    setFrozen(channel.isFrozen);
+    setFrozen(channel === null || channel === void 0 ? void 0 : channel.isFrozen);
   }, [channel]);
   return /*#__PURE__*/React__default.createElement(AccordionGroup, {
     className: "sendbird-channel-settings__operator"
@@ -821,14 +767,14 @@ function AdminPannel() {
         type: LabelTypography.SUBTITLE_1,
         color: LabelColors.ONBACKGROUND_1
       }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE), /*#__PURE__*/React__default.createElement(Badge, {
-        count: kFormatter(channel.memberCount)
+        count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount)
       }));
     },
     renderContent: function renderContent() {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MemberList, null));
     }
   }), // No muted members in broadcast channel
-  !channel.isBroadcast && /*#__PURE__*/React__default.createElement(Accordion, {
+  !(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() {
@@ -848,7 +794,7 @@ function AdminPannel() {
     }
   }), /*#__PURE__*/React__default.createElement(Accordion, {
     className: "sendbird-channel-settings__banned-members-list",
-    id: "bannedMembers",
+    id: "bannedUsers",
     renderTitle: function renderTitle() {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
         type: IconTypes.BAN,
@@ -865,7 +811,7 @@ function AdminPannel() {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(BannedMemberList, null));
     }
   }), // cannot freeze broadcast channel
-  !channel.isBroadcast && /*#__PURE__*/React__default.createElement("div", {
+  !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-settings__freeze"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     type: IconTypes.FREEZE,
@@ -880,7 +826,7 @@ function AdminPannel() {
     className: "sendbird-channel-settings__frozen-icon"
   }, frozen ? /*#__PURE__*/React__default.createElement(Icon, {
     onClick: function onClick() {
-      channel.unfreeze(function () {
+      channel === null || channel === void 0 ? void 0 : channel.unfreeze().then(function () {
         setFrozen(false);
       });
     },
@@ -890,7 +836,7 @@ function AdminPannel() {
     height: 24
   }) : /*#__PURE__*/React__default.createElement(Icon, {
     onClick: function onClick() {
-      channel.freeze(function () {
+      channel === null || channel === void 0 ? void 0 : channel.freeze().then(function () {
         setFrozen(true);
       });
     },
@@ -902,4 +848,4 @@ function AdminPannel() {
 }
 
 export { AdminPannel as default };
-//# sourceMappingURL=AdminPanel.js.map
+//# sourceMappingURL=ModerationPanel.js.map

package/ChannelSettings/components/ModerationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModerationPanel.js","sources":["../../../src/smart-components/ChannelSettings/components/ModerationPanel/OperatorsModal.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/AddOperatorsModal.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/OperatorList.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/BannedUsersModal.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/BannedUserList.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/MutedMembersModal.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/MutedMemberList.tsx","../../../src/smart-components/ChannelSettings/components/ModerationPanel/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props { onCancel?(): void }\n\nexport default function OperatorsModal({ onCancel }: Props): ReactElement {\n  const [operators, setOperators] = useState([]);\n  const [operatorQuery, setOperatorQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n\n  useEffect(() => {\n    const operatorListQuery = channel?.createOperatorListQuery({\n      limit: 20,\n    });\n    operatorListQuery.next().then((operators) => {\n      setOperators(operators);\n    });\n    setOperatorQuery(operatorListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        titleText=\"All operators\"\n        onCancel={onCancel}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = operatorQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              operatorQuery.next().then((o) => {\n                setOperators([\n                  ...operators,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          { operators.map((member) => (\n            <UserListItem\n              currentUser={currentUser}\n              user={member}\n              key={member.userId}\n              action={({ parentRef, actionRef }) => (\n                <ContextMenu\n                  menuTrigger={(toggleDropdown) => (\n                    <IconButton\n                      className=\"sendbird-user-message__more__menu\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={toggleDropdown}\n                    >\n                      <Icon\n                        width=\"24px\"\n                        height=\"24px\"\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                      />\n                    </IconButton>\n                  )}\n                  menuItems={(closeDropdown) => (\n                    <MenuItems\n                      parentContainRef={parentRef}\n                      parentRef={actionRef} // for catching location(x, y) of MenuItems\n                      closeDropdown={closeDropdown}\n                      openLeft\n                    >\n                      <MenuItem\n                        onClick={() => {\n                          channel?.removeOperators([member.userId]).then(() => {\n                            setOperators(operators.filter(({ userId }) => {\n                              return userId !== member.userId;\n                            }));\n                          });\n                          closeDropdown();\n                        }}\n                      >\n                        Dismiss operator\n                      </MenuItem>\n                    </MenuItems>\n                  )}\n                />\n              )}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  )\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useContext,\n} from 'react';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n  LabelTypography,\n  LabelColors,\n} from '../../../../ui/Label';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function AddOperatorsModal({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [memberQuery, setMemberQuery] = useState(null);\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { channel } = useChannelSettingsContext();\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n\n  const selectedCount = Object.keys(selectedMembers).filter((m) => selectedMembers[m]).length;\n  return (\n    <div>\n      <Modal\n        type={ButtonType.PRIMARY}\n        submitText=\"Add\"\n        onCancel={onCancel}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.addOperators(members).then(() => {\n            onSubmit(members);\n          })\n        }}\n        titleText=\"Select members\"\n      >\n        <Label\n          color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n          type={LabelTypography.CAPTION_1}\n        >\n          {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTEC}`}\n        </Label>\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          { members.map((member) => (\n            <UserListItem\n              checkBox\n              checked={selectedMembers[member.userId]}\n              onChange={\n                (event) => {\n                  const modifiedSelectedMembers = {\n                    ...selectedMembers,\n                    [event.target.id]: event.target.checked,\n                  };\n                  if (!event.target.checked) {\n                    delete modifiedSelectedMembers[event.target.id];\n                  }\n                  setSelectedMembers(modifiedSelectedMembers);\n                }\n              }\n              user={member}\n              key={member.userId}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport OperatorsModal from './OperatorsModal';\nimport AddOperatorsModal from './AddOperatorsModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\n\nexport const OperatorList = (): ReactElement => {\n  const [operators, setOperators] = useState([]);\n  const [showMore, setShowMore] = useState(false);\n  const [showAdd, setShowAdd] = useState(false);\n  const [hasNext, setHasNext] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  const state = useSendbirdStateContext();\n  const { channel } = useChannelSettingsContext();\n\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setOperators([]);\n      return;\n    }\n\n    const operatorListQuery = channel?.createOperatorListQuery({\n      limit: 10,\n    });\n    operatorListQuery.next().then((operators) => {\n      setOperators(operators);\n      setHasNext(operatorListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refershList = useCallback(\n    () => {\n      if (!channel) {\n        setOperators([]);\n        return;\n      }\n      const operatorListQuery = channel?.createOperatorListQuery({\n        limit: 10,\n      });\n      operatorListQuery.next().then((operators) => {\n        setOperators(operators);\n        setHasNext(operatorListQuery.hasNext);\n      });\n    },\n    [channel],\n  );\n\n  return (\n    <>\n      {\n        operators.map((operator) => (\n          <UserListItem\n            key={operator.userId}\n            user={operator}\n            currentUser={userId}\n            action={({ actionRef, parentRef }) => {\n              return (\n                <ContextMenu\n                  menuTrigger={(toggleDropdown) => (\n                    <IconButton\n                      className=\"sendbird-user-message__more__menu\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={toggleDropdown}\n                    >\n                      <Icon\n                        width=\"24px\"\n                        height=\"24px\"\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                      />\n                    </IconButton>\n                  )}\n                  menuItems={(closeDropdown) => (\n                    <MenuItems\n                      parentContainRef={parentRef}\n                      parentRef={actionRef} // for catching location(x, y) of MenuItems\n                      closeDropdown={closeDropdown}\n                      openLeft\n                    >\n                      <MenuItem\n                        onClick={() => {\n                          channel?.removeOperators([operator.userId]).then(() => {\n                            setOperators(operators.filter(({ userId }) => {\n                              return userId !== operator.userId;\n                            }))\n                          });\n                          closeDropdown();\n                        }}\n                      >\n                        Dismiss operator\n                      </MenuItem>\n                    </MenuItems>\n                  )}\n                />\n              );\n            }}\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => {\n            setShowAdd(true);\n          }}\n        >\n          {stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ADD}\n        </Button>\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => {\n                setShowMore(true);\n              }}\n            >\n              {stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL}\n            </Button>\n          )\n        }\n      </div>\n      {\n        showMore && (\n          <OperatorsModal onCancel={() => {\n            setShowMore(false);\n            refershList();\n          }} />\n        )\n      }\n      {\n        showAdd && (\n          <AddOperatorsModal\n            onCancel={() => setShowAdd(false)}\n            onSubmit={() => {\n              refershList();\n              setShowAdd(false);\n            }}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default OperatorList;\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n} from 'react';\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport { noop } from '../../../../utils/utils';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function BannedUsersModal({\n  onCancel,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n  const { channel } = useChannelSettingsContext();\n\n  useEffect(() => {\n    const bannedUserListQuery = channel?.createBannedUserListQuery();\n    bannedUserListQuery.next().then((users) => {\n      setMembers(users);\n    });\n    setMemberQuery(bannedUserListQuery);\n  }, []);\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText=\"Muted members\"\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          { members.map((member) => (\n            <UserListItem\n              user={member}\n              key={member.userId}\n              action={({ parentRef, actionRef }) => (\n                <ContextMenu\n                  menuTrigger={(toggleDropdown) => (\n                    <IconButton\n                      className=\"sendbird-user-message__more__menu\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={toggleDropdown}\n                    >\n                      <Icon\n                        width=\"24px\"\n                        height=\"24px\"\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                      />\n                    </IconButton>\n                  )}\n                  menuItems={(closeDropdown) => (\n                    <MenuItems\n                      parentContainRef={parentRef}\n                      parentRef={actionRef} // for catching location(x, y) of MenuItems\n                      closeDropdown={closeDropdown}\n                      openLeft\n                    >\n                      <MenuItem\n                        onClick={() => {\n                          channel?.unbanUser(member).then(() => {\n                            closeDropdown();\n                            setMembers(members.filter(m => {\n                              return (m.userId !== member.userId);\n                            }));\n                          })\n                        }}\n                      >\n                        Unban\n                      </MenuItem>\n                    </MenuItems>\n                  )}\n                />\n              )\n              }\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport\n  Label, {\n  LabelTypography,\n  LabelColors,\n} from '../../../../ui/Label';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport BannedUsersModal from './BannedUsersModal';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\n\nexport const BannedMemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showModal, setShowModal] = useState(false);\n\n  const { channel } = useChannelSettingsContext();\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const bannedUserListQuery = channel?.createBannedUserListQuery();\n    bannedUserListQuery.next().then((users) => {\n      setMembers(users);\n      setHasNext(bannedUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const bannedUserListQuery = channel?.createBannedUserListQuery();\n    bannedUserListQuery.next().then((users) => {\n      setMembers(users);\n      setHasNext(bannedUserListQuery.hasNext);\n    });\n  }, [channel]);\n  return (\n    <>\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            action={({ actionRef, parentRef }) => {\n              return (\n                <ContextMenu\n                  menuTrigger={(toggleDropdown) => (\n                    <IconButton\n                      className=\"sendbird-user-message__more__menu\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={toggleDropdown}\n                    >\n                      <Icon\n                        width=\"24px\"\n                        height=\"24px\"\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                      />\n                    </IconButton>\n                  )}\n                  menuItems={(closeDropdown) => (\n                    <MenuItems\n                      parentContainRef={parentRef}\n                      parentRef={actionRef} // for catching location(x, y) of MenuItems\n                      closeDropdown={closeDropdown}\n                      openLeft\n                    >\n                      <MenuItem\n                        onClick={() => {\n                          channel?.unbanUser(member).then(() => {\n                            closeDropdown();\n                            refreshList();\n                          })\n                        }}\n                      >\n                        Unban\n                      </MenuItem>\n                    </MenuItems>\n                  )}\n                />\n              )\n            }}\n          />\n        ))\n      }\n      {\n        members && members.length === 0 && (\n          <Label\n            className=\"sendbird-channel-settings__empty-list\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_3}\n          >\n            No banned members yet\n          </Label>\n        )\n      }\n      {\n        hasNext && (\n          <div\n            className=\"sendbird-channel-settings-accordion__footer\"\n          >\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => {\n                setShowModal(true);\n              }}\n            >\n              All banned members\n            </Button>\n          </div>\n        )\n      }\n      {\n        showModal && (\n          <BannedUsersModal\n            onCancel={() => {\n              setShowModal(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n    </>\n  );\n}\n\n\nexport default BannedMemberList;\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n} from 'react';\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MutedMembersModal({\n  onCancel,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n\n  useEffect(() => {\n    const memberUserListQuery = channel?.createMemberListQuery({\n      limit: 10,\n      // @ts-ignore\n      mutedMemberFilter: 'muted',\n    });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberUserListQuery);\n  }, []);\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText=\"Muted members\"\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          { members.map((member) => (\n            <UserListItem\n              currentUser={currentUser}\n              user={member}\n              key={member.userId}\n              action={({ actionRef, parentRef }) => (\n                <ContextMenu\n                  menuTrigger={(toggleDropdown) => (\n                    <IconButton\n                      className=\"sendbird-user-message__more__menu\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={toggleDropdown}\n                    >\n                      <Icon\n                        width=\"24px\"\n                        height=\"24px\"\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                      />\n                    </IconButton>\n                  )}\n                  menuItems={(closeDropdown) => (\n                    <MenuItems\n                      parentContainRef={parentRef}\n                      parentRef={actionRef} // for catching location(x, y) of MenuItems\n                      closeDropdown={closeDropdown}\n                      openLeft\n                    >\n                      <MenuItem\n                        onClick={() => {\n                          channel?.unmuteUser(member).then(() => {\n                            closeDropdown();\n                            setMembers(members.filter(m => {\n                              return (m.userId !== member.userId);\n                            }));\n                          })\n                        }}\n                      >\n                        Unmute\n                      </MenuItem>\n                    </MenuItems>\n                  )}\n                />\n              )}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport\n  Label, {\n  LabelTypography,\n  LabelColors,\n} from '../../../../ui/Label';\nimport UserListItem from '../UserListItem';\nimport MutedMembersModal from './MutedMembersModal';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\n\nexport const MutedMemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showModal, setShowModal] = useState(false);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({\n      limit: 10,\n      // @ts-ignore\n      mutedMemberFilter: 'muted',\n    });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({\n      limit: 10,\n      // @ts-ignore\n      mutedMemberFilter: 'muted',\n    });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n  return (\n    <>\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={currentUser}\n            action={({ actionRef, parentRef }) => {\n              return (\n                <ContextMenu\n                  menuTrigger={(toggleDropdown) => (\n                    <IconButton\n                      className=\"sendbird-user-message__more__menu\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={toggleDropdown}\n                    >\n                      <Icon\n                        width=\"24px\"\n                        height=\"24px\"\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                      />\n                    </IconButton>\n                  )}\n                  menuItems={(closeDropdown) => (\n                    <MenuItems\n                      closeDropdown={closeDropdown}\n                      openLeft\n                      parentContainRef={parentRef}\n                      parentRef={actionRef} // for catching location(x, y) of MenuItems\n                    >\n                      <MenuItem\n                        onClick={() => {\n                          channel?.unmuteUser(member).then(() => {\n                            refreshList();\n                            closeDropdown();\n                          })\n                        }}\n                      >\n                        Unmute\n                      </MenuItem>\n                    </MenuItems>\n                  )}\n                />\n              );\n            }\n            }\n          />\n        ))\n      }\n      {\n        members && members.length === 0 && (\n          <Label\n            className=\"sendbird-channel-settings__empty-list\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_3}\n          >\n            No muted members yet\n          </Label>\n        )\n      }\n      {\n        hasNext && (\n          <div\n            className=\"sendbird-channel-settings-accordion__footer\"\n          >\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => {\n                setShowModal(true);\n              }}\n            >\n              All muted members\n            </Button>\n          </div>\n        )\n      }\n      {\n        showModal && (\n          <MutedMembersModal\n            onCancel={() => {\n              setShowModal(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default MutedMemberList;\n","import './admin-panel.scss';\nimport React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useContext,\n} from 'react';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Accordion, { AccordionGroup } from '../../../../ui/Accordion';\nimport\n  Label, {\n  LabelTypography,\n  LabelColors,\n} from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Badge from '../../../../ui/Badge';\n\nimport OperatorList from './OperatorList';\nimport MemberList from './MemberList';\nimport BannedMemberList from './BannedUserList';\nimport MutedMemberList from './MutedMemberList';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\n\nconst kFormatter = (num: number): string|number => {\n  return Math.abs(num) > 999\n    ? `${(Math.abs(num)/1000).toFixed(1)}K`\n    : num;\n}\n\nexport default function AdminPannel(): ReactElement {\n  const [frozen, setFrozen] = useState(false);\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { channel } = useChannelSettingsContext();\n\n\n  // work around for\n  // https://sendbird.slack.com/archives/G01290GCDCN/p1595922832000900\n  // SDK bug - after frozen/unfrozen myRole becomes \"none\"\n  useEffect(() => {\n    setFrozen(channel?.isFrozen);\n  }, [channel]);\n\n  return (\n    <AccordionGroup className=\"sendbird-channel-settings__operator\">\n      <Accordion\n        className=\"sendbird-channel-settings__operators-list\"\n        id=\"operators\"\n        renderTitle={() => (\n          <>\n            <Icon\n              type={IconTypes.OPERATOR}\n              fillColor={IconColors.PRIMARY}\n              width={24}\n              height={24}\n              className=\"sendbird-channel-settings__accordion-icon\"\n            />\n            <Label\n              type={LabelTypography.SUBTITLE_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.CHANNEL_SETTING__OPERATORS__TITLE}\n            </Label>\n          </>\n        )}\n        renderContent={() => (\n          <>\n            <OperatorList />\n          </>\n        )}\n      />\n      <Accordion\n        className=\"sendbird-channel-settings__members-list\"\n        id=\"members\"\n        renderTitle={() => (\n          <>\n            <Icon\n              type={IconTypes.MEMBERS}\n              fillColor={IconColors.PRIMARY}\n              width={24}\n              height={24}\n              className=\"sendbird-channel-settings__accordion-icon\"\n            />\n            <Label\n              type={LabelTypography.SUBTITLE_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__TITLE}\n            </Label>\n            <Badge count={kFormatter(channel?.memberCount)} />\n          </>\n        )}\n        renderContent={() => (\n          <>\n            <MemberList />\n          </>\n        )}\n      />\n      {\n        // No muted members in broadcast channel\n        !channel?.isBroadcast && (\n          <Accordion\n            id=\"mutedMembers\"\n            className=\"sendbird-channel-settings__muted-members-list\"\n            renderTitle={() => (\n              <>\n                <Icon\n                  type={IconTypes.MUTE}\n                  fillColor={IconColors.PRIMARY}\n                  width={24}\n                  height={24}\n                  className=\"sendbird-channel-settings__accordion-icon\"\n                />\n                <Label\n                  type={LabelTypography.SUBTITLE_1}\n                  color={LabelColors.ONBACKGROUND_1}\n                >\n                  {stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE}\n                </Label>\n              </>\n            )}\n            renderContent={() => (\n              <>\n                <MutedMemberList />\n              </>\n            )}\n          />\n        )\n      }\n      <Accordion\n        className=\"sendbird-channel-settings__banned-members-list\"\n        id=\"bannedUsers\"\n        renderTitle={() => (\n          <>\n            <Icon\n              type={IconTypes.BAN}\n              fillColor={IconColors.PRIMARY}\n              width={24}\n              height={24}\n              className=\"sendbird-channel-settings__accordion-icon\"\n            />\n            <Label\n              type={LabelTypography.SUBTITLE_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE}\n            </Label>\n          </>\n        )}\n        renderContent={() => (\n          <>\n            <BannedMemberList />\n          </>\n        )}\n      />\n      {\n        // cannot freeze broadcast channel\n        !channel?.isBroadcast && (\n          <div className=\"sendbird-channel-settings__freeze\">\n            <Icon\n              type={IconTypes.FREEZE}\n              fillColor={IconColors.PRIMARY}\n              width={24}\n              height={24}\n              className=\"sendbird-channel-settings__accordion-icon\"\n            />\n            <Label\n              type={LabelTypography.SUBTITLE_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.CHANNEL_SETTING__FREEZE_CHANNEL}\n            </Label>\n            <div className=\"sendbird-channel-settings__frozen-icon\">\n              {\n                frozen\n                  ? (\n                    <Icon\n                      onClick={() => {\n                        channel?.unfreeze().then(() => {\n                          setFrozen(false);\n                        });\n                      }}\n                      type={IconTypes.TOGGLE_ON}\n                      fillColor={IconColors.PRIMARY}\n                      width={44}\n                      height={24}\n                    />\n                  )\n                  : (\n                    <Icon\n                      onClick={() => {\n                        channel?.freeze().then(() => {\n                          setFrozen(true);\n                        });\n                      }}\n                      type={IconTypes.TOGGLE_OFF}\n                      fillColor={IconColors.PRIMARY}\n                      width={44}\n                      height={24}\n                    />\n                  )\n              }\n            </div>\n          </div>\n        )\n      }\n    </AccordionGroup>\n  );\n}\n"],"names":["OperatorsModal","_a","onCancel","_c","useState","operators","setOperators","_d","operatorQuery","setOperatorQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","useEffect","operatorListQuery","createOperatorListQuery","limit","next","then","React","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","parentRef","actionRef","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","removeOperators","filter","AddOperatorsModal","onSubmit","_b","members","setMembers","selectedMembers","setSelectedMembers","memberQuery","setMemberQuery","stringSet","useContext","LocalizationContext","memberListQuery","createMemberListQuery","selectedCount","Object","keys","m","length","ButtonType","PRIMARY","addOperators","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","event","modifiedSelectedMembers","id","checked","OperatorList","showMore","setShowMore","showAdd","setShowAdd","_e","setHasNext","refershList","useCallback","operator","UserListItem","ButtonTypes","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__OPERATORS__TITLE_ADD","CHANNEL_SETTING__OPERATORS__TITLE_ALL","BannedUsersModal","bannedUserListQuery","createBannedUserListQuery","users","noop","unbanUser","BannedMemberList","showModal","setShowModal","refreshList","SUBTITLE_2","MutedMembersModal","memberUserListQuery","mutedMemberFilter","unmuteUser","MutedMemberList","kFormatter","num","Math","abs","toFixed","AdminPannel","frozen","setFrozen","isFrozen","OPERATOR","SUBTITLE_1","ONBACKGROUND_1","CHANNEL_SETTING__OPERATORS__TITLE","MEMBERS","CHANNEL_SETTING__MEMBERS__TITLE","memberCount","isBroadcast","MUTE","CHANNEL_SETTING__MUTED_MEMBERS__TITLE","BAN","CHANNEL_SETTING__BANNED_MEMBERS__TITLE","FREEZE","CHANNEL_SETTING__FREEZE_CHANNEL","unfreeze","TOGGLE_ON","freeze","TOGGLE_OFF"],"mappings":"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"}