@sendbird/uikit-react 3.4.5-rc.0 → 3.4.6-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-34b46c40.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-43b10f97.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-824e5bc8.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-8f0ae983.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-bb0710b6.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-5180f9d1.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-4de628ca.js';
-import { n as noop } from '../../utils-8318012f.js';
-import '../../stringSet-a9c3ac4a.js';
-import '../../index-3fff67da.js';
+import { M as MemberList } from '../../MemberList-70806978.js';
+import { n as noop } from '../../utils-a7563986.js';
+import '../../stringSet-2d42f6ff.js';
+import '../../index-0f373e79.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-3ffe9980.js';
+import '../../context-993ee0c3.js';
 import 'prop-types';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-9ea19939.js';
-import '../../index-3ee902ac.js';
+import '../../uuid-368c5040.js';
+import '../../index-cd1a9173.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-3fa0c617.js';
+import '../../UserProfileContext-12b6fabf.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-2a79610f.js';
-import '../../index-5668e8eb.js';
-import '../../MediaQueryContext-ce624aa4.js';
+import '../../topics-6d4bf2ed.js';
+import '../../index-5c20d787.js';
+import '../../MediaQueryContext-f2df2472.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, {