@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/ChannelSettings/components/LeaveChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeaveChannel.js","sources":["../../../../src/smart-components/ChannelSettings/components/LeaveChannel/index.tsx"],"sourcesContent":["import './leave-channel.scss';\n\nimport React from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport TextButton from '../../../../ui/TextButton';\nimport Label, {\n  LabelTypography,\n  LabelColors,\n} from '../../../../ui/Label';\n\nexport type LeaveChannelProps = {\n  onSubmit: () => void;\n  onCancel: () => void;\n}\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const { channel, onLeaveChannel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n  const state = useSendbirdStateContext();\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  const { isMobile } = useMediaQueryContext();\n  const getChannelName = (channel: GroupChannel) => {\n    if (channel?.name && channel?.name !== 'Group Channel') {\n      return channel.name;\n    }\n    if (channel?.name === 'Group Channel' || !channel?.name) {\n      return (channel?.members || []).map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n\n    return stringSet.NO_TITLE;\n  };\n  if (isMobile) {\n    return (\n      <Modal\n        className=\"sendbird-channel-settings__leave--mobile\"\n        titleText={getChannelName(channel)}\n        hideFooter\n        isCloseOnClickOutside\n        onCancel={onCancel}\n      >\n        <TextButton\n          onClick={() => {\n            logger.info('ChannelSettings: Leaving channel', channel);\n            channel?.leave()\n              .then(() => {\n                logger.info('ChannelSettings: Leaving channel successful!', channel);\n                onLeaveChannel();\n              });\n          }}\n          className=\"sendbird-channel-settings__leave-label--mobile\"\n        >\n          <Label\n            type={LabelTypography.SUBTITLE_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n          </Label>\n        </TextButton>\n      </Modal>\n    );\n  }\n  return (\n    <Modal\n      isFullScreenOnMobile\n      disabled={!isOnline}\n      onCancel={onCancel}\n      onSubmit={() => {\n        logger.info('ChannelSettings: Leaving channel', channel);\n        channel?.leave()\n          .then(() => {\n            logger.info('ChannelSettings: Leaving channel successful!', channel);\n            // is for backward compactability\n            if (onLeaveChannel) {\n              onLeaveChannel();\n            } else {\n              onSubmit();\n            }\n          });\n      }}\n      submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n      titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n    />\n  );\n};\n\nexport default LeaveChannel;\n"],"names":["LeaveChannel","props","_c","onSubmit","noop","_d","onCancel","_e","useChannelSettingsContext","channel","onLeaveChannel","stringSet","useLocalization","state","useSendbirdStateContext","logger","_a","config","isOnline","_b","isMobile","useMediaQueryContext","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","Modal","TextButton","info","leave","then","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","CHANNEL_PREVIEW_MOBILE_LEAVE","MODAL__LEAVE_CHANNEL__FOOTER","MODAL__LEAVE_CHANNEL__TITLE"],"mappings":"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"}
+{"version":3,"file":"LeaveChannel.js","sources":["../../../../src/smart-components/ChannelSettings/components/LeaveChannel/index.tsx"],"sourcesContent":["import './leave-channel.scss';\n\nimport React from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport TextButton from '../../../../ui/TextButton';\nimport Label, {\n  LabelTypography,\n  LabelColors,\n} from '../../../../ui/Label';\n\nexport type LeaveChannelProps = {\n  onSubmit: () => void;\n  onCancel: () => void;\n}\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const { channel, onLeaveChannel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n  const state = useSendbirdStateContext();\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  const { isMobile } = useMediaQueryContext();\n  const getChannelName = (channel: GroupChannel) => {\n    if (channel?.name && channel?.name !== 'Group Channel') {\n      return channel.name;\n    }\n    if (channel?.name === 'Group Channel' || !channel?.name) {\n      return (channel?.members || []).map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n\n    return stringSet.NO_TITLE;\n  };\n  if (isMobile) {\n    return (\n      <Modal\n        className=\"sendbird-channel-settings__leave--mobile\"\n        titleText={getChannelName(channel)}\n        hideFooter\n        isCloseOnClickOutside\n        onCancel={onCancel}\n      >\n        <TextButton\n          onClick={() => {\n            logger.info('ChannelSettings: Leaving channel', channel);\n            channel?.leave()\n              .then(() => {\n                logger.info('ChannelSettings: Leaving channel successful!', channel);\n                onLeaveChannel();\n              });\n          }}\n          className=\"sendbird-channel-settings__leave-label--mobile\"\n        >\n          <Label\n            type={LabelTypography.SUBTITLE_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n          </Label>\n        </TextButton>\n      </Modal>\n    );\n  }\n  return (\n    <Modal\n      isFullScreenOnMobile\n      disabled={!isOnline}\n      onCancel={onCancel}\n      onSubmit={() => {\n        logger.info('ChannelSettings: Leaving channel', channel);\n        channel?.leave()\n          .then(() => {\n            logger.info('ChannelSettings: Leaving channel successful!', channel);\n            // is for backward compactability\n            if (onLeaveChannel) {\n              onLeaveChannel();\n            } else {\n              onSubmit();\n            }\n          });\n      }}\n      submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n      titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n    />\n  );\n};\n\nexport default LeaveChannel;\n"],"names":["LeaveChannel","props","_c","onSubmit","noop","_d","onCancel","_e","useChannelSettingsContext","channel","onLeaveChannel","stringSet","useLocalization","state","useSendbirdStateContext","logger","_a","config","isOnline","_b","isMobile","useMediaQueryContext","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","createElement","Modal","className","titleText","hideFooter","isCloseOnClickOutside","TextButton","onClick","info","leave","then","Label","type","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","CHANNEL_PREVIEW_MOBILE_LEAVE","isFullScreenOnMobile","disabled","submitText","MODAL__LEAVE_CHANNEL__FOOTER","MODAL__LEAVE_CHANNEL__TITLE"],"mappings":"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"}

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,42 +1,42 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-01fceac0.js');
+var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../index-26a1e861.js');
+var ui_Label = require('../../index-0e43cd69.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./UserListItem.js');
-var tslib_es6 = require('../../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../../tslib.es6-67bdb021.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
 var ChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var MemberList = require('../../MemberList-5c05b62f.js');
-var utils = require('../../utils-5ca88bb6.js');
-require('../../stringSet-7330b627.js');
-require('../../index-7c5d21c4.js');
+var MemberList = require('../../MemberList-dbd3a4b4.js');
+var utils = require('../../utils-fdfc9b0a.js');
+require('../../stringSet-76f7df68.js');
+require('../../index-903c0f93.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-d9e248df.js');
+require('../../context-d718fff1.js');
 require('prop-types');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-26b61f16.js');
-require('../../index-72fd0294.js');
+require('../../uuid-f23c161c.js');
+require('../../index-5075f3b2.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-c4642438.js');
+require('../../UserProfileContext-ce0c283c.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-7547922a.js');
-require('../../index-36aaf992.js');
-require('../../MediaQueryContext-4978c777.js');
+require('../../topics-f70c5e0f.js');
+require('../../index-813deccc.js');
+require('../../MediaQueryContext-fcd92c17.js');
 require('../../ui/Checkbox.js');
 require('../../withSendbird.js');
 
@@ -46,17 +46,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OperatorsModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = React.useState([]),
-      operators = _c[0],
-      setOperators = _c[1];
-
+    operators = _c[0],
+    setOperators = _c[1];
   var _d = React.useState(null),
-      operatorQuery = _d[0],
-      setOperatorQuery = _d[1];
-
+    operatorQuery = _d[0],
+    setOperatorQuery = _d[1];
   var channel = ChannelSettings_context.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;
@@ -81,7 +77,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], operators, true), o, true));
@@ -95,7 +90,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["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -137,20 +132,16 @@ function OperatorsModal(_a) {
 
 function AddOperatorsModal(_a) {
   var onCancel = _a.onCancel,
-      onSubmit = _a.onSubmit;
-
+    onSubmit = _a.onSubmit;
   var _b = React.useState([]),
-      members = _b[0],
-      setMembers = _b[1];
-
+    members = _b[0],
+    setMembers = _b[1];
   var _c = React.useState({}),
-      selectedMembers = _c[0],
-      setSelectedMembers = _c[1];
-
+    selectedMembers = _c[0],
+    setSelectedMembers = _c[1];
   var _d = React.useState(null),
-      memberQuery = _d[0],
-      setMemberQuery = _d[1];
-
+    memberQuery = _d[0],
+    setMemberQuery = _d[1];
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   React.useEffect(function () {
@@ -189,7 +180,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], members, true), o, true));
@@ -204,13 +194,10 @@ function AddOperatorsModal(_a) {
       disabled: (member === null || member === void 0 ? void 0 : member.role) === 'operator',
       onChange: function (event) {
         var _a;
-
         var modifiedSelectedMembers = tslib_es6.__assign(tslib_es6.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-
         if (!event.target.checked) {
           delete modifiedSelectedMembers[event.target.id];
         }
-
         setSelectedMembers(modifiedSelectedMembers);
       },
       user: member,
@@ -221,23 +208,18 @@ function AddOperatorsModal(_a) {
 
 var OperatorList = function () {
   var _a;
-
   var _b = React.useState([]),
-      operators = _b[0],
-      setOperators = _b[1];
-
+    operators = _b[0],
+    setOperators = _b[1];
   var _c = React.useState(false),
-      showMore = _c[0],
-      setShowMore = _c[1];
-
+    showMore = _c[0],
+    setShowMore = _c[1];
   var _d = React.useState(false),
-      showAdd = _d[0],
-      setShowAdd = _d[1];
-
+    showAdd = _d[0],
+    setShowAdd = _d[1];
   var _e = React.useState(false),
-      hasNext = _e[0],
-      setHasNext = _e[1];
-
+    hasNext = _e[0],
+    setHasNext = _e[1];
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var state = useSendbirdStateContext();
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
@@ -247,7 +229,6 @@ var OperatorList = function () {
       setOperators([]);
       return;
     }
-
     var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
       limit: 10
     });
@@ -261,7 +242,6 @@ var OperatorList = function () {
       setOperators([]);
       return;
     }
-
     var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
       limit: 10
     });
@@ -277,11 +257,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["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -348,15 +326,12 @@ var OperatorList = function () {
 
 function BannedUsersModal(_a) {
   var onCancel = _a.onCancel;
-
   var _b = React.useState([]),
-      members = _b[0],
-      setMembers = _b[1];
-
+    members = _b[0],
+    setMembers = _b[1];
   var _c = React.useState(null),
-      memberQuery = _c[0],
-      setMemberQuery = _c[1];
-
+    memberQuery = _c[0],
+    setMemberQuery = _c[1];
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   var stringSet = LocalizationContext.useLocalization().stringSet;
   React.useEffect(function () {
@@ -380,7 +355,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], members, true), o, true));
@@ -393,7 +367,7 @@ function BannedUsersModal(_a) {
       key: member.userId,
       action: function (_a) {
         var parentRef = _a.parentRef,
-            actionRef = _a.actionRef;
+          actionRef = _a.actionRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -434,17 +408,14 @@ function BannedUsersModal(_a) {
 
 var BannedMemberList = function () {
   var _a = React.useState([]),
-      members = _a[0],
-      setMembers = _a[1];
-
+    members = _a[0],
+    setMembers = _a[1];
   var _b = React.useState(false),
-      hasNext = _b[0],
-      setHasNext = _b[1];
-
+    hasNext = _b[0],
+    setHasNext = _b[1];
   var _c = React.useState(false),
-      showModal = _c[0],
-      setShowModal = _c[1];
-
+    showModal = _c[0],
+    setShowModal = _c[1];
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   var bannedUserListQueryParams = {
@@ -455,7 +426,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);
@@ -467,7 +437,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);
@@ -480,7 +449,7 @@ var BannedMemberList = function () {
       user: member,
       action: function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -536,17 +505,13 @@ var BannedMemberList = function () {
 
 function MutedMembersModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = React.useState([]),
-      members = _c[0],
-      setMembers = _c[1];
-
+    members = _c[0],
+    setMembers = _c[1];
   var _d = React.useState(null),
-      memberQuery = _d[0],
-      setMemberQuery = _d[1];
-
+    memberQuery = _d[0],
+    setMemberQuery = _d[1];
   var channel = ChannelSettings_context.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;
@@ -576,7 +541,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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], members, true), o, true));
@@ -590,7 +554,7 @@ function MutedMembersModal(_a) {
       key: member.userId,
       action: function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -631,19 +595,15 @@ function MutedMembersModal(_a) {
 
 var MutedMemberList = function () {
   var _a;
-
   var _b = React.useState([]),
-      members = _b[0],
-      setMembers = _b[1];
-
+    members = _b[0],
+    setMembers = _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 stringSet = LocalizationContext.useLocalization().stringSet;
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
@@ -653,7 +613,6 @@ var MutedMemberList = function () {
       setMembers([]);
       return;
     }
-
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10,
       // @ts-ignore
@@ -669,7 +628,6 @@ var MutedMemberList = function () {
       setMembers([]);
       return;
     }
-
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10,
       // @ts-ignore
@@ -687,7 +645,7 @@ var MutedMemberList = function () {
       currentUser: currentUser,
       action: function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
@@ -708,7 +666,6 @@ var MutedMemberList = function () {
               openLeft: true,
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
-
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
               onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
@@ -744,17 +701,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 = React.useState(false),
-      frozen = _a[0],
-      setFrozen = _a[1];
-
+    frozen = _a[0],
+    setFrozen = _a[1];
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var channel = ChannelSettings_context.useChannelSettingsContext().channel; // work around for
+  var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+  // work around for
   // https://sendbird.slack.com/archives/G01290GCDCN/p1595922832000900
   // SDK bug - after frozen/unfrozen myRole becomes "none"
-
   React.useEffect(function () {
     setFrozen(channel === null || channel === void 0 ? void 0 : channel.isFrozen);
   }, [channel]);
@@ -798,7 +753,8 @@ function AdminPannel() {
     renderContent: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MemberList.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["default"].createElement(ui_Accordion["default"], {
     id: "mutedMembers",
     className: "sendbird-channel-settings__muted-members-list",
@@ -835,7 +791,8 @@ function AdminPannel() {
     renderContent: function () {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(BannedMemberList, null));
     }
-  }), // cannot freeze broadcast channel
+  }),
+  // cannot freeze broadcast channel
   !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings__freeze"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {