@sendbird/uikit-react 3.0.0 → 3.0.1

package/cjs/CreateChannel/components/InviteUsers.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-e6723880.js');
+var tslib_es6 = require('../../tslib.es6-9a5d5697.js');
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-855bfc31.js');
-var CreateChannel_context = require('../../CreateChannelProvider-b462ce84.js');
+var LocalizationContext = require('../../LocalizationContext-0537da22.js');
+var CreateChannel_context = require('../../CreateChannelProvider-7f6cf793.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ui_Label = require('../../index-3bc84b64.js');
-var ui_Button = require('../../index-a7643049.js');
+var ui_Label = require('../../index-8e975b91.js');
+var ui_Button = require('../../index-86f7e77d.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../stringSet-46fdf7f6.js');
-require('../../index-d85e4159.js');
+require('../../stringSet-2b4edf07.js');
+require('../../index-41b5e18c.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-8365570f.js');
-require('../../utils-d961e3ec.js');
+require('../../topics-b910c620.js');
+require('../../utils-15274d9b.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
+require('../../_rollupPluginBabelHelpers-116d792d.js');
 require('prop-types');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-691debed.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
-require('../../UserProfileContext-627c1f20.js');
+require('../../UserProfileContext-e13859c2.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f50c28bd.js');
+require('../../uuid-de92c01b.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
-require('../../index-3dd33e71.js');
+require('../../index-2be8b3df.js');
 require('../../ui/SortByRow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -71,7 +71,8 @@ var createDefaultUserListQuery = function createDefaultUserListQuery(_a) {
 var InviteUsers = function InviteUsers(_a) {
   var _b, _c, _d;
 
-  var onCancel = _a.onCancel;
+  var onCancel = _a.onCancel,
+      userListQuery = _a.userListQuery;
 
   var _e = CreateChannel_context.useCreateChannelContext(),
       onBeforeCreateChannel = _e.onBeforeCreateChannel,
@@ -101,7 +102,7 @@ var InviteUsers = function InviteUsers(_a) {
   var selectedCount = Object.keys(selectedUsers).length;
   var titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
   var submitText = stringSet.BUTTON__CREATE;
-  var userQueryCreator = createDefaultUserListQuery({
+  var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({
     sdk: sdk
   });
   React.useEffect(function () {

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  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","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';\n\nimport {\n  filterUser,\n  setChannelType,\n  createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n  onCancel?: () => void;\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({ onCancel }: 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 idsToFilter = [userId];\n  const [users, setUsers] = useState([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery>(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 = createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    applicationUserListQuery.next().then((users_) => {\n      setUsers(users_);\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","Object","keys","forEach","key","InviteUsers","onCancel","_e","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","createChannel","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","_f","useState","users","setUsers","_g","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_h","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","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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"}
+{"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  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","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 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    applicationUserListQuery.next().then((users_) => {\n      setUsers(users_);\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","Object","keys","forEach","key","InviteUsers","onCancel","userListQuery","_e","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","createChannel","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","_f","useState","users","setUsers","_g","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_h","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","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-b462ce84.js');
-var LocalizationContext = require('../../LocalizationContext-855bfc31.js');
-var ui_Label = require('../../index-3bc84b64.js');
+var CreateChannel_context = require('../../CreateChannelProvider-7f6cf793.js');
+var LocalizationContext = require('../../LocalizationContext-0537da22.js');
+var ui_Label = require('../../index-8e975b91.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../topics-8365570f.js');
-require('../../utils-d961e3ec.js');
+require('../../topics-b910c620.js');
+require('../../utils-15274d9b.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
-require('../../stringSet-46fdf7f6.js');
-require('../../index-d85e4159.js');
+require('../../_rollupPluginBabelHelpers-116d792d.js');
+require('../../stringSet-2b4edf07.js');
+require('../../index-41b5e18c.js');
 require('prop-types');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-691debed.js');
 require('../../ui/IconButton.js');
-require('../../index-a7643049.js');
+require('../../index-86f7e77d.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-b462ce84.js');
-require('../topics-8365570f.js');
-require('../utils-d961e3ec.js');
+var CreateChannel_context = require('../CreateChannelProvider-7f6cf793.js');
+require('../topics-b910c620.js');
+require('../utils-15274d9b.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-89a197f1.js');
+require('../_rollupPluginBabelHelpers-116d792d.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-b462ce84.js');
+var CreateChannel_context = require('./CreateChannelProvider-7f6cf793.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-e6723880.js');
-require('./LocalizationContext-855bfc31.js');
-require('./stringSet-46fdf7f6.js');
-require('./index-d85e4159.js');
+require('./tslib.es6-9a5d5697.js');
+require('./LocalizationContext-0537da22.js');
+require('./stringSet-2b4edf07.js');
+require('./index-41b5e18c.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-89a197f1.js');
+require('./_rollupPluginBabelHelpers-116d792d.js');
 require('./ui/Modal.js');
 require('prop-types');
 require('react-dom');
-require('./index-e844a017.js');
+require('./index-691debed.js');
 require('./ui/IconButton.js');
 require('./ui/Icon.js');
-require('./index-a7643049.js');
-require('./index-3bc84b64.js');
-require('./utils-d961e3ec.js');
+require('./index-86f7e77d.js');
+require('./index-8e975b91.js');
+require('./utils-15274d9b.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-627c1f20.js');
+require('./UserProfileContext-e13859c2.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-f50c28bd.js');
+require('./uuid-de92c01b.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-8365570f.js');
+require('./topics-b910c620.js');
 require('./ui/ContextMenu.js');
-require('./index-3dd33e71.js');
+require('./index-2be8b3df.js');
 require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 

package/cjs/{CreateChannelProvider-b462ce84.js → CreateChannelProvider-7f6cf793.js}

@@ -57,4 +57,4 @@ var useCreateChannelContext = function useCreateChannelContext() {
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-b462ce84.js.map
+//# sourceMappingURL=CreateChannelProvider-7f6cf793.js.map

package/cjs/CreateChannelProvider-7f6cf793.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-7f6cf793.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-c730dbc7.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-eb6344e9.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-855bfc31.js');
+require('../../LocalizationContext-0537da22.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
-require('../../index-a7643049.js');
-require('../../index-3bc84b64.js');
+require('../../index-86f7e77d.js');
+require('../../index-8e975b91.js');
 require('../../ui/TextButton.js');
-require('../../utils-d961e3ec.js');
-require('../../actionTypes-3f5d873f.js');
+require('../../utils-15274d9b.js');
+require('../../actionTypes-ce9861e1.js');
 require('prop-types');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-691debed.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
-require('../../stringSet-46fdf7f6.js');
-require('../../index-d85e4159.js');
+require('../../_rollupPluginBabelHelpers-116d792d.js');
+require('../../stringSet-2b4edf07.js');
+require('../../index-41b5e18c.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-e6723880.js');
+require('../../tslib.es6-9a5d5697.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f50c28bd.js');
-require('../../color-894bd822.js');
+require('../../uuid-de92c01b.js');
+require('../../color-76e3ed0d.js');
 
 
 

package/cjs/EditUserProfile.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-c730dbc7.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-eb6344e9.js');
 require('./ui/Modal.js');
 require('prop-types');
 require('react-dom');
-require('./LocalizationContext-855bfc31.js');
-require('./stringSet-46fdf7f6.js');
-require('./index-d85e4159.js');
-require('./index-e844a017.js');
+require('./LocalizationContext-0537da22.js');
+require('./stringSet-2b4edf07.js');
+require('./index-41b5e18c.js');
+require('./index-691debed.js');
 require('./ui/IconButton.js');
-require('./_rollupPluginBabelHelpers-89a197f1.js');
+require('./_rollupPluginBabelHelpers-116d792d.js');
 require('./ui/Icon.js');
-require('./index-a7643049.js');
-require('./index-3bc84b64.js');
-require('./utils-d961e3ec.js');
+require('./index-86f7e77d.js');
+require('./index-8e975b91.js');
+require('./utils-15274d9b.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-e6723880.js');
+require('./tslib.es6-9a5d5697.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-f50c28bd.js');
+require('./uuid-de92c01b.js');
 require('./ui/TextButton.js');
-require('./color-894bd822.js');
-require('./actionTypes-3f5d873f.js');
+require('./color-76e3ed0d.js');
+require('./actionTypes-ce9861e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{LocalizationContext-855bfc31.js → LocalizationContext-0537da22.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-46fdf7f6.js');
-var index = require('./index-d85e4159.js');
+var stringSet = require('./stringSet-2b4edf07.js');
+var index = require('./index-41b5e18c.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-855bfc31.js.map
+//# sourceMappingURL=LocalizationContext-0537da22.js.map

package/cjs/{LocalizationContext-855bfc31.js.map → LocalizationContext-0537da22.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-855bfc31.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-0537da22.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-c446abed.js → MemberList-4efb8994.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var ui_Button = require('./index-a7643049.js');
+var ui_Button = require('./index-86f7e77d.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-e6723880.js');
+var tslib_es6 = require('./tslib.es6-9a5d5697.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-d961e3ec.js');
+var utils = require('./utils-15274d9b.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./uuid-f50c28bd.js');
+var uuid = require('./uuid-de92c01b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -171,28 +171,29 @@ function MembersModal(_a) {
 }
 
 function InviteUsers(_a) {
-  var _b, _c;
+  var _b, _c, _d;
 
   var _onCancel = _a.onCancel,
       _onSubmit = _a.onSubmit;
 
-  var _d = React.useState([]),
-      members = _d[0],
-      setMembers = _d[1];
+  var _e = React.useState([]),
+      members = _e[0],
+      setMembers = _e[1];
 
-  var _e = React.useState({}),
-      selectedMembers = _e[0],
-      setSelectedMembers = _e[1];
+  var _f = React.useState({}),
+      selectedMembers = _f[0],
+      setSelectedMembers = _f[1];
 
-  var _f = React.useState(null),
-      userQuery = _f[0],
-      setUserQuery = _f[1];
+  var _g = React.useState(null),
+      userQuery = _g[0],
+      setUserQuery = _g[1];
 
   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 globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
   var channel = ChannelSettings_context.useChannelSettingsContext().channel;
   React.useEffect(function () {
-    var userListQuery = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
+    var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
     userListQuery.next().then(function (members) {
       setMembers(members);
     });
@@ -407,4 +408,4 @@ var MemberList = function MemberList() {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-c446abed.js.map
+//# sourceMappingURL=MemberList-4efb8994.js.map

package/cjs/MemberList-4efb8994.js.map

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

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,26 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-855bfc31.js');
+var LocalizationContext = require('../../LocalizationContext-0537da22.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-2ce368ff.js');
+var ui_PlaceHolder = require('../../index-a6cd696f.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-46fdf7f6.js');
-require('../../index-d85e4159.js');
+require('../../stringSet-2b4edf07.js');
+require('../../index-41b5e18c.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
-require('../../tslib.es6-e6723880.js');
-require('../../index-47e86329.js');
-require('../../index-3298ba2f.js');
-require('../../index-9bc1ab0f.js');
+require('../../_rollupPluginBabelHelpers-116d792d.js');
+require('../../tslib.es6-9a5d5697.js');
+require('../../index-62b2f3b4.js');
+require('../../index-0207af7d.js');
+require('../../index-2596c9f9.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('prop-types');
 require('../../ui/Icon.js');
-require('../../uuid-f50c28bd.js');
-require('../../index-3bc84b64.js');
+require('../../uuid-de92c01b.js');
+require('../../index-8e975b91.js');
 require('../../ui/Loader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/MessageSearch/context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var tslib_es6 = require('../tslib.es6-e6723880.js');
+var tslib_es6 = require('../tslib.es6-9a5d5697.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-89a197f1.js');
+require('../_rollupPluginBabelHelpers-116d792d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/MessageSearch.js

@@ -2,26 +2,26 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-855bfc31.js');
+var LocalizationContext = require('./LocalizationContext-0537da22.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-3bc84b64.js');
+var ui_Label = require('./index-8e975b91.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./tslib.es6-e6723880.js');
-require('./index-47e86329.js');
-require('./index-d85e4159.js');
-require('./index-3298ba2f.js');
-require('./index-9bc1ab0f.js');
+require('./tslib.es6-9a5d5697.js');
+require('./index-62b2f3b4.js');
+require('./index-41b5e18c.js');
+require('./index-0207af7d.js');
+require('./index-2596c9f9.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./_rollupPluginBabelHelpers-89a197f1.js');
+require('./_rollupPluginBabelHelpers-116d792d.js');
 require('prop-types');
-require('./uuid-f50c28bd.js');
-require('./index-2ce368ff.js');
+require('./uuid-de92c01b.js');
+require('./index-a6cd696f.js');
 require('./ui/MessageSearchFileItem.js');
-require('./stringSet-46fdf7f6.js');
+require('./stringSet-2b4edf07.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');