@sendbird/uikit-react 3.0.1 → 3.0.2-beta.0

package/ChannelSettings/components/LeaveChannel.js

@@ -1,22 +1,22 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
-import { n as noop } from '../../utils-5477ddbc.js';
+import { n as noop } from '../../utils-0db9b91e.js';
 import Modal from '../../ui/Modal.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
-import '../../UserProfileContext-eccdbd50.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../UserProfileContext-97bec8f7.js';
 import 'prop-types';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import 'react-dom';
-import '../../LocalizationContext-7f115178.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
-import '../../index-201c73a9.js';
+import '../../LocalizationContext-08cebf79.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../index-33a103e9.js';
-import '../../index-eeac3879.js';
+import '../../index-cdd2789a.js';
+import '../../index-0d4dcc94.js';
 
 var LeaveChannel = function LeaveChannel(props) {
   var _a, _b, _c;

package/ChannelSettings/components/ModerationPanel.js

@@ -1,39 +1,39 @@
 import React__default, { useState, useEffect, useContext, useCallback } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-eeac3879.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-33a103e9.js';
+import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-cdd2789a.js';
 import IconButton from '../../ui/IconButton.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import UserListItem$1 from './UserListItem.js';
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-28c0bd97.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-91aa0158.js';
 import Modal from '../../ui/Modal.js';
 import UserListItem from '../../ui/UserListItem.js';
 import { useChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { M as MemberList } from '../../MemberList-9863866e.js';
-import { n as noop } from '../../utils-5477ddbc.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
+import { M as MemberList } from '../../MemberList-29cf5f98.js';
+import { n as noop } from '../../utils-0db9b91e.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-5db053f0.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../context-d04e2502.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../index-a355e1d8.js';
+import '../../index-afd61eff.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../UserProfileContext-eccdbd50.js';
+import '../../UserProfileContext-97bec8f7.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58103dff.js';
-import '../../index-201c73a9.js';
+import '../../topics-7181983e.js';
+import '../../index-8528dcd1.js';
 import '../../ui/Checkbox.js';
 
 function OperatorsModal(_a) {

package/ChannelSettings/components/UserListItem.js

@@ -1,25 +1,25 @@
-import { a as __spreadArray } from '../../tslib.es6-28c0bd97.js';
+import { a as __spreadArray } from '../../tslib.es6-91aa0158.js';
 import React__default, { useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
-import { a as UserProfileContext } from '../../UserProfileContext-eccdbd50.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { a as UserProfileContext } from '../../UserProfileContext-97bec8f7.js';
 import Avatar from '../../ui/Avatar.js';
 import MutedAvatarOverlay from '../../ui/MutedAvatarOverlay.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import ConnectedUserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import 'prop-types';
 import '../../ui/ImageRenderer.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import '../../ui/Icon.js';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58103dff.js';
-import '../../utils-5477ddbc.js';
-import '../../index-33a103e9.js';
-import '../../index-a355e1d8.js';
+import '../../topics-7181983e.js';
+import '../../utils-0db9b91e.js';
+import '../../index-cdd2789a.js';
+import '../../index-afd61eff.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 

package/ChannelSettings/components/UserPanel.js

@@ -1,34 +1,34 @@
 import React__default, { useContext, useState } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { M as MemberList } from '../../MemberList-9863866e.js';
+import { M as MemberList } from '../../MemberList-29cf5f98.js';
 import { useChannelSettingsContext } from '../context.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../index-33a103e9.js';
+import '../../index-cdd2789a.js';
 import '../../ui/IconButton.js';
 import '../../ui/ContextMenu.js';
-import '../../index-a355e1d8.js';
-import '../../tslib.es6-28c0bd97.js';
+import '../../index-afd61eff.js';
+import '../../tslib.es6-91aa0158.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import './UserListItem.js';
-import '../../UserProfileContext-eccdbd50.js';
+import '../../UserProfileContext-97bec8f7.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58103dff.js';
-import '../../utils-5477ddbc.js';
+import '../../topics-7181983e.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/Modal.js';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
 import '../../useSendbirdStateContext.js';

package/ChannelSettings/context.js

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-eccdbd50.js';
-import { u as uuidv4 } from '../uuid-38ace415.js';
+import { U as UserProfileProvider } from '../UserProfileContext-97bec8f7.js';
+import { u as uuidv4 } from '../uuid-902e6498.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 
 var ChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);

package/ChannelSettings.js

@@ -3,49 +3,49 @@ import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-2a8797d8.js';
-import './index-04458193.js';
+import './_rollupPluginBabelHelpers-9a08c8bf.js';
+import './index-41a3e405.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/Loader.js';
-import './LocalizationContext-7f115178.js';
-import './stringSet-a6858154.js';
-import './index-9570e69e.js';
-import './index-eeac3879.js';
+import './LocalizationContext-08cebf79.js';
+import './stringSet-efeb1ad3.js';
+import './index-623fd405.js';
+import './index-0d4dcc94.js';
 import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './tslib.es6-28c0bd97.js';
+import './tslib.es6-91aa0158.js';
 import './ui/ImageRenderer.js';
-import './uuid-38ace415.js';
-import './utils-5fe76946.js';
+import './uuid-902e6498.js';
+import './utils-7b9c4aab.js';
 import './ui/TextButton.js';
-import './color-1727a3fb.js';
+import './color-aef1bef8.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-201c73a9.js';
-import './index-33a103e9.js';
-import './utils-5477ddbc.js';
+import './index-8528dcd1.js';
+import './index-cdd2789a.js';
+import './utils-0db9b91e.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-5db053f0.js';
+import './context-d04e2502.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
-import './index-a355e1d8.js';
+import './index-afd61eff.js';
 import './ui/SortByRow.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-eccdbd50.js';
+import './UserProfileContext-97bec8f7.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-58103dff.js';
+import './topics-7181983e.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './MemberList-9863866e.js';
+import './MemberList-29cf5f98.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 

package/CreateChannel/components/CreateChannelUI.js

@@ -1,35 +1,35 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-efa959ed.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-53259d87.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58103dff.js';
-import '../../utils-5477ddbc.js';
+import '../../topics-7181983e.js';
+import '../../utils-0db9b91e.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
-import '../../tslib.es6-28c0bd97.js';
-import '../../LocalizationContext-7f115178.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../tslib.es6-91aa0158.js';
+import '../../LocalizationContext-08cebf79.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import '../../ui/Modal.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../index-33a103e9.js';
-import '../../index-eeac3879.js';
+import '../../index-cdd2789a.js';
+import '../../index-0d4dcc94.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-eccdbd50.js';
+import '../../UserProfileContext-97bec8f7.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
-import '../../index-a355e1d8.js';
+import '../../index-afd61eff.js';
 import '../../ui/SortByRow.js';
 
 var CreateChannel = function CreateChannel(props) {

package/CreateChannel/components/InviteUsers.js

@@ -1,33 +1,33 @@
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-28c0bd97.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-91aa0158.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-efa959ed.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-53259d87.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-eeac3879.js';
-import { a as ButtonTypes } from '../../index-33a103e9.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-0d4dcc94.js';
+import { a as ButtonTypes } from '../../index-cdd2789a.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-58103dff.js';
-import '../../utils-5477ddbc.js';
+import '../../topics-7181983e.js';
+import '../../utils-0db9b91e.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../UserProfileContext-eccdbd50.js';
+import '../../UserProfileContext-97bec8f7.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
-import '../../index-a355e1d8.js';
+import '../../index-afd61eff.js';
 import '../../ui/SortByRow.js';
 
 var filterUser = function filterUser(idsToFilter) {
@@ -51,15 +51,18 @@ var setChannelType = function setChannelType(params, type) {
 var createDefaultUserListQuery = function createDefaultUserListQuery(_a) {
   var sdk = _a.sdk,
       userFilledApplicationUserListQuery = _a.userFilledApplicationUserListQuery;
-  var params = sdk.createApplicationUserListQuery();
 
-  if (userFilledApplicationUserListQuery) {
-    Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
-      params[key] = userFilledApplicationUserListQuery[key];
-    });
-  }
+  if (sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery) {
+    var params_1 = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
 
-  return params;
+    if (userFilledApplicationUserListQuery) {
+      Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
+        params_1[key] = userFilledApplicationUserListQuery[key];
+      });
+    }
+
+    return params_1;
+  }
 };
 
 var InviteUsers = function InviteUsers(_a) {

package/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';\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","ButtonTypes","PRIMARY","selectedUserList","channel","invitedUserIds","isDistinct","operatorUserIds","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}
+{"version":3,"file":"InviteUsers.js","sources":["../../../src/smart-components/CreateChannel/components/InviteUsers/utils.ts","../../../src/smart-components/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from \"@sendbird/chat\";\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n  params: GroupChannelCreateParams,\n  type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n  sdk: SendbirdGroupChat;\n  userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n  { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): ApplicationUserListQuery => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n  LabelColors,\n  LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { UserListQuery } from '../../context/CreateChannelProvider';\n\nimport {\n  filterUser,\n  setChannelType,\n  createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n  onCancel?: () => void;\n  userListQuery?(): UserListQuery;\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    createChannel,\n    type,\n  } = useCreateChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const 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","params_1","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","ButtonTypes","PRIMARY","selectedUserList","channel","invitedUserIds","isDistinct","operatorUserIds","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}

package/CreateChannel/components/SelectChannelType.js

@@ -1,22 +1,22 @@
 import React__default, { useContext } from 'react';
 import { getSdk } from '../../sendbirdSelectors.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-efa959ed.js';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-53259d87.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../topics-58103dff.js';
-import '../../utils-5477ddbc.js';
+import '../../topics-7181983e.js';
+import '../../utils-0db9b91e.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
-import '../../index-33a103e9.js';
+import '../../index-cdd2789a.js';
 
 var isBroadcastChannelEnabled = function isBroadcastChannelEnabled(sdk) {
   var _a;

package/CreateChannel/context.js

@@ -1,9 +1,9 @@
 import 'react';
 import '../sendbirdSelectors.js';
 import '../useSendbirdStateContext.js';
-export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-efa959ed.js';
-import '../topics-58103dff.js';
-import '../utils-5477ddbc.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-53259d87.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 //# sourceMappingURL=context.js.map

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-efa959ed.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-53259d87.js';
 import './CreateChannel/components/InviteUsers.js';
-import './tslib.es6-28c0bd97.js';
-import './LocalizationContext-7f115178.js';
-import './stringSet-a6858154.js';
-import './index-9570e69e.js';
+import './tslib.es6-91aa0158.js';
+import './LocalizationContext-08cebf79.js';
+import './stringSet-efeb1ad3.js';
+import './index-623fd405.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-2a8797d8.js';
+import './_rollupPluginBabelHelpers-9a08c8bf.js';
 import './ui/Modal.js';
 import 'prop-types';
 import 'react-dom';
-import './index-201c73a9.js';
+import './index-8528dcd1.js';
 import './ui/IconButton.js';
 import './ui/Icon.js';
-import './index-33a103e9.js';
-import './index-eeac3879.js';
-import './utils-5477ddbc.js';
+import './index-cdd2789a.js';
+import './index-0d4dcc94.js';
+import './utils-0db9b91e.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-eccdbd50.js';
+import './UserProfileContext-97bec8f7.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-38ace415.js';
+import './uuid-902e6498.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-58103dff.js';
+import './topics-7181983e.js';
 import './ui/ContextMenu.js';
-import './index-a355e1d8.js';
+import './index-afd61eff.js';
 import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 

package/{CreateChannelProvider-efa959ed.js → CreateChannelProvider-53259d87.js}

@@ -50,4 +50,4 @@ var useCreateChannelContext = function useCreateChannelContext() {
 };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=CreateChannelProvider-efa959ed.js.map
+//# sourceMappingURL=CreateChannelProvider-53259d87.js.map

package/{CreateChannelProvider-efa959ed.js.map → CreateChannelProvider-53259d87.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-efa959ed.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":";;;;IAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACYA,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;;;;"}
+{"version":3,"file":"CreateChannelProvider-53259d87.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":";;;;IAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACYA,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;;;;"}