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

package/ChannelSettings/components/ChannelProfile.js

@@ -1,30 +1,30 @@
 import React__default, { useContext, useState } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import TextButton from '../../ui/TextButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fdcc4a92.js';
 import EditDetails from './EditDetailsModal.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
+import '../../UserProfileContext-c72e5006.js';
 import 'prop-types';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-91aa0158.js';
+import '../../tslib.es6-5a2250f9.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../utils-7b9c4aab.js';
-import '../../color-aef1bef8.js';
+import '../../utils-3702c3d4.js';
+import '../../color-32ee546e.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-8528dcd1.js';
+import '../../index-b9a5ff91.js';
 import '../../ui/IconButton.js';
-import '../../index-cdd2789a.js';
-import '../../utils-0db9b91e.js';
+import '../../index-ff084076.js';
+import '../../utils-e6f6eb1b.js';
 import '../../ui/Input.js';
 
 var ChannelProfile = function ChannelProfile() {

package/ChannelSettings/components/ChannelSettingsUI.js

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useChannelSettingsContext } from '../context.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-41a3e405.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
-import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-12f6f771.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fdcc4a92.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelProfile from './ChannelProfile.js';
@@ -11,42 +11,42 @@ import AdminPannel from './ModerationPanel.js';
 import LeaveChannel from './LeaveChannel.js';
 import UserPanel from './UserPanel.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
+import '../../UserProfileContext-c72e5006.js';
 import 'prop-types';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../ui/Loader.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-91aa0158.js';
+import '../../tslib.es6-5a2250f9.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-7b9c4aab.js';
+import '../../utils-3702c3d4.js';
 import '../../ui/TextButton.js';
-import '../../color-aef1bef8.js';
+import '../../color-32ee546e.js';
 import './EditDetailsModal.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-8528dcd1.js';
-import '../../index-cdd2789a.js';
-import '../../utils-0db9b91e.js';
+import '../../index-b9a5ff91.js';
+import '../../index-ff084076.js';
+import '../../utils-e6f6eb1b.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-d04e2502.js';
+import '../../context-4a3c0658.js';
 import '../../ui/Badge.js';
 import '../../ui/ContextMenu.js';
-import '../../index-afd61eff.js';
+import '../../index-e647d770.js';
 import '../../ui/SortByRow.js';
 import './UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-7181983e.js';
+import '../../topics-29b13da4.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
-import '../../MemberList-29cf5f98.js';
+import '../../MemberList-351c6fcc.js';
 
 var ChannelSettingsUI = function ChannelSettingsUI(props) {
   var _a, _b;

package/ChannelSettings/components/EditDetailsModal.js

@@ -1,30 +1,30 @@
 import React__default, { useRef, useState, useContext } from 'react';
 import { useChannelSettingsContext } from '../context.js';
-import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
-import { T as Type } from '../../index-cdd2789a.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
+import { T as Type } from '../../index-ff084076.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fdcc4a92.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { u as uuidv4 } from '../../uuid-902e6498.js';
-import '../../UserProfileContext-97bec8f7.js';
+import { u as uuidv4 } from '../../uuid-9ac267fb.js';
+import '../../UserProfileContext-c72e5006.js';
 import 'prop-types';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import 'react-dom';
-import '../../index-8528dcd1.js';
+import '../../index-b9a5ff91.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../utils-0db9b91e.js';
-import '../../tslib.es6-91aa0158.js';
+import '../../utils-e6f6eb1b.js';
+import '../../tslib.es6-5a2250f9.js';
 import '../../ui/ImageRenderer.js';
-import '../../color-aef1bef8.js';
-import '../../utils-7b9c4aab.js';
+import '../../color-32ee546e.js';
+import '../../utils-3702c3d4.js';
 
 var EditDetails = function EditDetails(props) {
   var _a, _b, _c;

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-0db9b91e.js';
+import { n as noop } from '../../utils-e6f6eb1b.js';
 import Modal from '../../ui/Modal.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
+import '../../UserProfileContext-c72e5006.js';
 import 'prop-types';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import 'react-dom';
-import '../../LocalizationContext-08cebf79.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
-import '../../index-8528dcd1.js';
+import '../../LocalizationContext-1417e9d3.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
+import '../../index-b9a5ff91.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../index-cdd2789a.js';
-import '../../index-0d4dcc94.js';
+import '../../index-ff084076.js';
+import '../../index-fdcc4a92.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-08cebf79.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-0d4dcc94.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-fdcc4a92.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-cdd2789a.js';
+import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from '../../index-ff084076.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-91aa0158.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-5a2250f9.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-29cf5f98.js';
-import { n as noop } from '../../utils-0db9b91e.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import { M as MemberList } from '../../MemberList-351c6fcc.js';
+import { n as noop } from '../../utils-e6f6eb1b.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-d04e2502.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../context-4a3c0658.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
 import 'prop-types';
-import '../../index-afd61eff.js';
+import '../../index-e647d770.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../UserProfileContext-c72e5006.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-7181983e.js';
-import '../../index-8528dcd1.js';
+import '../../topics-29b13da4.js';
+import '../../index-b9a5ff91.js';
 import '../../ui/Checkbox.js';
 
 function OperatorsModal(_a) {

package/ChannelSettings/components/UserListItem.js

@@ -1,25 +1,25 @@
-import { a as __spreadArray } from '../../tslib.es6-91aa0158.js';
+import { a as __spreadArray } from '../../tslib.es6-5a2250f9.js';
 import React__default, { useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
-import { a as UserProfileContext } from '../../UserProfileContext-97bec8f7.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
+import { a as UserProfileContext } from '../../UserProfileContext-c72e5006.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-0d4dcc94.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fdcc4a92.js';
 import ConnectedUserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import 'prop-types';
 import '../../ui/ImageRenderer.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
 import '../../ui/Icon.js';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-7181983e.js';
-import '../../utils-0db9b91e.js';
-import '../../index-cdd2789a.js';
-import '../../index-afd61eff.js';
+import '../../topics-29b13da4.js';
+import '../../utils-e6f6eb1b.js';
+import '../../index-ff084076.js';
+import '../../index-e647d770.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-08cebf79.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fdcc4a92.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { M as MemberList } from '../../MemberList-29cf5f98.js';
+import { M as MemberList } from '../../MemberList-351c6fcc.js';
 import { useChannelSettingsContext } from '../context.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
 import 'prop-types';
-import '../../index-cdd2789a.js';
+import '../../index-ff084076.js';
 import '../../ui/IconButton.js';
 import '../../ui/ContextMenu.js';
-import '../../index-afd61eff.js';
-import '../../tslib.es6-91aa0158.js';
+import '../../index-e647d770.js';
+import '../../tslib.es6-5a2250f9.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import './UserListItem.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../UserProfileContext-c72e5006.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-7181983e.js';
-import '../../utils-0db9b91e.js';
+import '../../topics-29b13da4.js';
+import '../../utils-e6f6eb1b.js';
 import '../../ui/Modal.js';
-import '../../index-8528dcd1.js';
+import '../../index-b9a5ff91.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-97bec8f7.js';
-import { u as uuidv4 } from '../uuid-902e6498.js';
+import { U as UserProfileProvider } from '../UserProfileContext-c72e5006.js';
+import { u as uuidv4 } from '../uuid-9ac267fb.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../_rollupPluginBabelHelpers-87a4819d.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-9a08c8bf.js';
-import './index-41a3e405.js';
+import './_rollupPluginBabelHelpers-87a4819d.js';
+import './index-12f6f771.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/Loader.js';
-import './LocalizationContext-08cebf79.js';
-import './stringSet-efeb1ad3.js';
-import './index-623fd405.js';
-import './index-0d4dcc94.js';
+import './LocalizationContext-1417e9d3.js';
+import './stringSet-adf0eb59.js';
+import './index-097f4b78.js';
+import './index-fdcc4a92.js';
 import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './tslib.es6-91aa0158.js';
+import './tslib.es6-5a2250f9.js';
 import './ui/ImageRenderer.js';
-import './uuid-902e6498.js';
-import './utils-7b9c4aab.js';
+import './uuid-9ac267fb.js';
+import './utils-3702c3d4.js';
 import './ui/TextButton.js';
-import './color-aef1bef8.js';
+import './color-32ee546e.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-8528dcd1.js';
-import './index-cdd2789a.js';
-import './utils-0db9b91e.js';
+import './index-b9a5ff91.js';
+import './index-ff084076.js';
+import './utils-e6f6eb1b.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-d04e2502.js';
+import './context-4a3c0658.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
-import './index-afd61eff.js';
+import './index-e647d770.js';
 import './ui/SortByRow.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-97bec8f7.js';
+import './UserProfileContext-c72e5006.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-7181983e.js';
+import './topics-29b13da4.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './MemberList-29cf5f98.js';
+import './MemberList-351c6fcc.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-53259d87.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-71012e62.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-7181983e.js';
-import '../../utils-0db9b91e.js';
+import '../../topics-29b13da4.js';
+import '../../utils-e6f6eb1b.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
-import '../../tslib.es6-91aa0158.js';
-import '../../LocalizationContext-08cebf79.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
+import '../../tslib.es6-5a2250f9.js';
+import '../../LocalizationContext-1417e9d3.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import '../../ui/Modal.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-8528dcd1.js';
+import '../../index-b9a5ff91.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../index-cdd2789a.js';
-import '../../index-0d4dcc94.js';
+import '../../index-ff084076.js';
+import '../../index-fdcc4a92.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../UserProfileContext-c72e5006.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
-import '../../index-afd61eff.js';
+import '../../index-e647d770.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-91aa0158.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-5a2250f9.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-53259d87.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1417e9d3.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-71012e62.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-0d4dcc94.js';
-import { a as ButtonTypes } from '../../index-cdd2789a.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-fdcc4a92.js';
+import { a as ButtonTypes } from '../../index-ff084076.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-efeb1ad3.js';
-import '../../index-623fd405.js';
+import '../../stringSet-adf0eb59.js';
+import '../../index-097f4b78.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-7181983e.js';
-import '../../utils-0db9b91e.js';
+import '../../topics-29b13da4.js';
+import '../../utils-e6f6eb1b.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../_rollupPluginBabelHelpers-87a4819d.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-8528dcd1.js';
+import '../../index-b9a5ff91.js';
 import '../../ui/IconButton.js';
 import '../../ui/Icon.js';
-import '../../UserProfileContext-97bec8f7.js';
+import '../../UserProfileContext-c72e5006.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-902e6498.js';
+import '../../uuid-9ac267fb.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
-import '../../index-afd61eff.js';
+import '../../index-e647d770.js';
 import '../../ui/SortByRow.js';
 
 var filterUser = function filterUser(idsToFilter) {
@@ -66,35 +66,36 @@ var createDefaultUserListQuery = function createDefaultUserListQuery(_a) {
 };
 
 var InviteUsers = function InviteUsers(_a) {
-  var _b, _c, _d;
+  var _b, _c, _d, _e;
 
   var onCancel = _a.onCancel,
       userListQuery = _a.userListQuery;
 
-  var _e = useCreateChannelContext(),
-      onBeforeCreateChannel = _e.onBeforeCreateChannel,
-      onCreateChannel = _e.onCreateChannel,
-      createChannel = _e.createChannel,
-      type = _e.type;
+  var _f = useCreateChannelContext(),
+      onBeforeCreateChannel = _f.onBeforeCreateChannel,
+      onCreateChannel = _f.onCreateChannel,
+      createChannel = _f.createChannel,
+      type = _f.type;
 
   var globalStore = useSendbirdStateContext();
   var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
   var sdk = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
+  (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.logger;
   var idsToFilter = [userId];
 
-  var _f = useState([]),
-      users = _f[0],
-      setUsers = _f[1];
+  var _g = useState([]),
+      users = _g[0],
+      setUsers = _g[1];
 
-  var _g = useState({}),
-      selectedUsers = _g[0],
-      setSelectedUsers = _g[1];
+  var _h = useState({}),
+      selectedUsers = _h[0],
+      setSelectedUsers = _h[1];
 
   var stringSet = useContext(LocalizationContext).stringSet;
 
-  var _h = useState(null),
-      usersDataSource = _h[0],
-      setUsersDataSource = _h[1];
+  var _j = useState(null),
+      usersDataSource = _j[0],
+      setUsersDataSource = _j[1];
 
   var selectedCount = Object.keys(selectedUsers).length;
   var titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
@@ -104,10 +105,13 @@ var InviteUsers = function InviteUsers(_a) {
   });
   useEffect(function () {
     var applicationUserListQuery = userQueryCreator;
-    setUsersDataSource(applicationUserListQuery);
-    applicationUserListQuery.next().then(function (users_) {
-      setUsers(users_);
-    });
+    setUsersDataSource(applicationUserListQuery); // @ts-ignore
+
+    if (!(applicationUserListQuery === null || applicationUserListQuery === void 0 ? void 0 : applicationUserListQuery.isLoading)) {
+      applicationUserListQuery.next().then(function (users_) {
+        setUsers(users_);
+      });
+    }
   }, []);
   return /*#__PURE__*/React__default.createElement(Modal, {
     titleText: titleText,