@sendbird/uikit-react 3.4.5 → 3.4.6-rc.0

package/ChannelSettings/components/ModerationPanel.js

@@ -1,56 +1,52 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-654ae04f.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-428ea690.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-8e901b57.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-8efe881f.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.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-209c9f08.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-debac48c.js';
 import Modal from '../../ui/Modal.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { M as MemberList } from '../../MemberList-6f3c8288.js';
-import { n as noop } from '../../utils-04bd857d.js';
-import '../../stringSet-7c7d84fc.js';
-import '../../index-cf141ad7.js';
+import { M as MemberList } from '../../MemberList-f0614320.js';
+import { n as noop } from '../../utils-87be98af.js';
+import '../../stringSet-fa7e0d83.js';
+import '../../index-8b3cd0b6.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-7465b898.js';
+import '../../context-8436b333.js';
 import 'prop-types';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-31c6ecb2.js';
-import '../../index-83ae3ffe.js';
+import '../../uuid-e979d613.js';
+import '../../index-f87c5aab.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-1996d4d2.js';
+import '../../UserProfileContext-576f1ef9.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-4697c2b3.js';
-import '../../index-12c44496.js';
-import '../../MediaQueryContext-e791a4d1.js';
+import '../../topics-2647294d.js';
+import '../../index-d5a761b9.js';
+import '../../MediaQueryContext-e4d4fb2a.js';
 import '../../ui/Checkbox.js';
 import '../../withSendbird.js';
 
 function OperatorsModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = useState([]),
-      operators = _c[0],
-      setOperators = _c[1];
-
+    operators = _c[0],
+    setOperators = _c[1];
   var _d = useState(null),
-      operatorQuery = _d[0],
-      setOperatorQuery = _d[1];
-
+    operatorQuery = _d[0],
+    setOperatorQuery = _d[1];
   var channel = useChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
@@ -75,7 +71,6 @@ function OperatorsModal(_a) {
       var hasNext = operatorQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         operatorQuery.next().then(function (o) {
           setOperators(__spreadArray(__spreadArray([], operators, true), o, true));
@@ -89,7 +84,7 @@ function OperatorsModal(_a) {
       key: member.userId,
       action: function (_a) {
         var parentRef = _a.parentRef,
-            actionRef = _a.actionRef;
+          actionRef = _a.actionRef;
         return (member === null || member === void 0 ? void 0 : member.userId) !== currentUserId && /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -131,20 +126,16 @@ function OperatorsModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      onSubmit = _a.onSubmit;
-
+    onSubmit = _a.onSubmit;
   var _b = useState([]),
-      members = _b[0],
-      setMembers = _b[1];
-
+    members = _b[0],
+    setMembers = _b[1];
   var _c = useState({}),
-      selectedMembers = _c[0],
-      setSelectedMembers = _c[1];
-
+    selectedMembers = _c[0],
+    setSelectedMembers = _c[1];
   var _d = useState(null),
-      memberQuery = _d[0],
-      setMemberQuery = _d[1];
-
+    memberQuery = _d[0],
+    setMemberQuery = _d[1];
   var stringSet = useContext(LocalizationContext).stringSet;
   var channel = useChannelSettingsContext().channel;
   useEffect(function () {
@@ -183,7 +174,6 @@ function AddOperatorsModal(_a) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
@@ -198,13 +188,10 @@ function AddOperatorsModal(_a) {
       disabled: (member === null || member === void 0 ? void 0 : member.role) === 'operator',
       onChange: function (event) {
         var _a;
-
         var modifiedSelectedMembers = __assign(__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-
         if (!event.target.checked) {
           delete modifiedSelectedMembers[event.target.id];
         }
-
         setSelectedMembers(modifiedSelectedMembers);
       },
       user: member,
@@ -215,23 +202,18 @@ function AddOperatorsModal(_a) {
 
 var OperatorList = function () {
   var _a;
-
   var _b = useState([]),
-      operators = _b[0],
-      setOperators = _b[1];
-
+    operators = _b[0],
+    setOperators = _b[1];
   var _c = useState(false),
-      showMore = _c[0],
-      setShowMore = _c[1];
-
+    showMore = _c[0],
+    setShowMore = _c[1];
   var _d = useState(false),
-      showAdd = _d[0],
-      setShowAdd = _d[1];
-
+    showAdd = _d[0],
+    setShowAdd = _d[1];
   var _e = useState(false),
-      hasNext = _e[0],
-      setHasNext = _e[1];
-
+    hasNext = _e[0],
+    setHasNext = _e[1];
   var stringSet = useContext(LocalizationContext).stringSet;
   var state = useSendbirdStateContext();
   var channel = useChannelSettingsContext().channel;
@@ -241,7 +223,6 @@ var OperatorList = function () {
       setOperators([]);
       return;
     }
-
     var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
       limit: 10
     });
@@ -255,7 +236,6 @@ var OperatorList = function () {
       setOperators([]);
       return;
     }
-
     var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
       limit: 10
     });
@@ -271,11 +251,9 @@ var OperatorList = function () {
       currentUser: userId,
       action: function (_a) {
         var actionRef = _a.actionRef;
-
         if ((operator === null || operator === void 0 ? void 0 : operator.userId) === userId) {
           return null;
         }
-
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -342,15 +320,12 @@ var OperatorList = function () {
 
 function BannedUsersModal(_a) {
   var onCancel = _a.onCancel;
-
   var _b = useState([]),
-      members = _b[0],
-      setMembers = _b[1];
-
+    members = _b[0],
+    setMembers = _b[1];
   var _c = useState(null),
-      memberQuery = _c[0],
-      setMemberQuery = _c[1];
-
+    memberQuery = _c[0],
+    setMemberQuery = _c[1];
   var channel = useChannelSettingsContext().channel;
   var stringSet = useLocalization().stringSet;
   useEffect(function () {
@@ -374,7 +349,6 @@ function BannedUsersModal(_a) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
@@ -387,7 +361,7 @@ function BannedUsersModal(_a) {
       key: member.userId,
       action: function (_a) {
         var parentRef = _a.parentRef,
-            actionRef = _a.actionRef;
+          actionRef = _a.actionRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -428,17 +402,14 @@ function BannedUsersModal(_a) {
 
 var BannedMemberList = function () {
   var _a = useState([]),
-      members = _a[0],
-      setMembers = _a[1];
-
+    members = _a[0],
+    setMembers = _a[1];
   var _b = useState(false),
-      hasNext = _b[0],
-      setHasNext = _b[1];
-
+    hasNext = _b[0],
+    setHasNext = _b[1];
   var _c = useState(false),
-      showModal = _c[0],
-      setShowModal = _c[1];
-
+    showModal = _c[0],
+    setShowModal = _c[1];
   var stringSet = useContext(LocalizationContext).stringSet;
   var channel = useChannelSettingsContext().channel;
   var bannedUserListQueryParams = {
@@ -449,7 +420,6 @@ var BannedMemberList = function () {
       setMembers([]);
       return;
     }
-
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery(bannedUserListQueryParams);
     bannedUserListQuery.next().then(function (users) {
       setMembers(users);
@@ -461,7 +431,6 @@ var BannedMemberList = function () {
       setMembers([]);
       return;
     }
-
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery(bannedUserListQueryParams);
     bannedUserListQuery.next().then(function (users) {
       setMembers(users);
@@ -474,7 +443,7 @@ var BannedMemberList = function () {
       user: member,
       action: function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -530,17 +499,13 @@ var BannedMemberList = function () {
 
 function MutedMembersModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = useState([]),
-      members = _c[0],
-      setMembers = _c[1];
-
+    members = _c[0],
+    setMembers = _c[1];
   var _d = useState(null),
-      memberQuery = _d[0],
-      setMemberQuery = _d[1];
-
+    memberQuery = _d[0],
+    setMemberQuery = _d[1];
   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;
@@ -570,7 +535,6 @@ function MutedMembersModal(_a) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
@@ -584,7 +548,7 @@ function MutedMembersModal(_a) {
       key: member.userId,
       action: function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -625,19 +589,15 @@ function MutedMembersModal(_a) {
 
 var MutedMemberList = function () {
   var _a;
-
   var _b = useState([]),
-      members = _b[0],
-      setMembers = _b[1];
-
+    members = _b[0],
+    setMembers = _b[1];
   var _c = useState(false),
-      hasNext = _c[0],
-      setHasNext = _c[1];
-
+    hasNext = _c[0],
+    setHasNext = _c[1];
   var _d = useState(false),
-      showModal = _d[0],
-      setShowModal = _d[1];
-
+    showModal = _d[0],
+    setShowModal = _d[1];
   var stringSet = useLocalization().stringSet;
   var channel = useChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
@@ -647,7 +607,6 @@ var MutedMemberList = function () {
       setMembers([]);
       return;
     }
-
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10,
       // @ts-ignore
@@ -663,7 +622,6 @@ var MutedMemberList = function () {
       setMembers([]);
       return;
     }
-
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10,
       // @ts-ignore
@@ -681,7 +639,7 @@ var MutedMemberList = function () {
       currentUser: currentUser,
       action: function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -702,7 +660,6 @@ var MutedMemberList = function () {
               openLeft: true,
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
-
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
@@ -738,17 +695,15 @@ var MutedMemberList = function () {
 var kFormatter = function (num) {
   return Math.abs(num) > 999 ? "".concat((Math.abs(num) / 1000).toFixed(1), "K") : num;
 };
-
 function AdminPannel() {
   var _a = useState(false),
-      frozen = _a[0],
-      setFrozen = _a[1];
-
+    frozen = _a[0],
+    setFrozen = _a[1];
   var stringSet = useContext(LocalizationContext).stringSet;
-  var channel = useChannelSettingsContext().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 === null || channel === void 0 ? void 0 : channel.isFrozen);
   }, [channel]);
@@ -792,7 +747,8 @@ function AdminPannel() {
     renderContent: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MemberList, null));
     }
-  }), // No muted members in broadcast channel
+  }),
+  // 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",
@@ -829,7 +785,8 @@ function AdminPannel() {
     renderContent: function () {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(BannedMemberList, null));
     }
-  }), // cannot freeze broadcast channel
+  }),
+  // cannot freeze broadcast channel
   !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-settings__freeze"
   }, /*#__PURE__*/React__default.createElement(Icon, {