@sendbird/uikit-react 3.6.3-rc-0 → 3.6.3-rc-1

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-6f2a46fa.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-51b61f4d.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,35 +9,35 @@ import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './uuid-eeae1abb.js';
-import { u as useVoicePlayerContext, A as ALL } from './index-f178f446.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-744d2655.js';
-import './_rollupPluginBabelHelpers-8922cdd8.js';
+import { u as uuidv4 } from './uuid-e292e5ac.js';
+import { u as useVoicePlayerContext, A as ALL } from './index-8d47cf52.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-2f73d64b.js';
+import './_rollupPluginBabelHelpers-c0ee513a.js';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './index.module-928f99c4.js';
-import './actionTypes-841e3c8f.js';
+import './index.module-3c05b37b.js';
+import './actionTypes-7d4ab028.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './index-6827046f.js';
+import './index-47c26257.js';
 import './utils/message/getOutgoingMessageState.js';
 import '@sendbird/uikit-tools';
 import './VoiceRecorder/context.js';
-import './LocalizationContext-db615943.js';
-import './stringSet-dc813a23.js';
-import './index-4d522c23.js';
+import './LocalizationContext-e1c6d6a2.js';
+import './stringSet-21638a6b.js';
+import './index-69fc4c41.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-d46addee.js';
+import './index-c3674bf4.js';
 import './ui/Button.js';
-import './index-79cd393b.js';
+import './index-09d8c8e1.js';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './resolvedReplyType-90e3a487.js';
-import './ChannelListProvider-8944a5e5.js';
-import './topics-956db9b6.js';
-import './utils-3ba31f40.js';
-import './UserProfileContext-fd812a54.js';
+import './resolvedReplyType-086a1608.js';
+import './ChannelListProvider-7ab8c2ef.js';
+import './topics-fc8cc946.js';
+import './utils-3a30fec6.js';
+import './UserProfileContext-28379d67.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
 import './ui/Avatar.js';
@@ -45,7 +45,7 @@ import './ui/ImageRenderer.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-00696f56.js';
+import './CreateChannelProvider-d6db6806.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/UserListItem.js';
@@ -57,47 +57,47 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-b10bd97c.js';
+import './utils-06ec7fe7.js';
 import './ui/Badge.js';
-import './index-4101093f.js';
-import './index-671c01d4.js';
+import './index-87af60b5.js';
+import './index-652e2df8.js';
 import './ui/Loader.js';
-import './index-164a786c.js';
-import './index-a199b774.js';
+import './index-5af66a82.js';
+import './index-38d1f14f.js';
 import './ui/MentionUserLabel.js';
-import './consts-37a17358.js';
+import './consts-c652e1a2.js';
 import './ui/TextButton.js';
-import './color-244907cc.js';
+import './color-994bdd6c.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-276de20a.js';
-import './const-fe46a6e4.js';
-import './compareIds-fe890562.js';
+import './ChannelProvider-b92ba40f.js';
+import './const-609ce157.js';
+import './compareIds-7b960453.js';
 import '@sendbird/chat/message';
-import './useLongPress-0aa19213.js';
+import './useLongPress-333a5b08.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-5f393d4d.js';
+import './index-5591ac58.js';
 import './ui/Input.js';
-import './index-47ca2b70.js';
+import './index-e112d644.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-db2232e6.js';
+import './utils-9620b525.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-40df1564.js';
-import './ThreadProvider-9bfbc726.js';
+import './const-5de2cf59.js';
+import './ThreadProvider-87cc447c.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import 'dompurify';
-import './consts-3bf420fe.js';
-import './consts-96cd681a.js';
-import './tokenize-483a0650.js';
+import './consts-f95a957f.js';
+import './consts-9128ab13.js';
+import './tokenize-9d009872.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './types-7fa2b640.js';
+import './types-6a35e036.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
 import './ui/EmojiReactions.js';
@@ -108,7 +108,7 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/TextMessageItemBody.js';
-import './index-eb087331.js';
+import './index-58259ea2.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/FileMessageItemBody.js';
@@ -116,7 +116,7 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
-import './index-6f0dabad.js';
+import './index-594c29da.js';
 import './ui/ThreadReplies.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
@@ -124,15 +124,15 @@ import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './index-3e63c940.js';
-import './useDirtyGetMentions-8e98e731.js';
+import './index-6b84a311.js';
+import './useDirtyGetMentions-99e3d277.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-08ff7ecf.js';
+import './VoiceMessageInputWrapper-c2d83b05.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-0b62fd15.js';
+import './index-d53b0c86.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -140,10 +140,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-9a705237.js';
+import './context-bdb20841.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-976c8b31.js';
+import './MemberList-abfe51d6.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -152,7 +152,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-6a87c588.js';
+import './RemoveMessageModal-2e7611e4.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -1,19 +1,5 @@
 # Changelog - v3
 
-
-## [v3.6.3] (July 6 2023)
-### Feat:
-* Add new scrollBehavior prop to Channel (#676)
-  The default option is set to "auto," preserving the existing scroll behavior.
-  Possible to set smooth for smooth scroll effect.
-
-### Fixes:
-* Move message list scroll when the last message is edited (#674)
-  Added optional parameters to moveScroll to scroll only when the last message reaches the bottom.
-  Scroll is now moved only when the updatedAt property of the last message is changed.
-* Add missing `UIKitConfig` to type definition (#677)
-  Reported by [GitHub PR #650](https://github.com/sendbird/sendbird-uikit-react/pull/650#issuecomment-1622331367).
-
 ## [v3.6.2] (June 30 2023)
 
 ### Fixes:

package/Channel/components/ChannelHeader.js

@@ -1,34 +1,34 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-db2232e6.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-79cd393b.js';
+import { g as getChannelTitle } from '../../utils-9620b525.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-09d8c8e1.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-db615943.js';
+import { a as LocalizationContext } from '../../LocalizationContext-e1c6d6a2.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-276de20a.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-6f2a46fa.js';
-import { n as noop } from '../../utils-3ba31f40.js';
+import { u as useChannelContext } from '../../ChannelProvider-b92ba40f.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-51b61f4d.js';
+import { n as noop } from '../../utils-3a30fec6.js';
 import 'prop-types';
-import '../../stringSet-dc813a23.js';
-import '../../_rollupPluginBabelHelpers-8922cdd8.js';
+import '../../stringSet-21638a6b.js';
+import '../../_rollupPluginBabelHelpers-c0ee513a.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-eeae1abb.js';
-import '../../utils-b10bd97c.js';
-import '../../index-4d522c23.js';
+import '../../uuid-e292e5ac.js';
+import '../../utils-06ec7fe7.js';
+import '../../index-69fc4c41.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-fd812a54.js';
-import '../../const-fe46a6e4.js';
-import '../../index-671c01d4.js';
-import '../../topics-956db9b6.js';
-import '../../index-6827046f.js';
+import '../../UserProfileContext-28379d67.js';
+import '../../const-609ce157.js';
+import '../../index-652e2df8.js';
+import '../../topics-fc8cc946.js';
+import '../../index-47c26257.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-fe890562.js';
+import '../../compareIds-7b960453.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-744d2655.js';
-import '../../resolvedReplyType-90e3a487.js';
+import '../../consts-2f73d64b.js';
+import '../../resolvedReplyType-086a1608.js';
 
 const ChannelHeader = _ref => {
   var _globalStore$config, _globalStore$config2, _currentGroupChannel$;

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-276de20a.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-47ca2b70.js';
+import { u as useChannelContext } from '../../ChannelProvider-b92ba40f.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-e112d644.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-8922cdd8.js';
-import '../../UserProfileContext-fd812a54.js';
+import '../../_rollupPluginBabelHelpers-c0ee513a.js';
+import '../../UserProfileContext-28379d67.js';
 import 'prop-types';
-import '../../const-fe46a6e4.js';
-import '../../index-671c01d4.js';
-import '../../index-4d522c23.js';
-import '../../topics-956db9b6.js';
-import '../../index-6827046f.js';
+import '../../const-609ce157.js';
+import '../../index-652e2df8.js';
+import '../../index-69fc4c41.js';
+import '../../topics-fc8cc946.js';
+import '../../index-47c26257.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-fe890562.js';
+import '../../compareIds-7b960453.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-eeae1abb.js';
+import '../../uuid-e292e5ac.js';
 import '@sendbird/chat/message';
-import '../../consts-744d2655.js';
-import '../../resolvedReplyType-90e3a487.js';
-import '../../LocalizationContext-db615943.js';
-import '../../stringSet-dc813a23.js';
+import '../../consts-2f73d64b.js';
+import '../../resolvedReplyType-086a1608.js';
+import '../../LocalizationContext-e1c6d6a2.js';
+import '../../stringSet-21638a6b.js';
 import '../../ui/Icon.js';
-import '../../index-79cd393b.js';
+import '../../index-09d8c8e1.js';
 import '../../ui/Loader.js';
-import '../../utils-db2232e6.js';
+import '../../utils-9620b525.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-b10bd97c.js';
-import '../../MediaQueryContext-6f2a46fa.js';
-import '../../utils-3ba31f40.js';
+import '../../utils-06ec7fe7.js';
+import '../../MediaQueryContext-51b61f4d.js';
+import '../../utils-3a30fec6.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-40df1564.js';
-import '../../ThreadProvider-9bfbc726.js';
+import '../../const-5de2cf59.js';
+import '../../ThreadProvider-87cc447c.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-244907cc.js';
+import '../../color-994bdd6c.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-37a17358.js';
-import '../../consts-3bf420fe.js';
-import '../../consts-96cd681a.js';
-import '../../tokenize-483a0650.js';
-import '../../index.module-928f99c4.js';
+import '../../consts-c652e1a2.js';
+import '../../consts-f95a957f.js';
+import '../../consts-9128ab13.js';
+import '../../tokenize-9d009872.js';
+import '../../index.module-3c05b37b.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-4101093f.js';
-import '../../index-164a786c.js';
-import '../../index-a199b774.js';
+import '../../index-87af60b5.js';
+import '../../index-5af66a82.js';
+import '../../index-38d1f14f.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-7fa2b640.js';
+import '../../types-6a35e036.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-0aa19213.js';
+import '../../useLongPress-333a5b08.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d46addee.js';
+import '../../index-c3674bf4.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-eb087331.js';
+import '../../index-58259ea2.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-6f0dabad.js';
+import '../../index-594c29da.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-f178f446.js';
+import '../../index-8d47cf52.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../index-3e63c940.js';
-import '../../useDirtyGetMentions-8e98e731.js';
+import '../../index-6b84a311.js';
+import '../../useDirtyGetMentions-99e3d277.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-08ff7ecf.js';
+import '../../VoiceMessageInputWrapper-c2d83b05.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-0b62fd15.js';
+import '../../index-d53b0c86.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-79cd393b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-09d8c8e1.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-d46addee.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-6827046f.js';
+import { M as MODAL_ROOT } from '../../index-c3674bf4.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-47c26257.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-276de20a.js';
+import { u as useChannelContext } from '../../ChannelProvider-b92ba40f.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-eeae1abb.js';
+import '../../uuid-e292e5ac.js';
 import 'prop-types';
-import '../../stringSet-dc813a23.js';
-import '../../_rollupPluginBabelHelpers-8922cdd8.js';
+import '../../stringSet-21638a6b.js';
+import '../../_rollupPluginBabelHelpers-c0ee513a.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-fd812a54.js';
-import '../../const-fe46a6e4.js';
-import '../../index-671c01d4.js';
-import '../../index-4d522c23.js';
-import '../../topics-956db9b6.js';
-import '../../compareIds-fe890562.js';
+import '../../UserProfileContext-28379d67.js';
+import '../../const-609ce157.js';
+import '../../index-652e2df8.js';
+import '../../index-69fc4c41.js';
+import '../../topics-fc8cc946.js';
+import '../../compareIds-7b960453.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-744d2655.js';
-import '../../resolvedReplyType-90e3a487.js';
+import '../../consts-2f73d64b.js';
+import '../../resolvedReplyType-086a1608.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-db615943.js';
-import { L as Label, a as LabelTypography } from '../../index-79cd393b.js';
-import '../../stringSet-dc813a23.js';
-import '../../index-4d522c23.js';
+import { a as LocalizationContext } from '../../LocalizationContext-e1c6d6a2.js';
+import { L as Label, a as LabelTypography } from '../../index-09d8c8e1.js';
+import '../../stringSet-21638a6b.js';
+import '../../index-69fc4c41.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-671c01d4.js';
+import React__default, { useState, useEffect, useRef, useMemo, useLayoutEffect } from 'react';
+import { f as format } from '../../index-652e2df8.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-276de20a.js';
-import { h as getClassName } from '../../index-6827046f.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-fe46a6e4.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-b92ba40f.js';
+import { h as getClassName } from '../../index-47c26257.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-609ce157.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-79cd393b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-09d8c8e1.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-40df1564.js';
-import { u as useLocalization } from '../../LocalizationContext-db615943.js';
-import { a as useHandleOnScrollCallback } from '../../index-3e63c940.js';
-import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-8e98e731.js';
-import '../../index-4d522c23.js';
+import { M as MessageInputKeys } from '../../const-5de2cf59.js';
+import { u as useLocalization } from '../../LocalizationContext-e1c6d6a2.js';
+import { a as useHandleOnScrollCallback } from '../../index-6b84a311.js';
+import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-99e3d277.js';
+import '../../index-69fc4c41.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-eeae1abb.js';
-import '../../ThreadProvider-9bfbc726.js';
+import '../../uuid-e292e5ac.js';
+import '../../ThreadProvider-87cc447c.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-fd812a54.js';
-import '../../_rollupPluginBabelHelpers-8922cdd8.js';
+import '../../UserProfileContext-28379d67.js';
+import '../../_rollupPluginBabelHelpers-c0ee513a.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-956db9b6.js';
+import '../../topics-fc8cc946.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-744d2655.js';
+import '../../consts-2f73d64b.js';
 import '../../withSendbird.js';
-import '../../compareIds-fe890562.js';
-import '../../resolvedReplyType-90e3a487.js';
-import '../../color-244907cc.js';
-import '../../stringSet-dc813a23.js';
+import '../../compareIds-7b960453.js';
+import '../../resolvedReplyType-086a1608.js';
+import '../../color-994bdd6c.js';
+import '../../stringSet-21638a6b.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-37a17358.js';
-import '../../consts-3bf420fe.js';
-import '../../consts-96cd681a.js';
-import '../../tokenize-483a0650.js';
-import '../../index.module-928f99c4.js';
+import '../../consts-c652e1a2.js';
+import '../../consts-f95a957f.js';
+import '../../consts-9128ab13.js';
+import '../../tokenize-9d009872.js';
+import '../../index.module-3c05b37b.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-3ba31f40.js';
-import '../../index-4101093f.js';
+import '../../utils-3a30fec6.js';
+import '../../index-87af60b5.js';
 import '../../ui/Loader.js';
-import '../../index-164a786c.js';
-import '../../index-a199b774.js';
+import '../../index-5af66a82.js';
+import '../../index-38d1f14f.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-7fa2b640.js';
+import '../../types-6a35e036.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-0aa19213.js';
-import '../../MediaQueryContext-6f2a46fa.js';
+import '../../useLongPress-333a5b08.js';
+import '../../MediaQueryContext-51b61f4d.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d46addee.js';
+import '../../index-c3674bf4.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-eb087331.js';
+import '../../index-58259ea2.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-6f0dabad.js';
+import '../../index-594c29da.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-f178f446.js';
+import '../../index-8d47cf52.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';
@@ -168,6 +168,15 @@ const Message = _ref => {
   const messageScrollRef = useRef(null);
   const displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !isDisabledBecauseFrozen(currentGroupChannel) && !isDisabledBecauseMuted(currentGroupChannel);
   const disabled = !initialized || isDisabledBecauseFrozen(currentGroupChannel) || isDisabledBecauseMuted(currentGroupChannel) || !isOnline;
+  const messageMeta = useMemo(() => {
+    let messageMeta;
+    try {
+      messageMeta = message !== null && message !== void 0 && message.data ? JSON.parse(message.data) : null;
+    } catch (error) {
+      messageMeta = null;
+    }
+    return messageMeta;
+  }, [message === null || message === void 0 ? void 0 : message.data]);
   const handleOnScroll = useHandleOnScrollCallback({
     hasMore: false,
     onScroll: onScrollCallback,
@@ -206,7 +215,7 @@ const Message = _ref => {
   }, [showEdit, message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length]);
   useDidMountEffect(() => {
     handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
-  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+  }, [message === null || message === void 0 ? void 0 : message.updatedAt, messageMeta === null || messageMeta === void 0 ? void 0 : messageMeta.stream]);
   useLayoutEffect(() => {
     let animationTimeout = null;
     let messageHighlightedTimeout = null;