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

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -0,0 +1,134 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
+var ui_Avatar = require('../../ui/Avatar.js');
+var ui_Button = require('../../ui/Button.js');
+var ui_Modal = require('../../ui/Modal.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_Input = require('../../ui/Input.js');
+var ui_Label = require('../../index-b9b8972b.js');
+var ui_TextButton = require('../../ui/TextButton.js');
+var CreateOpenChannel_context = require('../context.js');
+require('../../stringSet-be457fd7.js');
+require('../../index-5166a415.js');
+require('../../tslib.es6-36205d81.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-edc908ea.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('prop-types');
+require('react-dom');
+require('../../index-550f5039.js');
+require('../../ui/IconButton.js');
+require('../../color-9e293baf.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function CreateOpenChannelUI(_a) {
+  var closeModal = _a.closeModal,
+      renderHeader = _a.renderHeader,
+      renderProfileInput = _a.renderProfileInput;
+
+  var _b = React.useState(null),
+      newFile = _b[0],
+      setNewFile = _b[1];
+
+  var _c = React.useState(null),
+      currentImage = _c[0],
+      setCurrentImg = _c[1];
+
+  var inputFormRef = React.useRef(null);
+  var inputFileRef = React.useRef(null);
+  var inputTextRef = React.useRef(null);
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+
+  var _d = CreateOpenChannel_context.useCreateOpenChannelContext(),
+      logger = _d.logger,
+      createNewOpenChannel = _d.createNewOpenChannel;
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-open-channel-ui"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
+    submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
+    type: ui_Button.ButtonTypes.PRIMARY,
+    onCancel: closeModal,
+    renderHeader: renderHeader,
+    onSubmit: function onSubmit() {
+      var _a;
+
+      var channelName = (_a = inputTextRef === null || inputTextRef === void 0 ? void 0 : inputTextRef.current) === null || _a === void 0 ? void 0 : _a.value;
+
+      if (!channelName) {
+        logger.warning('CreateOpenChannelUI: You should fill the channel name');
+        return;
+      }
+
+      createNewOpenChannel({
+        name: channelName,
+        coverUrlOrImage: newFile
+      });
+      closeModal();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || /*#__PURE__*/React__default["default"].createElement("form", {
+    className: "sendbird-create-open-channel-ui__profile-input",
+    ref: inputFormRef,
+    onSubmit: function onSubmit(e) {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar"
+  }, currentImage ? /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
+    width: "80px",
+    height: "80px",
+    src: currentImage
+  }) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.CHANNELS,
+    fillColor: ui_Icon.IconColors.CONTENT,
+    width: "46px",
+    height: "46px"
+  }))), /*#__PURE__*/React__default["default"].createElement("input", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__input",
+    ref: inputFileRef,
+    type: "file",
+    accept: "image/gif, image/jpeg, image/png",
+    style: {
+      display: 'none'
+    },
+    onChange: function onChange(e) {
+      setCurrentImg(URL.createObjectURL(e.target.files[0]));
+      setNewFile(e.target.files[0]);
+      inputFileRef.current.value = '';
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__button",
+    onClick: function onClick() {
+      return inputFileRef.current.click();
+    },
+    disableUnderline: true
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.BUTTON_1,
+    color: ui_Label.LabelColors.PRIMARY
+  }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))), /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      marginTop: '20px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__name-section"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Input["default"], {
+    name: "sendbird-create-open-channel-ui__profile-input__name-section__input",
+    ref: inputTextRef,
+    placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER
+  }))))));
+}
+
+module.exports = CreateOpenChannelUI;
+//# sourceMappingURL=CreateOpenChannelUI.js.map

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/smart-components/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\n                  type=\"file\"\n                  accept=\"image/gif, image/jpeg, image/png\"\n                  style={{ display: 'none' }}\n                  onChange={(e) => {\n                    setCurrentImg(URL.createObjectURL(e.target.files[0]));\n                    setNewFile(e.target.files[0]);\n                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","Modal","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","Icon","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","TextButton","click","Label","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}

package/cjs/CreateOpenChannel/context.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var CreateOpenChannelContext = /*#__PURE__*/React__default["default"].createContext({
+  sdk: null,
+  sdkInitialized: false,
+  logger: null,
+  createNewOpenChannel: null
+});
+var CreateOpenChannelProvider = function CreateOpenChannelProvider(_a) {
+  var _b, _c;
+
+  var className = _a.className,
+      children = _a.children,
+      onCreateChannel = _a.onCreateChannel,
+      onBeforeCreateChannel = _a.onBeforeCreateChannel;
+
+  var _d = useSendbirdStateContext(),
+      stores = _d.stores,
+      config = _d.config;
+
+  var logger = config.logger;
+  var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
+  var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
+  var createNewOpenChannel = React.useCallback(function (props) {
+    var _a;
+
+    var name = props.name,
+        coverUrlOrImage = props.coverUrlOrImage;
+
+    if (sdkInitialized) {
+      var params = {};
+      params.operatorUserIds = [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId];
+      params.name = name;
+      params.coverUrlOrImage = coverUrlOrImage;
+      sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params)) || params).then(function (openChannel) {
+        logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);
+        onCreateChannel(openChannel);
+      }).catch(function (err) {
+        logger.warning('CreateOpenChannel: Failed creating openChannel', err);
+      });
+    }
+  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);
+  return /*#__PURE__*/React__default["default"].createElement(CreateOpenChannelContext.Provider, {
+    value: {
+      // interface
+      sdk: sdk,
+      sdkInitialized: sdkInitialized,
+      logger: logger,
+      createNewOpenChannel: createNewOpenChannel
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-open-channel ".concat(className)
+  }, children));
+};
+var useCreateOpenChannelContext = function useCreateOpenChannelContext() {
+  return React__default["default"].useContext(CreateOpenChannelContext);
+};
+
+exports.CreateOpenChannelProvider = CreateOpenChannelProvider;
+exports.useCreateOpenChannelContext = useCreateOpenChannelContext;
+//# sourceMappingURL=context.js.map

package/cjs/CreateOpenChannel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/smart-components/CreateOpenChannel/context/CreateOpenChannelProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { OpenChannel, OpenChannelCreateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { Logger } from '../../../lib/SendbirdState';\n\nexport interface CreateNewOpenChannelCallbackProps {\n  name: string;\n  coverUrlOrImage?: string;\n}\nexport interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {\n  sdk: SendbirdOpenChat;\n  sdkInitialized: boolean;\n  logger: Logger;\n  createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;\n}\n\nconst CreateOpenChannelContext = React.createContext<CreateOpenChannelContextInterface>({\n  sdk: null,\n  sdkInitialized: false,\n  logger: null,\n  createNewOpenChannel: null,\n});\n\nexport interface CreateOpenChannelProviderProps {\n  className?: string;\n  children?: React.ReactElement;\n  onCreateChannel?: (channel: OpenChannel) => void;\n  onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;\n}\n\nexport const CreateOpenChannelProvider: React.FC<CreateOpenChannelProviderProps> = ({\n  className,\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel,\n}: CreateOpenChannelProviderProps): React.ReactElement => {\n  const { stores, config } = useSendbirdStateContext();\n  const { logger } = config;\n  const sdk = stores?.sdkStore?.sdk || null;\n  const sdkInitialized = stores?.sdkStore?.initialized || false;\n\n  const createNewOpenChannel = useCallback((props: CreateNewOpenChannelCallbackProps): void => {\n    const { name, coverUrlOrImage } = props;\n    if (sdkInitialized) {\n      const params = {} as OpenChannelCreateParams;\n      params.operatorUserIds = [sdk?.currentUser?.userId];\n      params.name = name;\n      params.coverUrlOrImage = coverUrlOrImage;\n      sdk.openChannel.createChannel(onBeforeCreateChannel?.(params) || params)\n        .then((openChannel) => {\n          logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);\n          onCreateChannel(openChannel);\n        })\n        .catch((err) => {\n          logger.warning('CreateOpenChannel: Failed creating openChannel', err);\n        });\n    }\n  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);\n\n  return (\n    <CreateOpenChannelContext.Provider\n      value={{\n        // interface\n        sdk: sdk,\n        sdkInitialized: sdkInitialized,\n        logger: logger,\n        createNewOpenChannel: createNewOpenChannel,\n      }}\n    >\n      <div className={`sendbird-create-open-channel ${className}`}>\n        {children}\n      </div>\n    </CreateOpenChannelContext.Provider>\n  );\n}\n\nexport const useCreateOpenChannelContext = (): CreateOpenChannelContextInterface => (\n  React.useContext(CreateOpenChannelContext)\n);\n"],"names":["CreateOpenChannelContext","React","createContext","sdk","sdkInitialized","logger","createNewOpenChannel","CreateOpenChannelProvider","_a","className","children","onCreateChannel","onBeforeCreateChannel","_d","useSendbirdStateContext","stores","config","sdkStore","initialized","useCallback","props","name","coverUrlOrImage","params","operatorUserIds","currentUser","userId","openChannel","createChannel","then","info","catch","err","warning","useCreateOpenChannelContext","useContext"],"mappings":";;;;;;;;;;;;;AAgBA,IAAMA,wBAAwB,gBAAGC,yBAAK,CAACC,aAAN,CAAuD;EACtFC,GAAG,EAAE,IADiF;EAEtFC,cAAc,EAAE,KAFsE;EAGtFC,MAAM,EAAE,IAH8E;EAItFC,oBAAoB,EAAE;AAJgE,CAAvD,CAAjC;IAcaC,yBAAyB,GAA6C,SAAtEA,yBAAsE,CAACC,EAAD;;;MACjFC,SAAS;MACTC,QAAQ;MACRC,eAAe;MACfC,qBAAqB;;EAEf,IAAAC,KAAqBC,uBAAuB,EAA5C;MAAEC,MAAM,YAAR;MAAUC,MAAM,YAAhB;;EACE,IAAAX,MAAM,GAAKW,MAAM,OAAjB;EACR,IAAMb,GAAG,GAAG,CAAA,MAAAY,MAAM,SAAN,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,QAAR,UAAA,iBAAA,SAAA,MAAkBd,GAAlB,KAAyB,IAArC;EACA,IAAMC,cAAc,GAAG,CAAA,MAAAW,MAAM,SAAN,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,QAAR,UAAA,iBAAA,SAAA,MAAkBC,WAAlB,KAAiC,KAAxD;EAEA,IAAMZ,oBAAoB,GAAGa,iBAAW,CAAC,UAACC,KAAD;;;IAC/B,IAAAC,IAAI,GAAsBD,KAAK,KAA/B;QAAME,eAAe,GAAKF,KAAK,gBAA/B;;IACR,IAAIhB,cAAJ,EAAoB;MAClB,IAAMmB,MAAM,GAAG,EAAf;MACAA,MAAM,CAACC,eAAP,GAAyB,CAAC,MAAArB,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEsB,WAAL,UAAA,iBAAA,SAAA,MAAkBC,MAAnB,CAAzB;MACAH,MAAM,CAACF,IAAP,GAAcA,IAAd;MACAE,MAAM,CAACD,eAAP,GAAyBA,eAAzB;MACAnB,GAAG,CAACwB,WAAJ,CAAgBC,aAAhB,CAA8B,CAAAhB,qBAAqB,SAArB,IAAAA,qBAAqB,WAArB,SAAA,GAAAA,qBAAqB,CAAGW,MAAH,CAArB,KAAmCA,MAAjE,EACGM,IADH,CACQ,UAACF,WAAD;QACJtB,MAAM,CAACyB,IAAP,CAAY,mDAAZ,EAAiEH,WAAjE;QACAhB,eAAe,CAACgB,WAAD,CAAf;OAHJ,EAKGI,KALH,CAKS,UAACC,GAAD;QACL3B,MAAM,CAAC4B,OAAP,CAAe,gDAAf,EAAiED,GAAjE;OANJ;;GAPoC,EAgBrC,CAAC5B,cAAD,EAAiBQ,qBAAjB,EAAwCD,eAAxC,CAhBqC,CAAxC;EAkBA,oBACEV,wCAAC,wBAAD,CAA0B,QAA1B;IACE,KAAK,EAAE;;MAELE,GAAG,EAAEA,GAFA;MAGLC,cAAc,EAAEA,cAHX;MAILC,MAAM,EAAEA,MAJH;MAKLC,oBAAoB,EAAEA;;kBAGxBL;IAAK,SAAS,EAAE,sCAAA,CAAgCQ,SAAhC;KACbC,QADH,CATF,CADF;AAeD;IAEYwB,2BAA2B,GAAG,SAA9BA,2BAA8B;EAAyC,OAClFjC,yBAAK,CAACkC,UAAN,CAAiBnC,wBAAjB,CADkF;AAEnF;;;;;"}

package/cjs/CreateOpenChannel.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
+var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
+require('./LocalizationContext-b5fd4c38.js');
+require('./stringSet-be457fd7.js');
+require('./index-5166a415.js');
+require('./ui/Avatar.js');
+require('./tslib.es6-36205d81.js');
+require('./ui/ImageRenderer.js');
+require('./ui/Icon.js');
+require('./_rollupPluginBabelHelpers-f9e4bb55.js');
+require('prop-types');
+require('./uuid-edc908ea.js');
+require('./ui/Button.js');
+require('./index-b9b8972b.js');
+require('./ui/Modal.js');
+require('react-dom');
+require('./index-550f5039.js');
+require('./ui/IconButton.js');
+require('./ui/Input.js');
+require('./ui/TextButton.js');
+require('./color-9e293baf.js');
+require('./useSendbirdStateContext.js');
+require('./withSendbird.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function CreateOpenChannel(_a) {
+  var className = _a.className,
+      onCreateChannel = _a.onCreateChannel,
+      onBeforeCreateChannel = _a.onBeforeCreateChannel,
+      closeModal = _a.closeModal,
+      renderHeader = _a.renderHeader,
+      renderProfileInput = _a.renderProfileInput;
+  return /*#__PURE__*/React__default["default"].createElement(CreateOpenChannel_context.CreateOpenChannelProvider, {
+    className: className,
+    onCreateChannel: onCreateChannel,
+    onBeforeCreateChannel: onBeforeCreateChannel
+  }, /*#__PURE__*/React__default["default"].createElement(CreateOpenChannel_components_CreateOpenChannelUI, {
+    closeModal: closeModal,
+    renderHeader: renderHeader,
+    renderProfileInput: renderProfileInput
+  }));
+}
+
+module.exports = CreateOpenChannel;
+//# sourceMappingURL=CreateOpenChannel.js.map

package/cjs/CreateOpenChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/smart-components/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport {  CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n  className,\n  onCreateChannel,\n  onBeforeCreateChannel,\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n  return (\n    <CreateOpenChannelProvider\n      className={className}\n      onCreateChannel={onCreateChannel}\n      onBeforeCreateChannel={onBeforeCreateChannel}\n    >\n      <CreateOpenChannelUI\n        closeModal={closeModal}\n        renderHeader={renderHeader}\n        renderProfileInput={renderProfileInput}\n      />\n    </CreateOpenChannelProvider>\n  );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAT,CAA2BC,EAA3B;MACEC,SAAS;MACTC,eAAe;MACfC,qBAAqB;MACrBC,UAAU;MACVC,YAAY;MACZC,kBAAkB;EAElB,oBACEC,wCAACC,mDAAD;IACE,SAAS,EAAEP,SADb;IAEE,eAAe,EAAEC,eAFnB;IAGE,qBAAqB,EAAEC;kBAEvBI,wCAACE,gDAAD;IACE,UAAU,EAAEL,UADd;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;IARxB,CADF;AAaD;;;;"}

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,30 +1,30 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-0add0c83.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-025aa556.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-c13ae9d5.js');
+require('../../LocalizationContext-b5fd4c38.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
-require('../../index-d889bc81.js');
-require('../../index-dad73aff.js');
+require('../../ui/Button.js');
+require('../../index-b9b8972b.js');
 require('../../ui/TextButton.js');
-require('../../utils-760ac018.js');
-require('../../actionTypes-b3af2b15.js');
+require('../../utils-09738454.js');
+require('../../actionTypes-17aa0989.js');
 require('react-dom');
-require('../../index-98e4f7b2.js');
+require('../../index-550f5039.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-f57d0c81.js');
-require('../../stringSet-bd0c293d.js');
-require('../../index-63b56a0e.js');
-require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../tslib.es6-36205d81.js');
+require('../../stringSet-be457fd7.js');
+require('../../index-5166a415.js');
+require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
 require('prop-types');
 require('../../withSendbird.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1942f440.js');
-require('../../color-f0ffb253.js');
+require('../../uuid-edc908ea.js');
+require('../../color-9e293baf.js');
 
 
 

package/cjs/EditUserProfile/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactElement;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n}\n\nconst useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileContext,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext"],"mappings":";;;;;;;;;;AAGA,IAAMA,8BAA8B,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuD,GAAG,SAA1DA,uBAA0D,CAACC,KAAD,EAAiC;AAC/F,MACEC,QADF,GAKID,KALJ,CACEC,QADF;AAAA,MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;AAAA,MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;AAAA,MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;AAOA,MAAMC,KAAK,GAAGC,aAAO,CAAC,YAAM;AAC1B,WAAO;AACLJ,MAAAA,aAAa,EAAbA,aADK;AAELC,MAAAA,QAAQ,EAARA,QAFK;AAGLC,MAAAA,aAAa,EAAbA;AAHK,KAAP;AAKD,GANoB,EAMlB,EANkB,CAArB;AAQA,sBACER,wCAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,SAChCX,yBAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactElement;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n}\n\nconst useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileContext,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext"],"mappings":";;;;;;;;;;AAGA,IAAMA,8BAA8B,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuD,GAAG,SAA1DA,uBAA0D,CAACC,KAAD,EAAiC;EAC/F,IACEC,QADF,GAKID,KALJ,CACEC,QADF;MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;EAOA,IAAMC,KAAK,GAAGC,aAAO,CAAC,YAAM;IAC1B,OAAO;MACLJ,aAAa,EAAbA,aADK;MAELC,QAAQ,EAARA,QAFK;MAGLC,aAAa,EAAbA;KAHF;GADmB,EAMlB,EANkB,CAArB;EAQA,oBACER,wCAAC,8BAAD,CAAgC,QAAhC;IAAyC,KAAK,EAAES;KAC7CJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;EAAA,OAChCX,yBAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;;"}

package/cjs/EditUserProfile.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-0add0c83.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-025aa556.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-98e4f7b2.js');
-require('./LocalizationContext-c13ae9d5.js');
-require('./stringSet-bd0c293d.js');
-require('./index-63b56a0e.js');
-require('./index-d889bc81.js');
-require('./tslib.es6-f57d0c81.js');
-require('./index-dad73aff.js');
-require('./_rollupPluginBabelHelpers-09706ebf.js');
+require('./index-550f5039.js');
+require('./LocalizationContext-b5fd4c38.js');
+require('./stringSet-be457fd7.js');
+require('./index-5166a415.js');
+require('./ui/Button.js');
+require('./tslib.es6-36205d81.js');
+require('./index-b9b8972b.js');
+require('./_rollupPluginBabelHelpers-f9e4bb55.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
@@ -20,11 +20,11 @@ require('./withSendbird.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-1942f440.js');
+require('./uuid-edc908ea.js');
 require('./ui/TextButton.js');
-require('./color-f0ffb253.js');
-require('./utils-760ac018.js');
-require('./actionTypes-b3af2b15.js');
+require('./color-9e293baf.js');
+require('./utils-09738454.js');
+require('./actionTypes-17aa0989.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/EditUserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfile.js","sources":["../../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,WAAW,GAAmC,SAA9CA,WAA8C,CAACC,KAAD;AAEhD,MAAAC,aAAa,GAGXD,KAAK,cAHP;AAAA,MACAE,QAAQ,GAENF,KAAK,SAHP;AAAA,MAEAG,aAAa,GACXH,KAAK,cAHP;AAIF,sBACEI,wCAACC,oEAAD;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC;AAHjB,kBAKEC,wCAACE,4DAAD,OALF,CADF;AASD;;;;"}
+{"version":3,"file":"EditUserProfile.js","sources":["../../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,WAAW,GAAmC,SAA9CA,WAA8C,CAACC,KAAD;EAEhD,IAAAC,aAAa,GAGXD,KAAK,cAHP;MACAE,QAAQ,GAENF,KAAK,SAHP;MAEAG,aAAa,GACXH,KAAK,cAHP;EAIF,oBACEI,wCAACC,oEAAD;IACE,aAAa,EAAEJ,aADjB;IAEE,QAAQ,EAAEC,QAFZ;IAGE,aAAa,EAAEC;kBAEfC,wCAACE,4DAAD,OALF,CADF;AASD;;;;"}

package/cjs/{LocalizationContext-c13ae9d5.js → LocalizationContext-b5fd4c38.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-bd0c293d.js');
-var index = require('./index-63b56a0e.js');
+var stringSet = require('./stringSet-be457fd7.js');
+var index = require('./index-5166a415.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,4 +27,4 @@ var useLocalization = function useLocalization() {
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-c13ae9d5.js.map
+//# sourceMappingURL=LocalizationContext-b5fd4c38.js.map

package/cjs/{LocalizationContext-c13ae9d5.js.map → LocalizationContext-b5fd4c38.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-c13ae9d5.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;;;;;;;IAMMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AACnB,MAAAC,QAAQ,GAAKD,KAAK,SAAlB;AACR,sBACEP,wCAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEO;AAArC,KACGC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;AAAM,SAAAT,yBAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;;;"}
+{"version":3,"file":"LocalizationContext-b5fd4c38.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;;;;;;;IAMMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;EAC9CC,SAAS,EAAEC,sBAAY,CAAC,IAAD,CADuB;EAE9CC,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;EACnB,IAAAC,QAAQ,GAAKD,KAAK,SAAlB;EACR,oBACEP,wCAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEO;KAClCC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;EAAM,OAAAT,yBAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;;;"}

package/cjs/{MemberList-e062045b.js → MemberList-10def668.js}

@@ -1,19 +1,19 @@
 'use strict';
 
 var React = require('react');
-var ui_Button = require('./index-d889bc81.js');
+var ui_Button = require('./ui/Button.js');
 var ui_IconButton = require('./ui/IconButton.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_ContextMenu = require('./ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./ChannelSettings/components/UserListItem.js');
-var tslib_es6 = require('./tslib.es6-f57d0c81.js');
+var tslib_es6 = require('./tslib.es6-36205d81.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-760ac018.js');
+var utils = require('./utils-09738454.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var LocalizationContext = require('./LocalizationContext-c13ae9d5.js');
-var uuid = require('./uuid-1942f440.js');
+var LocalizationContext = require('./LocalizationContext-b5fd4c38.js');
+var uuid = require('./uuid-edc908ea.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,7 +51,7 @@ function MembersModal(_a) {
       return _onCancel();
     },
     onSubmit: utils.noop,
-    titleText: "All Members"
+    titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
@@ -194,6 +194,7 @@ function InviteUsers(_a) {
   var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
   var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+  var stringSet = LocalizationContext.useLocalization().stringSet;
   React.useEffect(function () {
     var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
 
@@ -207,7 +208,7 @@ function InviteUsers(_a) {
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     disabled: Object.keys(selectedMembers).length === 0,
     submitText: "Invite",
-    type: ui_Button.Type.PRIMARY,
+    type: ui_Button.ButtonTypes.PRIMARY,
     onCancel: function onCancel() {
       return _onCancel();
     },
@@ -219,7 +220,7 @@ function InviteUsers(_a) {
         _onSubmit(members);
       });
     },
-    titleText: "Select members"
+    titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-more-members__popup-scroll",
     onScroll: function onScroll(e) {
@@ -313,7 +314,9 @@ var MemberList = function MemberList() {
       setChannelUpdateId(uuid.uuidv4());
     });
   }, [channel]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, members.map(function (member) {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-settings-member-list sendbird-accordion"
+  }, members.map(function (member) {
     return /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_UserListItem, {
       key: member.userId,
       user: member,
@@ -385,13 +388,13 @@ var MemberList = function MemberList() {
     });
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-settings-accordion__footer"
-  }, hasNext && /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, hasNext && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {
       return setShowAllMembers(true);
     }
-  }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS), /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS), /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {
@@ -414,4 +417,4 @@ var MemberList = function MemberList() {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-e062045b.js.map
+//# sourceMappingURL=MemberList-10def668.js.map

package/cjs/MemberList-10def668.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberList-10def668.js","sources":["../../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (channel?.myRole === 'operator' && userId !== member.userId)\n                ? ({ actionRef, parentRef }) => (\n                  <ContextMenu\n                    menuTrigger={(toggleDropdown) => (\n                      <IconButton\n                        className=\"sendbird-user-message__more__menu\"\n                        width=\"32px\"\n                        height=\"32px\"\n                        onClick={toggleDropdown}\n                      >\n                        <Icon\n                          width=\"24px\"\n                          height=\"24px\"\n                          type={IconTypes.MORE}\n                          fillColor={IconColors.CONTENT_INVERSE}\n                        />\n                      </IconButton>\n                    )}\n                    menuItems={(closeDropdown) => (\n                      <MenuItems\n                        parentContainRef={parentRef}\n                        parentRef={actionRef} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","Modal","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","role","addOperators","m","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","Button","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}