@sendbird/uikit-react 3.2.3 → 3.2.4-rc.0

package/Channel/components/RemoveMessageModal.js

@@ -1,29 +1,29 @@
 import React__default, { useContext } from 'react';
 import Modal from '../../ui/Modal.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { a as LocalizationContext } from '../../LocalizationContext-a21fd99c.js';
-import { u as useChannelContext } from '../../ChannelProvider-06a52df4.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7019cc93.js';
+import { u as useChannelContext } from '../../ChannelProvider-163810e1.js';
 import 'react-dom';
-import '../../index-acdeddcd.js';
+import '../../index-83f73f08.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-7933cbb3.js';
-import '../../index-4572759d.js';
-import '../../stringSet-97b371bf.js';
-import '../../index-2f7dc394.js';
-import '../../UserProfileContext-804d6e7c.js';
+import '../../tslib.es6-abe3d36a.js';
+import '../../index-723c677a.js';
+import '../../stringSet-4e0b0146.js';
+import '../../index-69265f49.js';
+import '../../UserProfileContext-8a4983f9.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-3be2ec67.js';
-import '../../index-58580f28.js';
-import '../../topics-0034d31d.js';
-import '../../index-c35128dd.js';
+import '../../_rollupPluginBabelHelpers-e993e6d6.js';
+import '../../index-189ad5aa.js';
+import '../../topics-cc398b5e.js';
+import '../../index-0b69b0be.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-0e39568a.js';
-import '../../const-05b7e2ee.js';
+import '../../compareIds-a42407da.js';
+import '../../const-da82c96f.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-0426c252.js';
+import '../../uuid-5f7195ec.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';

package/Channel/components/SuggestedMentionList.js

@@ -1,25 +1,25 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4572759d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-723c677a.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Avatar from '../../ui/Avatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-a21fd99c.js';
-import { u as uuidv4 } from '../../uuid-0426c252.js';
-import { u as useChannelContext } from '../../ChannelProvider-06a52df4.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7019cc93.js';
+import { u as uuidv4 } from '../../uuid-5f7195ec.js';
+import { u as useChannelContext } from '../../ChannelProvider-163810e1.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-05b7e2ee.js';
-import { M as MessageInputKeys } from '../../const-b50ee378.js';
+import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-da82c96f.js';
+import { M as MessageInputKeys } from '../../const-787f39b8.js';
 import 'prop-types';
-import '../../stringSet-97b371bf.js';
-import '../../tslib.es6-7933cbb3.js';
+import '../../stringSet-4e0b0146.js';
+import '../../tslib.es6-abe3d36a.js';
 import '../../ui/ImageRenderer.js';
-import '../../index-2f7dc394.js';
-import '../../UserProfileContext-804d6e7c.js';
-import '../../index-58580f28.js';
-import '../../topics-0034d31d.js';
-import '../../index-c35128dd.js';
+import '../../index-69265f49.js';
+import '../../UserProfileContext-8a4983f9.js';
+import '../../index-189ad5aa.js';
+import '../../topics-cc398b5e.js';
+import '../../index-0b69b0be.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-3be2ec67.js';
-import '../../compareIds-0e39568a.js';
+import '../../_rollupPluginBabelHelpers-e993e6d6.js';
+import '../../compareIds-a42407da.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';

package/Channel/components/TypingIndicator.js

@@ -1,22 +1,22 @@
 import React__default, { useContext, useState, useEffect } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { a as LocalizationContext } from '../../LocalizationContext-a21fd99c.js';
-import { u as uuidv4 } from '../../uuid-0426c252.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4572759d.js';
-import { u as useChannelContext } from '../../ChannelProvider-06a52df4.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7019cc93.js';
+import { u as uuidv4 } from '../../uuid-5f7195ec.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-723c677a.js';
+import { u as useChannelContext } from '../../ChannelProvider-163810e1.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-97b371bf.js';
-import '../../index-2f7dc394.js';
+import '../../stringSet-4e0b0146.js';
+import '../../index-69265f49.js';
 import 'prop-types';
-import '../../UserProfileContext-804d6e7c.js';
-import '../../index-58580f28.js';
-import '../../topics-0034d31d.js';
-import '../../index-c35128dd.js';
-import '../../tslib.es6-7933cbb3.js';
+import '../../UserProfileContext-8a4983f9.js';
+import '../../index-189ad5aa.js';
+import '../../topics-cc398b5e.js';
+import '../../index-0b69b0be.js';
+import '../../tslib.es6-abe3d36a.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-3be2ec67.js';
-import '../../compareIds-0e39568a.js';
-import '../../const-05b7e2ee.js';
+import '../../_rollupPluginBabelHelpers-e993e6d6.js';
+import '../../compareIds-a42407da.js';
+import '../../const-da82c96f.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';

package/Channel/components/UnreadCount.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-a21fd99c.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-4572759d.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7019cc93.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-723c677a.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../stringSet-97b371bf.js';
-import '../../index-2f7dc394.js';
+import '../../stringSet-4e0b0146.js';
+import '../../index-69265f49.js';
 import 'prop-types';
 
 var UnreadCount = function (props) {

package/Channel/context.js

@@ -1,26 +1,26 @@
 import 'react';
-import '../UserProfileContext-804d6e7c.js';
+import '../UserProfileContext-8a4983f9.js';
 import '../useSendbirdStateContext.js';
-export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-06a52df4.js';
+export { C as ChannelProvider, u as useChannelContext } from '../ChannelProvider-163810e1.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-3be2ec67.js';
-import '../index-58580f28.js';
-import '../index-2f7dc394.js';
-import '../topics-0034d31d.js';
-import '../index-c35128dd.js';
-import '../tslib.es6-7933cbb3.js';
+import '../_rollupPluginBabelHelpers-e993e6d6.js';
+import '../index-189ad5aa.js';
+import '../index-69265f49.js';
+import '../topics-cc398b5e.js';
+import '../index-0b69b0be.js';
+import '../tslib.es6-abe3d36a.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../compareIds-0e39568a.js';
-import '../const-05b7e2ee.js';
+import '../compareIds-a42407da.js';
+import '../const-da82c96f.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-0426c252.js';
+import '../uuid-5f7195ec.js';
 import '@sendbird/chat/message';
 import '../ui/ContextMenu.js';
 import 'react-dom';
 import '../ui/SortByRow.js';
-import '../index-4572759d.js';
-import '../stringSet-97b371bf.js';
+import '../index-723c677a.js';
+import '../stringSet-4e0b0146.js';
 import '../ui/ReactionButton.js';
 import '../ui/ImageRenderer.js';
 import '../ui/Icon.js';

package/Channel.js

@@ -1,46 +1,46 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './ChannelProvider-06a52df4.js';
+import { C as ChannelProvider } from './ChannelProvider-163810e1.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './UserProfileContext-804d6e7c.js';
+import './UserProfileContext-8a4983f9.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-3be2ec67.js';
-import './index-58580f28.js';
-import './index-2f7dc394.js';
-import './topics-0034d31d.js';
-import './index-c35128dd.js';
-import './tslib.es6-7933cbb3.js';
+import './_rollupPluginBabelHelpers-e993e6d6.js';
+import './index-189ad5aa.js';
+import './index-69265f49.js';
+import './topics-cc398b5e.js';
+import './index-0b69b0be.js';
+import './tslib.es6-abe3d36a.js';
 import './utils/message/getOutgoingMessageState.js';
-import './compareIds-0e39568a.js';
-import './const-05b7e2ee.js';
+import './compareIds-a42407da.js';
+import './const-da82c96f.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-0426c252.js';
+import './uuid-5f7195ec.js';
 import '@sendbird/chat/message';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './index-4572759d.js';
-import './stringSet-97b371bf.js';
+import './index-723c677a.js';
+import './stringSet-4e0b0146.js';
 import './ui/ReactionButton.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
-import './index-575e441e.js';
-import './LocalizationContext-a21fd99c.js';
+import './index-4593163a.js';
+import './LocalizationContext-7019cc93.js';
 import './ui/Loader.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './utils-2252e970.js';
+import './utils-ad9c9713.js';
 import './Channel/components/MessageList.js';
-import './index-4e0f3666.js';
+import './index-b31e8da6.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-b50ee378.js';
+import './const-787f39b8.js';
 import './ui/DateSeparator.js';
-import './color-e92a1ce5.js';
+import './color-aae331b0.js';
 import './ui/MessageInput.js';
 import 'react-dom/server';
 import './ui/Button.js';
@@ -48,7 +48,7 @@ import './ui/MentionUserLabel.js';
 import './ui/MessageContent.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './utils-be67dd33.js';
+import './utils-1728c207.js';
 import './ui/MessageStatus.js';
 import './ui/MessageItemMenu.js';
 import './ui/MessageItemReactionMenu.js';
@@ -68,7 +68,7 @@ import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
 import './Channel/components/FileViewer.js';
-import './index-acdeddcd.js';
+import './index-83f73f08.js';
 import './Channel/components/RemoveMessageModal.js';
 import './ui/Modal.js';
 import './Channel/components/TypingIndicator.js';
@@ -96,6 +96,7 @@ var Channel = function (props) {
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
     disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead
   }, /*#__PURE__*/React__default.createElement(ChannelUI, {
+    isLoading: props === null || props === void 0 ? void 0 : props.isLoading,
     renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader,
     renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid,
     renderPlaceholderEmpty: props === null || props === void 0 ? void 0 : props.renderPlaceholderEmpty,

package/Channel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.js","sources":["../src/smart-components/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps {\n}\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      replyType={props?.replyType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n    >\n      <ChannelUI\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","replyType","queries","renderUserProfile","disableUserProfile","disableMarkAsRead","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator"],"mappings":"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"}
+{"version":3,"file":"Channel.js","sources":["../src/smart-components/Channel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  ChannelProvider,\n  ChannelContextProps,\n} from './context/ChannelProvider';\n\nimport ChannelUI, { ChannelUIProps } from './components/ChannelUI';\nexport interface ChannelProps extends ChannelContextProps, ChannelUIProps {\n}\n\nconst Channel: React.FC<ChannelProps> = (props: ChannelProps) => {\n  return (\n    <ChannelProvider\n      channelUrl={props?.channelUrl}\n      isReactionEnabled={props?.isReactionEnabled}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      showSearchIcon={props?.showSearchIcon}\n      highlightedMessage={props?.highlightedMessage}\n      startingPoint={props?.startingPoint}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onBeforeUpdateUserMessage={props?.onBeforeUpdateUserMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      onSearchClick={props?.onSearchClick}\n      replyType={props?.replyType}\n      queries={props?.queries}\n      renderUserProfile={props?.renderUserProfile}\n      disableUserProfile={props?.disableUserProfile}\n      disableMarkAsRead={props?.disableMarkAsRead}\n    >\n      <ChannelUI\n        isLoading={props?.isLoading}\n        renderPlaceholderLoader={props?.renderPlaceholderLoader}\n        renderPlaceholderInvalid={props?.renderPlaceholderInvalid}\n        renderPlaceholderEmpty={props?.renderPlaceholderEmpty}\n        renderChannelHeader={props?.renderChannelHeader}\n        renderMessage={props?.renderMessage}\n        renderMessageInput={props?.renderMessageInput}\n        renderTypingIndicator={props?.renderTypingIndicator}\n        renderCustomSeparator={props?.renderCustomSeparator}\n      />\n    </ChannelProvider>\n  );\n};\n\nexport default Channel;\n"],"names":["Channel","props","React","channelUrl","isReactionEnabled","isMessageGroupingEnabled","showSearchIcon","highlightedMessage","startingPoint","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onChatHeaderActionClick","onSearchClick","replyType","queries","renderUserProfile","disableUserProfile","disableMarkAsRead","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator"],"mappings":"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"}

package/ChannelList/components/AddChannel.js

@@ -3,35 +3,35 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../tslib.es6-7933cbb3.js';
+import '../../tslib.es6-abe3d36a.js';
 import 'prop-types';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-eb0e903a.js';
+import '../../CreateChannelProvider-0f16d456.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-0034d31d.js';
-import '../../utils-be67dd33.js';
+import '../../topics-cc398b5e.js';
+import '../../utils-1728c207.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../LocalizationContext-a21fd99c.js';
-import '../../stringSet-97b371bf.js';
-import '../../index-2f7dc394.js';
+import '../../LocalizationContext-7019cc93.js';
+import '../../stringSet-4e0b0146.js';
+import '../../index-69265f49.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-acdeddcd.js';
+import '../../index-83f73f08.js';
 import '../../ui/Button.js';
-import '../../index-4572759d.js';
+import '../../index-723c677a.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-804d6e7c.js';
+import '../../UserProfileContext-8a4983f9.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-0426c252.js';
+import '../../uuid-5f7195ec.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-3be2ec67.js';
+import '../../_rollupPluginBabelHelpers-e993e6d6.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-c35128dd.js';
+import '../../index-0b69b0be.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 

package/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,18 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-a21fd99c.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7019cc93.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4572759d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-723c677a.js';
 import IconButton from '../../ui/IconButton.js';
 import Avatar from '../../ui/Avatar.js';
-import '../../stringSet-97b371bf.js';
-import '../../index-2f7dc394.js';
+import '../../stringSet-4e0b0146.js';
+import '../../index-69265f49.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-3be2ec67.js';
+import '../../_rollupPluginBabelHelpers-e993e6d6.js';
 import 'prop-types';
-import '../../tslib.es6-7933cbb3.js';
+import '../../tslib.es6-abe3d36a.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-0426c252.js';
+import '../../uuid-5f7195ec.js';
 
 var ChannelListHeader = function (_a) {
   var _b;

package/ChannelList/components/ChannelListUI.js

@@ -3,65 +3,67 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-ae931f27.js';
+import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-a75dbbac.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-575e441e.js';
-import '../../LocalizationContext-a21fd99c.js';
-import '../../stringSet-97b371bf.js';
-import '../../index-2f7dc394.js';
-import '../../index-4572759d.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-4593163a.js';
+import '../../LocalizationContext-7019cc93.js';
+import '../../stringSet-4e0b0146.js';
+import '../../index-69265f49.js';
+import '../../index-723c677a.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-7933cbb3.js';
+import '../../tslib.es6-abe3d36a.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-0426c252.js';
+import '../../uuid-5f7195ec.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-eb0e903a.js';
+import '../../CreateChannelProvider-0f16d456.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-0034d31d.js';
-import '../../utils-be67dd33.js';
+import '../../topics-cc398b5e.js';
+import '../../utils-1728c207.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-acdeddcd.js';
+import '../../index-83f73f08.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-804d6e7c.js';
+import '../../UserProfileContext-8a4983f9.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-3be2ec67.js';
+import '../../_rollupPluginBabelHelpers-e993e6d6.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-c35128dd.js';
+import '../../index-0b69b0be.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-2252e970.js';
+import '../../utils-ad9c9713.js';
 import '../../ui/Badge.js';
-import '../../index-4544729b.js';
-import '../../index-4e0f3666.js';
-import '../../index-58580f28.js';
+import '../../index-8de3da53.js';
+import '../../index-b31e8da6.js';
+import '../../index-189ad5aa.js';
 import '../../ui/MentionUserLabel.js';
 import '../../Channel/components/TypingIndicator.js';
 import '@sendbird/chat/groupChannel';
-import '../../ChannelProvider-06a52df4.js';
-import '../../compareIds-0e39568a.js';
-import '../../const-05b7e2ee.js';
+import '../../ChannelProvider-163810e1.js';
+import '../../compareIds-a42407da.js';
+import '../../const-da82c96f.js';
 import '@sendbird/chat/message';
 import '../../ui/ReactionButton.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/Loader.js';
-import '../../index-82f39d94.js';
+import '../../index-0821db0a.js';
 import '../../ui/Input.js';
 import '../../ui/TextButton.js';
-import '../../color-e92a1ce5.js';
-import '../../actionTypes-61259781.js';
+import '../../color-aae331b0.js';
+import '../../actionTypes-e5c40c47.js';
+
+const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
 
 var DELIVERY_RECIPT = 'delivery_receipt';
 
@@ -86,7 +88,8 @@ var ChannelListUI = function (props) {
       currentChannel = _c.currentChannel,
       channelListDispatcher = _c.channelListDispatcher,
       channelSource = _c.channelSource,
-      typingChannels = _c.typingChannels;
+      typingChannels = _c.typingChannels,
+      initialized = _c.initialized;
 
   var state = useSendbirdStateContext();
   var sdkStore = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore;
@@ -99,7 +102,6 @@ var ChannelListUI = function (props) {
       disableMarkAsDelivered = _f === void 0 ? false : _f;
   var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
   var sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
-  var sdkIntialized = (sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.initialized) || false;
 
   var _g = useState([]),
       channelsTomarkAsRead = _g[0],
@@ -149,7 +151,7 @@ var ChannelListUI = function (props) {
     className: "sendbird-channel-list__body",
     onScroll: function (e) {
       var target = e === null || e === void 0 ? void 0 : e.target;
-      var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
+      var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);
 
       if (fetchMore && (channelSource === null || channelSource === void 0 ? void 0 : channelSource.hasNext)) {
         logger.info('ChannelList: Fetching more channels');
@@ -183,7 +185,7 @@ var ChannelListUI = function (props) {
         });
       }
     }
-  }, sdkError && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
+  }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
     type: PlaceHolderTypes.WRONG
   })), /*#__PURE__*/React__default.createElement("div", null, allChannels && allChannels.map(function (channel, idx) {
     var onLeaveChannel = function (c, cb) {
@@ -248,9 +250,9 @@ var ChannelListUI = function (props) {
         });
       }
     });
-  })), (!sdkIntialized || loading) && (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function' ? renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
+  })), !initialized && loading && (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function' ? renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
     type: PlaceHolderTypes.LOADING
-  })), (!allChannels || allChannels.length === 0) && (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function' ? renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
+  })), initialized && (allChannels === null || allChannels === void 0 ? void 0 : allChannels.length) === 0 && (renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function' ? renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
     type: PlaceHolderTypes.NO_CHANNELS
   }))));
 };