@sendbird/uikit-react 3.1.3 → 3.2.0-rc.0

package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -3,51 +3,50 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-var UserProfileContext = require('../../UserProfileContext-f7c125ca.js');
-var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
-var ui_Label = require('../../index-dad73aff.js');
+var UserProfileContext = require('../../UserProfileContext-69c9649a.js');
+var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
+var ui_Label = require('../../index-b9b8972b.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-2d53c0e6.js');
+var ui_PlaceHolder = require('../../index-e9d96b00.js');
 var OpenChannelSettings_components_OperatorUI = require('./OperatorUI.js');
-var OpenChannelSettings_components_ParticipantUI = require('../../index-a00a0f18.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../index-5e2b8c03.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
-require('../../openChannel-e95532d8.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
-require('../../uuid-1942f440.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../../openChannel-8aabbf3c.js');
+require('../../__bundle-bd072f34-57bee5af.js');
+require('../../uuid-edc908ea.js');
 require('prop-types');
-require('../../stringSet-bd0c293d.js');
-require('../../index-63b56a0e.js');
-require('../../tslib.es6-f57d0c81.js');
+require('../../stringSet-be457fd7.js');
+require('../../index-5166a415.js');
+require('../../tslib.es6-36205d81.js');
 require('../../ui/Loader.js');
 require('./OpenChannelProfile.js');
 require('../../ui/TextButton.js');
-require('../../color-f0ffb253.js');
+require('../../color-9e293baf.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-438c14b6.js');
+require('../../utils-9419225c.js');
 require('./EditDetailsModal.js');
+require('../../topics-58ec1c61.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-98e4f7b2.js');
-require('../../index-d889bc81.js');
+require('../../index-550f5039.js');
+require('../../ui/Button.js');
 require('../../ui/IconButton.js');
 require('../../ui/Input.js');
 require('../../ui/Accordion.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-01248097.js');
-require('../../utils-760ac018.js');
+require('../../context-e041c8e0.js');
+require('../../utils-09738454.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-c8f7702f.js');
+require('../../index-18b120dc.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-f3fe3bf3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -86,14 +85,15 @@ var OpenChannelUI = function OpenChannelUI(_a) {
 
   var _e = OpenChannelSettings_context.useOpenChannelSettingsContext(),
       channel = _e.channel,
-      _onCloseClick = _e.onCloseClick;
+      _onCloseClick = _e.onCloseClick,
+      isChannelInitialized = _e.isChannelInitialized;
 
   var globalStore = useSendbirdStateContext();
   var logger = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.logger;
   var user = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.userStore) === null || _d === void 0 ? void 0 : _d.user;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
 
-  if (!channel) {
+  if (isChannelInitialized && !channel) {
     return /*#__PURE__*/React__default["default"].createElement(InvalidChannel, {
       onCloseClick: function onCloseClick() {
         logger.info('OpenChannelSettings: Click close');

package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelSettingsUI.js","sources":["../../../../src/smart-components/OpenChannelSettings/components/InvalidChannel.tsx","../../../../src/smart-components/OpenChannelSettings/components/OpenChannelSettingsUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react'\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\n\nimport Label, { LabelTypography, LabelColors } from '../../../ui/Label';\nimport Icon, { IconTypes } from '../../../ui/Icon';\n\nimport PlaceHolder from '../../../ui/PlaceHolder';\nimport PlaceHolderTypes from '../../../ui/PlaceHolder/type';\n\ninterface Props {\n  onCloseClick?(): void;\n}\n\nexport default function InvalidChannel({\n  onCloseClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-openchannel-settings\">\n      <div className=\"sendbird-openchannel-settings__header\">\n        <Label type={LabelTypography.H_2} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.CHANNEL_SETTING__HEADER__TITLE}\n        </Label>\n        <Icon\n          type={IconTypes.CLOSE}\n          className=\"sendbird-openchannel-settings__close-icon\"\n          height=\"24px\"\n          width=\"24px\"\n          onClick={() => {\n            onCloseClick();\n          }}\n        />\n      </div>\n      <div className=\"sendbird-openchannel-settings__placeholder\">\n        <PlaceHolder type={PlaceHolderTypes.WRONG} />\n      </div>\n    </div>\n  )\n}\n","import './open-channel-ui.scss';\n\nimport React, { useContext } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport { UserProfileProvider } from '../../../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport InvalidChannel from '../InvalidChannel';\nimport OperatorUI from '../OperatorUI';\nimport ParticipantUI from '../ParticipantUI';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\n\nexport interface OpenChannelUIProps {\n  renderOperatorUI?: () => React.ReactElement;\n  renderParticipantList?: () => React.ReactElement;\n}\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderOperatorUI,\n  renderParticipantList,\n}: OpenChannelUIProps) => {\n  const {\n    channel,\n    onCloseClick,\n  } = useOpenChannelSettingsContext();\n  const globalStore = useSendbirdStateContext();\n  const logger = globalStore?.config?.logger;\n  const user = globalStore?.stores?.userStore?.user;\n\n  const { stringSet } = useContext(LocalizationContext);\n  if (!channel) {\n    return (\n      <InvalidChannel\n        onCloseClick={() => {\n          logger.info('OpenChannelSettings: Click close');\n          if (onCloseClick) {\n            onCloseClick();\n          }\n        }}\n      />\n    );\n  }\n  return (\n    <UserProfileProvider>\n      <div className='sendbird-openchannel-settings'>\n        {\n          channel?.isOperator(user) && (\n            renderOperatorUI?.() || (\n              <OperatorUI />\n            )\n          )\n        }\n        {\n          !(channel?.isOperator(user)) && (\n            <div className=\"sendbird-openchannel-settings__participant\">\n              <div className=\"sendbird-openchannel-settings__header\">\n                <Label type={LabelTypography.H_2} color={LabelColors.ONBACKGROUND_1}>\n                  {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE}\n                </Label>\n                <Icon\n                  type={IconTypes.CLOSE}\n                  className=\"sendbird-openchannel-settings__close-icon\"\n                  height=\"24px\"\n                  width=\"24px\"\n                  onClick={() => {\n                    onCloseClick();\n                  }}\n                />\n              </div>\n              {\n                renderParticipantList?.() || (\n                  <ParticipantUI />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n    </UserProfileProvider>\n  )\n};\n\nexport default OpenChannelUI;\n"],"names":["InvalidChannel","_a","onCloseClick","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","CHANNEL_SETTING__HEADER__TITLE","Icon","IconTypes","CLOSE","PlaceHolder","PlaceHolderTypes","WRONG","OpenChannelUI","renderOperatorUI","renderParticipantList","_e","useOpenChannelSettingsContext","channel","globalStore","useSendbirdStateContext","logger","config","user","stores","userStore","info","UserProfileProvider","isOperator","OperatorUI","OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE","ParticipantUI"],"mappings":"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"}
+{"version":3,"file":"OpenChannelSettingsUI.js","sources":["../../../../src/smart-components/OpenChannelSettings/components/InvalidChannel.tsx","../../../../src/smart-components/OpenChannelSettings/components/OpenChannelSettingsUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react'\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\n\nimport Label, { LabelTypography, LabelColors } from '../../../ui/Label';\nimport Icon, { IconTypes } from '../../../ui/Icon';\n\nimport PlaceHolder from '../../../ui/PlaceHolder';\nimport PlaceHolderTypes from '../../../ui/PlaceHolder/type';\n\ninterface Props {\n  onCloseClick?(): void;\n}\n\nexport default function InvalidChannel({\n  onCloseClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-openchannel-settings\">\n      <div className=\"sendbird-openchannel-settings__header\">\n        <Label type={LabelTypography.H_2} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.CHANNEL_SETTING__HEADER__TITLE}\n        </Label>\n        <Icon\n          type={IconTypes.CLOSE}\n          className=\"sendbird-openchannel-settings__close-icon\"\n          height=\"24px\"\n          width=\"24px\"\n          onClick={() => {\n            onCloseClick();\n          }}\n        />\n      </div>\n      <div className=\"sendbird-openchannel-settings__placeholder\">\n        <PlaceHolder type={PlaceHolderTypes.WRONG} />\n      </div>\n    </div>\n  )\n}\n","import './open-channel-ui.scss';\n\nimport React, { useContext } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport { UserProfileProvider } from '../../../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport InvalidChannel from '../InvalidChannel';\nimport OperatorUI from '../OperatorUI';\nimport ParticipantUI from '../ParticipantUI';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\n\nexport interface OpenChannelUIProps {\n  renderOperatorUI?: () => React.ReactElement;\n  renderParticipantList?: () => React.ReactElement;\n}\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderOperatorUI,\n  renderParticipantList,\n}: OpenChannelUIProps) => {\n  const {\n    channel,\n    onCloseClick,\n    isChannelInitialized,\n  } = useOpenChannelSettingsContext();\n  const globalStore = useSendbirdStateContext();\n  const logger = globalStore?.config?.logger;\n  const user = globalStore?.stores?.userStore?.user;\n\n  const { stringSet } = useContext(LocalizationContext);\n  if (isChannelInitialized && !channel) {\n    return (\n      <InvalidChannel\n        onCloseClick={() => {\n          logger.info('OpenChannelSettings: Click close');\n          if (onCloseClick) {\n            onCloseClick();\n          }\n        }}\n      />\n    );\n  }\n  return (\n    <UserProfileProvider>\n      <div className='sendbird-openchannel-settings'>\n        {\n          channel?.isOperator(user) && (\n            renderOperatorUI?.() || (\n              <OperatorUI />\n            )\n          )\n        }\n        {\n          !(channel?.isOperator(user)) && (\n            <div className=\"sendbird-openchannel-settings__participant\">\n              <div className=\"sendbird-openchannel-settings__header\">\n                <Label type={LabelTypography.H_2} color={LabelColors.ONBACKGROUND_1}>\n                  {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE}\n                </Label>\n                <Icon\n                  type={IconTypes.CLOSE}\n                  className=\"sendbird-openchannel-settings__close-icon\"\n                  height=\"24px\"\n                  width=\"24px\"\n                  onClick={() => {\n                    onCloseClick();\n                  }}\n                />\n              </div>\n              {\n                renderParticipantList?.() || (\n                  <ParticipantUI />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n    </UserProfileProvider>\n  )\n};\n\nexport default OpenChannelUI;\n"],"names":["InvalidChannel","_a","onCloseClick","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","CHANNEL_SETTING__HEADER__TITLE","Icon","IconTypes","CLOSE","PlaceHolder","PlaceHolderTypes","WRONG","OpenChannelUI","renderOperatorUI","renderParticipantList","_e","useOpenChannelSettingsContext","channel","isChannelInitialized","globalStore","useSendbirdStateContext","logger","config","user","stores","userStore","info","UserProfileProvider","isOperator","OperatorUI","OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE","ParticipantUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAcwBA,eAAeC;MACrCC,YAAY;EAEJ,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;EACR,oBACEC;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;kBACbA,wCAACC,cAAD;IAAO,IAAI,EAAEC,wBAAe,CAACC,GAA7B;IAAkC,KAAK,EAAEC,oBAAW,CAACC;KAClDR,SAAS,CAACS,8BADb,CADF,eAIEN,wCAACO,kBAAD;IACE,IAAI,EAAEC,iBAAS,CAACC,KADlB;IAEE,SAAS,EAAC,2CAFZ;IAGE,MAAM,EAAC,MAHT;IAIE,KAAK,EAAC,MAJR;IAKE,OAAO,EAAE;MACPb,YAAY;;IAVlB,CADF,eAeEI;IAAK,SAAS,EAAC;kBACbA,wCAACU,0BAAD;IAAa,IAAI,EAAEC,iCAAgB,CAACC;IADtC,CAfF,CADF;AAqBD;;ICnBKC,aAAa,GAAiC,SAA9CA,aAA8C,CAAClB,EAAD;;;MAClDmB,gBAAgB;MAChBC,qBAAqB;;EAEf,IAAAC,KAIFC,yDAA6B,EAJ3B;MACJC,OAAO,aADH;MAEJtB,aAAY,kBAFR;MAGJuB,oBAAoB,0BAHhB;;EAKN,IAAMC,WAAW,GAAGC,uBAAuB,EAA3C;EACA,IAAMC,MAAM,GAAG,MAAAF,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEG,MAAb,UAAA,iBAAA,SAAA,MAAqBD,MAApC;EACA,IAAME,IAAI,GAAG,MAAA,MAAAJ,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEK,MAAb,UAAA,iBAAA,SAAA,MAAqBC,SAArB,UAAA,iBAAA,SAAA,MAAgCF,IAA7C;EAEQ,IAAA3B,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;;EACR,IAAIoB,oBAAoB,IAAI,CAACD,OAA7B,EAAsC;IACpC,oBACElB,wCAAC,cAAD;MACE,YAAY,EAAE;QACZsB,MAAM,CAACK,IAAP,CAAY,kCAAZ;;QACA,IAAI/B,aAAJ,EAAkB;UAChBA,aAAY;;;MALpB;;;EAWF,oBACEI,wCAAC4B,sCAAD,qBACE5B;IAAK,SAAS,EAAC;KAEX,CAAAkB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,CAAoBL,IAApB,CAAA,MACE,CAAAV,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,SAAA,GAAAA,gBAAgB,EAAhB,kBACEd,wCAAC8B,oDAAD,OAFJ,CAFJ,EASI,EAAEZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,CAAoBL,IAApB,CAAF,kBACExB;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;kBACbA,wCAACC,cAAD;IAAO,IAAI,EAAEC,wBAAe,CAACC,GAA7B;IAAkC,KAAK,EAAEC,oBAAW,CAACC;KAClDR,SAAS,CAACkC,yCADb,CADF,eAIE/B,wCAACO,kBAAD;IACE,IAAI,EAAEC,iBAAS,CAACC,KADlB;IAEE,SAAS,EAAC,2CAFZ;IAGE,MAAM,EAAC,MAHT;IAIE,KAAK,EAAC,MAJR;IAKE,OAAO,EAAE;MACPb,aAAY;;IAVlB,CADF,EAgBI,CAAAmB,qBAAqB,SAArB,IAAAA,qBAAqB,WAArB,SAAA,GAAAA,qBAAqB,EAArB,kBACEf,wCAACgC,4DAAD,OAjBN,CAVN,CADF,CADF;AAsCD;;;;"}

package/cjs/OpenChannelSettings/components/OperatorUI.js

@@ -3,48 +3,47 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
-var ui_Label = require('../../index-dad73aff.js');
+var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
+var ui_Label = require('../../index-b9b8972b.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-a00a0f18.js');
+var OpenChannelSettings_components_ParticipantUI = require('../../index-5e2b8c03.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Button = require('../../index-d889bc81.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-f57d0c81.js');
+var tslib_es6 = require('../../tslib.es6-36205d81.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-var utils = require('../../utils-760ac018.js');
-require('../../stringSet-bd0c293d.js');
-require('../../index-63b56a0e.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
+var utils = require('../../utils-09738454.js');
+require('../../stringSet-be457fd7.js');
+require('../../index-5166a415.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
 require('prop-types');
-require('../../openChannel-e95532d8.js');
-require('../../__bundle-6316ce22-054c7ff6.js');
-require('../../__bundle-7dfccc8c-826eb0ef.js');
-require('../../UserProfileContext-f7c125ca.js');
-require('../../uuid-1942f440.js');
+require('../../openChannel-8aabbf3c.js');
+require('../../__bundle-bd072f34-57bee5af.js');
+require('../../UserProfileContext-69c9649a.js');
+require('../../uuid-edc908ea.js');
 require('../../withSendbird.js');
 require('../../ui/TextButton.js');
-require('../../color-f0ffb253.js');
+require('../../color-9e293baf.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../utils-438c14b6.js');
+require('../../utils-9419225c.js');
 require('./EditDetailsModal.js');
+require('../../topics-58ec1c61.js');
 require('../../ui/Input.js');
 require('react-dom');
-require('../../index-98e4f7b2.js');
-require('../../context-01248097.js');
+require('../../index-550f5039.js');
+require('../../context-e041c8e0.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-f3fe3bf3.js');
 require('../../ui/AccordionGroup.js');
 require('../../ui/SortByRow.js');
-require('../../index-c8f7702f.js');
+require('../../index-18b120dc.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 
@@ -147,7 +146,7 @@ function OperatorListModal(_a) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     hideFooter: true,
-    titleText: "All operators",
+    titleText: stringSet.OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ALL,
     onCancel: onCancel
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-users__popup-scroll",
@@ -239,7 +238,7 @@ function AddOperatorsModal(_a) {
     return selectedUsers[m];
   }).length;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    type: ui_Button.Type.PRIMARY,
+    type: ui_Button.ButtonTypes.PRIMARY,
     submitText: "Add",
     onCancel: onCancel,
     onSubmit: function onSubmit() {
@@ -250,11 +249,11 @@ function AddOperatorsModal(_a) {
         _onSubmit(users);
       });
     },
-    titleText: "Select users"
+    titleText: stringSet.OPEN_CHANNEL_CONVERSATION__SELECT_PARTICIPANTS
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     color: selectedCount > 0 ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3,
     type: ui_Label.LabelTypography.CAPTION_1
-  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTEC)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-users__popup-scroll",
     onScroll: function onScroll(e) {
       var hasNext = participantQuery.hasNext;
@@ -359,13 +358,13 @@ var OperatorList = function OperatorList() {
     });
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-openchannel-operator-list__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {
       setShowAdd(true);
     }
-  }, stringSet.OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ADD), ((_c = channel === null || channel === void 0 ? void 0 : channel.operators) === null || _c === void 0 ? void 0 : _c.length) > 10 && /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, stringSet.OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ADD), ((_c = channel === null || channel === void 0 ? void 0 : channel.operators) === null || _c === void 0 ? void 0 : _c.length) > 10 && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {
@@ -417,7 +416,7 @@ function MutedParticipantsModal(_a) {
       return _onCancel();
     },
     onSubmit: utils.noop,
-    titleText: "Muted members"
+    titleText: stringSet.OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__TITLE
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
@@ -566,7 +565,7 @@ var MutedParticipantList = function MutedParticipantList() {
     color: ui_Label.LabelColors.ONBACKGROUND_3
   }, stringSet.OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__NO_ONE), hasNext && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings-muted-participant-list__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {
@@ -610,7 +609,7 @@ function BannedUsersModal(_a) {
       return _onCancel();
     },
     onSubmit: utils.noop,
-    titleText: "Muted members"
+    titleText: stringSet.OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__TITLE
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
@@ -753,7 +752,7 @@ var BannedUserList = function BannedUserList() {
     color: ui_Label.LabelColors.ONBACKGROUND_3
   }, stringSet.OPEN_CHANNEL_SETTINGS__BANNED_MEMBERS__NO_ONE), hasNext && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings-banned-user-list__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {