@sendbird/uikit-react 3.4.7-0 → 3.4.7

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-1988a4bc.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-4e555ef5.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,29 +9,29 @@ 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-48baadaf.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-c9746f2b.js';
-import './_rollupPluginBabelHelpers-b2d9bfc5.js';
+import { u as uuidv4 } from './uuid-5c7f30bd.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-35dda142.js';
+import './_rollupPluginBabelHelpers-5d0c716a.js';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './index.module-ab8289c1.js';
-import './actionTypes-e436fe6c.js';
+import './index.module-3d14ef05.js';
+import './actionTypes-b270327e.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './index-dbe0e004.js';
+import './index-303eca35.js';
 import './utils/message/getOutgoingMessageState.js';
-import './index-38a78d99.js';
+import './index-8e3a9e8c.js';
 import './VoiceRecorder/context.js';
-import './LocalizationContext-9c54e783.js';
-import './stringSet-1f18348a.js';
-import './index-a9ddd0f5.js';
-import './ChannelListProvider-c1d2f942.js';
-import './topics-d8d10f83.js';
-import './utils-0c09801e.js';
-import './UserProfileContext-a8aa4c0f.js';
+import './LocalizationContext-ad70364c.js';
+import './stringSet-da68ecef.js';
+import './index-794e37e5.js';
+import './ChannelListProvider-8be91a05.js';
+import './topics-0354b385.js';
+import './utils-c9c2364c.js';
+import './UserProfileContext-b68f33fc.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-4111594a.js';
+import './index-062a4eeb.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -39,12 +39,12 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-d2188082.js';
+import './CreateChannelProvider-5674e81b.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-2a938266.js';
+import './index-1e1cb669.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -55,48 +55,48 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-447a922e.js';
+import './utils-670974e1.js';
 import './ui/Badge.js';
-import './index-51bd074f.js';
-import './index-f48cfdf7.js';
+import './index-2bcc4298.js';
+import './index-6908bdd4.js';
 import './ui/Loader.js';
-import './index-3062a861.js';
-import './index-1a3c0d72.js';
+import './index-052724d9.js';
+import './index-4668028f.js';
 import './ui/MentionUserLabel.js';
-import './consts-d4c78cc0.js';
+import './consts-a7fe5f4a.js';
 import './ui/TextButton.js';
-import './color-3bac434a.js';
+import './color-c30f00bf.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-4ab3a851.js';
-import './compareIds-1e0e668f.js';
-import './const-5f722b91.js';
+import './ChannelProvider-d643e6d9.js';
+import './compareIds-90440dc5.js';
+import './const-582ca435.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './useLongPress-8acf717c.js';
+import './useLongPress-a8d92cab.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-59bd3da1.js';
+import './index-eebbce1c.js';
 import './ui/Input.js';
-import './index-77f3d9b0.js';
+import './index-8fea9d09.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-b57bff14.js';
+import './utils-63790b1a.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-6a07b718.js';
-import './ThreadProvider-0a3c5f37.js';
+import './const-5e916a50.js';
+import './ThreadProvider-96a5e77e.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import 'dompurify';
-import './consts-aadaccca.js';
-import './consts-790ae3a9.js';
-import './tokenize-63d895d3.js';
+import './consts-ee90b622.js';
+import './consts-6e63357c.js';
+import './tokenize-eeb42e72.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './types-a85de720.js';
+import './types-12d853e9.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
@@ -104,7 +104,7 @@ import './ui/TooltipWrapper.js';
 import './ui/ReactionBadge.js';
 import './ui/AdminMessage.js';
 import './ui/TextMessageItemBody.js';
-import './index-8df6bff0.js';
+import './index-365a1d88.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
@@ -121,14 +121,14 @@ import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './index-cfd0e4c4.js';
+import './index-4d66cb77.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-ff160b51.js';
+import './VoiceMessageInputWrapper-07631f8d.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-83600696.js';
+import './index-c50c6fa2.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -136,10 +136,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-fcbabe23.js';
+import './context-8a77d287.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-80ea8604.js';
+import './MemberList-24b818f8.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -148,7 +148,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-99b5bab4.js';
+import './RemoveMessageModal-54d1b0a4.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # Changelog - v3
 
+## [v3.4.7] (May 4 2023)
+
+Important Notes:
+* @sendbird/chat@4.8.0 has an issue with `abortcontroller-polyfill` plugin. Please use version 4.7.2 or install it separately.
+
+Features: 
+* Set Chat SDK v4.3.0 as the minimum required version.
+* Add a new UI component, Toggle:
+  * `ToggleContainer`: A context provider component that manages only the toggle status.
+  * `ToggleUI`: A UI component that does not include the status managing logic.
+  * `Toggle`: A combination of ToggleContainer and ToggleUI components.
+  * `useToggleContext`: A custom useContext hook that provides context from ToggleContainer.
+  ```javascript
+  import { Toggle, ToggleContainer, ToggleUI,  useToggleContext } from '@sendbird/ui/Toggle';
+  ```
+  
+Fixes:
+* Apply `isMuted` to the participant list. Operators can now unmute the muted participants from the participant list.
+* Update the max mention count notice message.
+* Modify the URL Regex to filter various types of formats.
+* Give a left margin to the link text inside the message.
+* Move the message list scroll after the OG image is loaded.
+* Specify that getSdk returns SendbirdGroupChannel or SendbirdOpenChannel.
+* Fix the issue where the current channel flickers on the ChannelList while creating a new group channel.
+
+Chores: 
+* Rewrite the connection logic in sdk/thunks to hooks/useConnect
+  ```
+  const reconnect = useConnect({
+    appId,
+    userId,
+    accessToken,
+  }, {
+    logger,
+    nickname,
+    profileUrl,
+    configureSession,
+    customApiHost,
+    customWebSocketHost,
+    sdk: sdkStore?.sdk,
+    sdkDispatcher,
+    userDispatcher,
+  });
+  ```
+* Rename `smart-components/` to `modules/`.
+* Modify Logger method:
+  * The first parameter (log message) of the method is now required.
+  * Any other values can be passed to the second parameter of the method in a key-value format.
+
 ## [v3.4.6] (Apr 21 2023)
 
 Fixes:

package/Channel/components/ChannelHeader.js

@@ -1,37 +1,37 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-b57bff14.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4111594a.js';
+import { g as getChannelTitle } from '../../utils-63790b1a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-062a4eeb.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-9c54e783.js';
+import { a as LocalizationContext } from '../../LocalizationContext-ad70364c.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-4ab3a851.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-1988a4bc.js';
-import { n as noop } from '../../utils-0c09801e.js';
+import { u as useChannelContext } from '../../ChannelProvider-d643e6d9.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-4e555ef5.js';
+import { n as noop } from '../../utils-c9c2364c.js';
 import 'prop-types';
-import '../../stringSet-1f18348a.js';
-import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
+import '../../stringSet-da68ecef.js';
+import '../../_rollupPluginBabelHelpers-5d0c716a.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-48baadaf.js';
-import '../../utils-447a922e.js';
-import '../../index-a9ddd0f5.js';
+import '../../uuid-5c7f30bd.js';
+import '../../utils-670974e1.js';
+import '../../index-794e37e5.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-a8aa4c0f.js';
-import '../../index-f48cfdf7.js';
-import '../../topics-d8d10f83.js';
-import '../../index-dbe0e004.js';
+import '../../UserProfileContext-b68f33fc.js';
+import '../../index-6908bdd4.js';
+import '../../topics-0354b385.js';
+import '../../index-303eca35.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-1e0e668f.js';
-import '../../const-5f722b91.js';
+import '../../compareIds-90440dc5.js';
+import '../../const-582ca435.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-c9746f2b.js';
+import '../../consts-35dda142.js';
 
 const ChannelHeader = _ref => {
   var _globalStore$config, _globalStore$config2, _currentGroupChannel$;

package/Channel/components/ChannelUI.js

@@ -1,67 +1,67 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-4ab3a851.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-77f3d9b0.js';
+import { u as useChannelContext } from '../../ChannelProvider-d643e6d9.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-8fea9d09.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-b2d9bfc5.js';
-import '../../UserProfileContext-a8aa4c0f.js';
+import '../../_rollupPluginBabelHelpers-5d0c716a.js';
+import '../../UserProfileContext-b68f33fc.js';
 import 'prop-types';
-import '../../index-f48cfdf7.js';
-import '../../index-a9ddd0f5.js';
-import '../../topics-d8d10f83.js';
-import '../../index-dbe0e004.js';
+import '../../index-6908bdd4.js';
+import '../../index-794e37e5.js';
+import '../../topics-0354b385.js';
+import '../../index-303eca35.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-1e0e668f.js';
-import '../../const-5f722b91.js';
+import '../../compareIds-90440dc5.js';
+import '../../const-582ca435.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-48baadaf.js';
+import '../../uuid-5c7f30bd.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-4111594a.js';
-import '../../stringSet-1f18348a.js';
+import '../../index-062a4eeb.js';
+import '../../stringSet-da68ecef.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-c9746f2b.js';
-import '../../LocalizationContext-9c54e783.js';
+import '../../consts-35dda142.js';
+import '../../LocalizationContext-ad70364c.js';
 import '../../ui/Loader.js';
-import '../../utils-b57bff14.js';
+import '../../utils-63790b1a.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-447a922e.js';
-import '../../MediaQueryContext-1988a4bc.js';
-import '../../utils-0c09801e.js';
+import '../../utils-670974e1.js';
+import '../../MediaQueryContext-4e555ef5.js';
+import '../../utils-c9c2364c.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-6a07b718.js';
-import '../../ThreadProvider-0a3c5f37.js';
+import '../../const-5e916a50.js';
+import '../../ThreadProvider-96a5e77e.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-3bac434a.js';
+import '../../color-c30f00bf.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-d4c78cc0.js';
-import '../../consts-aadaccca.js';
-import '../../consts-790ae3a9.js';
-import '../../tokenize-63d895d3.js';
+import '../../consts-a7fe5f4a.js';
+import '../../consts-ee90b622.js';
+import '../../consts-6e63357c.js';
+import '../../tokenize-eeb42e72.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-51bd074f.js';
-import '../../index-3062a861.js';
-import '../../index-1a3c0d72.js';
+import '../../index-2bcc4298.js';
+import '../../index-052724d9.js';
+import '../../index-4668028f.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-a85de720.js';
+import '../../types-12d853e9.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -69,8 +69,8 @@ import '../../ui/TooltipWrapper.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-8df6bff0.js';
-import '../../index.module-ab8289c1.js';
+import '../../index-365a1d88.js';
+import '../../index.module-3d14ef05.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
@@ -80,26 +80,26 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-8acf717c.js';
+import '../../useLongPress-a8d92cab.js';
 import '../../ui/BottomSheet.js';
-import '../../index-2a938266.js';
+import '../../index-1e1cb669.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-38a78d99.js';
+import '../../index-8e3a9e8c.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
 import '../../ui/Modal.js';
-import '../../index-cfd0e4c4.js';
+import '../../index-4d66cb77.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-ff160b51.js';
+import '../../VoiceMessageInputWrapper-07631f8d.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-83600696.js';
+import '../../index-c50c6fa2.js';
 
 const ChannelUI = _ref => {
   var _globalStore$stores, _globalStore$stores$s, _globalStore$config, _globalStore$config2;

package/Channel/components/FileViewer.js

@@ -1,31 +1,31 @@
 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-4111594a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-062a4eeb.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-2a938266.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-dbe0e004.js';
+import { M as MODAL_ROOT } from '../../index-1e1cb669.js';
+import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-303eca35.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-4ab3a851.js';
+import { u as useChannelContext } from '../../ChannelProvider-d643e6d9.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-48baadaf.js';
+import '../../uuid-5c7f30bd.js';
 import 'prop-types';
-import '../../stringSet-1f18348a.js';
-import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
+import '../../stringSet-da68ecef.js';
+import '../../_rollupPluginBabelHelpers-5d0c716a.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-a8aa4c0f.js';
-import '../../index-f48cfdf7.js';
-import '../../index-a9ddd0f5.js';
-import '../../topics-d8d10f83.js';
-import '../../compareIds-1e0e668f.js';
-import '../../const-5f722b91.js';
+import '../../UserProfileContext-b68f33fc.js';
+import '../../index-6908bdd4.js';
+import '../../index-794e37e5.js';
+import '../../topics-0354b385.js';
+import '../../compareIds-90440dc5.js';
+import '../../const-582ca435.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-c9746f2b.js';
+import '../../consts-35dda142.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-9c54e783.js';
-import { L as Label, a as LabelTypography } from '../../index-4111594a.js';
-import '../../stringSet-1f18348a.js';
-import '../../index-a9ddd0f5.js';
+import { a as LocalizationContext } from '../../LocalizationContext-ad70364c.js';
+import { L as Label, a as LabelTypography } from '../../index-062a4eeb.js';
+import '../../stringSet-da68ecef.js';
+import '../../index-794e37e5.js';
 import 'prop-types';
 
 const FrozenNotification = _ref => {

package/Channel/components/Message.js

@@ -1,59 +1,59 @@
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-f48cfdf7.js';
+import { f as format } from '../../index-6908bdd4.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-4ab3a851.js';
-import { j as getClassName } from '../../index-dbe0e004.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-5f722b91.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-d643e6d9.js';
+import { j as getClassName } from '../../index-303eca35.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-582ca435.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4111594a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-062a4eeb.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-6a07b718.js';
-import { u as useLocalization } from '../../LocalizationContext-9c54e783.js';
-import { u as useHandleOnScrollCallback } from '../../index-cfd0e4c4.js';
-import '../../index-a9ddd0f5.js';
+import { M as MessageInputKeys } from '../../const-5e916a50.js';
+import { u as useLocalization } from '../../LocalizationContext-ad70364c.js';
+import { u as useHandleOnScrollCallback } from '../../index-4d66cb77.js';
+import '../../index-794e37e5.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-48baadaf.js';
-import '../../ThreadProvider-0a3c5f37.js';
+import '../../uuid-5c7f30bd.js';
+import '../../ThreadProvider-96a5e77e.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-a8aa4c0f.js';
-import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
+import '../../UserProfileContext-b68f33fc.js';
+import '../../_rollupPluginBabelHelpers-5d0c716a.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-d8d10f83.js';
+import '../../topics-0354b385.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-c9746f2b.js';
+import '../../consts-35dda142.js';
 import '../../withSendbird.js';
-import '../../compareIds-1e0e668f.js';
+import '../../compareIds-90440dc5.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-1f18348a.js';
+import '../../stringSet-da68ecef.js';
 import '../../ui/ReactionButton.js';
-import '../../color-3bac434a.js';
+import '../../color-c30f00bf.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-d4c78cc0.js';
-import '../../consts-aadaccca.js';
-import '../../consts-790ae3a9.js';
-import '../../tokenize-63d895d3.js';
+import '../../consts-a7fe5f4a.js';
+import '../../consts-ee90b622.js';
+import '../../consts-6e63357c.js';
+import '../../tokenize-eeb42e72.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-0c09801e.js';
-import '../../index-51bd074f.js';
+import '../../utils-c9c2364c.js';
+import '../../index-2bcc4298.js';
 import '../../ui/Loader.js';
-import '../../index-3062a861.js';
-import '../../index-1a3c0d72.js';
+import '../../index-052724d9.js';
+import '../../index-4668028f.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-a85de720.js';
+import '../../types-12d853e9.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -61,26 +61,26 @@ import '../../ui/TooltipWrapper.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-8df6bff0.js';
-import '../../index.module-ab8289c1.js';
+import '../../index-365a1d88.js';
+import '../../index.module-3d14ef05.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../MediaQueryContext-1988a4bc.js';
+import '../../MediaQueryContext-4e555ef5.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-8acf717c.js';
+import '../../useLongPress-a8d92cab.js';
 import '../../ui/BottomSheet.js';
-import '../../index-2a938266.js';
+import '../../index-1e1cb669.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-38a78d99.js';
+import '../../index-8e3a9e8c.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Modal.js';