@sendbird/uikit-react 3.0.0-beta.6 → 3.0.0-rc.0

package/CreateChannel/components/SelectChannelType.js

@@ -1,22 +1,22 @@
 import React__default, { useContext } from 'react';
-import sendBirdSelectors from '../../sendBirdSelectors.js';
+import { getSdk } from '../../sendbirdSelectors.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-3d3e4a7c.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-17cf7808.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-8c72aa06.js';
+import { a as LocalizationContext } from '../../LocalizationContext-fb3dafcd.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-71e2bf26.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../topics-24a660ee.js';
+import '../../topics-f941ba80.js';
+import '../../utils-cadde06a.js';
 import '../../withSendBird.js';
-import '../../_rollupPluginBabelHelpers-d10f91b9.js';
-import '../../stringSet-5a85ff4b.js';
-import '../../index-94489c17.js';
+import '../../_rollupPluginBabelHelpers-084fb589.js';
+import '../../stringSet-d3a8a2a0.js';
+import '../../index-13729368.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-db6a4860.js';
+import '../../index-1d112ad4.js';
 import '../../ui/IconButton.js';
-import '../../index-9deb1389.js';
-import '../../utils-85d3d94c.js';
+import '../../index-b574cc8e.js';
 
 var isBroadcastChannelEnabled = function isBroadcastChannelEnabled(sdk) {
   var _a;
@@ -46,7 +46,7 @@ var isSuperGroupChannelEnabled = function isSuperGroupChannelEnabled(sdk) {
 var SelectChannelType = function SelectChannelType(props) {
   var _onCancel = props.onCancel;
   var store = useSendbirdStateContext();
-  var sdk = sendBirdSelectors.getSdk(store);
+  var sdk = getSdk(store);
   var createChannelProps = useCreateChannelContext();
   var setStep = createChannelProps.setStep,
       setType = createChannelProps.setType;

package/CreateChannel/components/SelectChannelType.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChannelType.js","sources":["../../../src/smart-components/CreateChannel/utils.ts","../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import SendBird from 'sendbird';\n\nexport const isBroadcastChannelEnabled = (sdk: SendBird.SendBirdInstance): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendBird.SendBirdInstance): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\n\nimport sendBirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport SendBird from 'sendbird';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk: SendBird.SendBirdInstance = sendBirdSelectors.getSdk(store);\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendBirdSelectors","getSdk","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}
+{"version":3,"file":"SelectChannelType.js","sources":["../../../src/smart-components/CreateChannel/utils.ts","../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}

package/CreateChannel/context.js

@@ -1,8 +1,9 @@
 import 'react';
-import '../sendBirdSelectors.js';
+import '../sendbirdSelectors.js';
 import '../useSendbirdStateContext.js';
-export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-3d3e4a7c.js';
-import '../topics-24a660ee.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-8c72aa06.js';
+import '../topics-f941ba80.js';
+import '../utils-cadde06a.js';
 import '../withSendBird.js';
-import '../_rollupPluginBabelHelpers-d10f91b9.js';
+import '../_rollupPluginBabelHelpers-084fb589.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/CreateChannel.js

@@ -1,35 +1,35 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-3d3e4a7c.js';
-import './CreateChannel/components/InviteMembers.js';
-import './tslib.es6-2c4d01e9.js';
-import './LocalizationContext-5b0a9339.js';
-import './stringSet-5a85ff4b.js';
-import './index-94489c17.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-8c72aa06.js';
+import './CreateChannel/components/InviteUsers.js';
+import './tslib.es6-a7db0cc5.js';
+import './LocalizationContext-fb3dafcd.js';
+import './stringSet-d3a8a2a0.js';
+import './index-13729368.js';
 import './useSendbirdStateContext.js';
 import './withSendBird.js';
-import './_rollupPluginBabelHelpers-d10f91b9.js';
+import './_rollupPluginBabelHelpers-084fb589.js';
 import './ui/Modal.js';
 import 'prop-types';
 import 'react-dom';
-import './index-db6a4860.js';
+import './index-1d112ad4.js';
 import './ui/IconButton.js';
 import './ui/Icon.js';
-import './index-9deb1389.js';
-import './index-17cf7808.js';
-import './utils-85d3d94c.js';
+import './index-b574cc8e.js';
+import './index-71e2bf26.js';
+import './utils-cadde06a.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-b6d89d0d.js';
+import './UserProfileContext-6a387a08.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-0ab81e67.js';
+import './uuid-748dae7a.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
-import './sendBirdSelectors.js';
-import './topics-24a660ee.js';
+import './sendbirdSelectors.js';
+import './topics-f941ba80.js';
 import './ui/ContextMenu.js';
-import './index-902c2068.js';
+import './index-8e6a607b.js';
 import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 

package/{CreateChannelProvider-3d3e4a7c.js → CreateChannelProvider-8c72aa06.js}

@@ -1,5 +1,5 @@
 import React__default, { useState } from 'react';
-import { getCreateChannel } from './sendBirdSelectors.js';
+import { getCreateGroupChannel } from './sendbirdSelectors.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 
 var CHANNEL_TYPE;
@@ -21,7 +21,7 @@ var CreateChannelProvider = function CreateChannelProvider(props) {
       userListQuery = props.userListQuery;
   var store = useSendbirdStateContext();
   var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
-  var createChannel = getCreateChannel(store);
+  var createChannel = getCreateGroupChannel(store);
 
   var _b = useState(0),
       step = _b[0],
@@ -50,4 +50,4 @@ var useCreateChannelContext = function useCreateChannelContext() {
 };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=CreateChannelProvider-3d3e4a7c.js.map
+//# sourceMappingURL=CreateChannelProvider-8c72aa06.js.map

package/CreateChannelProvider-8c72aa06.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-8c72aa06.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 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\ninterface UserListQuery {\n  hasNext?: boolean;\n  next(callback: unknown): void;\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":";;;;IAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACWA,IAAMC,oBAAoB,gBAAGC,cAAK,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,qBAAqB,CAACL,KAAD,CADlD;;AAGM,MAAAM,KAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,QAAQ,CAAClB,YAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,6BAAC,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,cAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;"}

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,26 +1,26 @@
 import 'react';
-export { a as default } from '../../index-065ef420.js';
+export { a as default } from '../../index-71ad343b.js';
 import '../../ui/Modal.js';
-import '../../LocalizationContext-5b0a9339.js';
+import '../../LocalizationContext-fb3dafcd.js';
 import '../../useSendbirdStateContext.js';
 import '../../ui/Input.js';
 import '../../ui/Avatar.js';
 import '../../ui/Icon.js';
-import '../../index-9deb1389.js';
-import '../../index-17cf7808.js';
+import '../../index-b574cc8e.js';
+import '../../index-71e2bf26.js';
 import '../../ui/TextButton.js';
-import '../../utils-85d3d94c.js';
-import '../../actionTypes-17920f59.js';
+import '../../utils-cadde06a.js';
+import '../../actionTypes-302a2801.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-db6a4860.js';
+import '../../index-1d112ad4.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-d10f91b9.js';
-import '../../stringSet-5a85ff4b.js';
-import '../../index-94489c17.js';
+import '../../_rollupPluginBabelHelpers-084fb589.js';
+import '../../stringSet-d3a8a2a0.js';
+import '../../index-13729368.js';
 import '../../withSendBird.js';
-import '../../tslib.es6-2c4d01e9.js';
+import '../../tslib.es6-a7db0cc5.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-0ab81e67.js';
-import '../../color-6b259e40.js';
+import '../../uuid-748dae7a.js';
+import '../../color-9bf8c922.js';
 //# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile/context.js

@@ -19,9 +19,9 @@ var EditUserProfileProvider = function EditUserProfileProvider(props) {
   }, children);
 };
 
-var useEditUserProfileProvider = function useEditUserProfileProvider() {
+var useEditUserProfileContext = function useEditUserProfileContext() {
   return React__default.useContext(EditUserProfileProviderContext);
 };
 
-export { EditUserProfileProvider, useEditUserProfileProvider };
+export { EditUserProfileProvider, useEditUserProfileContext };
 //# sourceMappingURL=context.js.map

package/EditUserProfile/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Sendbird from 'sendbird';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactNode;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: Sendbird.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 useEditUserProfileProvider = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileProvider,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileProvider","useContext"],"mappings":";;AAGA,IAAMA,8BAA8B,gBAAGC,cAAK,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,OAAO,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,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,0BAA0B,GAAG,SAA7BA,0BAA6B;AAAA,SACjCX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADiC;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.ReactNode;\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,cAAK,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,OAAO,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,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,SAChCX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;"}

package/EditUserProfile.js

@@ -1,28 +1,28 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-065ef420.js';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-71ad343b.js';
 import './ui/Modal.js';
 import 'prop-types';
 import 'react-dom';
-import './LocalizationContext-5b0a9339.js';
-import './stringSet-5a85ff4b.js';
-import './index-94489c17.js';
-import './index-db6a4860.js';
+import './LocalizationContext-fb3dafcd.js';
+import './stringSet-d3a8a2a0.js';
+import './index-13729368.js';
+import './index-1d112ad4.js';
 import './ui/IconButton.js';
-import './_rollupPluginBabelHelpers-d10f91b9.js';
+import './_rollupPluginBabelHelpers-084fb589.js';
 import './ui/Icon.js';
-import './index-9deb1389.js';
-import './index-17cf7808.js';
-import './utils-85d3d94c.js';
+import './index-b574cc8e.js';
+import './index-71e2bf26.js';
+import './utils-cadde06a.js';
 import './useSendbirdStateContext.js';
 import './withSendBird.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
-import './tslib.es6-2c4d01e9.js';
+import './tslib.es6-a7db0cc5.js';
 import './ui/ImageRenderer.js';
-import './uuid-0ab81e67.js';
+import './uuid-748dae7a.js';
 import './ui/TextButton.js';
-import './color-6b259e40.js';
-import './actionTypes-17920f59.js';
+import './color-9bf8c922.js';
+import './actionTypes-302a2801.js';
 
 var EditProfile = function EditProfile(props) {
   var onEditProfile = props.onEditProfile,

package/{LocalizationContext-5b0a9339.js → LocalizationContext-fb3dafcd.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './stringSet-5a85ff4b.js';
-import { d as defaultLocale } from './index-94489c17.js';
+import { g as getStringSet } from './stringSet-d3a8a2a0.js';
+import { d as defaultLocale } from './index-13729368.js';
 
 var LocalizationContext = /*#__PURE__*/React__default.createContext({
   stringSet: getStringSet('en'),
@@ -19,4 +19,4 @@ var useLocalization = function useLocalization() {
 };
 
 export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
-//# sourceMappingURL=LocalizationContext-5b0a9339.js.map
+//# sourceMappingURL=LocalizationContext-fb3dafcd.js.map

package/{LocalizationContext-5b0a9339.js.map → LocalizationContext-fb3dafcd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-5b0a9339.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,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AACnB,MAAAC,QAAQ,GAAKD,KAAK,SAAlB;AACR,sBACEP,6BAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEO;AAArC,KACGC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;AAAM,SAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;"}
+{"version":3,"file":"LocalizationContext-fb3dafcd.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,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AACnB,MAAAC,QAAQ,GAAKD,KAAK,SAAlB;AACR,sBACEP,6BAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEO;AAArC,KACGC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;AAAM,SAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;"}

package/{MemberList-6e33a562.js → MemberList-01d3c8bf.js}

@@ -1,16 +1,16 @@
 import React__default, { useState, useEffect, useCallback } from 'react';
-import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from './index-9deb1389.js';
+import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from './index-b574cc8e.js';
 import IconButton from './ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
 import UserListItem$1 from './ChannelSettings/components/UserListItem.js';
-import { a as __spreadArray, _ as __assign } from './tslib.es6-2c4d01e9.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-a7db0cc5.js';
 import Modal from './ui/Modal.js';
 import UserListItem from './ui/UserListItem.js';
-import { n as noop } from './utils-85d3d94c.js';
-import { useChannelSettings } from './ChannelSettings/context.js';
+import { n as noop } from './utils-cadde06a.js';
+import { useChannelSettingsContext } from './ChannelSettings/context.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './uuid-0ab81e67.js';
+import { u as uuidv4 } from './uuid-748dae7a.js';
 
 function MembersModal(_a) {
   var _b;
@@ -25,17 +25,14 @@ function MembersModal(_a) {
       memberQuery = _d[0],
       setMemberQuery = _d[1];
 
-  var channel = useChannelSettings().channel;
+  var channel = 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;
   useEffect(function () {
-    var memberListQuery = channel.createMemberListQuery();
-    memberListQuery.limit = 20;
-    memberListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 20
+    });
+    memberListQuery.next().then(function (members) {
       setMembers(members);
     });
     setMemberQuery(memberListQuery);
@@ -55,11 +52,7 @@ function MembersModal(_a) {
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
       if (hasNext && fetchMore) {
-        memberQuery.next(function (o, error) {
-          if (error) {
-            return;
-          }
-
+        memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
         });
       }
@@ -72,7 +65,7 @@ function MembersModal(_a) {
       action: function action(_a) {
         var parentRef = _a.parentRef,
             actionRef = _a.actionRef;
-        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, channel.myRole === 'operator' && /*#__PURE__*/React__default.createElement(ContextMenu, {
+        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function menuTrigger(toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
@@ -96,7 +89,7 @@ function MembersModal(_a) {
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
                 if (member.role !== 'operator') {
-                  channel.addOperators([member.userId], function () {
+                  channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
                     setMembers(members.map(function (m) {
                       if (m.userId === member.userId) {
                         return __assign(__assign({}, member), {
@@ -109,7 +102,7 @@ function MembersModal(_a) {
                     closeDropdown();
                   });
                 } else {
-                  channel.removeOperators([member.userId], function () {
+                  channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
                     setMembers(members.map(function (m) {
                       if (m.userId === member.userId) {
                         return __assign(__assign({}, member), {
@@ -123,11 +116,11 @@ function MembersModal(_a) {
                   });
                 }
               }
-            }, member.role !== 'operator' ? 'Promote to operator' : 'Demote operator'), // No muted members in broadcast channel
-            !channel.isBroadcast && /*#__PURE__*/React__default.createElement(MenuItem, {
+            }, member.role !== 'operator' ? 'Register as operator' : 'Unregister operator'), // No muted members in broadcast channel
+            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
                 if (member.isMuted) {
-                  channel.unmuteUser(member, function () {
+                  channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                     setMembers(members.map(function (m) {
                       if (m.userId === member.userId) {
                         return __assign(__assign({}, member), {
@@ -140,7 +133,7 @@ function MembersModal(_a) {
                     closeDropdown();
                   });
                 } else {
-                  channel.muteUser(member, function () {
+                  channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
                     setMembers(members.map(function (m) {
                       if (m.userId === member.userId) {
                         return __assign(__assign({}, member), {
@@ -156,7 +149,7 @@ function MembersModal(_a) {
               }
             }, member.isMuted ? 'Unmute' : 'Mute'), /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.banUser(member, -1, '', function () {
+                channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
                   setMembers(members.filter(function (_a) {
                     var userId = _a.userId;
                     return userId !== member.userId;
@@ -171,7 +164,7 @@ function MembersModal(_a) {
   }))));
 }
 
-function InviteMembers(_a) {
+function InviteUsers(_a) {
   var _b, _c;
 
   var _onCancel = _a.onCancel,
@@ -191,14 +184,10 @@ function InviteMembers(_a) {
 
   var state = useSendbirdStateContext();
   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 channel = useChannelSettings().channel;
+  var channel = useChannelSettingsContext().channel;
   useEffect(function () {
     var userListQuery = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
-    userListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    userListQuery.next().then(function (members) {
       setMembers(members);
     });
     setUserQuery(userListQuery);
@@ -214,7 +203,7 @@ function InviteMembers(_a) {
       var members = Object.keys(selectedMembers).filter(function (m) {
         return selectedMembers[m];
       });
-      channel.inviteWithUserIds(members).then(function () {
+      channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
         _onSubmit(members);
       });
     },
@@ -227,11 +216,7 @@ function InviteMembers(_a) {
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
 
       if (hasNext && fetchMore) {
-        userQuery.next(function (users, error) {
-          if (error) {
-            return;
-          }
-
+        userQuery.next().then(function (users) {
           setMembers(__spreadArray(__spreadArray([], members, true), users, true));
         });
       }
@@ -275,12 +260,12 @@ var MemberList = function MemberList() {
       setShowAllMembers = _f[1];
 
   var _g = useState(false),
-      showInviteMembers = _g[0],
-      setShowInviteMembers = _g[1];
+      showInviteUsers = _g[0],
+      setShowInviteUsers = _g[1];
 
   var state = useSendbirdStateContext();
 
-  var _h = useChannelSettings(),
+  var _h = useChannelSettingsContext(),
       channel = _h.channel,
       setChannelUpdateId = _h.setChannelUpdateId;
 
@@ -292,13 +277,10 @@ var MemberList = function MemberList() {
       return;
     }
 
-    var memberUserListQuery = channel.createMemberListQuery();
-    memberUserListQuery.limit = 10;
-    memberUserListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10
+    });
+    memberUserListQuery.next().then(function (members) {
       setMembers(members);
       setHasNext(memberUserListQuery.hasNext);
     });
@@ -309,13 +291,10 @@ var MemberList = function MemberList() {
       return;
     }
 
-    var memberUserListQuery = channel.createMemberListQuery();
-    memberUserListQuery.limit = 10;
-    memberUserListQuery.next(function (members, error) {
-      if (error) {
-        return;
-      }
-
+    var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10
+    });
+    memberUserListQuery.next().then(function (members) {
       setMembers(members);
       setHasNext(memberUserListQuery.hasNext);
       setChannelUpdateId(uuidv4());
@@ -353,27 +332,27 @@ var MemberList = function MemberList() {
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
                 if (member.role !== 'operator') {
-                  channel.addOperators([member.userId], function () {
+                  channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
                     refershList();
                     closeDropdown();
                   });
                 } else {
-                  channel.removeOperators([member.userId], function () {
+                  channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
                     refershList();
                     closeDropdown();
                   });
                 }
               }
-            }, member.role !== 'operator' ? 'Promote to operator' : 'Demote operator'), // No muted members in broadcast channel
-            !channel.isBroadcast && /*#__PURE__*/React__default.createElement(MenuItem, {
+            }, member.role !== 'operator' ? 'Register as operator' : 'Unregister operator'), // No muted members in broadcast channel
+            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
                 if (member.isMuted) {
-                  channel.unmuteUser(member, function () {
+                  channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                     refershList();
                     closeDropdown();
                   });
                 } else {
-                  channel.muteUser(member, function () {
+                  channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
                     refershList();
                     closeDropdown();
                   });
@@ -381,7 +360,7 @@ var MemberList = function MemberList() {
               }
             }, member.isMuted ? 'Unmute' : 'Mute'), /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function onClick() {
-                channel.banUser(member, -1, '', function () {
+                channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
                   refershList();
                   closeDropdown();
                 });
@@ -403,23 +382,23 @@ var MemberList = function MemberList() {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
     onClick: function onClick() {
-      return setShowInviteMembers(true);
+      return setShowInviteUsers(true);
     }
   }, "Invite members")), showAllMembers && /*#__PURE__*/React__default.createElement(MembersModal, {
     onCancel: function onCancel() {
       setShowAllMembers(false);
       refershList();
     }
-  }), showInviteMembers && /*#__PURE__*/React__default.createElement(InviteMembers, {
+  }), showInviteUsers && /*#__PURE__*/React__default.createElement(InviteUsers, {
     onSubmit: function onSubmit() {
-      setShowInviteMembers(false);
+      setShowInviteUsers(false);
       refershList();
     },
     onCancel: function onCancel() {
-      return setShowInviteMembers(false);
+      return setShowInviteUsers(false);
     }
   }));
 };
 
 export { MemberList as M };
-//# sourceMappingURL=MemberList-6e33a562.js.map
+//# sourceMappingURL=MemberList-01d3c8bf.js.map