@sendbird/uikit-react 3.10.0 → 3.10.2-alpha.0

package/Thread/components/ParentMessageInfo.js

@@ -1,56 +1,57 @@
-import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-Dv_OpODB.js';
+import { a as __spreadArray, _ as __assign } from '../../chunks/bundle-BA7tv0JB.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-gzQGUVJt.js';
-import { R as RemoveMessage } from '../../chunks/bundle-B_aR2jdp.js';
+import { f as format } from '../../chunks/bundle-hDx2-CRe.js';
+import { R as RemoveMessage } from '../../chunks/bundle-lVxQMV9H.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { h as getSenderName } from '../../chunks/bundle-aD4V4aI8.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-QSb_mwts.js';
-import { u as useLocalization } from '../../chunks/bundle-AilPIINY.js';
+import { g as getSenderName } from '../../chunks/bundle-N9hMnIRl.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-NjNqsDXb.js';
+import { u as useLocalization } from '../../chunks/bundle-BBjosDA0.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-8XAFqDsw.js';
-import SuggestedMentionList from '../../Channel/components/SuggestedMentionList.js';
-import { A as Avatar } from '../../chunks/bundle-HVtbYmj3.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
-import { F as FileViewer } from '../../chunks/bundle-hNJ4PtSG.js';
+import { a as UserProfileContext } from '../../chunks/bundle-vOT5acXc.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-Rz5QaIhK.js';
+import { A as Avatar } from '../../chunks/bundle-Qufz6_i_.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-I8JFwttJ.js';
+import { F as FileViewer } from '../../chunks/bundle-wMP1pqZM.js';
 import { MessageMenu } from '../../ui/MessageItemMenu.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import UserProfile from '../../ui/UserProfile.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-84jQZIDS.js';
-import { R as Role } from '../../chunks/bundle-M-Qfv2tU.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Uw736N77.js';
-import { u as useLongPress } from '../../chunks/bundle-tLQ87Jwz.js';
-import { M as MobileMenu } from '../../chunks/bundle-wNtXTu0c.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-GGE6HRof.js';
+import { R as Role } from '../../chunks/bundle-4Ib7FkR6.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-r9j_eCHc.js';
+import { u as useLongPress } from '../../chunks/bundle-0jbuC1o3.js';
+import { M as MobileMenu } from '../../chunks/bundle-ctAjRHDW.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-4vHal8Yn.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-cvTUkQV_.js';
 import 'react-dom';
-import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-cA_r9HRx.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-TztVqjoB.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
+import '../../chunks/bundle-vz3GEsoi.js';
+import '../../chunks/bundle-aKXnhi3A.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-y_DSrC-A.js';
+import '../../chunks/bundle-LWD0OLz8.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-jy6_UG14.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-mccz6DbW.js';
-import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-jDjj3eHU.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-tD8xAWw2.js';
+import '../../chunks/bundle-nlOgiAcu.js';
 import '../../withSendbird.js';
 import '../../ui/SortByRow.js';
+import '../../chunks/bundle-YoWLsJ0C.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
@@ -58,34 +59,32 @@ import '../../Message/context.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-8XsN_e3a.js';
-import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-drww6xht.js';
+import '../../chunks/bundle-MBrlu_LK.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-YD2b0cnK.js';
-import '../../chunks/bundle-ZExhHi47.js';
+import '../../chunks/bundle-agW9Hw66.js';
+import '../../chunks/bundle-IRlSmJVg.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-4uNbb5ZI.js';
+import '../../chunks/bundle-cBbT3DlY.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-zx8iuoIh.js';
-import '../../chunks/bundle-KpJtSqe-.js';
-import '../../chunks/bundle-ej1sc1yZ.js';
-import '../../chunks/bundle-1pnUZsGs.js';
-import '@sendbird/chat/groupChannel';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-QGpFq71p.js';
-import '../../chunks/bundle-Abz9zH51.js';
+import '../../chunks/bundle-laVKAiJ-.js';
+import '../../chunks/bundle-d5KevIXI.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-YWlIaifS.js';
+import '../../chunks/bundle-_cXVZn5n.js';
+import '../../chunks/bundle-NwZvowyL.js';
+import '../../chunks/bundle-Xytq6xaz.js';
+import '../../chunks/bundle-fQ1V_U8F.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-tZrqMc_G.js';
+import '../../chunks/bundle-poK2Vr1v.js';
+import '../../chunks/bundle-62ej9afV.js';
 import 'dompurify';
-import '../../chunks/bundle-imm3o8vY.js';
-import '../../chunks/bundle-X2Sm7pn5.js';
-import '../../chunks/bundle-hpM7HwDV.js';
+import '../../chunks/bundle-zV8TJWvL.js';
+import '../../chunks/bundle-4GPpeoNf.js';
+import '../../chunks/bundle-iwZaUd9o.js';
 
 function ParentMessageInfo(_a) {
     var _b, _c, _d, _e, _f, _g;
@@ -232,7 +231,7 @@ function ParentMessageInfo(_a) {
             React__default.createElement(ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer })),
         !isMobile && (React__default.createElement(MessageMenu, { className: "sendbird-parent-message-info__context-menu ".concat(usingReaction ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
                 onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
-            } })),
+            }, deleteMessage: deleteMessage })),
         (usingReaction && !isMobile) && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
         showRemove && (React__default.createElement(RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
                 onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();

package/Thread/components/ParentMessageInfo.js.map

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

package/Thread/components/ParentMessageInfoItem.js

@@ -1,7 +1,7 @@
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-AilPIINY.js';
-import { j as isUserMessage, g as isEditedMessage, t as getUIKitMessageType, w as getUIKitMessageTypes, u as getUIKitFileType, v as truncateString, b as isMultipleFilesMessage, i as isVoiceMessage, r as isThumbnailMessage, k as isSentMessage, x as isVideoMessage, y as isGifMessage } from '../../chunks/bundle-aD4V4aI8.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
+import { u as useLocalization } from '../../chunks/bundle-BBjosDA0.js';
+import { e as isUserMessage, d as isEditedMessage, f as getUIKitMessageType, h as getUIKitMessageTypes, j as getUIKitFileType, t as truncateString, a as isMultipleFilesMessage, i as isVoiceMessage, k as isThumbnailMessage, l as isSentMessage, m as isVideoMessage, n as isGifMessage } from '../../chunks/bundle-N9hMnIRl.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-I8JFwttJ.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
@@ -9,62 +9,61 @@ import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import { useThreadContext } from '../context.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { T as TextFragment } from '../../chunks/bundle-YD2b0cnK.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-ZExhHi47.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-4uNbb5ZI.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Uw736N77.js';
-import { C as Colors } from '../../chunks/bundle-y_DSrC-A.js';
-import '../../chunks/bundle-P_LfQm7L.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-Dv_OpODB.js';
+import { T as TextFragment } from '../../chunks/bundle-agW9Hw66.js';
+import { t as tokenizeMessage } from '../../chunks/bundle-IRlSmJVg.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-cBbT3DlY.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-r9j_eCHc.js';
+import { C as Colors } from '../../chunks/bundle-LWD0OLz8.js';
+import '../../chunks/bundle-jy6_UG14.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
-import '../../chunks/bundle-kHH52OEM.js';
+import '../../chunks/bundle-aKXnhi3A.js';
+import '../../chunks/bundle-cA_r9HRx.js';
 import '../../withSendbird.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-tLQ87Jwz.js';
+import '../../chunks/bundle-0jbuC1o3.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-mccz6DbW.js';
+import '../../chunks/bundle-YoWLsJ0C.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-4vHal8Yn.js';
+import '../../chunks/bundle-cvTUkQV_.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-8XAFqDsw.js';
-import '../../chunks/bundle-HVtbYmj3.js';
-import '../../chunks/bundle-s5uFV3hh.js';
+import '../../chunks/bundle-vOT5acXc.js';
+import '../../chunks/bundle-Qufz6_i_.js';
+import '../../chunks/bundle-jDjj3eHU.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-tD8xAWw2.js';
+import '../../chunks/bundle-nlOgiAcu.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-Abz9zH51.js';
-import '../../chunks/bundle-KpJtSqe-.js';
-import '../../chunks/bundle-gzQGUVJt.js';
+import '../../chunks/bundle-laVKAiJ-.js';
+import '../../chunks/bundle-d5KevIXI.js';
 import '@sendbird/chat/message';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-ej1sc1yZ.js';
-import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-1pnUZsGs.js';
-import '../../chunks/bundle-QjcHKpDK.js';
+import '../../chunks/bundle-_cXVZn5n.js';
+import '../../chunks/bundle-NwZvowyL.js';
+import '../../chunks/bundle-MBrlu_LK.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-8XsN_e3a.js';
+import '../../chunks/bundle-drww6xht.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-hNJ4PtSG.js';
-import '../../chunks/bundle-YWlIaifS.js';
+import '../../chunks/bundle-wMP1pqZM.js';
+import '../../chunks/bundle-fQ1V_U8F.js';
 import '@sendbird/uikit-tools';
 
 function ParentMessageInfoItem(_a) {
@@ -82,7 +81,7 @@ function ParentMessageInfoItem(_a) {
         isMobile: isMobile,
     });
     // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList(message);
+    var statefulFileInfoList = useFileInfoListWithUploaded(message);
     var isMentionedMessage = isMentionEnabled
         && ((_e = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _e === void 0 ? void 0 : _e.length) > 0
         && ((_f = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _f === void 0 ? void 0 : _f.length) > 0;
@@ -130,9 +129,12 @@ function ParentMessageInfoItem(_a) {
                     showFileViewer(true);
                 }
             } },
-            React__default.createElement(ImageRenderer, { className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail", url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), alt: message === null || message === void 0 ? void 0 : message.type, width: "200px", height: "148px", onLoad: function () { setImageRendered(true); }, placeHolder: function (style_) { return (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style_ },
-                    React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
-                        React__default.createElement(Icon, { type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))); } }),
+            React__default.createElement(ImageRenderer, { className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail", url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), alt: message === null || message === void 0 ? void 0 : message.type, width: "200px", height: "148px", onLoad: function () { setImageRendered(true); }, placeHolder: function (_a) {
+                    var style = _a.style;
+                    return (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style },
+                        React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
+                            React__default.createElement(Icon, { type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" }))));
+                } }),
             (isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (React__default.createElement("video", { className: "sendbird-parent-message-info-item__thumbnail-message__video" },
                 React__default.createElement("source", { src: (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl), type: message === null || message === void 0 ? void 0 : message.type }))),
             React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__image-cover" }),

package/Thread/components/ParentMessageInfoItem.js.map

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

package/Thread/components/ThreadHeader.js

@@ -1,14 +1,14 @@
 import React__default, { useMemo } from 'react';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-cYhstyoi.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-I8JFwttJ.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../chunks/bundle-AilPIINY.js';
-import '../../chunks/bundle-Dv_OpODB.js';
-import '../../chunks/bundle-kHH52OEM.js';
-import '../../chunks/bundle-P_LfQm7L.js';
-import '../../chunks/bundle-y_DSrC-A.js';
-import '../../chunks/bundle-26VX7FQg.js';
+import { u as useLocalization } from '../../chunks/bundle-BBjosDA0.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '../../chunks/bundle-cA_r9HRx.js';
+import '../../chunks/bundle-jy6_UG14.js';
+import '../../chunks/bundle-LWD0OLz8.js';
+import '../../chunks/bundle-ULVw0l0r.js';
 
 function ThreadHeader(_a) {
     var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;

package/Thread/components/ThreadList.js

@@ -1,74 +1,68 @@
 import React__default, { useMemo } from 'react';
 import ThreadListItem from './ThreadListItem.js';
 import { useThreadContext } from '../context.js';
-import { c as compareMessagesForGrouping } from '../../chunks/bundle-Abz9zH51.js';
+import { compareMessagesForGrouping } from '../../Channel/utils/compareMessagesForGrouping.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { isSameDay } from 'date-fns';
 import { MessageProvider } from '../../Message/context.js';
-import '../../chunks/bundle-Dv_OpODB.js';
-import '../../chunks/bundle-gzQGUVJt.js';
-import '../../chunks/bundle-26VX7FQg.js';
-import '../../chunks/bundle-AilPIINY.js';
-import '../../chunks/bundle-P_LfQm7L.js';
+import '../../chunks/bundle-BA7tv0JB.js';
+import '../../chunks/bundle-hDx2-CRe.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-BBjosDA0.js';
+import '../../chunks/bundle-jy6_UG14.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-y_DSrC-A.js';
-import '../../chunks/bundle-cYhstyoi.js';
-import '../../chunks/bundle-B_aR2jdp.js';
-import '../../chunks/bundle-4vHal8Yn.js';
+import '../../chunks/bundle-LWD0OLz8.js';
+import '../../chunks/bundle-I8JFwttJ.js';
+import '../../chunks/bundle-lVxQMV9H.js';
+import '../../chunks/bundle-cvTUkQV_.js';
 import 'react-dom';
-import '../../chunks/bundle-kHH52OEM.js';
-import '../../chunks/bundle-Uw736N77.js';
+import '../../chunks/bundle-cA_r9HRx.js';
+import '../../chunks/bundle-r9j_eCHc.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-TztVqjoB.js';
-import '../../chunks/bundle-aD4V4aI8.js';
+import '../../chunks/bundle-vz3GEsoi.js';
+import '../../chunks/bundle-N9hMnIRl.js';
+import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-rQ1k1Cpu.js';
-import '../../chunks/bundle-hNJ4PtSG.js';
+import '../../chunks/bundle-aKXnhi3A.js';
+import '../../chunks/bundle-wMP1pqZM.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-HVtbYmj3.js';
+import '../../chunks/bundle-Qufz6_i_.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-mccz6DbW.js';
-import '../../chunks/bundle-s5uFV3hh.js';
-import '../../chunks/bundle-QjcHKpDK.js';
-import '../../chunks/bundle-YWlIaifS.js';
+import '../../chunks/bundle-jDjj3eHU.js';
+import '../../chunks/bundle-MBrlu_LK.js';
+import '../../chunks/bundle-fQ1V_U8F.js';
 import '@sendbird/uikit-tools';
-import '../../Channel/components/SuggestedMentionList.js';
-import '../../chunks/bundle-QSb_mwts.js';
-import '../../chunks/bundle-8XAFqDsw.js';
-import '../../chunks/bundle-zx8iuoIh.js';
-import '../../chunks/bundle-KpJtSqe-.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-ej1sc1yZ.js';
-import '../../chunks/bundle-1pnUZsGs.js';
-import '@sendbird/chat/groupChannel';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-tD8xAWw2.js';
-import '../../chunks/bundle-QGpFq71p.js';
-import '../../chunks/bundle-84jQZIDS.js';
+import '../../chunks/bundle-Rz5QaIhK.js';
+import '../../chunks/bundle-Xytq6xaz.js';
+import '../../chunks/bundle-YoWLsJ0C.js';
+import '../../chunks/bundle-GGE6HRof.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-tZrqMc_G.js';
+import '../../chunks/bundle-poK2Vr1v.js';
+import '../../chunks/bundle-62ej9afV.js';
 import 'dompurify';
-import '../../chunks/bundle-imm3o8vY.js';
-import '../../chunks/bundle-X2Sm7pn5.js';
-import '../../chunks/bundle-hpM7HwDV.js';
-import '../../chunks/bundle-ZExhHi47.js';
+import '../../chunks/bundle-zV8TJWvL.js';
+import '../../chunks/bundle-4GPpeoNf.js';
+import '../../chunks/bundle-iwZaUd9o.js';
+import '../../chunks/bundle-IRlSmJVg.js';
 import '../context/types.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
+import '../../chunks/bundle-vOT5acXc.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
+import '../../chunks/bundle-nlOgiAcu.js';
 import '../../withSendbird.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-M-Qfv2tU.js';
+import '../../chunks/bundle-4Ib7FkR6.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-tLQ87Jwz.js';
-import '../../chunks/bundle-fDGhJhA3.js';
+import '../../chunks/bundle-0jbuC1o3.js';
+import '../../chunks/bundle-J3DrW9X2.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-cN2gAFB_.js';
-import '../../chunks/bundle-6LRbbWyh.js';
+import '../../chunks/bundle-lUrIOx9p.js';
+import '../../chunks/bundle-nD2ZWBq4.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
@@ -78,25 +72,31 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../chunks/bundle-YD2b0cnK.js';
+import '../../chunks/bundle-agW9Hw66.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-5iL1VCKs.js';
+import '../../chunks/bundle-w1C-Xmf3.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-8XsN_e3a.js';
+import '../../chunks/bundle-drww6xht.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-wNtXTu0c.js';
-import '../../chunks/bundle-4uNbb5ZI.js';
+import '../../chunks/bundle-ctAjRHDW.js';
+import '../../chunks/bundle-cBbT3DlY.js';
+import '@sendbird/chat/message';
 import '../../Message/hooks/useDirtyGetMentions.js';
+import '../../chunks/bundle-NjNqsDXb.js';
+import '../../chunks/bundle-laVKAiJ-.js';
+import '../../chunks/bundle-d5KevIXI.js';
 import '@sendbird/chat';
+import '../../chunks/bundle-_cXVZn5n.js';
+import '../../chunks/bundle-NwZvowyL.js';
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;