@sendbird/uikit-react 3.5.0 → 3.5.1

package/Channel/components/ChannelUI.js

@@ -1,75 +1,75 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-6e8e99df.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-9cd77b08.js';
+import { u as useChannelContext } from '../../ChannelProvider-33559192.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-32a56033.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-fb0e05a4.js';
-import '../../UserProfileContext-c776d522.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
+import '../../UserProfileContext-a56cc682.js';
 import 'prop-types';
-import '../../const-18dba7a4.js';
-import '../../index-4455855e.js';
-import '../../index-319984d0.js';
-import '../../topics-70f569e9.js';
-import '../../index-cf859f03.js';
+import '../../const-ec18f7f8.js';
+import '../../index-fea4f7d3.js';
+import '../../index-a4552c13.js';
+import '../../topics-d0dcd2f2.js';
+import '../../index-c589f349.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-3a43c11b.js';
+import '../../compareIds-e75af4f9.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-92d22300.js';
+import '../../uuid-8c96bee0.js';
 import '@sendbird/chat/message';
-import '../../consts-c1baf70a.js';
-import '../../resolvedReplyType-8776d777.js';
-import '../../LocalizationContext-04c0c9dc.js';
-import '../../stringSet-e0ee1265.js';
+import '../../consts-e6fdc559.js';
+import '../../resolvedReplyType-94a089b3.js';
+import '../../LocalizationContext-25d6694d.js';
+import '../../stringSet-3649b375.js';
 import '../../ui/Icon.js';
-import '../../index-e33f7f55.js';
+import '../../index-d88e3ef9.js';
 import '../../ui/Loader.js';
-import '../../utils-77f7e8b2.js';
+import '../../utils-1f5c8b6c.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-af9b1c06.js';
-import '../../MediaQueryContext-ff9dca2b.js';
-import '../../utils-56cb7de5.js';
+import '../../utils-cbae9afc.js';
+import '../../MediaQueryContext-94c9086a.js';
+import '../../utils-a1f2aa01.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-c608f749.js';
-import '../../ThreadProvider-203b94f3.js';
+import '../../const-8d418b81.js';
+import '../../ThreadProvider-6ae0b041.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-347926b6.js';
+import '../../color-04427a41.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-fb4d475a.js';
-import '../../consts-7a169a0f.js';
-import '../../consts-6bca01c7.js';
-import '../../tokenize-1b053c86.js';
-import '../../index.module-6b7ed635.js';
+import '../../consts-4d93ce13.js';
+import '../../consts-a5106683.js';
+import '../../consts-01a1e3c0.js';
+import '../../tokenize-053e921e.js';
+import '../../index.module-1ba8586e.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-eabd1e7e.js';
-import '../../index-edf844f0.js';
-import '../../index-6c252d25.js';
+import '../../index-fe7ed4c0.js';
+import '../../index-dcaf3cb8.js';
+import '../../index-dd8e8ea1.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-77bbdda6.js';
+import '../../types-54edb45d.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-1ab49410.js';
+import '../../useLongPress-5e28b292.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-9a4e0846.js';
+import '../../index-5819e39d.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -78,7 +78,7 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-ebb62af1.js';
+import '../../index-9a62272f.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -87,25 +87,25 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-6663ce18.js';
+import '../../index-24f4354d.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-71a20863.js';
+import '../../index-f4374646.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../index-cf3939c6.js';
-import '../../useDirtyGetMentions-f00f1f94.js';
+import '../../index-b3c3e1aa.js';
+import '../../useDirtyGetMentions-b9a9c21b.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-77d8f487.js';
+import '../../VoiceMessageInputWrapper-69ac1f5a.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-7d71b26c.js';
+import '../../index-36d49e08.js';
 
 const ChannelUI = _ref => {
   var _globalStore$stores, _globalStore$stores$s, _globalStore$config, _globalStore$config2, _globalStore$config3, _globalStore$config3$;

package/Channel/components/FileViewer.js

@@ -1,29 +1,29 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d88e3ef9.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-9a4e0846.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-cf859f03.js';
+import { M as MODAL_ROOT } from '../../index-5819e39d.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-c589f349.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-6e8e99df.js';
+import { u as useChannelContext } from '../../ChannelProvider-33559192.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-92d22300.js';
+import '../../uuid-8c96bee0.js';
 import 'prop-types';
-import '../../stringSet-e0ee1265.js';
-import '../../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../../stringSet-3649b375.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-c776d522.js';
-import '../../const-18dba7a4.js';
-import '../../index-4455855e.js';
-import '../../index-319984d0.js';
-import '../../topics-70f569e9.js';
-import '../../compareIds-3a43c11b.js';
+import '../../UserProfileContext-a56cc682.js';
+import '../../const-ec18f7f8.js';
+import '../../index-fea4f7d3.js';
+import '../../index-a4552c13.js';
+import '../../topics-d0dcd2f2.js';
+import '../../compareIds-e75af4f9.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-c1baf70a.js';
-import '../../resolvedReplyType-8776d777.js';
+import '../../consts-e6fdc559.js';
+import '../../resolvedReplyType-94a089b3.js';
 
 const FileViewerComponent = _ref => {
   let {

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-04c0c9dc.js';
-import { L as Label, a as LabelTypography } from '../../index-e33f7f55.js';
-import '../../stringSet-e0ee1265.js';
-import '../../index-319984d0.js';
+import { a as LocalizationContext } from '../../LocalizationContext-25d6694d.js';
+import { L as Label, a as LabelTypography } from '../../index-d88e3ef9.js';
+import '../../stringSet-3649b375.js';
+import '../../index-a4552c13.js';
 import 'prop-types';
 
 const FrozenNotification = _ref => {

package/Channel/components/Message.js

@@ -1,69 +1,69 @@
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-4455855e.js';
+import { f as format } from '../../index-fea4f7d3.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-6e8e99df.js';
-import { h as getClassName } from '../../index-cf859f03.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-18dba7a4.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-33559192.js';
+import { h as getClassName } from '../../index-c589f349.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-ec18f7f8.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d88e3ef9.js';
 import MessageInput from '../../ui/MessageInput.js';
 import MessageContent from '../../ui/MessageContent.js';
 import FileViewer from './FileViewer.js';
 import RemoveMessage from './RemoveMessageModal.js';
-import { M as MessageInputKeys } from '../../const-c608f749.js';
-import { u as useLocalization } from '../../LocalizationContext-04c0c9dc.js';
-import { a as useHandleOnScrollCallback } from '../../index-cf3939c6.js';
-import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-f00f1f94.js';
-import '../../index-319984d0.js';
+import { M as MessageInputKeys } from '../../const-8d418b81.js';
+import { u as useLocalization } from '../../LocalizationContext-25d6694d.js';
+import { a as useHandleOnScrollCallback } from '../../index-b3c3e1aa.js';
+import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-b9a9c21b.js';
+import '../../index-a4552c13.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-92d22300.js';
-import '../../ThreadProvider-203b94f3.js';
+import '../../uuid-8c96bee0.js';
+import '../../ThreadProvider-6ae0b041.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-c776d522.js';
-import '../../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../../UserProfileContext-a56cc682.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-70f569e9.js';
+import '../../topics-d0dcd2f2.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-c1baf70a.js';
+import '../../consts-e6fdc559.js';
 import '../../withSendbird.js';
-import '../../compareIds-3a43c11b.js';
-import '../../resolvedReplyType-8776d777.js';
-import '../../color-347926b6.js';
-import '../../stringSet-e0ee1265.js';
+import '../../compareIds-e75af4f9.js';
+import '../../resolvedReplyType-94a089b3.js';
+import '../../color-04427a41.js';
+import '../../stringSet-3649b375.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-fb4d475a.js';
-import '../../consts-7a169a0f.js';
-import '../../consts-6bca01c7.js';
-import '../../tokenize-1b053c86.js';
-import '../../index.module-6b7ed635.js';
+import '../../consts-4d93ce13.js';
+import '../../consts-a5106683.js';
+import '../../consts-01a1e3c0.js';
+import '../../tokenize-053e921e.js';
+import '../../index.module-1ba8586e.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-56cb7de5.js';
-import '../../index-eabd1e7e.js';
+import '../../utils-a1f2aa01.js';
+import '../../index-fe7ed4c0.js';
 import '../../ui/Loader.js';
-import '../../index-edf844f0.js';
-import '../../index-6c252d25.js';
+import '../../index-dcaf3cb8.js';
+import '../../index-dd8e8ea1.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-77bbdda6.js';
+import '../../types-54edb45d.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-1ab49410.js';
-import '../../MediaQueryContext-ff9dca2b.js';
+import '../../useLongPress-5e28b292.js';
+import '../../MediaQueryContext-94c9086a.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-9a4e0846.js';
+import '../../index-5819e39d.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -72,7 +72,7 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-ebb62af1.js';
+import '../../index-9a62272f.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -81,12 +81,12 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-6663ce18.js';
+import '../../index-24f4354d.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-71a20863.js';
+import '../../index-f4374646.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';

package/Channel/components/MessageInput.js

@@ -1,58 +1,58 @@
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-6e8e99df.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-33559192.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-04c0c9dc.js';
+import { a as LocalizationContext } from '../../LocalizationContext-25d6694d.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-c608f749.js';
-import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-77d8f487.js';
-import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-f00f1f94.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-ff9dca2b.js';
-import '../../UserProfileContext-c776d522.js';
+import { M as MessageInputKeys } from '../../const-8d418b81.js';
+import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-69ac1f5a.js';
+import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-b9a9c21b.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-94c9086a.js';
+import '../../UserProfileContext-a56cc682.js';
 import 'prop-types';
-import '../../const-18dba7a4.js';
-import '../../index-4455855e.js';
-import '../../index-319984d0.js';
-import '../../topics-70f569e9.js';
-import '../../index-cf859f03.js';
-import '../../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../../const-ec18f7f8.js';
+import '../../index-fea4f7d3.js';
+import '../../index-a4552c13.js';
+import '../../topics-d0dcd2f2.js';
+import '../../index-c589f349.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-3a43c11b.js';
+import '../../compareIds-e75af4f9.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-92d22300.js';
+import '../../uuid-8c96bee0.js';
 import '@sendbird/chat/message';
-import '../../consts-c1baf70a.js';
-import '../../resolvedReplyType-8776d777.js';
+import '../../consts-e6fdc559.js';
+import '../../resolvedReplyType-94a089b3.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-e33f7f55.js';
-import '../../stringSet-e0ee1265.js';
+import '../../index-d88e3ef9.js';
+import '../../stringSet-3649b375.js';
 import 'dompurify';
-import '../../consts-fb4d475a.js';
+import '../../consts-4d93ce13.js';
 import '../../ui/Icon.js';
-import '../../consts-7a169a0f.js';
-import '../../consts-6bca01c7.js';
-import '../../tokenize-1b053c86.js';
-import '../../index.module-6b7ed635.js';
+import '../../consts-a5106683.js';
+import '../../consts-01a1e3c0.js';
+import '../../tokenize-053e921e.js';
+import '../../index.module-1ba8586e.js';
 import '../../ui/ImageRenderer.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';
-import '../../ThreadProvider-203b94f3.js';
+import '../../ThreadProvider-6ae0b041.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-71a20863.js';
+import '../../index-f4374646.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-9a4e0846.js';
+import '../../index-5819e39d.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-7d71b26c.js';
+import '../../index-36d49e08.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../color-347926b6.js';
+import '../../color-04427a41.js';
 
 const MessageInputWrapper = (props, ref) => {
   const {

package/Channel/components/MessageList.js

@@ -1,70 +1,70 @@
-import React__default, { useState } from 'react';
-import { c as compareMessagesForGrouping, u as useChannelContext, i as isAboutSame } from '../../ChannelProvider-6e8e99df.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-9cd77b08.js';
+import React__default, { useState, useEffect } from 'react';
+import { c as compareMessagesForGrouping, u as useChannelContext, i as isAboutSame } from '../../ChannelProvider-33559192.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-32a56033.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Message from './Message.js';
-import { i as isSameDay } from '../../index-6c252d25.js';
+import { i as isSameDay } from '../../index-dd8e8ea1.js';
 import UnreadCount from './UnreadCount.js';
 import FrozenNotification from './FrozenNotification.js';
-import { S as SCROLL_BUFFER } from '../../consts-c1baf70a.js';
+import { S as SCROLL_BUFFER } from '../../consts-e6fdc559.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { MessageProvider } from '../../Message/context.js';
-import { u as useDebounce, a as useHandleOnScrollCallback } from '../../index-cf3939c6.js';
-import '../../UserProfileContext-c776d522.js';
+import { u as useDebounce, a as useHandleOnScrollCallback } from '../../index-b3c3e1aa.js';
+import '../../UserProfileContext-a56cc682.js';
 import 'prop-types';
-import '../../const-18dba7a4.js';
-import '../../index-4455855e.js';
-import '../../index-319984d0.js';
-import '../../topics-70f569e9.js';
-import '../../index-cf859f03.js';
-import '../../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../../const-ec18f7f8.js';
+import '../../index-fea4f7d3.js';
+import '../../index-a4552c13.js';
+import '../../topics-d0dcd2f2.js';
+import '../../index-c589f349.js';
+import '../../_rollupPluginBabelHelpers-1be219c2.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-3a43c11b.js';
+import '../../compareIds-e75af4f9.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-92d22300.js';
+import '../../uuid-8c96bee0.js';
 import '@sendbird/chat/message';
-import '../../resolvedReplyType-8776d777.js';
-import '../../LocalizationContext-04c0c9dc.js';
-import '../../stringSet-e0ee1265.js';
-import '../../index-e33f7f55.js';
+import '../../resolvedReplyType-94a089b3.js';
+import '../../LocalizationContext-25d6694d.js';
+import '../../stringSet-3649b375.js';
+import '../../index-d88e3ef9.js';
 import '../../ui/Loader.js';
 import './SuggestedMentionList.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../const-c608f749.js';
-import '../../ThreadProvider-203b94f3.js';
+import '../../const-8d418b81.js';
+import '../../ThreadProvider-6ae0b041.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-347926b6.js';
+import '../../color-04427a41.js';
 import '../../ui/MessageInput.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-fb4d475a.js';
-import '../../consts-7a169a0f.js';
-import '../../consts-6bca01c7.js';
-import '../../tokenize-1b053c86.js';
-import '../../index.module-6b7ed635.js';
+import '../../consts-4d93ce13.js';
+import '../../consts-a5106683.js';
+import '../../consts-01a1e3c0.js';
+import '../../tokenize-053e921e.js';
+import '../../index.module-1ba8586e.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-56cb7de5.js';
-import '../../index-eabd1e7e.js';
-import '../../index-edf844f0.js';
+import '../../utils-a1f2aa01.js';
+import '../../index-fe7ed4c0.js';
+import '../../index-dcaf3cb8.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-77bbdda6.js';
+import '../../types-54edb45d.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-1ab49410.js';
-import '../../MediaQueryContext-ff9dca2b.js';
+import '../../useLongPress-5e28b292.js';
+import '../../MediaQueryContext-94c9086a.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-9a4e0846.js';
+import '../../index-5819e39d.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -72,7 +72,7 @@ import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-ebb62af1.js';
+import '../../index-9a62272f.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -81,19 +81,19 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-6663ce18.js';
+import '../../index-24f4354d.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-71a20863.js';
+import '../../index-f4374646.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import '../../withSendbird.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../useDirtyGetMentions-f00f1f94.js';
+import '../../useDirtyGetMentions-b9a9c21b.js';
 
 const getMessagePartsInfo = _ref => {
   let {
@@ -119,8 +119,16 @@ const getMessagePartsInfo = _ref => {
 };
 
 const DELAY = 500;
-function useSetScrollToBottom() {
+function useSetScrollToBottom(_ref) {
+  let {
+    loading
+  } = _ref;
   const [scrollBottom, setScrollBottom] = useState(0);
+  useEffect(() => {
+    if (loading) {
+      setScrollBottom(0);
+    }
+  }, [loading]);
   const scrollCb = e => {
     const element = e.target;
     try {
@@ -235,7 +243,9 @@ const MessageList = _ref => {
   const {
     scrollToBottomHandler,
     scrollBottom
-  } = useSetScrollToBottom();
+  } = useSetScrollToBottom({
+    loading
+  });
   if (loading) {
     return typeof renderPlaceholderLoader === 'function' ? renderPlaceholderLoader() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
       type: PlaceHolderTypes.LOADING