@sendbird/uikit-react 3.0.2-beta.1 → 3.1.0-rc.0

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,37 +1,37 @@
 'use strict';
 
 var React = require('react');
-var CreateChannel_context = require('../../CreateChannelProvider-d3305abc.js');
+var CreateChannel_context = require('../../CreateChannelProvider-3ee8c3d8.js');
 var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
 var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-e0269931.js');
-require('../../utils-352cb0a5.js');
+require('../../topics-fae1bf42.js');
+require('../../utils-985f99f7.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-29633c69.js');
-require('../../tslib.es6-592b36e8.js');
-require('../../LocalizationContext-baf1fe9b.js');
-require('../../stringSet-f932274f.js');
-require('../../index-d4396be3.js');
+require('../../_rollupPluginBabelHelpers-7a2f7ed5.js');
+require('../../tslib.es6-94adc177.js');
+require('../../LocalizationContext-458c4425.js');
+require('../../stringSet-1e20a383.js');
+require('../../index-0d759d2f.js');
 require('../../ui/Modal.js');
 require('prop-types');
 require('react-dom');
-require('../../index-fdfc8df4.js');
+require('../../index-911094d4.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
-require('../../index-31de37a9.js');
-require('../../index-f457d792.js');
+require('../../index-e61b5129.js');
+require('../../index-0913b626.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-d4c230c3.js');
+require('../../UserProfileContext-f582734c.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-5ffba0f8.js');
+require('../../uuid-54ad2cc3.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
-require('../../index-885e6586.js');
+require('../../index-1e767390.js');
 require('../../ui/SortByRow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/CreateChannel/components/InviteUsers.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-592b36e8.js');
+var tslib_es6 = require('../../tslib.es6-94adc177.js');
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-baf1fe9b.js');
-var CreateChannel_context = require('../../CreateChannelProvider-d3305abc.js');
+var LocalizationContext = require('../../LocalizationContext-458c4425.js');
+var CreateChannel_context = require('../../CreateChannelProvider-3ee8c3d8.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ui_Label = require('../../index-f457d792.js');
-var ui_Button = require('../../index-31de37a9.js');
+var ui_Label = require('../../index-0913b626.js');
+var ui_Button = require('../../index-e61b5129.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../stringSet-f932274f.js');
-require('../../index-d4396be3.js');
+require('../../stringSet-1e20a383.js');
+require('../../index-0d759d2f.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-e0269931.js');
-require('../../utils-352cb0a5.js');
+require('../../topics-fae1bf42.js');
+require('../../utils-985f99f7.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-29633c69.js');
+require('../../_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('prop-types');
 require('react-dom');
-require('../../index-fdfc8df4.js');
+require('../../index-911094d4.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
-require('../../UserProfileContext-d4c230c3.js');
+require('../../UserProfileContext-f582734c.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-5ffba0f8.js');
+require('../../uuid-54ad2cc3.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
-require('../../index-885e6586.js');
+require('../../index-1e767390.js');
 require('../../ui/SortByRow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -86,7 +86,7 @@ var InviteUsers = function InviteUsers(_a) {
   var globalStore = useSendbirdStateContext();
   var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
   var sdk = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
-  var logger = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.logger;
+  (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.logger;
   var idsToFilter = [userId];
 
   var _g = React.useState([]),
@@ -111,14 +111,12 @@ var InviteUsers = function InviteUsers(_a) {
   });
   React.useEffect(function () {
     var applicationUserListQuery = userQueryCreator;
-    setUsersDataSource(applicationUserListQuery);
+    setUsersDataSource(applicationUserListQuery); // @ts-ignore
 
-    try {
+    if (!(applicationUserListQuery === null || applicationUserListQuery === void 0 ? void 0 : applicationUserListQuery.isLoading)) {
       applicationUserListQuery.next().then(function (users_) {
         setUsers(users_);
       });
-    } catch (error) {
-      logger.warning('CreateChannel: applicationUserListQuery error', error);
     }
   }, []);
   return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {

package/cjs/CreateChannel/components/InviteUsers.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteUsers.js","sources":["../../../../src/smart-components/CreateChannel/components/InviteUsers/utils.ts","../../../../src/smart-components/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from \"@sendbird/chat\";\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n  params: GroupChannelCreateParams,\n  type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n  sdk: SendbirdGroupChat;\n  userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n  { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): ApplicationUserListQuery => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n  LabelColors,\n  LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { UserListQuery } from '../../context/CreateChannelProvider';\n\nimport {\n  filterUser,\n  setChannelType,\n  createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n  onCancel?: () => void;\n  userListQuery?(): UserListQuery;\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    createChannel,\n    type,\n  } = useCreateChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const logger = globalStore?.config?.logger;\n  const idsToFilter = [userId];\n  const [users, setUsers] = useState([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n  const selectedCount = Object.keys(selectedUsers).length;\n  const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n  const submitText = stringSet.BUTTON__CREATE;\n\n  const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    try {\n      applicationUserListQuery.next().then((users_) => {\n        setUsers(users_);\n      });\n    } catch (error) {\n      logger.warning('CreateChannel: applicationUserListQuery error', error);\n    }\n  }, []);\n\n  return (\n    <Modal\n      titleText={titleText}\n      submitText={submitText}\n      type={ButtonTypes.PRIMARY}\n      onCancel={onCancel}\n      onSubmit={() => {\n        const selectedUserList = Object.keys(selectedUsers);\n        if (selectedUserList.length > 0) {\n          if (onBeforeCreateChannel) {\n            const params = onBeforeCreateChannel(selectedUserList);\n            setChannelType(params, type);\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          } else {\n            const params: GroupChannelCreateParams = {};\n            params.invitedUserIds = selectedUserList;\n            params.isDistinct = false;\n            if (userId) {\n              params.operatorUserIds = [userId];\n            }\n            setChannelType(params, type);\n            // do not have custom params\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          }\n          onCancel();\n        }\n      }}\n    >\n      <div>\n        <Label\n          color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n          type={LabelTypography.CAPTION_1}\n        >\n          {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTEC}`}\n        </Label>\n        <div\n          className=\"sendbird-create-channel--scroll\"\n          onScroll={(e) => {\n            const eventTarget = e.target as HTMLDivElement;\n            const { hasNext } = usersDataSource;\n            const fetchMore = (\n              eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              usersDataSource.next().then((usersBatch) => {\n                setUsers([\n                  ...users,\n                  ...usersBatch,\n                ]);\n              });\n            }\n          }}\n        >\n          {\n            users.map((user) => (!filterUser(idsToFilter)(user.userId)) && (\n              <UserListItem\n                key={user.userId}\n                user={user}\n                checkBox\n                checked={selectedUsers[user.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedUsers = {\n                      ...selectedUsers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedUsers[event.target.id];\n                    }\n                    setSelectedUsers(modifiedSelectedUsers);\n                  }\n                }\n              />\n            ))\n          }\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default InviteUsers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_a","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","params_1","Object","keys","forEach","key","InviteUsers","onCancel","userListQuery","_f","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","createChannel","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","logger","_g","useState","users","setUsers","_h","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_j","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","next","then","users_","error","warning","React","Modal","ButtonTypes","PRIMARY","selectedUserList","channel","invitedUserIds","isDistinct","operatorUserIds","Label","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}
+{"version":3,"file":"InviteUsers.js","sources":["../../../../src/smart-components/CreateChannel/components/InviteUsers/utils.ts","../../../../src/smart-components/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from \"@sendbird/chat\";\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n  params: GroupChannelCreateParams,\n  type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n  sdk: SendbirdGroupChat;\n  userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n  { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): ApplicationUserListQuery => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n  LabelColors,\n  LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { UserListQuery } from '../../context/CreateChannelProvider';\n\nimport {\n  filterUser,\n  setChannelType,\n  createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n  onCancel?: () => void;\n  userListQuery?(): UserListQuery;\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    createChannel,\n    type,\n  } = useCreateChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const logger = globalStore?.config?.logger;\n  const idsToFilter = [userId];\n  const [users, setUsers] = useState([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n  const selectedCount = Object.keys(selectedUsers).length;\n  const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n  const submitText = stringSet.BUTTON__CREATE;\n\n  const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    // @ts-ignore\n    if (!applicationUserListQuery?.isLoading) {\n      applicationUserListQuery.next().then((users_) => {\n        setUsers(users_);\n      });\n    }\n  }, []);\n\n  return (\n    <Modal\n      titleText={titleText}\n      submitText={submitText}\n      type={ButtonTypes.PRIMARY}\n      onCancel={onCancel}\n      onSubmit={() => {\n        const selectedUserList = Object.keys(selectedUsers);\n        if (selectedUserList.length > 0) {\n          if (onBeforeCreateChannel) {\n            const params = onBeforeCreateChannel(selectedUserList);\n            setChannelType(params, type);\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          } else {\n            const params: GroupChannelCreateParams = {};\n            params.invitedUserIds = selectedUserList;\n            params.isDistinct = false;\n            if (userId) {\n              params.operatorUserIds = [userId];\n            }\n            setChannelType(params, type);\n            // do not have custom params\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          }\n          onCancel();\n        }\n      }}\n    >\n      <div>\n        <Label\n          color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n          type={LabelTypography.CAPTION_1}\n        >\n          {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTEC}`}\n        </Label>\n        <div\n          className=\"sendbird-create-channel--scroll\"\n          onScroll={(e) => {\n            const eventTarget = e.target as HTMLDivElement;\n            const { hasNext } = usersDataSource;\n            const fetchMore = (\n              eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              usersDataSource.next().then((usersBatch) => {\n                setUsers([\n                  ...users,\n                  ...usersBatch,\n                ]);\n              });\n            }\n          }}\n        >\n          {\n            users.map((user) => (!filterUser(idsToFilter)(user.userId)) && (\n              <UserListItem\n                key={user.userId}\n                user={user}\n                checkBox\n                checked={selectedUsers[user.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedUsers = {\n                      ...selectedUsers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedUsers[event.target.id];\n                    }\n                    setSelectedUsers(modifiedSelectedUsers);\n                  }\n                }\n              />\n            ))\n          }\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default InviteUsers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_a","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","params_1","Object","keys","forEach","key","InviteUsers","onCancel","userListQuery","_f","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","createChannel","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","logger","_g","useState","users","setUsers","_h","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_j","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","React","Modal","ButtonTypes","PRIMARY","selectedUserList","channel","invitedUserIds","isDistinct","operatorUserIds","Label","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -3,22 +3,22 @@
 var React = require('react');
 var sendbirdSelectors = require('../../sendbirdSelectors.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../CreateChannelProvider-d3305abc.js');
-var LocalizationContext = require('../../LocalizationContext-baf1fe9b.js');
-var ui_Label = require('../../index-f457d792.js');
+var CreateChannel_context = require('../../CreateChannelProvider-3ee8c3d8.js');
+var LocalizationContext = require('../../LocalizationContext-458c4425.js');
+var ui_Label = require('../../index-0913b626.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../topics-e0269931.js');
-require('../../utils-352cb0a5.js');
+require('../../topics-fae1bf42.js');
+require('../../utils-985f99f7.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-29633c69.js');
-require('../../stringSet-f932274f.js');
-require('../../index-d4396be3.js');
+require('../../_rollupPluginBabelHelpers-7a2f7ed5.js');
+require('../../stringSet-1e20a383.js');
+require('../../index-0d759d2f.js');
 require('prop-types');
 require('react-dom');
-require('../../index-fdfc8df4.js');
+require('../../index-911094d4.js');
 require('../../ui/IconButton.js');
-require('../../index-31de37a9.js');
+require('../../index-e61b5129.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/CreateChannel/context.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../sendbirdSelectors.js');
 require('../useSendbirdStateContext.js');
-var CreateChannel_context = require('../CreateChannelProvider-d3305abc.js');
-require('../topics-e0269931.js');
-require('../utils-352cb0a5.js');
+var CreateChannel_context = require('../CreateChannelProvider-3ee8c3d8.js');
+require('../topics-fae1bf42.js');
+require('../utils-985f99f7.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-29633c69.js');
+require('../_rollupPluginBabelHelpers-7a2f7ed5.js');
 
 
 

package/cjs/CreateChannel.js

@@ -2,36 +2,36 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-d3305abc.js');
+var CreateChannel_context = require('./CreateChannelProvider-3ee8c3d8.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-592b36e8.js');
-require('./LocalizationContext-baf1fe9b.js');
-require('./stringSet-f932274f.js');
-require('./index-d4396be3.js');
+require('./tslib.es6-94adc177.js');
+require('./LocalizationContext-458c4425.js');
+require('./stringSet-1e20a383.js');
+require('./index-0d759d2f.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-29633c69.js');
+require('./_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('./ui/Modal.js');
 require('prop-types');
 require('react-dom');
-require('./index-fdfc8df4.js');
+require('./index-911094d4.js');
 require('./ui/IconButton.js');
 require('./ui/Icon.js');
-require('./index-31de37a9.js');
-require('./index-f457d792.js');
-require('./utils-352cb0a5.js');
+require('./index-e61b5129.js');
+require('./index-0913b626.js');
+require('./utils-985f99f7.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-d4c230c3.js');
+require('./UserProfileContext-f582734c.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-5ffba0f8.js');
+require('./uuid-54ad2cc3.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-e0269931.js');
+require('./topics-fae1bf42.js');
 require('./ui/ContextMenu.js');
-require('./index-885e6586.js');
+require('./index-1e767390.js');
 require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 

package/cjs/{CreateChannelProvider-d3305abc.js → CreateChannelProvider-3ee8c3d8.js}

@@ -57,4 +57,4 @@ var useCreateChannelContext = function useCreateChannelContext() {
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-d3305abc.js.map
+//# sourceMappingURL=CreateChannelProvider-3ee8c3d8.js.map

package/cjs/{CreateChannelProvider-d3305abc.js.map → CreateChannelProvider-3ee8c3d8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-d3305abc.js","sources":["../../src/smart-components/CreateChannel/types.ts","../../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactNode;\n  onCreateChannel(channel: GroupChannel): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,KAAA,CAAxB;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;AAEhE,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;AACA,MAAMK,aAAa,GACUC,uCAAqB,CAACL,KAAD,CADlD;;AAGM,MAAAM,KAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,cAAQ,CAAClB,oBAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,wCAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,uBADe;AAEpCM,MAAAA,aAAa,eAFuB;AAGpCP,MAAAA,eAAe,iBAHqB;AAIpCE,MAAAA,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCM,MAAAA,IAAI,MALgC;AAMpCC,MAAAA,OAAO,SAN6B;AAOpCG,MAAAA,IAAI,MAPgC;AAQpCC,MAAAA,OAAO;AAR6B;AAAtC,KAUGjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAqC,SACnEvB,yBAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;;"}
+{"version":3,"file":"CreateChannelProvider-3ee8c3d8.js","sources":["../../src/smart-components/CreateChannel/types.ts","../../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactNode;\n  onCreateChannel(channel: GroupChannel): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,KAAA,CAAxB;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;AAEhE,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;AACA,MAAMK,aAAa,GACUC,uCAAqB,CAACL,KAAD,CADlD;;AAGM,MAAAM,KAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,cAAQ,CAAClB,oBAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,wCAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,uBADe;AAEpCM,MAAAA,aAAa,eAFuB;AAGpCP,MAAAA,eAAe,iBAHqB;AAIpCE,MAAAA,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCM,MAAAA,IAAI,MALgC;AAMpCC,MAAAA,OAAO,SAN6B;AAOpCG,MAAAA,IAAI,MAPgC;AAQpCC,MAAAA,OAAO;AAR6B;AAAtC,KAUGjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAqC,SACnEvB,yBAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;;"}

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,30 +1,30 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-c5e7bc6f.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-a29feec3.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-baf1fe9b.js');
+require('../../LocalizationContext-458c4425.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
-require('../../index-31de37a9.js');
-require('../../index-f457d792.js');
+require('../../index-e61b5129.js');
+require('../../index-0913b626.js');
 require('../../ui/TextButton.js');
-require('../../utils-352cb0a5.js');
-require('../../actionTypes-27fdf504.js');
+require('../../utils-985f99f7.js');
+require('../../actionTypes-344731c5.js');
 require('prop-types');
 require('react-dom');
-require('../../index-fdfc8df4.js');
+require('../../index-911094d4.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-29633c69.js');
-require('../../stringSet-f932274f.js');
-require('../../index-d4396be3.js');
+require('../../_rollupPluginBabelHelpers-7a2f7ed5.js');
+require('../../stringSet-1e20a383.js');
+require('../../index-0d759d2f.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-592b36e8.js');
+require('../../tslib.es6-94adc177.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-5ffba0f8.js');
-require('../../color-10db49db.js');
+require('../../uuid-54ad2cc3.js');
+require('../../color-7ac0d13b.js');
 
 
 

package/cjs/EditUserProfile.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-c5e7bc6f.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-a29feec3.js');
 require('./ui/Modal.js');
 require('prop-types');
 require('react-dom');
-require('./LocalizationContext-baf1fe9b.js');
-require('./stringSet-f932274f.js');
-require('./index-d4396be3.js');
-require('./index-fdfc8df4.js');
+require('./LocalizationContext-458c4425.js');
+require('./stringSet-1e20a383.js');
+require('./index-0d759d2f.js');
+require('./index-911094d4.js');
 require('./ui/IconButton.js');
-require('./_rollupPluginBabelHelpers-29633c69.js');
+require('./_rollupPluginBabelHelpers-7a2f7ed5.js');
 require('./ui/Icon.js');
-require('./index-31de37a9.js');
-require('./index-f457d792.js');
-require('./utils-352cb0a5.js');
+require('./index-e61b5129.js');
+require('./index-0913b626.js');
+require('./utils-985f99f7.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-592b36e8.js');
+require('./tslib.es6-94adc177.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-5ffba0f8.js');
+require('./uuid-54ad2cc3.js');
 require('./ui/TextButton.js');
-require('./color-10db49db.js');
-require('./actionTypes-27fdf504.js');
+require('./color-7ac0d13b.js');
+require('./actionTypes-344731c5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{LocalizationContext-baf1fe9b.js → LocalizationContext-458c4425.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-f932274f.js');
-var index = require('./index-d4396be3.js');
+var stringSet = require('./stringSet-1e20a383.js');
+var index = require('./index-0d759d2f.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-baf1fe9b.js.map
+//# sourceMappingURL=LocalizationContext-458c4425.js.map

package/cjs/{LocalizationContext-baf1fe9b.js.map → LocalizationContext-458c4425.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-baf1fe9b.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.Component;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactNode => {\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-458c4425.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.Component;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactNode => {\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;;;;;;"}

package/cjs/{MemberList-95fc8f1a.js → MemberList-3c0d7503.js}

@@ -1,18 +1,19 @@
 'use strict';
 
 var React = require('react');
-var ui_Button = require('./index-31de37a9.js');
+var ui_Button = require('./index-e61b5129.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-592b36e8.js');
+var tslib_es6 = require('./tslib.es6-94adc177.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-352cb0a5.js');
+var utils = require('./utils-985f99f7.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./uuid-5ffba0f8.js');
+var LocalizationContext = require('./LocalizationContext-458c4425.js');
+var uuid = require('./uuid-54ad2cc3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,6 +35,7 @@ function MembersModal(_a) {
   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;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   React.useEffect(function () {
     var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 20
@@ -122,7 +124,7 @@ function MembersModal(_a) {
                   });
                 }
               }
-            }, member.role !== 'operator' ? 'Register as operator' : 'Unregister operator'), // No muted members in broadcast channel
+            }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR), // No muted members in broadcast channel
             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
               onClick: function onClick() {
                 if (member.isMuted) {
@@ -153,7 +155,7 @@ function MembersModal(_a) {
                   });
                 }
               }
-            }, member.isMuted ? 'Unmute' : 'Mute'), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+            }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
               onClick: function onClick() {
                 channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
                   setMembers(members.filter(function (_a) {
@@ -162,7 +164,7 @@ function MembersModal(_a) {
                   }));
                 });
               }
-            }, "Ban"));
+            }, stringSet.CHANNEL_SETTING__MODERATION__BAN));
           }
         }));
       }
@@ -279,6 +281,7 @@ var MemberList = function MemberList() {
       channel = _h.channel,
       setChannelUpdateId = _h.setChannelUpdateId;
 
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
   var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
   React.useEffect(function () {
@@ -295,7 +298,7 @@ var MemberList = function MemberList() {
       setHasNext(memberUserListQuery.hasNext);
     });
   }, [channel]);
-  var refershList = React.useCallback(function () {
+  var refreshList = React.useCallback(function () {
     if (!channel) {
       setMembers([]);
       return;
@@ -343,39 +346,39 @@ var MemberList = function MemberList() {
               onClick: function onClick() {
                 if (member.role !== 'operator') {
                   channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                    refershList();
+                    refreshList();
                     closeDropdown();
                   });
                 } else {
                   channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                    refershList();
+                    refreshList();
                     closeDropdown();
                   });
                 }
               }
-            }, member.role !== 'operator' ? 'Register as operator' : 'Unregister operator'), // No muted members in broadcast channel
+            }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR), // No muted members in broadcast channel
             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
               onClick: function onClick() {
                 if (member.isMuted) {
                   channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                    refershList();
+                    refreshList();
                     closeDropdown();
                   });
                 } else {
                   channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                    refershList();
+                    refreshList();
                     closeDropdown();
                   });
                 }
               }
-            }, member.isMuted ? 'Unmute' : 'Mute'), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+            }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
               onClick: function onClick() {
                 channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                  refershList();
+                  refreshList();
                   closeDropdown();
                 });
               }
-            }, "Ban"));
+            }, stringSet.CHANNEL_SETTING__MODERATION__BAN));
           }
         });
       } : null
@@ -388,21 +391,21 @@ var MemberList = function MemberList() {
     onClick: function onClick() {
       return setShowAllMembers(true);
     }
-  }, "All members"), /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS), /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
     onClick: function onClick() {
       return setShowInviteUsers(true);
     }
-  }, "Invite members")), showAllMembers && /*#__PURE__*/React__default["default"].createElement(MembersModal, {
+  }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)), showAllMembers && /*#__PURE__*/React__default["default"].createElement(MembersModal, {
     onCancel: function onCancel() {
       setShowAllMembers(false);
-      refershList();
+      refreshList();
     }
   }), showInviteUsers && /*#__PURE__*/React__default["default"].createElement(InviteUsers, {
     onSubmit: function onSubmit() {
       setShowInviteUsers(false);
-      refershList();
+      refreshList();
     },
     onCancel: function onCancel() {
       return setShowInviteUsers(false);
@@ -411,4 +414,4 @@ var MemberList = function MemberList() {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-95fc8f1a.js.map
+//# sourceMappingURL=MemberList-3c0d7503.js.map