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

package/Thread/components/ParentMessageInfoItem.js

@@ -1,7 +1,7 @@
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-y_LgB6DS.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-uk2Y0AQu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.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-GbC4a59M.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-Gkl7Q1IK.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-ucXG1Py7.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-KmauOTrg.js';
-import { C as Colors } from '../../chunks/bundle-OZZH5fXZ.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-GKopZh-T.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-kfNTRju0.js';
-import '../../chunks/bundle-WpHDilD_.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-W8t7rR3H.js';
+import '../../chunks/bundle-0jbuC1o3.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-aeQZ5WsP.js';
+import '../../chunks/bundle-YoWLsJ0C.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-VPanFdbf.js';
+import '../../chunks/bundle-cvTUkQV_.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-X3h4GiLa.js';
-import '../../chunks/bundle-Kv4GXRTs.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-ku6CEjGk.js';
+import '../../chunks/bundle-nlOgiAcu.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-cHbX4Rxo.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '../../chunks/bundle-WDOQg3ty.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-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
-import '../../chunks/bundle-ZKM9Qk_j.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-J_erGfOo.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-DeRyZP32.js';
-import '../../chunks/bundle-xgiw36M5.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-dWJnfDPH.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-y_LgB6DS.js';
-import '../../chunks/bundle-GKopZh-T.js';
-import '../../chunks/bundle-WpHDilD_.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-OZZH5fXZ.js';
-import '../../chunks/bundle-TV4-nyqN.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-cHbX4Rxo.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-GKopZh-T.js';
-import '../../chunks/bundle-WDOQg3ty.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-y_LgB6DS.js';
-import '../../chunks/bundle-YmIrZYPF.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-OZZH5fXZ.js';
-import '../../chunks/bundle-dWJnfDPH.js';
-import '../../chunks/bundle-mTQPBbmZ.js';
-import '../../chunks/bundle-VPanFdbf.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-WpHDilD_.js';
-import '../../chunks/bundle-KmauOTrg.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-Lt8mReNU.js';
-import '../../chunks/bundle-uk2Y0AQu.js';
+import '../../chunks/bundle-vz3GEsoi.js';
+import '../../chunks/bundle-N9hMnIRl.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-kfNTRju0.js';
-import '../../chunks/bundle-DeRyZP32.js';
+import '../../chunks/bundle-aKXnhi3A.js';
+import '../../chunks/bundle-wMP1pqZM.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-X3h4GiLa.js';
+import '../../chunks/bundle-Qufz6_i_.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-aeQZ5WsP.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-xgiw36M5.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-J79McRkg.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-f9mkey82.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../chunks/bundle-1WAo3loP.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-ETZY-eQc.js';
+import '../../chunks/bundle-poK2Vr1v.js';
+import '../../chunks/bundle-62ej9afV.js';
 import 'dompurify';
-import '../../chunks/bundle-_-2NCsYr.js';
-import '../../chunks/bundle-Jp5g4YZl.js';
-import '../../chunks/bundle-KSjFhl4l.js';
-import '../../chunks/bundle-Gkl7Q1IK.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-iYCB6XN2.js';
+import '../../chunks/bundle-4Ib7FkR6.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-W8t7rR3H.js';
-import '../../chunks/bundle-MyYphU00.js';
+import '../../chunks/bundle-0jbuC1o3.js';
+import '../../chunks/bundle-J3DrW9X2.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-PZta2LmS.js';
-import '../../chunks/bundle-VCZsMdpB.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-GbC4a59M.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-aVVX2zHR.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-J_erGfOo.js';
+import '../../chunks/bundle-drww6xht.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-d6R6m9-9.js';
-import '../../chunks/bundle-ucXG1Py7.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;

package/Thread/components/ThreadListItem.js

@@ -1,25 +1,25 @@
-import { _ as __assign, a as __spreadArray } from '../../chunks/bundle-GKopZh-T.js';
+import { _ as __assign, a as __spreadArray } from '../../chunks/bundle-BA7tv0JB.js';
 import React__default, { useState, useContext, useRef, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../chunks/bundle-WDOQg3ty.js';
-import { u as useLocalization } from '../../chunks/bundle-y_LgB6DS.js';
+import { f as format } from '../../chunks/bundle-hDx2-CRe.js';
+import { u as useLocalization } from '../../chunks/bundle-BBjosDA0.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.js';
-import { R as RemoveMessage } from '../../chunks/bundle-mTQPBbmZ.js';
-import { F as FileViewer } from '../../chunks/bundle-DeRyZP32.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-I8JFwttJ.js';
+import { R as RemoveMessage } from '../../chunks/bundle-lVxQMV9H.js';
+import { F as FileViewer } from '../../chunks/bundle-wMP1pqZM.js';
 import { useThreadContext } from '../context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import SuggestedMentionList from '../../Channel/components/SuggestedMentionList.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-Rz5QaIhK.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-1WAo3loP.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-GGE6HRof.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import { A as Avatar } from '../../chunks/bundle-X3h4GiLa.js';
-import { a as UserProfileContext } from '../../chunks/bundle-cXqs96Pt.js';
+import { A as Avatar } from '../../chunks/bundle-Qufz6_i_.js';
+import { a as UserProfileContext } from '../../chunks/bundle-vOT5acXc.js';
 import UserProfile from '../../ui/UserProfile.js';
 import { MessageMenu } from '../../ui/MessageItemMenu.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import { w as getUIKitMessageTypes, h as getSenderName, n as getClassName, I as isOGMessage, J as isTextMessage, i as isVoiceMessage, t as getUIKitMessageType, b as isMultipleFilesMessage, r as isThumbnailMessage } from '../../chunks/bundle-uk2Y0AQu.js';
-import { M as MessageStatus } from '../../chunks/bundle-MyYphU00.js';
+import { h as getUIKitMessageTypes, g as getSenderName, q as getClassName, I as isOGMessage, J as isTextMessage, i as isVoiceMessage, f as getUIKitMessageType, a as isMultipleFilesMessage, k as isThumbnailMessage } from '../../chunks/bundle-N9hMnIRl.js';
+import { M as MessageStatus } from '../../chunks/bundle-J3DrW9X2.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import TextMessageItemBody from '../../ui/TextMessageItemBody.js';
 import OGMessageItemBody from '../../ui/OGMessageItemBody.js';
@@ -27,56 +27,55 @@ import FileMessageItemBody from '../../ui/FileMessageItemBody.js';
 import ThumbnailMessageItemBody from '../../ui/ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-KmauOTrg.js';
-import { u as useLongPress } from '../../chunks/bundle-W8t7rR3H.js';
-import { M as MobileMenu } from '../../chunks/bundle-d6R6m9-9.js';
-import { u as useThreadMessageKindKeySelector, a as useStatefulFileInfoList, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-ucXG1Py7.js';
-import { R as Role } from '../../chunks/bundle-iYCB6XN2.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 { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-cBbT3DlY.js';
+import { R as Role } from '../../chunks/bundle-4Ib7FkR6.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-J79McRkg.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-OZZH5fXZ.js';
-import '../../chunks/bundle-VPanFdbf.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-NjNqsDXb.js';
+import '../../chunks/bundle-ULVw0l0r.js';
+import '../../chunks/bundle-jy6_UG14.js';
+import '../../chunks/bundle-LWD0OLz8.js';
+import '../../chunks/bundle-cvTUkQV_.js';
 import 'react-dom';
-import '../../chunks/bundle-WpHDilD_.js';
+import '../../chunks/bundle-cA_r9HRx.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-Lt8mReNU.js';
-import '../../chunks/bundle-kfNTRju0.js';
+import '../../chunks/bundle-vz3GEsoi.js';
+import '../../chunks/bundle-aKXnhi3A.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-xgiw36M5.js';
+import '../../chunks/bundle-MBrlu_LK.js';
+import '../../chunks/bundle-fQ1V_U8F.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-cHbX4Rxo.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-xsV7pD8p.js';
+import '../../chunks/bundle-laVKAiJ-.js';
+import '../../chunks/bundle-nlOgiAcu.js';
+import '../../chunks/bundle-d5KevIXI.js';
 import '@sendbird/chat/message';
 import '../../utils/message/getOutgoingMessageState.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-pWIkt9Ng.js';
+import '../../chunks/bundle-_cXVZn5n.js';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-aeQZ5WsP.js';
-import '../../chunks/bundle-yur9nm4N.js';
+import '../../chunks/bundle-YoWLsJ0C.js';
+import '../../chunks/bundle-NwZvowyL.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-f9mkey82.js';
-import '../../chunks/bundle-ETZY-eQc.js';
+import '../../chunks/bundle-Xytq6xaz.js';
+import '../../chunks/bundle-poK2Vr1v.js';
+import '../../chunks/bundle-62ej9afV.js';
 import 'dompurify';
-import '../../chunks/bundle-_-2NCsYr.js';
-import '../../chunks/bundle-Jp5g4YZl.js';
-import '../../chunks/bundle-KSjFhl4l.js';
-import '../../chunks/bundle-Gkl7Q1IK.js';
+import '../../chunks/bundle-zV8TJWvL.js';
+import '../../chunks/bundle-4GPpeoNf.js';
+import '../../chunks/bundle-iwZaUd9o.js';
+import '../../chunks/bundle-IRlSmJVg.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
+import '../../chunks/bundle-jDjj3eHU.js';
 import '../../sendbirdSelectors.js';
-import '../../Channel/hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-zpSxKsxM.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-PZta2LmS.js';
-import '../../chunks/bundle-VCZsMdpB.js';
+import '../../chunks/bundle-lUrIOx9p.js';
+import '../../chunks/bundle-nD2ZWBq4.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
@@ -85,14 +84,14 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-GbC4a59M.js';
+import '../../chunks/bundle-agW9Hw66.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-aVVX2zHR.js';
+import '../../chunks/bundle-w1C-Xmf3.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-J_erGfOo.js';
+import '../../chunks/bundle-drww6xht.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 
@@ -134,7 +133,7 @@ function ThreadListItemContent(_a) {
         isMobile: isMobile,
     });
     // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList(message);
+    var statefulFileInfoList = useFileInfoListWithUploaded(message);
     return (React__default.createElement("div", { className: "sendbird-thread-list-item-content ".concat(className, " ").concat(isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
         React__default.createElement("div", { className: "sendbird-thread-list-item-content__left ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') },
             (!isByMe && !chainBottom) && (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) {
@@ -154,7 +153,7 @@ function ThreadListItemContent(_a) {
                     : (React__default.createElement(MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
                         React__default.createElement(UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
             (isByMe && !isMobile) && (React__default.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming', " ").concat(supposedHoverClassName) },
-                React__default.createElement(MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread }),
+                React__default.createElement(MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showEdit: showEdit, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage }),
                 isReactionEnabledInChannel && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))),
         React__default.createElement("div", __assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? __assign({}, longPress) : {}),
             (!isByMe && !chainTop && !useReplying) && (React__default.createElement(Label, { className: "sendbird-thread-list-item-content__middle__sender-name", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, ((_e = (_d = channel === null || channel === void 0 ? void 0 : channel.members) === null || _d === void 0 ? void 0 : _d.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _e === void 0 ? void 0 : _e.nickname)
@@ -188,7 +187,7 @@ function ThreadListItemContent(_a) {
                 }))))),
         React__default.createElement("div", { className: "sendbird-thread-list-item-content__right ".concat(chainTop ? 'chain-top' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React__default.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
             isReactionEnabledInChannel && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
-            React__default.createElement(MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread })))),
+            React__default.createElement(MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage })))),
         showMobileMenu && (React__default.createElement(MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
                 setShowMobileMenu(false);
             }, isReactionEnabled: isReactionEnabled, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: showEdit, showRemove: showRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, deleteMessage: deleteMessage }))));

package/Thread/components/ThreadListItem.js.map

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