@sendbird/uikit-react 3.4.4-rc.2 → 3.4.4

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-8db5b11a.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-683c7242.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,30 +9,30 @@ 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-cf6716cb.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-b275d9da.js';
-import './tslib.es6-21874629.js';
+import { u as uuidv4 } from './uuid-29207f65.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-b3042213.js';
+import './tslib.es6-1aaf3795.js';
 import './withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './actionTypes-66152bd7.js';
-import './index-a8cc1378.js';
+import './actionTypes-80e9dbe4.js';
+import './index-556999ef.js';
 import './utils/message/getOutgoingMessageState.js';
 import 'css-vars-ponyfill';
-import './_rollupPluginBabelHelpers-af827563.js';
-import './index-062cd180.js';
+import './_rollupPluginBabelHelpers-37cba0d6.js';
+import './index-e1cff2ff.js';
 import './VoiceRecorder/context.js';
 import './lame.all.js';
-import './LocalizationContext-a20f1269.js';
-import './stringSet-16d76354.js';
-import './index-b7f11b75.js';
-import './ChannelListProvider-44e8547a.js';
-import './topics-cf8fabf5.js';
-import './utils-369f1bd4.js';
-import './UserProfileContext-2ee4427e.js';
+import './LocalizationContext-ef72d4b1.js';
+import './stringSet-273bec27.js';
+import './index-18c2f8d4.js';
+import './ChannelListProvider-3c107fc7.js';
+import './topics-df7f51d4.js';
+import './utils-99c30ef6.js';
+import './UserProfileContext-5d7c5f9f.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-c52afc50.js';
+import './index-2c0ab386.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -40,12 +40,12 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-f1fbf439.js';
+import './CreateChannelProvider-09772304.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-d9f8424d.js';
+import './index-e3d008b9.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -56,45 +56,45 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-3e63a59c.js';
+import './utils-25614c42.js';
 import './ui/Badge.js';
-import './index-c19ac1ae.js';
-import './index-8259be1c.js';
+import './index-5be5af6d.js';
+import './index-97a2ff37.js';
 import './ui/Loader.js';
-import './index-b6307eba.js';
-import './index-42429d4a.js';
+import './index-9a413f89.js';
+import './index-1dfb77d4.js';
 import './ui/MentionUserLabel.js';
-import './consts-7dc2e24e.js';
+import './consts-f9543b99.js';
 import './ui/TextButton.js';
-import './color-9914e868.js';
+import './color-e5d40073.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-67ab36df.js';
-import './compareIds-5b880a02.js';
-import './const-32e76e15.js';
+import './ChannelProvider-28639e83.js';
+import './compareIds-148644b4.js';
+import './const-bf594206.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './useLongPress-c49de8aa.js';
+import './useLongPress-1ae5a380.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-6438ded6.js';
+import './index-113d122f.js';
 import './ui/Input.js';
-import './index-b377ef7e.js';
+import './index-86cb1c98.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-8767edbc.js';
+import './utils-1b97d8ea.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-193b2cee.js';
-import './ThreadProvider-9b68bbfb.js';
+import './const-bba4efc9.js';
+import './ThreadProvider-435a6f11.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import 'dompurify';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './types-39cccb67.js';
+import './types-ed183627.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
@@ -122,9 +122,9 @@ import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-02da58d2.js';
+import './VoiceMessageInputWrapper-8a9dda68.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-214a28eb.js';
+import './index-e571f56c.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -132,9 +132,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-ab07b150.js';
+import './context-e82cf2c4.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-bb8a12ee.js';
+import './MemberList-0bc3ff4a.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -143,7 +143,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-6c854075.js';
+import './RemoveMessageModal-63a8b079.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -2,14 +2,16 @@
 
 ## [v3.4.4] (Mar 31 2023)
 Features:
-* Increase the default maximum recording time of Voice Message to 10-minute
+* Increase default maximum recording time of Voice Message to 10 minutes
 * Add logger to VoicePlayer, VoiceRecorder, and useSendVoiceMessage hook
 
 Fixes:
-* Do not allow to scroll the whole page when OpenChannel is inside of the page that has scroll
-* Fix the issue that sending two voice messages when play audio before send the message
-* Clean up the interface of Thread
-  * <Thread message={message} />: The props message will be able to be the parent message of thread message
+* Prevent whole page from scrolling when OpenChannel scrolls
+  This issue occurs when customer implements an OpenChannel in a web page with scroll
+* Fix edgecase in which voice messages were sent twice
+* Clean up Thread interface
+  If message.parentMessage doesnt exist, treat message as parentMessage
+  `<Thread message={message} />`
 
 ## [v3.4.3] (Mar 24 2023)
 

package/Channel/components/ChannelHeader.js

@@ -1,38 +1,38 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-8767edbc.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-c52afc50.js';
+import { g as getChannelTitle } from '../../utils-1b97d8ea.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.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-a20f1269.js';
+import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-67ab36df.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-8db5b11a.js';
-import { n as noop } from '../../utils-369f1bd4.js';
+import { u as useChannelContext } from '../../ChannelProvider-28639e83.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-683c7242.js';
+import { n as noop } from '../../utils-99c30ef6.js';
 import 'prop-types';
-import '../../stringSet-16d76354.js';
-import '../../tslib.es6-21874629.js';
+import '../../stringSet-273bec27.js';
+import '../../tslib.es6-1aaf3795.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-cf6716cb.js';
-import '../../utils-3e63a59c.js';
-import '../../index-b7f11b75.js';
+import '../../uuid-29207f65.js';
+import '../../utils-25614c42.js';
+import '../../index-18c2f8d4.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-2ee4427e.js';
-import '../../index-8259be1c.js';
-import '../../topics-cf8fabf5.js';
-import '../../index-a8cc1378.js';
+import '../../UserProfileContext-5d7c5f9f.js';
+import '../../index-97a2ff37.js';
+import '../../topics-df7f51d4.js';
+import '../../index-556999ef.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-af827563.js';
-import '../../compareIds-5b880a02.js';
-import '../../const-32e76e15.js';
+import '../../_rollupPluginBabelHelpers-37cba0d6.js';
+import '../../compareIds-148644b4.js';
+import '../../const-bf594206.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-b275d9da.js';
+import '../../consts-b3042213.js';
 
 var ChannelHeader = function (_a) {
   var _b, _c, _d;

package/Channel/components/ChannelUI.js

@@ -1,65 +1,65 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-67ab36df.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-b377ef7e.js';
+import { u as useChannelContext } from '../../ChannelProvider-28639e83.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-86cb1c98.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 '../../tslib.es6-21874629.js';
-import '../../UserProfileContext-2ee4427e.js';
+import '../../tslib.es6-1aaf3795.js';
+import '../../UserProfileContext-5d7c5f9f.js';
 import 'prop-types';
-import '../../index-8259be1c.js';
-import '../../index-b7f11b75.js';
-import '../../topics-cf8fabf5.js';
-import '../../index-a8cc1378.js';
+import '../../index-97a2ff37.js';
+import '../../index-18c2f8d4.js';
+import '../../topics-df7f51d4.js';
+import '../../index-556999ef.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-af827563.js';
-import '../../compareIds-5b880a02.js';
-import '../../const-32e76e15.js';
+import '../../_rollupPluginBabelHelpers-37cba0d6.js';
+import '../../compareIds-148644b4.js';
+import '../../const-bf594206.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-cf6716cb.js';
+import '../../uuid-29207f65.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-c52afc50.js';
-import '../../stringSet-16d76354.js';
+import '../../index-2c0ab386.js';
+import '../../stringSet-273bec27.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-b275d9da.js';
-import '../../LocalizationContext-a20f1269.js';
+import '../../consts-b3042213.js';
+import '../../LocalizationContext-ef72d4b1.js';
 import '../../ui/Loader.js';
-import '../../utils-8767edbc.js';
+import '../../utils-1b97d8ea.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-3e63a59c.js';
-import '../../MediaQueryContext-8db5b11a.js';
-import '../../utils-369f1bd4.js';
+import '../../utils-25614c42.js';
+import '../../MediaQueryContext-683c7242.js';
+import '../../utils-99c30ef6.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-193b2cee.js';
-import '../../ThreadProvider-9b68bbfb.js';
+import '../../const-bba4efc9.js';
+import '../../ThreadProvider-435a6f11.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-9914e868.js';
+import '../../color-e5d40073.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-7dc2e24e.js';
+import '../../consts-f9543b99.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-c19ac1ae.js';
-import '../../index-b6307eba.js';
-import '../../index-42429d4a.js';
+import '../../index-5be5af6d.js';
+import '../../index-9a413f89.js';
+import '../../index-1dfb77d4.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-39cccb67.js';
+import '../../types-ed183627.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -76,14 +76,14 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-c49de8aa.js';
+import '../../useLongPress-1ae5a380.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d9f8424d.js';
+import '../../index-e3d008b9.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-062cd180.js';
+import '../../index-e1cff2ff.js';
 import '../../VoiceRecorder/context.js';
 import '../../lame.all.js';
 import '../../ui/PlaybackTime.js';
@@ -93,9 +93,9 @@ import '../../ui/Modal.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-02da58d2.js';
+import '../../VoiceMessageInputWrapper-8a9dda68.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-214a28eb.js';
+import '../../index-e571f56c.js';
 
 var ChannelUI = function (_a) {
   var _b, _c, _d, _e;

package/Channel/components/FileViewer.js

@@ -1,32 +1,32 @@
 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-c52afc50.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-d9f8424d.js';
-import { E as isSupportedFileView, F as isVideo, G as isImage } from '../../index-a8cc1378.js';
+import { M as MODAL_ROOT } from '../../index-e3d008b9.js';
+import { E as isSupportedFileView, F as isVideo, G as isImage } from '../../index-556999ef.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-67ab36df.js';
-import '../../tslib.es6-21874629.js';
+import { u as useChannelContext } from '../../ChannelProvider-28639e83.js';
+import '../../tslib.es6-1aaf3795.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-cf6716cb.js';
+import '../../uuid-29207f65.js';
 import 'prop-types';
-import '../../stringSet-16d76354.js';
+import '../../stringSet-273bec27.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-2ee4427e.js';
-import '../../index-8259be1c.js';
-import '../../index-b7f11b75.js';
-import '../../topics-cf8fabf5.js';
-import '../../_rollupPluginBabelHelpers-af827563.js';
-import '../../compareIds-5b880a02.js';
-import '../../const-32e76e15.js';
+import '../../UserProfileContext-5d7c5f9f.js';
+import '../../index-97a2ff37.js';
+import '../../index-18c2f8d4.js';
+import '../../topics-df7f51d4.js';
+import '../../_rollupPluginBabelHelpers-37cba0d6.js';
+import '../../compareIds-148644b4.js';
+import '../../const-bf594206.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-b275d9da.js';
+import '../../consts-b3042213.js';
 
 var FileViewerComponent = function (_a) {
   var // sender

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-a20f1269.js';
-import { L as Label, a as LabelTypography } from '../../index-c52afc50.js';
-import '../../stringSet-16d76354.js';
-import '../../index-b7f11b75.js';
+import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
+import { L as Label, a as LabelTypography } from '../../index-2c0ab386.js';
+import '../../stringSet-273bec27.js';
+import '../../index-18c2f8d4.js';
 import 'prop-types';
 
 var FrozenNotification = function (_a) {

package/Channel/components/Message.js

@@ -1,56 +1,56 @@
-import { a as __spreadArray } from '../../tslib.es6-21874629.js';
+import { a as __spreadArray } from '../../tslib.es6-1aaf3795.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-8259be1c.js';
+import { f as format } from '../../index-97a2ff37.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-67ab36df.js';
-import { j as getClassName } from '../../index-a8cc1378.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-32e76e15.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-28639e83.js';
+import { j as getClassName } from '../../index-556999ef.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-bf594206.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-c52afc50.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.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-193b2cee.js';
-import { u as useLocalization } from '../../LocalizationContext-a20f1269.js';
-import '../../index-b7f11b75.js';
+import { M as MessageInputKeys } from '../../const-bba4efc9.js';
+import { u as useLocalization } from '../../LocalizationContext-ef72d4b1.js';
+import '../../index-18c2f8d4.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-cf6716cb.js';
-import '../../ThreadProvider-9b68bbfb.js';
+import '../../uuid-29207f65.js';
+import '../../ThreadProvider-435a6f11.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-2ee4427e.js';
+import '../../UserProfileContext-5d7c5f9f.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-cf8fabf5.js';
+import '../../topics-df7f51d4.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-b275d9da.js';
+import '../../consts-b3042213.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-af827563.js';
-import '../../compareIds-5b880a02.js';
+import '../../_rollupPluginBabelHelpers-37cba0d6.js';
+import '../../compareIds-148644b4.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-16d76354.js';
+import '../../stringSet-273bec27.js';
 import '../../ui/ReactionButton.js';
-import '../../color-9914e868.js';
+import '../../color-e5d40073.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-7dc2e24e.js';
+import '../../consts-f9543b99.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-369f1bd4.js';
-import '../../index-c19ac1ae.js';
+import '../../utils-99c30ef6.js';
+import '../../index-5be5af6d.js';
 import '../../ui/Loader.js';
-import '../../index-b6307eba.js';
-import '../../index-42429d4a.js';
+import '../../index-9a413f89.js';
+import '../../index-1dfb77d4.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-39cccb67.js';
+import '../../types-ed183627.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -63,19 +63,19 @@ import '../../ui/LinkLabel.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../MediaQueryContext-8db5b11a.js';
+import '../../MediaQueryContext-683c7242.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-c49de8aa.js';
+import '../../useLongPress-1ae5a380.js';
 import '../../ui/BottomSheet.js';
-import '../../index-d9f8424d.js';
+import '../../index-e3d008b9.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-062cd180.js';
+import '../../index-e1cff2ff.js';
 import '../../VoiceRecorder/context.js';
 import '../../lame.all.js';
 import '../../ui/PlaybackTime.js';

package/Channel/components/MessageInput.js

@@ -1,57 +1,57 @@
-import { a as __spreadArray } from '../../tslib.es6-21874629.js';
+import { a as __spreadArray } from '../../tslib.es6-1aaf3795.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-67ab36df.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-28639e83.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-a20f1269.js';
+import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-193b2cee.js';
-import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-02da58d2.js';
-import '../../UserProfileContext-2ee4427e.js';
+import { M as MessageInputKeys } from '../../const-bba4efc9.js';
+import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-8a9dda68.js';
+import '../../UserProfileContext-5d7c5f9f.js';
 import 'prop-types';
-import '../../index-8259be1c.js';
-import '../../index-b7f11b75.js';
-import '../../topics-cf8fabf5.js';
-import '../../index-a8cc1378.js';
+import '../../index-97a2ff37.js';
+import '../../index-18c2f8d4.js';
+import '../../topics-df7f51d4.js';
+import '../../index-556999ef.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-af827563.js';
-import '../../compareIds-5b880a02.js';
-import '../../const-32e76e15.js';
+import '../../_rollupPluginBabelHelpers-37cba0d6.js';
+import '../../compareIds-148644b4.js';
+import '../../const-bf594206.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-cf6716cb.js';
+import '../../uuid-29207f65.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-c52afc50.js';
-import '../../stringSet-16d76354.js';
+import '../../index-2c0ab386.js';
+import '../../stringSet-273bec27.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-b275d9da.js';
+import '../../consts-b3042213.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-7dc2e24e.js';
+import '../../consts-f9543b99.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';
-import '../../ThreadProvider-9b68bbfb.js';
+import '../../ThreadProvider-435a6f11.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-062cd180.js';
+import '../../index-e1cff2ff.js';
 import '../../VoiceRecorder/context.js';
 import '../../lame.all.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-214a28eb.js';
+import '../../index-e571f56c.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../color-9914e868.js';
+import '../../color-e5d40073.js';
 import '../../ui/Modal.js';
-import '../../index-d9f8424d.js';
-import '../../MediaQueryContext-8db5b11a.js';
+import '../../index-e3d008b9.js';
+import '../../MediaQueryContext-683c7242.js';
 
 var MessageInputWrapper = function (props, ref) {
   var value = props.value,