@sendbird/uikit-react 3.9.1 → 3.9.2-rc-0

package/App.js

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
 import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-yCtFACB5.js';
+import { u as useMediaQueryContext } from './chunks/bundle-66ay232X.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -8,44 +8,44 @@ 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 './chunks/bundle-dJsyeOhk.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-OQ0EWLYP.js';
-import './chunks/bundle-c5jegKUx.js';
+import { u as uuidv4 } from './chunks/bundle-3cbFgcyh.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-DzFxcw-C.js';
+import './chunks/bundle-lZgskv5F.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
 import 'css-vars-ponyfill';
-import './chunks/bundle-KZXjN5v7.js';
-import './chunks/bundle-DGEj-Zfy.js';
+import './chunks/bundle--N20GcJ0.js';
+import './chunks/bundle-qh7PdI4F.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-CQMOLj5V.js';
+import './chunks/bundle-zVaypUQR.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-XtwZ5oLQ.js';
+import './chunks/bundle-3XB9OWfi.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-ZSLOjQvb.js';
-import './chunks/bundle-LdRGfmOs.js';
-import './chunks/bundle-Izb-WW89.js';
-import './chunks/bundle-vUampZQQ.js';
+import './chunks/bundle-DE2stUpD.js';
+import './chunks/bundle-HVBbeXSo.js';
+import './chunks/bundle-pyf-NLjR.js';
+import './chunks/bundle--ZKXX7Cw.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-u2CeAx57.js';
+import './chunks/bundle-aHZy_PSv.js';
 import './ui/Icon.js';
-import './chunks/bundle-EQ2jMcm0.js';
-import './chunks/bundle-v0zf-Toj.js';
+import './chunks/bundle-ZyGxxnL7.js';
+import './chunks/bundle-yIRMcNMY.js';
 import './hooks/useModal.js';
-import './chunks/bundle-SmfpNG66.js';
-import './chunks/bundle-OwUIW9B_.js';
-import './chunks/bundle-J3Xwcu_c.js';
+import './chunks/bundle-cQJ5iUQh.js';
+import './chunks/bundle-qX4thf-l.js';
+import './chunks/bundle-4M7U4fS5.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './chunks/bundle-HbEA73mt.js';
+import './chunks/bundle-3Nywx_Dd.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-7JHtC_JJ.js';
+import './chunks/bundle-I8NaOT_e.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-S1smGX8b.js';
+import './chunks/bundle-YTCXwI-0.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/UserListItem.js';
@@ -57,27 +57,27 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-c944_BvY.js';
+import './chunks/bundle-Jk7uJTYx.js';
 import './ui/Badge.js';
-import './chunks/bundle-UwlFw2lK.js';
-import './chunks/bundle-9hVs1LFe.js';
+import './chunks/bundle-jh4HKeSw.js';
+import './chunks/bundle-sErzo_yh.js';
 import './ui/Loader.js';
-import './chunks/bundle-GJfy3_LK.js';
-import './chunks/bundle-jRxDZ3BJ.js';
+import './chunks/bundle-zl1Dni1k.js';
+import './chunks/bundle-AGso0CrQ.js';
 import './ui/MentionUserLabel.js';
-import './chunks/bundle-okmgQKUZ.js';
+import './chunks/bundle-b1q2ozMe.js';
 import './ui/TextButton.js';
-import './chunks/bundle-mAbwjJsi.js';
+import './chunks/bundle-_fQqcwCr.js';
 import './Channel/components/TypingIndicator.js';
-import './chunks/bundle-kPskppps.js';
-import './chunks/bundle-fwLsGp6N.js';
-import './chunks/bundle-HfYRQGkt.js';
+import './chunks/bundle-d-4jSVGO.js';
+import './chunks/bundle-SbX0VKxZ.js';
+import './chunks/bundle-61LmwCyJ.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-Bjgxg83b.js';
-import './chunks/bundle-tc0rEnB_.js';
+import './chunks/bundle-TuJfYJqE.js';
+import './chunks/bundle-3JKIauDy.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-5uv0Aei2.js';
-import './chunks/bundle-5HYqTaTr.js';
+import './chunks/bundle-POWqsA08.js';
+import './chunks/bundle-gaTX1Jvh.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
@@ -87,23 +87,23 @@ import './ui/PlaceHolder.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './chunks/bundle-_43SdcJP.js';
-import './chunks/bundle-5qCLkG6l.js';
+import './chunks/bundle-e2S3YaM8.js';
+import './chunks/bundle-GcLhLhxD.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-rgIbMndg.js';
+import './chunks/bundle-FWmW913k.js';
 import './Thread/context.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-ejXMvNVx.js';
+import './chunks/bundle-mbUta6LN.js';
 import 'dompurify';
-import './chunks/bundle-Ha6WT0Hp.js';
-import './chunks/bundle-ZxBmutMJ.js';
-import './chunks/bundle-dBXZk5Y3.js';
+import './chunks/bundle-jeLV7B-a.js';
+import './chunks/bundle-XogtGVTO.js';
+import './chunks/bundle-df46dsRk.js';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-OuijNFkl.js';
+import './chunks/bundle-rhbE1Oo5.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
 import './ui/EmojiReactions.js';
@@ -114,17 +114,17 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-7jjAs2HK.js';
-import './chunks/bundle-QScSctu4.js';
+import './chunks/bundle-T6yNcj8r.js';
+import './chunks/bundle-gXxTJkeT.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-J87QWRh3.js';
+import './chunks/bundle-YrEf4HsK.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-rMW82DKu.js';
-import './chunks/bundle-DB4PuqmB.js';
+import './chunks/bundle-EWqnHHyU.js';
+import './chunks/bundle-LUZcEu61.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -133,21 +133,21 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-f7C0xlTH.js';
-import './chunks/bundle-bLXmqujU.js';
+import './chunks/bundle-oXDdBHbW.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
+import './chunks/bundle-0ui3-tvv.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './chunks/bundle-hDMLfh4n.js';
+import './chunks/bundle-C3Q9j1VB.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-LKILWG-V.js';
+import './chunks/bundle-XKR29ib5.js';
 import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-XyLdN-Hr.js';
+import './chunks/bundle-8EUYVO1D.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -155,10 +155,10 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-4wKb8u1C.js';
+import './chunks/bundle-bQ9YdFKp.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-b0USVddN.js';
+import './chunks/bundle-xzeUdepV.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -167,7 +167,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-4nIx2RJD.js';
+import './chunks/bundle-E_0HzZmZ.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
@@ -177,7 +177,6 @@ import './Thread/components/ThreadMessageInput.js';
 
 var DesktopLayout = function (props) {
     var isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, showSettings = props.showSettings, setShowSettings = props.setShowSettings, showSearch = props.showSearch, setShowSearch = props.setShowSearch, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, showThread = props.showThread, setShowThread = props.setShowThread, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage;
-    var _a = useState(null), animatedMessageId = _a[0], setAnimatedMessageId = _a[1];
     return (React__default.createElement("div", { className: "sendbird-app__wrap" },
         React__default.createElement("div", { className: "sendbird-app__channellist-wrap" },
             React__default.createElement(ChannelList, { allowProfileEdit: allowProfileEdit, activeChannelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, onChannelSelect: function (channel) {
@@ -216,10 +215,10 @@ var DesktopLayout = function (props) {
                         setShowThread(true);
                     }
                 }, onMessageAnimated: function () {
-                    setAnimatedMessageId(null);
+                    setHighlightedMessage(null);
                 }, onMessageHighlighted: function () {
                     setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
-                }, showSearchIcon: showSearchIcon, startingPoint: startingPoint, animatedMessage: animatedMessageId, highlightedMessage: highlightedMessage, isReactionEnabled: isReactionEnabled, replyType: replyType, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled })),
+                }, showSearchIcon: showSearchIcon, startingPoint: startingPoint, animatedMessage: highlightedMessage, isReactionEnabled: isReactionEnabled, replyType: replyType, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled })),
         showSettings && (React__default.createElement("div", { className: "sendbird-app__settingspanel-wrap" },
             React__default.createElement(ChannelSettings, { className: "sendbird-channel-settings", channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
                     setShowSettings(false);
@@ -246,11 +245,11 @@ var DesktopLayout = function (props) {
                 if ((channel === null || channel === void 0 ? void 0 : channel.url) !== (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
                     setCurrentChannel(channel);
                 }
-                if ((message === null || message === void 0 ? void 0 : message.messageId) !== animatedMessageId) {
+                if ((message === null || message === void 0 ? void 0 : message.messageId) !== highlightedMessage) {
                     setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
                 }
                 setTimeout(function () {
-                    setAnimatedMessageId(message === null || message === void 0 ? void 0 : message.messageId);
+                    setHighlightedMessage(message === null || message === void 0 ? void 0 : message.messageId);
                 }, 500);
             } }))));
 };
@@ -265,9 +264,8 @@ var PANELS;
 })(PANELS || (PANELS = {}));
 var MobileLayout = function (props) {
     var _a, _b, _c;
-    var replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, isReactionEnabled = props.isReactionEnabled, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage;
+    var replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, isReactionEnabled = props.isReactionEnabled, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage;
     var _d = useState(PANELS.CHANNEL_LIST), panel = _d[0], setPanel = _d[1];
-    var _e = useState(null), animatedMessageId = _e[0], setAnimatedMessageId = _e[1];
     var store = useSendbirdStateContext();
     var sdk = (_b = (_a = store === null || store === void 0 ? void 0 : store.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
     var userId = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId;
@@ -280,7 +278,7 @@ var MobileLayout = function (props) {
     };
     useEffect(function () {
         if (panel !== PANELS.CHANNEL) {
-            goToMessage(null, function () { return setAnimatedMessageId(null); });
+            goToMessage(null, function () { return setHighlightedMessage(null); });
         }
     }, [panel]);
     useEffect(function () {
@@ -332,7 +330,7 @@ var MobileLayout = function (props) {
                 }, onBackClick: function () {
                     setPanel(PANELS.CHANNEL_LIST);
                     pause(ALL);
-                }, isReactionEnabled: isReactionEnabled, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, startingPoint: startingPoint, animatedMessage: animatedMessageId, highlightedMessage: highlightedMessage, onChatHeaderActionClick: function () {
+                }, isReactionEnabled: isReactionEnabled, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, startingPoint: startingPoint, animatedMessage: highlightedMessage, onChatHeaderActionClick: function () {
                     setPanel(PANELS.CHANNEL_SETTINGS);
                 }, onReplyInThread: function (_a) {
                     var message = _a.message;
@@ -371,7 +369,7 @@ var MobileLayout = function (props) {
                     setCurrentChannel(channel);
                     goToMessage(message, function (messageId) {
                         setPanel(PANELS.CHANNEL);
-                        setAnimatedMessageId(messageId);
+                        setHighlightedMessage(messageId);
                     });
                 } })))));
 };

package/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"App.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog - v3
 
+## [v3.9.2] (Dec 15 2023)
+
+### Fixes:
+  * Fixed scroll issues
+    * Maintain scroll position when loading previous messages.
+    * Maintain scroll position when loading next messages.
+    * Move the logic that delays rendering mmf to the correct location.
+    * Resolve an issue where scroll position wasn't adjusting correctly when the message content size was updated (caused by debouncing scroll events).
+    * Use message animation instead of highlighting when moving to a message with message search
+  * Reset text display issue
+    * Fix the appearance of incomplete text compositions from the previous input in the next input.
+  * Fixed type errors
+    * Resolve the type error related to `PropsWithChildren`.
+    * Address the issue of not being assignable to type error, where the property 'children' doesn't exist on type `PropsWithChildren`.
+    * Use `PropsWithChildren<unknown> `instead of `PropsWithChildren`.
+  * Fixed a voice message length parsing issue
+    * Include metaArray to the message list when fetching messages again by connecting
+
 ## [v3.9.1] (Dec 8 2023)
 
 ### Features:

package/Channel/components/ChannelHeader.js

@@ -1,39 +1,39 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../chunks/bundle-_43SdcJP.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-u2CeAx57.js';
+import { g as getChannelTitle } from '../../chunks/bundle-e2S3YaM8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-aHZy_PSv.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { L as LocalizationContext } from '../../chunks/bundle-ZSLOjQvb.js';
+import { L as LocalizationContext } from '../../chunks/bundle-DE2stUpD.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-kPskppps.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-yCtFACB5.js';
-import { n as noop } from '../../chunks/bundle-XtwZ5oLQ.js';
-import '../../chunks/bundle-c5jegKUx.js';
-import '../../chunks/bundle-LdRGfmOs.js';
-import '../../chunks/bundle-HbEA73mt.js';
+import { u as useChannelContext } from '../../chunks/bundle-d-4jSVGO.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-66ay232X.js';
+import { n as noop } from '../../chunks/bundle-3XB9OWfi.js';
+import '../../chunks/bundle-lZgskv5F.js';
+import '../../chunks/bundle-HVBbeXSo.js';
+import '../../chunks/bundle-3Nywx_Dd.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-dJsyeOhk.js';
-import '../../chunks/bundle-7JHtC_JJ.js';
-import '../../chunks/bundle-c944_BvY.js';
-import '../../chunks/bundle-Izb-WW89.js';
+import '../../chunks/bundle-3cbFgcyh.js';
+import '../../chunks/bundle-I8NaOT_e.js';
+import '../../chunks/bundle-Jk7uJTYx.js';
+import '../../chunks/bundle-pyf-NLjR.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-J3Xwcu_c.js';
-import '../../chunks/bundle-fwLsGp6N.js';
-import '../../chunks/bundle-HfYRQGkt.js';
-import '../../chunks/bundle-9hVs1LFe.js';
-import '../../chunks/bundle-CQMOLj5V.js';
+import '../../chunks/bundle-4M7U4fS5.js';
+import '../../chunks/bundle-SbX0VKxZ.js';
+import '../../chunks/bundle-61LmwCyJ.js';
+import '../../chunks/bundle-sErzo_yh.js';
+import '../../chunks/bundle-zVaypUQR.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-KZXjN5v7.js';
+import '../../chunks/bundle--N20GcJ0.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Bjgxg83b.js';
-import '../../chunks/bundle-tc0rEnB_.js';
+import '../../chunks/bundle-TuJfYJqE.js';
+import '../../chunks/bundle-3JKIauDy.js';
 import '@sendbird/chat/groupChannel';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-OwUIW9B_.js';
-import '../../chunks/bundle-EQ2jMcm0.js';
-import '../../chunks/bundle-v0zf-Toj.js';
-import '../../chunks/bundle-5uv0Aei2.js';
+import '../../chunks/bundle-qX4thf-l.js';
+import '../../chunks/bundle-ZyGxxnL7.js';
+import '../../chunks/bundle-yIRMcNMY.js';
+import '../../chunks/bundle-POWqsA08.js';
 
 var ChannelHeader = function (_a) {
     var _b, _c, _d;

package/Channel/components/ChannelUI.js

@@ -1,79 +1,79 @@
 import React__default from 'react';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-kPskppps.js';
+import { u as useChannelContext } from '../../chunks/bundle-d-4jSVGO.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
-import { M as MessageList, T as TypingIndicatorType } from '../../chunks/bundle-5qCLkG6l.js';
+import { M as MessageList, T as TypingIndicatorType } from '../../chunks/bundle-GcLhLhxD.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-c5jegKUx.js';
-import '../../chunks/bundle-J3Xwcu_c.js';
-import '../../chunks/bundle-fwLsGp6N.js';
-import '../../chunks/bundle-HfYRQGkt.js';
-import '../../chunks/bundle-9hVs1LFe.js';
-import '../../chunks/bundle-Izb-WW89.js';
-import '../../chunks/bundle-CQMOLj5V.js';
+import '../../chunks/bundle-lZgskv5F.js';
+import '../../chunks/bundle-4M7U4fS5.js';
+import '../../chunks/bundle-SbX0VKxZ.js';
+import '../../chunks/bundle-61LmwCyJ.js';
+import '../../chunks/bundle-sErzo_yh.js';
+import '../../chunks/bundle-pyf-NLjR.js';
+import '../../chunks/bundle-zVaypUQR.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-KZXjN5v7.js';
+import '../../chunks/bundle--N20GcJ0.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Bjgxg83b.js';
-import '../../chunks/bundle-tc0rEnB_.js';
+import '../../chunks/bundle-TuJfYJqE.js';
+import '../../chunks/bundle-3JKIauDy.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-dJsyeOhk.js';
+import '../../chunks/bundle-3cbFgcyh.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-OwUIW9B_.js';
-import '../../chunks/bundle-EQ2jMcm0.js';
-import '../../chunks/bundle-v0zf-Toj.js';
-import '../../chunks/bundle-5uv0Aei2.js';
-import '../../chunks/bundle-ZSLOjQvb.js';
-import '../../chunks/bundle-LdRGfmOs.js';
+import '../../chunks/bundle-qX4thf-l.js';
+import '../../chunks/bundle-ZyGxxnL7.js';
+import '../../chunks/bundle-yIRMcNMY.js';
+import '../../chunks/bundle-POWqsA08.js';
+import '../../chunks/bundle-DE2stUpD.js';
+import '../../chunks/bundle-HVBbeXSo.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-XtwZ5oLQ.js';
-import '../../chunks/bundle-u2CeAx57.js';
+import '../../chunks/bundle-3XB9OWfi.js';
+import '../../chunks/bundle-aHZy_PSv.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-_43SdcJP.js';
+import '../../chunks/bundle-e2S3YaM8.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-HbEA73mt.js';
+import '../../chunks/bundle-3Nywx_Dd.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-7JHtC_JJ.js';
-import '../../chunks/bundle-c944_BvY.js';
-import '../../chunks/bundle-yCtFACB5.js';
+import '../../chunks/bundle-I8NaOT_e.js';
+import '../../chunks/bundle-Jk7uJTYx.js';
+import '../../chunks/bundle-66ay232X.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../chunks/bundle-rgIbMndg.js';
+import '../../chunks/bundle-FWmW913k.js';
 import '../../Thread/context.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-mAbwjJsi.js';
+import '../../chunks/bundle-_fQqcwCr.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-ejXMvNVx.js';
+import '../../chunks/bundle-mbUta6LN.js';
 import 'dompurify';
-import '../../chunks/bundle-okmgQKUZ.js';
-import '../../chunks/bundle-Ha6WT0Hp.js';
-import '../../chunks/bundle-ZxBmutMJ.js';
-import '../../chunks/bundle-dBXZk5Y3.js';
+import '../../chunks/bundle-b1q2ozMe.js';
+import '../../chunks/bundle-jeLV7B-a.js';
+import '../../chunks/bundle-XogtGVTO.js';
+import '../../chunks/bundle-df46dsRk.js';
 import '../../ui/MessageContent.js';
-import '../../chunks/bundle-UwlFw2lK.js';
-import '../../chunks/bundle-GJfy3_LK.js';
-import '../../chunks/bundle-jRxDZ3BJ.js';
+import '../../chunks/bundle-jh4HKeSw.js';
+import '../../chunks/bundle-zl1Dni1k.js';
+import '../../chunks/bundle-AGso0CrQ.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-OuijNFkl.js';
+import '../../chunks/bundle-rhbE1Oo5.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-5HYqTaTr.js';
+import '../../chunks/bundle-gaTX1Jvh.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-vUampZQQ.js';
+import '../../chunks/bundle--ZKXX7Cw.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -84,43 +84,43 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-7jjAs2HK.js';
-import '../../chunks/bundle-QScSctu4.js';
+import '../../chunks/bundle-T6yNcj8r.js';
+import '../../chunks/bundle-gXxTJkeT.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-J87QWRh3.js';
+import '../../chunks/bundle-YrEf4HsK.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-rMW82DKu.js';
-import '../../chunks/bundle-DB4PuqmB.js';
+import '../../chunks/bundle-EWqnHHyU.js';
+import '../../chunks/bundle-LUZcEu61.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-OQ0EWLYP.js';
+import '../../chunks/bundle-DzFxcw-C.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../chunks/bundle-f7C0xlTH.js';
-import '../../chunks/bundle-bLXmqujU.js';
+import '../../chunks/bundle-oXDdBHbW.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
 import '../utils/getMessagePartsInfo.js';
 import '../utils/compareMessagesForGrouping.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
-import '../../ui/TypingIndicatorBubble.js';
+import '../../chunks/bundle-0ui3-tvv.js';
 import '@sendbird/uikit-tools';
+import '../../ui/TypingIndicatorBubble.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-hDMLfh4n.js';
+import '../../chunks/bundle-C3Q9j1VB.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-LKILWG-V.js';
+import '../../chunks/bundle-XKR29ib5.js';
 import '../hooks/useHandleUploadFiles.js';
-import '../../chunks/bundle-XyLdN-Hr.js';
+import '../../chunks/bundle-8EUYVO1D.js';
 
 var ChannelUI = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;