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

package/cjs/OpenChannelSettings/components/OperatorUI.js

@@ -3,46 +3,46 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-01fceac0.js');
-var ui_Label = require('../../index-26a1e861.js');
+var LocalizationContext = require('../../LocalizationContext-9b216d02.js');
+var ui_Label = require('../../index-3d6159df.js');
 var ui_Icon = require('../../ui/Icon.js');
 var OpenChannelSettings_context = require('../context.js');
 var OpenChannelSettings_components_OpenChannelProfile = require('./OpenChannelProfile.js');
 var ui_Modal = require('../../ui/Modal.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../index-d41db9c1.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../index-6d24cef9.js');
 var ui_Accordion = require('../../ui/Accordion.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var tslib_es6 = require('../../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../../tslib.es6-957ba986.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-var utils = require('../../utils-5ca88bb6.js');
-require('../../stringSet-7330b627.js');
-require('../../index-7c5d21c4.js');
+var utils = require('../../utils-a82eaed9.js');
+require('../../stringSet-e52248ab.js');
+require('../../index-02729806.js');
 require('prop-types');
 require('@sendbird/chat/openChannel');
-require('../../UserProfileContext-c4642438.js');
-require('../../uuid-26b61f16.js');
+require('../../UserProfileContext-ad079e6d.js');
+require('../../uuid-a8af0c03.js');
 require('../../withSendbird.js');
 require('../../ui/TextButton.js');
-require('../../color-8f9fe57f.js');
+require('../../color-8b30623d.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-5905fc1a.js');
+require('../../utils-dd55b959.js');
 require('./EditDetailsModal.js');
-require('../../topics-7547922a.js');
+require('../../topics-09d72ec0.js');
 require('../../ui/Input.js');
 require('react-dom');
-require('../../index-36aaf992.js');
-require('../../MediaQueryContext-4978c777.js');
-require('../../context-d9e248df.js');
+require('../../index-d85616b2.js');
+require('../../MediaQueryContext-ea137add.js');
+require('../../context-855dcb8e.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/AccordionGroup.js');
 require('../../ui/SortByRow.js');
-require('../../index-72fd0294.js');
+require('../../index-d6f14382.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -53,24 +53,19 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function DeleteChannel() {
   var _a, _b;
-
   var _c = React.useState(false),
-      showDeleteChannelModal = _c[0],
-      setShowDeleteChannelModal = _c[1];
-
+    showDeleteChannelModal = _c[0],
+    setShowDeleteChannelModal = _c[1];
   var stringSet = React.useContext(LocalizationContext.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 = OpenChannelSettings_context.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);
       }
@@ -78,7 +73,6 @@ function DeleteChannel() {
       logger.warning('OpenChannelSettings: Delete channel failed', error);
     });
   };
-
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["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",
@@ -87,14 +81,12 @@ function DeleteChannel() {
       if (!isOnline) {
         return;
       }
-
       setShowDeleteChannelModal(true);
     },
     onClick: function () {
       if (!isOnline) {
         return;
       }
-
       setShowDeleteChannelModal(true);
     }
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
@@ -121,17 +113,13 @@ function DeleteChannel() {
 
 function OperatorListModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = React.useState([]),
-      users = _c[0],
-      setUsers = _c[1];
-
+    users = _c[0],
+    setUsers = _c[1];
   var _d = React.useState(null),
-      operatorQuery = _d[0],
-      setOperatorQuery = _d[1];
-
+    operatorQuery = _d[0],
+    setOperatorQuery = _d[1];
   var channel = OpenChannelSettings_context.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;
@@ -156,7 +144,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], users, true), o, true));
@@ -170,7 +157,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["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -211,20 +198,16 @@ function OperatorListModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      onSubmit = _a.onSubmit;
-
+    onSubmit = _a.onSubmit;
   var _b = React.useState([]),
-      participants = _b[0],
-      setParticipants = _b[1];
-
+    participants = _b[0],
+    setParticipants = _b[1];
   var _c = React.useState({}),
-      selectedUsers = _c[0],
-      setSelectedUsers = _c[1];
-
+    selectedUsers = _c[0],
+    setSelectedUsers = _c[1];
   var _d = React.useState(null),
-      participantQuery = _d[0],
-      setParticipantQuery = _d[1];
-
+    participantQuery = _d[0],
+    setParticipantQuery = _d[1];
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
   React.useEffect(function () {
@@ -262,7 +245,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], participants, true), o, true));
@@ -280,13 +262,10 @@ function AddOperatorsModal(_a) {
       isOperator: isOperator,
       onChange: function (event) {
         var _a;
-
         var modifiedSelectedUsers = tslib_es6.__assign(tslib_es6.__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-
         if (!event.target.checked) {
           delete modifiedSelectedUsers[event.target.id];
         }
-
         setSelectedUsers(modifiedSelectedUsers);
       },
       user: participant,
@@ -297,15 +276,12 @@ function AddOperatorsModal(_a) {
 
 var OperatorList = function () {
   var _a, _b, _c;
-
   var _d = React.useState(false),
-      showAdd = _d[0],
-      setShowAdd = _d[1];
-
+    showAdd = _d[0],
+    setShowAdd = _d[1];
   var _e = React.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 = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -389,17 +365,13 @@ var OperatorList = function () {
 
 function MutedParticipantsModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = React.useState([]),
-      mutedUsers = _c[0],
-      setMutedUsers = _c[1];
-
+    mutedUsers = _c[0],
+    setMutedUsers = _c[1];
   var _d = React.useState(null),
-      userListQuery = _d[0],
-      setUserListQuery = _d[1];
-
+    userListQuery = _d[0],
+    setUserListQuery = _d[1];
   var channel = OpenChannelSettings_context.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;
@@ -427,7 +399,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], mutedUsers, true), o, true));
@@ -479,19 +450,15 @@ function MutedParticipantsModal(_a) {
 
 var MutedParticipantList = function () {
   var _a;
-
   var _b = React.useState([]),
-      mutedUsers = _b[0],
-      setMutedUsers = _b[1];
-
+    mutedUsers = _b[0],
+    setMutedUsers = _b[1];
   var _c = React.useState(false),
-      hasNext = _c[0],
-      setHasNext = _c[1];
-
+    hasNext = _c[0],
+    setHasNext = _c[1];
   var _d = React.useState(false),
-      showModal = _d[0],
-      setShowModal = _d[1];
-
+    showModal = _d[0],
+    setShowModal = _d[1];
   var channel = OpenChannelSettings_context.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;
@@ -501,7 +468,6 @@ var MutedParticipantList = function () {
       setMutedUsers([]);
       return;
     }
-
     var mutedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMutedUserListQuery({
       limit: 10
     });
@@ -515,7 +481,6 @@ var MutedParticipantList = function () {
       setMutedUsers([]);
       return;
     }
-
     var mutedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMutedUserListQuery({
       limit: 10
     });
@@ -585,17 +550,13 @@ var MutedParticipantList = function () {
 
 function BannedUsersModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = React.useState([]),
-      bannedUsers = _c[0],
-      setBannedUsers = _c[1];
-
+    bannedUsers = _c[0],
+    setBannedUsers = _c[1];
   var _d = React.useState(null),
-      userListQuery = _d[0],
-      setUserListQuery = _d[1];
-
+    userListQuery = _d[0],
+    setUserListQuery = _d[1];
   var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -621,7 +582,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], bannedUsers, true), o, true));
@@ -672,19 +632,15 @@ function BannedUsersModal(_a) {
 
 var BannedUserList = function () {
   var _a;
-
   var _b = React.useState([]),
-      bannedUsers = _b[0],
-      setBannedUsers = _b[1];
-
+    bannedUsers = _b[0],
+    setBannedUsers = _b[1];
   var _c = React.useState(false),
-      hasNext = _c[0],
-      setHasNext = _c[1];
-
+    hasNext = _c[0],
+    setHasNext = _c[1];
   var _d = React.useState(false),
-      showModal = _d[0],
-      setShowModal = _d[1];
-
+    showModal = _d[0],
+    setShowModal = _d[1];
   var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -694,7 +650,6 @@ var BannedUserList = function () {
       setBannedUsers([]);
       return;
     }
-
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
     bannedUserListQuery.next().then(function (users) {
       setBannedUsers(users);
@@ -706,7 +661,6 @@ var BannedUserList = function () {
       setBannedUsers([]);
       return;
     }
-
     var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
     bannedUserListQuery.next().then(function (users) {
       setBannedUsers(users);
@@ -778,15 +732,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) {
@@ -795,17 +746,14 @@ var copyToClipboard = function (text) {
       document.body.removeChild(textarea);
     }
   }
-
   return false;
 };
 var OperatorUI = function (_a) {
   var renderChannelProfile = _a.renderChannelProfile;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
   var _b = OpenChannelSettings_context.useOpenChannelSettingsContext(),
-      onCloseClick = _b.onCloseClick,
-      channel = _b.channel;
-
+    onCloseClick = _b.onCloseClick,
+    channel = _b.channel;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-openchannel-settings__header"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {