@sendbird/uikit-react 3.4.8 → 3.5.0-mobile-web-0

package/cjs/ChannelSettings/components/LeaveChannel.js

@@ -3,25 +3,25 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ChannelSettings_context = require('../context.js');
-var utils = require('../../utils-a1fead2f.js');
+var utils = require('../../utils-3dacb9bc.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-4fa55e6b.js');
-var MediaQueryContext = require('../../MediaQueryContext-e443379e.js');
+var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var MediaQueryContext = require('../../MediaQueryContext-de7c63bc.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ui_Label = require('../../index-22bdf04e.js');
+var ui_Label = require('../../index-44186883.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('../../UserProfileContext-83eaf6e8.js');
+require('../../_rollupPluginBabelHelpers-919a4db3.js');
+require('../../UserProfileContext-1bcc48a2.js');
 require('prop-types');
-require('../../uuid-c854e2a9.js');
+require('../../uuid-d86ea01f.js');
 require('react-dom');
-require('../../index-10d8f30f.js');
+require('../../index-7a68d56f.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
-require('../../color-83cbca20.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
+require('../../color-48ff06b2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-4fa55e6b.js');
+var LocalizationContext = require('../../LocalizationContext-461a0816.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../index-22bdf04e.js');
+var ui_Label = require('../../index-44186883.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Toggle = require('../../ui/Toggle.js');
@@ -15,29 +15,29 @@ var ui_Modal = require('../../ui/Modal.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
 var ChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-919a4db3.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var MemberList = require('../../MemberList-3736f22c.js');
-var utils = require('../../utils-a1fead2f.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
+var MemberList = require('../../MemberList-593809cb.js');
+var utils = require('../../utils-3dacb9bc.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-d9a84cb9.js');
+require('../../context-4d89551f.js');
 require('prop-types');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-c854e2a9.js');
-require('../../index-265937df.js');
+require('../../uuid-d86ea01f.js');
+require('../../index-bca3d144.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-83eaf6e8.js');
+require('../../UserProfileContext-1bcc48a2.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-0df2f6f9.js');
-require('../../index-10d8f30f.js');
-require('../../MediaQueryContext-e443379e.js');
+require('../../topics-00c67dd6.js');
+require('../../index-7a68d56f.js');
+require('../../MediaQueryContext-de7c63bc.js');
 require('../../ui/Checkbox.js');
 require('../../withSendbird.js');
 

package/cjs/ChannelSettings/components/UserListItem.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-4fa55e6b.js');
-var UserProfileContext = require('../../UserProfileContext-83eaf6e8.js');
+var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var UserProfileContext = require('../../UserProfileContext-1bcc48a2.js');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_MutedAvatarOverlay = require('../../ui/MutedAvatarOverlay.js');
-var ui_Label = require('../../index-22bdf04e.js');
+var ui_Label = require('../../index-44186883.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
 require('prop-types');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-c854e2a9.js');
+require('../../uuid-d86ea01f.js');
 require('../../sendbirdSelectors.js');
-require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('../../topics-0df2f6f9.js');
-require('../../utils-a1fead2f.js');
+require('../../_rollupPluginBabelHelpers-919a4db3.js');
+require('../../topics-00c67dd6.js');
+require('../../utils-3dacb9bc.js');
 require('../../ui/Button.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-265937df.js');
+require('../../index-bca3d144.js');
 require('../../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ChannelSettings/components/UserPanel.js

@@ -1,38 +1,38 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-4fa55e6b.js');
-var ui_Label = require('../../index-22bdf04e.js');
+var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var ui_Label = require('../../index-44186883.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var MemberList = require('../../MemberList-3736f22c.js');
+var MemberList = require('../../MemberList-593809cb.js');
 var ChannelSettings_context = require('../context.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
 require('prop-types');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
+require('../../_rollupPluginBabelHelpers-919a4db3.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-c854e2a9.js');
-require('../../index-265937df.js');
+require('../../uuid-d86ea01f.js');
+require('../../index-bca3d144.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('./UserListItem.js');
-require('../../UserProfileContext-83eaf6e8.js');
+require('../../UserProfileContext-1bcc48a2.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-0df2f6f9.js');
-require('../../utils-a1fead2f.js');
+require('../../topics-00c67dd6.js');
+require('../../utils-3dacb9bc.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../ui/Modal.js');
-require('../../index-10d8f30f.js');
-require('../../MediaQueryContext-e443379e.js');
+require('../../index-7a68d56f.js');
+require('../../MediaQueryContext-de7c63bc.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
 

package/cjs/ChannelSettings/context.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../UserProfileContext-83eaf6e8.js');
-var uuid = require('../uuid-c854e2a9.js');
+var UserProfileContext = require('../UserProfileContext-1bcc48a2.js');
+var uuid = require('../uuid-d86ea01f.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-2c0fc9c3.js');
+require('../_rollupPluginBabelHelpers-919a4db3.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ChannelSettings.js

@@ -5,52 +5,52 @@ var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/co
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('./index-552eb819.js');
-require('./LocalizationContext-4fa55e6b.js');
-require('./stringSet-c24927d9.js');
-require('./index-47e4bdbc.js');
+require('./_rollupPluginBabelHelpers-919a4db3.js');
+require('./index-420b8e6d.js');
+require('./LocalizationContext-461a0816.js');
+require('./stringSet-d1cee26a.js');
+require('./index-5e6194f8.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./index-22bdf04e.js');
+require('./index-44186883.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-c854e2a9.js');
-require('./utils-93abfb7c.js');
+require('./uuid-d86ea01f.js');
+require('./utils-c5d4c36e.js');
 require('./ui/TextButton.js');
-require('./color-83cbca20.js');
+require('./color-48ff06b2.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-10d8f30f.js');
+require('./index-7a68d56f.js');
 require('./ui/Button.js');
-require('./MediaQueryContext-e443379e.js');
+require('./MediaQueryContext-de7c63bc.js');
 require('./ui/Input.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./context-d9a84cb9.js');
-require('./utils-a1fead2f.js');
+require('./context-4d89551f.js');
+require('./utils-3dacb9bc.js');
 require('./ui/Badge.js');
 require('./ui/Toggle.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-265937df.js');
+require('./index-bca3d144.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./UserProfileContext-83eaf6e8.js');
+require('./UserProfileContext-1bcc48a2.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-0df2f6f9.js');
+require('./topics-00c67dd6.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
 require('@sendbird/chat/groupChannel');
-require('./MemberList-3736f22c.js');
+require('./MemberList-593809cb.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,38 +1,38 @@
 'use strict';
 
 var React = require('react');
-var CreateChannel_context = require('../../CreateChannelProvider-65dcc450.js');
+var CreateChannel_context = require('../../CreateChannelProvider-e1376032.js');
 var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
 var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
 require('../../sendbirdSelectors.js');
-require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('../../topics-0df2f6f9.js');
-require('../../utils-a1fead2f.js');
+require('../../_rollupPluginBabelHelpers-919a4db3.js');
+require('../../topics-00c67dd6.js');
+require('../../utils-3dacb9bc.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../LocalizationContext-4fa55e6b.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
+require('../../LocalizationContext-461a0816.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-10d8f30f.js');
+require('../../index-7a68d56f.js');
 require('../../ui/Button.js');
-require('../../index-22bdf04e.js');
+require('../../index-44186883.js');
 require('prop-types');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-e443379e.js');
+require('../../MediaQueryContext-de7c63bc.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-83eaf6e8.js');
+require('../../UserProfileContext-1bcc48a2.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-c854e2a9.js');
+require('../../uuid-d86ea01f.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-265937df.js');
+require('../../index-bca3d144.js');
 require('../../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/CreateChannel/components/InviteUsers.js

@@ -1,36 +1,36 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-919a4db3.js');
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-4fa55e6b.js');
-var CreateChannel_context = require('../../CreateChannelProvider-65dcc450.js');
+var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var CreateChannel_context = require('../../CreateChannelProvider-e1376032.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ui_Label = require('../../index-22bdf04e.js');
+var ui_Label = require('../../index-44186883.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-0df2f6f9.js');
-require('../../utils-a1fead2f.js');
+require('../../topics-00c67dd6.js');
+require('../../utils-3dacb9bc.js');
 require('../../withSendbird.js');
 require('react-dom');
-require('../../index-10d8f30f.js');
+require('../../index-7a68d56f.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-e443379e.js');
-require('../../UserProfileContext-83eaf6e8.js');
+require('../../MediaQueryContext-de7c63bc.js');
+require('../../UserProfileContext-1bcc48a2.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-c854e2a9.js');
+require('../../uuid-d86ea01f.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-265937df.js');
+require('../../index-bca3d144.js');
 require('../../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -73,6 +73,7 @@ const appHeight = () => {
     //
   }
 };
+const BUFFER = 50;
 const InviteUsers = _ref => {
   var _globalStore$config, _globalStore$stores, _globalStore$stores$s;
   let {
@@ -173,7 +174,7 @@ const InviteUsers = _ref => {
       const {
         hasNext
       } = usersDataSource;
-      const fetchMore = eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight;
+      const fetchMore = eventTarget.clientHeight + eventTarget.scrollTop + BUFFER > eventTarget.scrollHeight;
       if (hasNext && fetchMore) {
         usersDataSource.next().then(usersBatch => {
           setUsers([...users, ...usersBatch]);

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

@@ -1 +1 @@
-{"version":3,"file":"InviteUsers.js","sources":["../../../../src/modules/CreateChannel/components/InviteUsers/utils.ts","../../../../src/modules/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, UserListQuery } 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  userListQuery?(): UserListQuery;\n}\n\nconst appHeight = () => {\n  try {\n    const doc = document.documentElement;\n    doc.style.setProperty('--sendbird-vh', (window.innerHeight * 0.01) + 'px');\n  } catch {\n    //\n  }\n};\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    overrideInviteUser,\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    // @ts-ignore\n    if (!applicationUserListQuery?.isLoading) {\n      applicationUserListQuery.next().then((users_) => {\n        setUsers(users_);\n      });\n    }\n  }, []);\n\n  // https://stackoverflow.com/a/70302463\n  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing\n  // to fix navbar break in mobile\n  useEffect(() => {\n    appHeight();\n    window.addEventListener('resize', appHeight);\n    return () => {\n      window.removeEventListener('resize', appHeight);\n    };\n  }, []);\n\n  return (\n    <Modal\n      isFullScreenOnMobile\n      titleText={titleText}\n      submitText={submitText}\n      type={ButtonTypes.PRIMARY}\n      disabled={Object.keys(selectedUsers).length === 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        const selectedUserList = Object.keys(selectedUsers);\n        if (typeof overrideInviteUser === 'function') {\n          overrideInviteUser({\n            users: selectedUserList,\n            onClose: onCancel,\n            channelType: type,\n          });\n          return;\n        }\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__SELECTED}`}\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","_ref","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","_unused","InviteUsers","_globalStore$config","_globalStore$stores","_globalStore$stores$s","onCancel","userListQuery","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","useCreateChannelContext","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","users","setUsers","useState","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","addEventListener","removeEventListener","React","createElement","Modal","isFullScreenOnMobile","ButtonTypes","PRIMARY","disabled","onSubmit","selectedUserList","onClose","channelType","channel","invitedUserIds","isDistinct","operatorUserIds","Label","color","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTED","className","onScroll","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","checkBox","checked","onChange","event","modifiedSelectedUsers","_objectSpread","id"],"mappings":"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"}
+{"version":3,"file":"InviteUsers.js","sources":["../../../../src/modules/CreateChannel/components/InviteUsers/utils.ts","../../../../src/modules/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, User } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext, UserListQuery } 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  userListQuery?(): UserListQuery;\n}\n\nconst appHeight = () => {\n  try {\n    const doc = document.documentElement;\n    doc.style.setProperty('--sendbird-vh', (window.innerHeight * 0.01) + 'px');\n  } catch {\n    //\n  }\n};\n\nconst BUFFER = 50;\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    overrideInviteUser,\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<User[]>([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n  const selectedCount = Object.keys(selectedUsers).length;\n  const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n  const submitText = stringSet.BUTTON__CREATE;\n\n  const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    // @ts-ignore\n    if (!applicationUserListQuery?.isLoading) {\n      applicationUserListQuery.next().then((users_) => {\n        setUsers(users_);\n      });\n    }\n  }, []);\n\n  // https://stackoverflow.com/a/70302463\n  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing\n  // to fix navbar break in mobile\n  useEffect(() => {\n    appHeight();\n    window.addEventListener('resize', appHeight);\n    return () => {\n      window.removeEventListener('resize', appHeight);\n    };\n  }, []);\n\n  return (\n    <Modal\n      isFullScreenOnMobile\n      titleText={titleText}\n      submitText={submitText}\n      type={ButtonTypes.PRIMARY}\n      disabled={Object.keys(selectedUsers).length === 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        const selectedUserList = Object.keys(selectedUsers);\n        if (typeof overrideInviteUser === 'function') {\n          overrideInviteUser({\n            users: selectedUserList,\n            onClose: onCancel,\n            channelType: type,\n          });\n          return;\n        }\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__SELECTED}`}\n        </Label>\n        <div\n          className=\"sendbird-create-channel--scroll\"\n\n          onScroll={(e) => {\n            const eventTarget = e.target as HTMLDivElement;\n            const { hasNext } = usersDataSource;\n            const fetchMore = (\n              (eventTarget.clientHeight + eventTarget.scrollTop + BUFFER) > 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","_ref","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","_unused","BUFFER","InviteUsers","_globalStore$config","_globalStore$stores","_globalStore$stores$s","onCancel","userListQuery","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","useCreateChannelContext","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","users","setUsers","useState","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","addEventListener","removeEventListener","React","createElement","Modal","isFullScreenOnMobile","ButtonTypes","PRIMARY","disabled","onSubmit","selectedUserList","onClose","channelType","channel","invitedUserIds","isDistinct","operatorUserIds","Label","color","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTED","className","onScroll","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","checkBox","checked","onChange","event","modifiedSelectedUsers","_objectSpread","id"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,UAAU,GAAIC,WAAqB,IAAMC,SAAiB,IAAcD,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAEE,QAAQ,CAACD,SAAS,CAAC,CAAA;AAE9G,MAAME,cAAc,GAAGA,CAC5BC,MAAgC,EAChCC,IAAkB,KACW;EAC7B,IAAIA,IAAI,KAAK,WAAW,EAAE;AACxB;IACAD,MAAM,CAACE,WAAW,GAAG,IAAI,CAAA;AAC3B,GAAA;EACA,IAAID,IAAI,KAAK,YAAY,EAAE;AACzB;IACAD,MAAM,CAACG,OAAO,GAAG,IAAI,CAAA;AACvB,GAAA;AACA,EAAA,OAAOH,MAAM,CAAA;AACf,CAAC,CAAA;AAOM,MAAMI,0BAA0B,GAAGC,IAAA,IAEX;EAAA,IAD7B;IAAEC,GAAG;AAAEC,IAAAA,kCAAAA;AAAmE,GAAC,GAAAF,IAAA,CAAA;AAE3E,EAAA,IAAIC,GAAG,KAAHA,IAAAA,IAAAA,GAAG,eAAHA,GAAG,CAAEE,8BAA8B,EAAE;IACvC,MAAMR,MAAM,GAAGM,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAG,CAAEE,8BAA8B,EAAE,CAAA;AACpD,IAAA,IAAID,kCAAkC,EAAE;MACtCE,MAAM,CAACC,IAAI,CAACH,kCAAkC,CAAC,CAACI,OAAO,CAAEC,GAAG,IAAK;AAC/DZ,QAAAA,MAAM,CAACY,GAAG,CAAC,GAAGL,kCAAkC,CAACK,GAAG,CAAC,CAAA;AACvD,OAAC,CAAC,CAAA;AACJ,KAAA;AACA,IAAA,OAAOZ,MAAM,CAAA;AACf,GAAA;AACF,CAAC;;ACVD,MAAMa,SAAS,GAAGA,MAAM;EACtB,IAAI;AACF,IAAA,MAAMC,GAAG,GAAGC,QAAQ,CAACC,eAAe,CAAA;AACpCF,IAAAA,GAAG,CAACG,KAAK,CAACC,WAAW,CAAC,eAAe,EAAGC,MAAM,CAACC,WAAW,GAAG,IAAI,GAAI,IAAI,CAAC,CAAA;GAC3E,CAAC,OAAAC,OAAA,EAAM;AACN;AAAA,GAAA;AAEJ,CAAC,CAAA;AAED,MAAMC,MAAM,GAAG,EAAE,CAAA;AAEXC,MAAAA,WAAuC,GAAGlB,IAAA,IAGxB;AAAA,EAAA,IAAAmB,mBAAA,EAAAC,mBAAA,EAAAC,qBAAA,CAAA;EAAA,IAHyB;IAC/CC,QAAQ;AACRC,IAAAA,aAAAA;AACgB,GAAC,GAAAvB,IAAA,CAAA;EACjB,MAAM;IACJwB,qBAAqB;IACrBC,eAAe;IACfC,kBAAkB;IAClBC,aAAa;AACb/B,IAAAA,IAAAA;GACD,GAAGgC,6CAAuB,EAAE,CAAA;EAE7B,MAAMC,WAAW,GAAGC,uBAAuB,EAAE,CAAA;AAC7C,EAAA,MAAMC,MAAM,GAAGF,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAV,mBAAA,GAAXU,WAAW,CAAEG,MAAM,MAAAb,IAAAA,IAAAA,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqBY,MAAM,CAAA;EAC1C,MAAM9B,GAAG,GAAG4B,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAT,mBAAA,GAAXS,WAAW,CAAEI,MAAM,MAAA,IAAA,IAAAb,mBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAnBD,mBAAA,CAAqBc,QAAQ,cAAAb,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA7BA,qBAAA,CAA+BpB,GAAwB,CAAA;AACnE,EAAA,MAAMV,WAAW,GAAG,CAACwC,MAAM,CAAC,CAAA;EAC5B,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAS,EAAE,CAAC,CAAA;EAC9C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGF,cAAQ,CAAC,EAAE,CAAC,CAAA;EACtD,MAAM;AAAEG,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGP,cAAQ,CAA2C,IAAI,CAAC,CAAA;EACtG,MAAMQ,aAAa,GAAGzC,MAAM,CAACC,IAAI,CAACiC,aAAa,CAAC,CAACQ,MAAM,CAAA;AACvD,EAAA,MAAMC,SAAS,GAAGP,SAAS,CAACQ,4BAA4B,CAAA;AACxD,EAAA,MAAMC,UAAU,GAAGT,SAAS,CAACU,cAAc,CAAA;EAE3C,MAAMC,gBAAgB,GAAG5B,aAAa,GAAGA,aAAa,EAAE,GAAGxB,0BAA0B,CAAC;AAAEE,IAAAA,GAAAA;AAAI,GAAC,CAAC,CAAA;AAE9FmD,EAAAA,eAAS,CAAC,MAAM;IACd,MAAMC,wBAAwB,GAAGF,gBAAgB,CAAA;IACjDP,kBAAkB,CAACS,wBAAwB,CAAC,CAAA;AAC5C;IACA,IAAI,EAACA,wBAAwB,KAAxBA,IAAAA,IAAAA,wBAAwB,eAAxBA,wBAAwB,CAAEC,SAAS,CAAE,EAAA;AACxCD,MAAAA,wBAAwB,CAACE,IAAI,EAAE,CAACC,IAAI,CAAEC,MAAM,IAAK;QAC/CrB,QAAQ,CAACqB,MAAM,CAAC,CAAA;AAClB,OAAC,CAAC,CAAA;AACJ,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;;AAEN;AACA;AACA;AACAL,EAAAA,eAAS,CAAC,MAAM;AACd5C,IAAAA,SAAS,EAAE,CAAA;AACXM,IAAAA,MAAM,CAAC4C,gBAAgB,CAAC,QAAQ,EAAElD,SAAS,CAAC,CAAA;AAC5C,IAAA,OAAO,MAAM;AACXM,MAAAA,MAAM,CAAC6C,mBAAmB,CAAC,QAAQ,EAAEnD,SAAS,CAAC,CAAA;KAChD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACEoD,yBAAA,CAAAC,aAAA,CAACC,mBAAK,EAAA;IACJC,oBAAoB,EAAA,IAAA;AACpBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBE,IAAAA,UAAU,EAAEA,UAAW;IACvBrD,IAAI,EAAEoE,qBAAW,CAACC,OAAQ;IAC1BC,QAAQ,EAAE9D,MAAM,CAACC,IAAI,CAACiC,aAAa,CAAC,CAACQ,MAAM,KAAK,CAAE;AAClDxB,IAAAA,QAAQ,EAAEA,QAAS;IACnB6C,QAAQ,EAAEA,MAAM;AACd,MAAA,MAAMC,gBAAgB,GAAGhE,MAAM,CAACC,IAAI,CAACiC,aAAa,CAAC,CAAA;AACnD,MAAA,IAAI,OAAOZ,kBAAkB,KAAK,UAAU,EAAE;AAC5CA,QAAAA,kBAAkB,CAAC;AACjBS,UAAAA,KAAK,EAAEiC,gBAAgB;AACvBC,UAAAA,OAAO,EAAE/C,QAAQ;AACjBgD,UAAAA,WAAW,EAAE1E,IAAAA;AACf,SAAC,CAAC,CAAA;AACF,QAAA,OAAA;AACF,OAAA;AACA,MAAA,IAAIwE,gBAAgB,CAACtB,MAAM,GAAG,CAAC,EAAE;AAC/B,QAAA,IAAItB,qBAAqB,EAAE;AACzB,UAAA,MAAM7B,MAAM,GAAG6B,qBAAqB,CAAC4C,gBAAgB,CAAC,CAAA;AACtD1E,UAAAA,cAAc,CAACC,MAAM,EAAEC,IAAI,CAAC,CAAA;AAC5B+B,UAAAA,aAAa,CAAChC,MAAM,CAAC,CAAC6D,IAAI,CAAEe,OAAO,IAAK;YACtC9C,eAAe,CAAC8C,OAAO,CAAC,CAAA;AAC1B,WAAC,CAAC,CAAA;AACJ,SAAC,MAAM;UACL,MAAM5E,MAAgC,GAAG,EAAE,CAAA;UAC3CA,MAAM,CAAC6E,cAAc,GAAGJ,gBAAgB,CAAA;UACxCzE,MAAM,CAAC8E,UAAU,GAAG,KAAK,CAAA;AACzB,UAAA,IAAI1C,MAAM,EAAE;AACVpC,YAAAA,MAAM,CAAC+E,eAAe,GAAG,CAAC3C,MAAM,CAAC,CAAA;AACnC,WAAA;AACArC,UAAAA,cAAc,CAACC,MAAM,EAAEC,IAAI,CAAC,CAAA;AAC5B;AACA+B,UAAAA,aAAa,CAAChC,MAAM,CAAC,CAAC6D,IAAI,CAAEe,OAAO,IAAK;YACtC9C,eAAe,CAAC8C,OAAO,CAAC,CAAA;AAC1B,WAAC,CAAC,CAAA;AACJ,SAAA;AACAjD,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAA;AACF,KAAA;GAEAsC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,yBAAA,CAAAC,aAAA,CAACc,cAAK,EAAA;IACJC,KAAK,EAAG/B,aAAa,GAAG,CAAC,GAAIgC,oBAAW,CAACZ,OAAO,GAAGY,oBAAW,CAACC,cAAe;IAC9ElF,IAAI,EAAEmF,wBAAe,CAACC,SAAAA;GAEpB,EAAA,CAAA,EAAEnC,aAAc,CAAA,CAAA,EAAGL,SAAS,CAACyC,8BAA+B,CAAA,CAAC,CACzD,eACRrB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEqB,IAAAA,SAAS,EAAC,iCAAiC;IAE3CC,QAAQ,EAAGC,CAAC,IAAK;AACf,MAAA,MAAMC,WAAW,GAAGD,CAAC,CAACE,MAAwB,CAAA;MAC9C,MAAM;AAAEC,QAAAA,OAAAA;AAAQ,OAAC,GAAG5C,eAAe,CAAA;AACnC,MAAA,MAAM6C,SAAS,GACZH,WAAW,CAACI,YAAY,GAAGJ,WAAW,CAACK,SAAS,GAAGzE,MAAM,GAAIoE,WAAW,CAACM,YAC3E,CAAA;MAED,IAAIJ,OAAO,IAAIC,SAAS,EAAE;AACxB7C,QAAAA,eAAe,CAACY,IAAI,EAAE,CAACC,IAAI,CAAEoC,UAAU,IAAK;UAC1CxD,QAAQ,CAAC,CACP,GAAGD,KAAK,EACR,GAAGyD,UAAU,CACd,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;GAGEzD,EAAAA,KAAK,CAAC0D,GAAG,CAAEC,IAAI,IAAM,CAACxG,UAAU,CAACC,WAAW,CAAC,CAACuG,IAAI,CAAC/D,MAAM,CAAC,iBACxD6B,yBAAA,CAAAC,aAAA,CAACkC,eAAY,EAAA;IACXxF,GAAG,EAAEuF,IAAI,CAAC/D,MAAO;AACjB+D,IAAAA,IAAI,EAAEA,IAAK;IACXE,QAAQ,EAAA,IAAA;AACRC,IAAAA,OAAO,EAAE3D,aAAa,CAACwD,IAAI,CAAC/D,MAAM,CAAE;IACpCmE,QAAQ,EACLC,KAAK,IAAK;AACT,MAAA,MAAMC,qBAAqB,GAAAC,wCAAA,CAAAA,wCAAA,KACtB/D,aAAa,CAAA,EAAA,EAAA,EAAA;QAChB,CAAC6D,KAAK,CAACb,MAAM,CAACgB,EAAE,GAAGH,KAAK,CAACb,MAAM,CAACW,OAAAA;OACjC,CAAA,CAAA;AACD,MAAA,IAAI,CAACE,KAAK,CAACb,MAAM,CAACW,OAAO,EAAE;AACzB,QAAA,OAAOG,qBAAqB,CAACD,KAAK,CAACb,MAAM,CAACgB,EAAE,CAAC,CAAA;AAC/C,OAAA;MACA/D,gBAAgB,CAAC6D,qBAAqB,CAAC,CAAA;AACzC,KAAA;GAGL,CAAA,CAAC,CAEA,CACF,CACA,CAAA;AAEZ;;;;"}

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -3,23 +3,23 @@
 var React = require('react');
 var sendbirdSelectors = require('../../sendbirdSelectors.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../CreateChannelProvider-65dcc450.js');
-var LocalizationContext = require('../../LocalizationContext-4fa55e6b.js');
-var ui_Label = require('../../index-22bdf04e.js');
+var CreateChannel_context = require('../../CreateChannelProvider-e1376032.js');
+var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var ui_Label = require('../../index-44186883.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('../../topics-0df2f6f9.js');
-require('../../utils-a1fead2f.js');
+require('../../_rollupPluginBabelHelpers-919a4db3.js');
+require('../../topics-00c67dd6.js');
+require('../../utils-3dacb9bc.js');
 require('../../withSendbird.js');
-require('../../stringSet-c24927d9.js');
-require('../../index-47e4bdbc.js');
+require('../../stringSet-d1cee26a.js');
+require('../../index-5e6194f8.js');
 require('prop-types');
 require('react-dom');
-require('../../index-10d8f30f.js');
+require('../../index-7a68d56f.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-e443379e.js');
+require('../../MediaQueryContext-de7c63bc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/CreateChannel/context.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../sendbirdSelectors.js');
 require('../useSendbirdStateContext.js');
-var CreateChannel_context = require('../CreateChannelProvider-65dcc450.js');
-require('../_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('../topics-0df2f6f9.js');
-require('../utils-a1fead2f.js');
+var CreateChannel_context = require('../CreateChannelProvider-e1376032.js');
+require('../_rollupPluginBabelHelpers-919a4db3.js');
+require('../topics-00c67dd6.js');
+require('../utils-3dacb9bc.js');
 require('../withSendbird.js');
 
 

package/cjs/CreateChannel.js

@@ -2,37 +2,37 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-65dcc450.js');
+var CreateChannel_context = require('./CreateChannelProvider-e1376032.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./_rollupPluginBabelHelpers-2c0fc9c3.js');
-require('./LocalizationContext-4fa55e6b.js');
-require('./stringSet-c24927d9.js');
-require('./index-47e4bdbc.js');
+require('./_rollupPluginBabelHelpers-919a4db3.js');
+require('./LocalizationContext-461a0816.js');
+require('./stringSet-d1cee26a.js');
+require('./index-5e6194f8.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-10d8f30f.js');
+require('./index-7a68d56f.js');
 require('./ui/Button.js');
-require('./index-22bdf04e.js');
+require('./index-44186883.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-e443379e.js');
+require('./MediaQueryContext-de7c63bc.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-83eaf6e8.js');
+require('./UserProfileContext-1bcc48a2.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-c854e2a9.js');
+require('./uuid-d86ea01f.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-0df2f6f9.js');
-require('./utils-a1fead2f.js');
+require('./topics-00c67dd6.js');
+require('./utils-3dacb9bc.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-265937df.js');
+require('./index-bca3d144.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./CreateChannel/components/SelectChannelType.js');
 

package/cjs/{CreateChannelProvider-65dcc450.js → CreateChannelProvider-e1376032.js}

@@ -49,4 +49,4 @@ const useCreateChannelContext = () => React__default["default"].useContext(Creat
 exports.CHANNEL_TYPE = CHANNEL_TYPE;
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-65dcc450.js.map
+//# sourceMappingURL=CreateChannelProvider-e1376032.js.map

package/cjs/{CreateChannelProvider-65dcc450.js.map → CreateChannelProvider-e1376032.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-65dcc450.js","sources":["../../src/modules/CreateChannel/types.ts","../../src/modules/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\ntype OverrideInviteUserType = {\n  users: Array<string>;\n  onClose: () => void;\n  channelType: CHANNEL_TYPE;\n};\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  overrideInviteUser?(params: OverrideInviteUserType): 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  overrideInviteUser?(params: OverrideInviteUserType): void;\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    overrideInviteUser,\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      overrideInviteUser,\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","_store$config","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","step","setStep","useState","type","setType","GROUP","createElement","Provider","value","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;EAAZA,YAAY,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAZA,YAAY,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAZA,YAAY,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA;;ACYxB,MAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAoCrDC,MAAAA,qBAA2D,GAAIC,KAAiC,IAAK;AAAA,EAAA,IAAAC,aAAA,CAAA;EACzG,MAAM;IACJC,QAAQ;IACRC,eAAe;IACfC,qBAAqB;IACrBC,kBAAkB;AAClBC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;EAET,MAAMO,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,cAAc,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAN,aAAA,GAALM,KAAK,CAAEG,MAAM,MAAAT,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeK,aAAa,CAAA;AACnD,EAAA,MAAMK,aACoB,GAAGC,uCAAqB,CAACL,KAAK,CAAC,CAAA;EAEzD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,CAAC,CAAC,CAAA;EACnC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGF,cAAQ,CAACrB,YAAY,CAACwB,KAAK,CAAC,CAAA;AAEpD,EAAA,oBACEtB,yBAAA,CAAAuB,aAAA,CAACxB,oBAAoB,CAACyB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MACpCjB,qBAAqB;MACrBO,aAAa;MACbR,eAAe;MACfE,kBAAkB;MAClBC,aAAa,EAAEA,aAAa,IAAIG,cAAc;MAC9CI,IAAI;MACJC,OAAO;MACPE,IAAI;AACJC,MAAAA,OAAAA;AACF,KAAA;AAAE,GAAA,EACCf,QAAQ,CACqB,CAAA;AAEpC,EAAC;AAEKoB,MAAAA,uBAAuB,GAAGA,MAC9B1B,yBAAK,CAAC2B,UAAU,CAAC5B,oBAAoB;;;;;;"}
+{"version":3,"file":"CreateChannelProvider-e1376032.js","sources":["../../src/modules/CreateChannel/types.ts","../../src/modules/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\ntype OverrideInviteUserType = {\n  users: Array<string>;\n  onClose: () => void;\n  channelType: CHANNEL_TYPE;\n};\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  overrideInviteUser?(params: OverrideInviteUserType): 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  overrideInviteUser?(params: OverrideInviteUserType): void;\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    overrideInviteUser,\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      overrideInviteUser,\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","_store$config","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","step","setStep","useState","type","setType","GROUP","createElement","Provider","value","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;EAAZA,YAAY,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAZA,YAAY,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAZA,YAAY,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA;;ACYxB,MAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAoCrDC,MAAAA,qBAA2D,GAAIC,KAAiC,IAAK;AAAA,EAAA,IAAAC,aAAA,CAAA;EACzG,MAAM;IACJC,QAAQ;IACRC,eAAe;IACfC,qBAAqB;IACrBC,kBAAkB;AAClBC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;EAET,MAAMO,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,cAAc,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAN,aAAA,GAALM,KAAK,CAAEG,MAAM,MAAAT,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeK,aAAa,CAAA;AACnD,EAAA,MAAMK,aACoB,GAAGC,uCAAqB,CAACL,KAAK,CAAC,CAAA;EAEzD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,CAAC,CAAC,CAAA;EACnC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGF,cAAQ,CAACrB,YAAY,CAACwB,KAAK,CAAC,CAAA;AAEpD,EAAA,oBACEtB,yBAAA,CAAAuB,aAAA,CAACxB,oBAAoB,CAACyB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MACpCjB,qBAAqB;MACrBO,aAAa;MACbR,eAAe;MACfE,kBAAkB;MAClBC,aAAa,EAAEA,aAAa,IAAIG,cAAc;MAC9CI,IAAI;MACJC,OAAO;MACPE,IAAI;AACJC,MAAAA,OAAAA;AACF,KAAA;AAAE,GAAA,EACCf,QAAQ,CACqB,CAAA;AAEpC,EAAC;AAEKoB,MAAAA,uBAAuB,GAAGA,MAC9B1B,yBAAK,CAAC2B,UAAU,CAAC5B,oBAAoB;;;;;;"}