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

package/OpenChannelSettings/components/OperatorUI.js

@@ -1,68 +1,63 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-34b46c40.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-824e5bc8.js';
+import { a as LocalizationContext } from '../../LocalizationContext-43b10f97.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8f0ae983.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import ChannelProfile from './OpenChannelProfile.js';
 import Modal from '../../ui/Modal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { U as UserListItem$1, P as ParticipantList } from '../../index-4538a9f1.js';
+import { U as UserListItem$1, P as ParticipantList } from '../../index-88523047.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
 import Button, { ButtonTypes, ButtonSizes } from '../../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-bb0710b6.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-5180f9d1.js';
 import UserListItem from '../../ui/UserListItem.js';
-import { n as noop } from '../../utils-8318012f.js';
-import '../../stringSet-a9c3ac4a.js';
-import '../../index-3fff67da.js';
+import { n as noop } from '../../utils-a7563986.js';
+import '../../stringSet-2d42f6ff.js';
+import '../../index-0f373e79.js';
 import 'prop-types';
 import '@sendbird/chat/openChannel';
-import '../../UserProfileContext-3fa0c617.js';
-import '../../uuid-9ea19939.js';
+import '../../UserProfileContext-12b6fabf.js';
+import '../../uuid-368c5040.js';
 import '../../withSendbird.js';
 import '../../ui/TextButton.js';
-import '../../color-6e50d9e2.js';
+import '../../color-e54d3ed7.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-3ba27c29.js';
+import '../../utils-760413c9.js';
 import './EditDetailsModal.js';
-import '../../topics-2a79610f.js';
+import '../../topics-6d4bf2ed.js';
 import '../../ui/Input.js';
 import 'react-dom';
-import '../../index-5668e8eb.js';
-import '../../MediaQueryContext-ce624aa4.js';
-import '../../context-3ffe9980.js';
+import '../../index-5c20d787.js';
+import '../../MediaQueryContext-f2df2472.js';
+import '../../context-993ee0c3.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/AccordionGroup.js';
 import '../../ui/SortByRow.js';
-import '../../index-3ee902ac.js';
+import '../../index-cd1a9173.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 
 function DeleteChannel() {
   var _a, _b;
-
   var _c = useState(false),
-      showDeleteChannelModal = _c[0],
-      setShowDeleteChannelModal = _c[1];
-
+    showDeleteChannelModal = _c[0],
+    setShowDeleteChannelModal = _c[1];
   var stringSet = useContext(LocalizationContext).stringSet;
   var globalState = useSendbirdStateContext();
   var isOnline = (_a = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _a === void 0 ? void 0 : _a.isOnline;
   var logger = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.logger;
-
   var _d = useOpenChannelSettingsContext(),
-      channel = _d.channel,
-      onDeleteChannel = _d.onDeleteChannel;
-
+    channel = _d.channel,
+    onDeleteChannel = _d.onDeleteChannel;
   var deleteChannel = function () {
     channel === null || channel === void 0 ? void 0 : channel.delete().then(function (response) {
       logger.info('OpenChannelSettings: Delete channel success', response);
-
       if (onDeleteChannel) {
         onDeleteChannel(channel);
       }
@@ -70,7 +65,6 @@ function DeleteChannel() {
       logger.warning('OpenChannelSettings: Delete channel failed', error);
     });
   };
-
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-settings__panel-item\n          sendbird-openchannel-settings__delete-channel\n            ".concat(!isOnline ? 'sendbird-openchannel-settings__panel-item__disabled' : ''),
     role: "button",
@@ -79,14 +73,12 @@ function DeleteChannel() {
       if (!isOnline) {
         return;
       }
-
       setShowDeleteChannelModal(true);
     },
     onClick: function () {
       if (!isOnline) {
         return;
       }
-
       setShowDeleteChannelModal(true);
     }
   }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -113,17 +105,13 @@ function DeleteChannel() {
 
 function OperatorListModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = useState([]),
-      users = _c[0],
-      setUsers = _c[1];
-
+    users = _c[0],
+    setUsers = _c[1];
   var _d = useState(null),
-      operatorQuery = _d[0],
-      setOperatorQuery = _d[1];
-
+    operatorQuery = _d[0],
+    setOperatorQuery = _d[1];
   var channel = useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
@@ -148,7 +136,6 @@ function OperatorListModal(_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) {
           setUsers(__spreadArray(__spreadArray([], users, true), o, true));
@@ -162,7 +149,7 @@ function OperatorListModal(_a) {
       key: operator.userId,
       action: function (_a) {
         var parentRef = _a.parentRef,
-            actionRef = _a.actionRef;
+          actionRef = _a.actionRef;
         return currentUserId !== (operator === null || operator === void 0 ? void 0 : operator.userId) ? /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -203,20 +190,16 @@ function OperatorListModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      onSubmit = _a.onSubmit;
-
+    onSubmit = _a.onSubmit;
   var _b = useState([]),
-      participants = _b[0],
-      setParticipants = _b[1];
-
+    participants = _b[0],
+    setParticipants = _b[1];
   var _c = useState({}),
-      selectedUsers = _c[0],
-      setSelectedUsers = _c[1];
-
+    selectedUsers = _c[0],
+    setSelectedUsers = _c[1];
   var _d = useState(null),
-      participantQuery = _d[0],
-      setParticipantQuery = _d[1];
-
+    participantQuery = _d[0],
+    setParticipantQuery = _d[1];
   var stringSet = useContext(LocalizationContext).stringSet;
   var channel = useOpenChannelSettingsContext().channel;
   useEffect(function () {
@@ -254,7 +237,6 @@ function AddOperatorsModal(_a) {
       var hasNext = participantQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         participantQuery.next().then(function (o) {
           setParticipants(__spreadArray(__spreadArray([], participants, true), o, true));
@@ -272,13 +254,10 @@ function AddOperatorsModal(_a) {
       isOperator: isOperator,
       onChange: function (event) {
         var _a;
-
         var modifiedSelectedUsers = __assign(__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-
         if (!event.target.checked) {
           delete modifiedSelectedUsers[event.target.id];
         }
-
         setSelectedUsers(modifiedSelectedUsers);
       },
       user: participant,
@@ -289,15 +268,12 @@ function AddOperatorsModal(_a) {
 
 var OperatorList = function () {
   var _a, _b, _c;
-
   var _d = useState(false),
-      showAdd = _d[0],
-      setShowAdd = _d[1];
-
+    showAdd = _d[0],
+    setShowAdd = _d[1];
   var _e = useState(false),
-      showMore = _e[0],
-      setShowMore = _e[1];
-
+    showMore = _e[0],
+    setShowMore = _e[1];
   var state = useSendbirdStateContext();
   var currentUserId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
   var stringSet = useContext(LocalizationContext).stringSet;
@@ -381,17 +357,13 @@ var OperatorList = function () {
 
 function MutedParticipantsModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = useState([]),
-      mutedUsers = _c[0],
-      setMutedUsers = _c[1];
-
+    mutedUsers = _c[0],
+    setMutedUsers = _c[1];
   var _d = useState(null),
-      userListQuery = _d[0],
-      setUserListQuery = _d[1];
-
+    userListQuery = _d[0],
+    setUserListQuery = _d[1];
   var channel = useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
@@ -419,7 +391,6 @@ function MutedParticipantsModal(_a) {
       var hasNext = userListQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         userListQuery.next().then(function (o) {
           setMutedUsers(__spreadArray(__spreadArray([], mutedUsers, true), o, true));
@@ -471,19 +442,15 @@ function MutedParticipantsModal(_a) {
 
 var MutedParticipantList = function () {
   var _a;
-
   var _b = useState([]),
-      mutedUsers = _b[0],
-      setMutedUsers = _b[1];
-
+    mutedUsers = _b[0],
+    setMutedUsers = _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 channel = useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUserId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
@@ -493,7 +460,6 @@ var MutedParticipantList = function () {
       setMutedUsers([]);
       return;
     }
-
     var mutedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMutedUserListQuery({
       limit: 10
     });
@@ -507,7 +473,6 @@ var MutedParticipantList = function () {
       setMutedUsers([]);
       return;
     }
-
     var mutedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMutedUserListQuery({
       limit: 10
     });
@@ -577,17 +542,13 @@ var MutedParticipantList = function () {
 
 function BannedUsersModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = useState([]),
-      bannedUsers = _c[0],
-      setBannedUsers = _c[1];
-
+    bannedUsers = _c[0],
+    setBannedUsers = _c[1];
   var _d = useState(null),
-      userListQuery = _d[0],
-      setUserListQuery = _d[1];
-
+    userListQuery = _d[0],
+    setUserListQuery = _d[1];
   var channel = useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var stringSet = useContext(LocalizationContext).stringSet;
@@ -613,7 +574,6 @@ function BannedUsersModal(_a) {
       var hasNext = userListQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         userListQuery.next().then(function (o) {
           setBannedUsers(__spreadArray(__spreadArray([], bannedUsers, true), o, true));
@@ -664,19 +624,15 @@ function BannedUsersModal(_a) {
 
 var BannedUserList = function () {
   var _a;
-
   var _b = useState([]),
-      bannedUsers = _b[0],
-      setBannedUsers = _b[1];
-
+    bannedUsers = _b[0],
+    setBannedUsers = _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 channel = useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var stringSet = useContext(LocalizationContext).stringSet;
@@ -686,7 +642,6 @@ var BannedUserList = function () {
       setBannedUsers([]);
       return;
     }
-
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
     bannedUserListQuery.next().then(function (users) {
       setBannedUsers(users);
@@ -698,7 +653,6 @@ var BannedUserList = function () {
       setBannedUsers([]);
       return;
     }
-
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
     bannedUserListQuery.next().then(function (users) {
       setBannedUsers(users);
@@ -770,15 +724,12 @@ var copyToClipboard = function (text) {
     // @ts-ignore: Unreachable code error
     return window.clipboardData.setData('Text', text);
   }
-
   if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
     var textarea = document.createElement('textarea');
     textarea.textContent = text;
     textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.
-
     document.body.appendChild(textarea);
     textarea.select();
-
     try {
       return document.execCommand('copy'); // Security exception may be thrown by some browsers.
     } catch (ex) {
@@ -787,17 +738,14 @@ var copyToClipboard = function (text) {
       document.body.removeChild(textarea);
     }
   }
-
   return false;
 };
 var OperatorUI = function (_a) {
   var renderChannelProfile = _a.renderChannelProfile;
   var stringSet = useContext(LocalizationContext).stringSet;
-
   var _b = useOpenChannelSettingsContext(),
-      onCloseClick = _b.onCloseClick,
-      channel = _b.channel;
-
+    onCloseClick = _b.onCloseClick,
+    channel = _b.channel;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-settings__header"
   }, /*#__PURE__*/React__default.createElement(Label, {