@sendbird/uikit-react 3.10.1 → 3.11.0

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var index = require('../../chunks/bundle-p6kWiWDv.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
+var LocalizationContext = require('../../chunks/bundle-WLD9KKbn.js');
+var index = require('../../chunks/bundle-fnv2bNo-.js');
+var ui_Label = require('../../chunks/bundle-JaD2Ao-u.js');
 var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_TextButton = require('../../ui/TextButton.js');
@@ -11,62 +11,61 @@ var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var Thread_context = require('../context.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var index$1 = require('../../chunks/bundle-TxdziCwH.js');
-var tokenize = require('../../chunks/bundle-9iE0HY96.js');
-var useStatefulFileInfoList = require('../../chunks/bundle-JVe1J2FX.js');
-var MediaQueryContext = require('../../chunks/bundle-WzrocC57.js');
-var color = require('../../chunks/bundle-7J-qpEzM.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-bXLZZTmP.js');
+var index$1 = require('../../chunks/bundle-28M_gXGl.js');
+var tokenize = require('../../chunks/bundle-JReI_QbA.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-Bx0FCMKL.js');
+var MediaQueryContext = require('../../chunks/bundle-2ToiwW-_.js');
+var color = require('../../chunks/bundle-Og0K_sLb.js');
+require('../../chunks/bundle-OBj337Le.js');
+require('../../chunks/bundle-ZL4COF6I.js');
+require('../../chunks/bundle-RVs527mS.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('../../chunks/bundle-LRCFL23q.js');
+require('../../chunks/bundle--RWWGoZo.js');
+require('../../chunks/bundle-nQDclaWr.js');
 require('../../withSendbird.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-TFo3Eb8z.js');
+require('../../chunks/bundle-rmOQxjwa.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-INJtS58R.js');
+require('../../chunks/bundle-sW6CpN9W.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-Oc2T5_VP.js');
+require('../../chunks/bundle-lnLwvZ7H.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-7VJjqIPJ.js');
-require('../../chunks/bundle--d5w7FVF.js');
+require('../../chunks/bundle-3S8jBmCV.js');
+require('../../chunks/bundle-rUpy0DGt.js');
+require('../../chunks/bundle-wU4qxzey.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-135pRm7i.js');
+require('../../chunks/bundle-K8ngPNTR.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-3K153hLM.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('../../chunks/bundle-6ZegaDWX.js');
+require('../../chunks/bundle-iRjY_BU4.js');
+require('../../chunks/bundle-a1nOrOrG.js');
 require('@sendbird/chat/message');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
-require('../../chunks/bundle-JbxviE94.js');
+require('../../chunks/bundle-duGLRUrw.js');
+require('../../chunks/bundle-1n4GnjYf.js');
+require('../../chunks/bundle-SggLEV_z.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-rgxTgHrK.js');
+require('../../chunks/bundle-_apVcG-_.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-68NdNRjR.js');
-require('../../chunks/bundle-n6iwTZAo.js');
+require('../../chunks/bundle-3GWdY_5G.js');
+require('../../chunks/bundle-_QsPNZ6J.js');
 require('@sendbird/uikit-tools');
 
 function ParentMessageInfoItem(_a) {
@@ -79,12 +78,12 @@ function ParentMessageInfoItem(_a) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var _m = Thread_context.useThreadContext(), currentChannel = _m.currentChannel, emojiContainer = _m.emojiContainer, nicknamesMap = _m.nicknamesMap, toggleReaction = _m.toggleReaction;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var threadMessageKindKey = useStatefulFileInfoList.useThreadMessageKindKeySelector({
-        threadMessageKind: useStatefulFileInfoList.ThreadMessageKind.PARENT,
+    var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
+        threadMessageKind: useFileInfoListWithUploaded.ThreadMessageKind.PARENT,
         isMobile: isMobile,
     });
     // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList.useStatefulFileInfoList(message);
+    var statefulFileInfoList = useFileInfoListWithUploaded.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;
@@ -124,7 +123,7 @@ function ParentMessageInfoItem(_a) {
                     }[index.getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
             React.createElement(ui_TextButton, { className: "sendbird-parent-message-info-item__file-message__file-name", onClick: function () { window.open(message === null || message === void 0 ? void 0 : message.url); }, color: color.Colors.ONBACKGROUND_1 },
                 React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__file-message__file-name__text", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30))))),
-        index.isMultipleFilesMessage(message) && (React.createElement(useStatefulFileInfoList.MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
+        index.isMultipleFilesMessage(message) && (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
         index.isVoiceMessage(message) && (React.createElement("div", { className: "sendbird-parent-message-info-item__voice-message" },
             React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-parent-message-info-item__voice-message__item", message: message, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isByMe: false, isReactionEnabled: isReactionEnabled }))),
         index.isThumbnailMessage(message) && (React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {
@@ -132,9 +131,12 @@ function ParentMessageInfoItem(_a) {
                     showFileViewer(true);
                 }
             } },
-            React.createElement(ui_ImageRenderer.default, { 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.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style_ },
-                    React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
-                        React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" })))); } }),
+            React.createElement(ui_ImageRenderer.default, { 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.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder", style: style },
+                        React.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon" },
+                            React.createElement(ui_Icon.default, { type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "34px", height: "34px" }))));
+                } }),
             (index.isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (React.createElement("video", { className: "sendbird-parent-message-info-item__thumbnail-message__video" },
                 React.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.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message__image-cover" }),

package/cjs/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/cjs/Thread/components/ThreadHeader.js

@@ -3,14 +3,14 @@
 var React = require('react');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
+var ui_Label = require('../../chunks/bundle-JaD2Ao-u.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-7J-qpEzM.js');
-require('../../chunks/bundle-RSklGv-u.js');
+var LocalizationContext = require('../../chunks/bundle-WLD9KKbn.js');
+require('../../chunks/bundle-RVs527mS.js');
+require('../../chunks/bundle-nQDclaWr.js');
+require('../../chunks/bundle-OBj337Le.js');
+require('../../chunks/bundle-Og0K_sLb.js');
+require('../../chunks/bundle-ZL4COF6I.js');
 
 function ThreadHeader(_a) {
     var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;

package/cjs/Thread/components/ThreadList.js

@@ -3,74 +3,68 @@
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
 var Thread_context = require('../context.js');
-var useSendMultipleFilesMessage = require('../../chunks/bundle-3K153hLM.js');
+var Channel_utils_compareMessagesForGrouping = require('../../Channel/utils/compareMessagesForGrouping.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-qtXdbPNE.js');
-require('../../chunks/bundle-kSScygqj.js');
+require('../../chunks/bundle-RVs527mS.js');
+require('../../chunks/bundle-7sO7MuTY.js');
+require('../../chunks/bundle-ZL4COF6I.js');
+require('../../chunks/bundle-WLD9KKbn.js');
+require('../../chunks/bundle-OBj337Le.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-7J-qpEzM.js');
-require('../../chunks/bundle-7J3nX_hP.js');
-require('../../chunks/bundle-CUa6Hz7c.js');
-require('../../chunks/bundle-Oc2T5_VP.js');
+require('../../chunks/bundle-Og0K_sLb.js');
+require('../../chunks/bundle-JaD2Ao-u.js');
+require('../../chunks/bundle-Z2aMvN9Y.js');
+require('../../chunks/bundle-lnLwvZ7H.js');
 require('react-dom');
-require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-WzrocC57.js');
+require('../../chunks/bundle-nQDclaWr.js');
+require('../../chunks/bundle-2ToiwW-_.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-5Nd6zn0d.js');
-require('../../chunks/bundle-p6kWiWDv.js');
+require('../../chunks/bundle-7zgRAH2f.js');
+require('../../chunks/bundle-fnv2bNo-.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('../../chunks/bundle-68NdNRjR.js');
+require('../../chunks/bundle--RWWGoZo.js');
+require('../../chunks/bundle-3GWdY_5G.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-7VJjqIPJ.js');
+require('../../chunks/bundle-rUpy0DGt.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle--d5w7FVF.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-n6iwTZAo.js');
+require('../../chunks/bundle-wU4qxzey.js');
+require('../../chunks/bundle-SggLEV_z.js');
+require('../../chunks/bundle-_QsPNZ6J.js');
 require('@sendbird/uikit-tools');
-require('../../Channel/components/SuggestedMentionList.js');
-require('../../chunks/bundle-Ue5GkT2H.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-zgoic8x9.js');
+require('../../chunks/bundle-v2kRYowu.js');
+require('../../chunks/bundle-WuJcM_O3.js');
+require('../../chunks/bundle-sW6CpN9W.js');
+require('../../chunks/bundle-L5q_NWiq.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-hEYmMlZe.js');
+require('../../chunks/bundle-yf5herNq.js');
+require('../../chunks/bundle-RC4m8KcZ.js');
 require('dompurify');
-require('../../chunks/bundle-Dax6YIIr.js');
-require('../../chunks/bundle-hXzxY0NJ.js');
-require('../../chunks/bundle-OVfymd1y.js');
-require('../../chunks/bundle-9iE0HY96.js');
+require('../../chunks/bundle-ZqkDqz4X.js');
+require('../../chunks/bundle-dLwo2XPj.js');
+require('../../chunks/bundle-7IKA03Ad.js');
+require('../../chunks/bundle-JReI_QbA.js');
 require('../context/types.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
+require('../../chunks/bundle-3S8jBmCV.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
+require('../../chunks/bundle-K8ngPNTR.js');
 require('../../withSendbird.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-GsUulypb.js');
+require('../../chunks/bundle-L9oXX97B.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-TFo3Eb8z.js');
-require('../../chunks/bundle-ptZslG_m.js');
+require('../../chunks/bundle-rmOQxjwa.js');
+require('../../chunks/bundle-8XyvQRnm.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-J_ooPKgS.js');
-require('../../chunks/bundle-2gCdAlxv.js');
+require('../../chunks/bundle-RPY1irFl.js');
+require('../../chunks/bundle-KUtVpakA.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -80,25 +74,31 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../chunks/bundle-TxdziCwH.js');
+require('../../chunks/bundle-28M_gXGl.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
 require('../../ui/ThumbnailMessageItemBody.js');
-require('../../chunks/bundle-aoIToceJ.js');
+require('../../chunks/bundle-JVylXDBB.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-rgxTgHrK.js');
+require('../../chunks/bundle-_apVcG-_.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
-require('../../chunks/bundle-s82XYT1Q.js');
-require('../../chunks/bundle-JVe1J2FX.js');
+require('../../chunks/bundle-3VBtozeG.js');
+require('../../chunks/bundle-Bx0FCMKL.js');
+require('@sendbird/chat/message');
 require('../../Message/hooks/useDirtyGetMentions.js');
+require('../../chunks/bundle-w4VdLYPs.js');
+require('../../chunks/bundle-iRjY_BU4.js');
+require('../../chunks/bundle-a1nOrOrG.js');
 require('@sendbird/chat');
+require('../../chunks/bundle-duGLRUrw.js');
+require('../../chunks/bundle-1n4GnjYf.js');
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;
@@ -124,7 +124,7 @@ function ThreadList(_a) {
             var prevMessage = allThreadMessages[idx - 1];
             var nextMessage = allThreadMessages[idx + 1];
             // eslint-disable-next-line no-constant-condition
-            var _b = useSendMultipleFilesMessage.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
+            var _b = Channel_utils_compareMessagesForGrouping.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
                 , chainTop = _b[0], chainBottom = _b[1];
             var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
             var handleScroll = function () {
@@ -149,7 +149,7 @@ function ThreadList(_a) {
             var prevMessage = localThreadMessages[idx - 1];
             var nextMessage = localThreadMessages[idx + 1];
             // eslint-disable-next-line no-constant-condition
-            var _b = useSendMultipleFilesMessage.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
+            var _b = Channel_utils_compareMessagesForGrouping.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType)
                 , chainTop = _b[0], chainBottom = _b[1];
             var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && (dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt)));
             var handleScroll = function () {

package/cjs/Thread/components/ThreadListItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-bXLZZTmP.js');
+var _tslib = require('../../chunks/bundle-RVs527mS.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-6ZegaDWX.js');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
+var index$1 = require('../../chunks/bundle-7sO7MuTY.js');
+var LocalizationContext = require('../../chunks/bundle-WLD9KKbn.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var RemoveMessageModal = require('../../chunks/bundle-CUa6Hz7c.js');
-var ui_FileViewer = require('../../chunks/bundle-68NdNRjR.js');
+var ui_Label = require('../../chunks/bundle-JaD2Ao-u.js');
+var RemoveMessageModal = require('../../chunks/bundle-Z2aMvN9Y.js');
+var ui_FileViewer = require('../../chunks/bundle-3GWdY_5G.js');
 var Thread_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
+var SuggestedMentionList = require('../../chunks/bundle-v2kRYowu.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var _const = require('../../chunks/bundle-zgoic8x9.js');
+var _const = require('../../chunks/bundle-L5q_NWiq.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-var ui_Avatar = require('../../chunks/bundle-7VJjqIPJ.js');
-var UserProfileContext = require('../../chunks/bundle-7AS0Rcch.js');
+var ui_Avatar = require('../../chunks/bundle-rUpy0DGt.js');
+var UserProfileContext = require('../../chunks/bundle-3S8jBmCV.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var index = require('../../chunks/bundle-p6kWiWDv.js');
-var ui_MessageStatus = require('../../chunks/bundle-ptZslG_m.js');
+var index = require('../../chunks/bundle-fnv2bNo-.js');
+var ui_MessageStatus = require('../../chunks/bundle-8XyvQRnm.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var ui_TextMessageItemBody = require('../../ui/TextMessageItemBody.js');
 var ui_OGMessageItemBody = require('../../ui/OGMessageItemBody.js');
@@ -29,56 +29,55 @@ var ui_FileMessageItemBody = require('../../ui/FileMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var MediaQueryContext = require('../../chunks/bundle-WzrocC57.js');
-var useLongPress = require('../../chunks/bundle-TFo3Eb8z.js');
-var index$2 = require('../../chunks/bundle-s82XYT1Q.js');
-var useStatefulFileInfoList = require('../../chunks/bundle-JVe1J2FX.js');
-var types = require('../../chunks/bundle-GsUulypb.js');
+var MediaQueryContext = require('../../chunks/bundle-2ToiwW-_.js');
+var useLongPress = require('../../chunks/bundle-rmOQxjwa.js');
+var index$2 = require('../../chunks/bundle-3VBtozeG.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-Bx0FCMKL.js');
+var types = require('../../chunks/bundle-L9oXX97B.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var Channel_context = require('../../chunks/bundle-Ue5GkT2H.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-7J-qpEzM.js');
-require('../../chunks/bundle-Oc2T5_VP.js');
+var getIsReactionEnabled = require('../../chunks/bundle-w4VdLYPs.js');
+require('../../chunks/bundle-ZL4COF6I.js');
+require('../../chunks/bundle-OBj337Le.js');
+require('../../chunks/bundle-Og0K_sLb.js');
+require('../../chunks/bundle-lnLwvZ7H.js');
 require('react-dom');
-require('../../chunks/bundle-LRCFL23q.js');
+require('../../chunks/bundle-nQDclaWr.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-5Nd6zn0d.js');
-require('../../chunks/bundle-65IwoStx.js');
+require('../../chunks/bundle-7zgRAH2f.js');
+require('../../chunks/bundle--RWWGoZo.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-n6iwTZAo.js');
+require('../../chunks/bundle-SggLEV_z.js');
+require('../../chunks/bundle-_QsPNZ6J.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-3K153hLM.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-XaLiuh0L.js');
+require('../../chunks/bundle-iRjY_BU4.js');
+require('../../chunks/bundle-K8ngPNTR.js');
+require('../../chunks/bundle-a1nOrOrG.js');
 require('@sendbird/chat/message');
 require('../../utils/message/getOutgoingMessageState.js');
 require('@sendbird/chat');
-require('../../chunks/bundle--MJd6Gw1.js');
+require('../../chunks/bundle-duGLRUrw.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle-UaSM_xZY.js');
+require('../../chunks/bundle-sW6CpN9W.js');
+require('../../chunks/bundle-1n4GnjYf.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-hEYmMlZe.js');
+require('../../chunks/bundle-WuJcM_O3.js');
+require('../../chunks/bundle-yf5herNq.js');
+require('../../chunks/bundle-RC4m8KcZ.js');
 require('dompurify');
-require('../../chunks/bundle-Dax6YIIr.js');
-require('../../chunks/bundle-hXzxY0NJ.js');
-require('../../chunks/bundle-OVfymd1y.js');
-require('../../chunks/bundle-9iE0HY96.js');
+require('../../chunks/bundle-ZqkDqz4X.js');
+require('../../chunks/bundle-dLwo2XPj.js');
+require('../../chunks/bundle-7IKA03Ad.js');
+require('../../chunks/bundle-JReI_QbA.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle--d5w7FVF.js');
+require('../../chunks/bundle-wU4qxzey.js');
 require('../../sendbirdSelectors.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-VB_a0u7i.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-J_ooPKgS.js');
-require('../../chunks/bundle-2gCdAlxv.js');
+require('../../chunks/bundle-RPY1irFl.js');
+require('../../chunks/bundle-KUtVpakA.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
@@ -87,14 +86,14 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-TxdziCwH.js');
+require('../../chunks/bundle-28M_gXGl.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-aoIToceJ.js');
+require('../../chunks/bundle-JVylXDBB.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-rgxTgHrK.js');
+require('../../chunks/bundle-_apVcG-_.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 
@@ -131,12 +130,12 @@ function ThreadListItemContent(_a) {
     }, {
         shouldPreventDefault: false,
     });
-    var threadMessageKindKey = useStatefulFileInfoList.useThreadMessageKindKeySelector({
-        threadMessageKind: useStatefulFileInfoList.ThreadMessageKind.CHILD,
+    var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
+        threadMessageKind: useFileInfoListWithUploaded.ThreadMessageKind.CHILD,
         isMobile: isMobile,
     });
     // For MultipleFilesMessage only.
-    var statefulFileInfoList = useStatefulFileInfoList.useStatefulFileInfoList(message);
+    var statefulFileInfoList = useFileInfoListWithUploaded.useFileInfoListWithUploaded(message);
     return (React.createElement("div", { className: "sendbird-thread-list-item-content ".concat(className, " ").concat(isByMe ? 'outgoing' : 'incoming'), ref: mobileMenuRef },
         React.createElement("div", { className: "sendbird-thread-list-item-content__left ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') },
             (!isByMe && !chainBottom) && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) {
@@ -156,7 +155,7 @@ function ThreadListItemContent(_a) {
                     : (React.createElement(ui_ContextMenu.MenuItems, { parentRef: avatarRef, parentContainRef: avatarRef, closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
                         React.createElement(ui_UserProfile, { user: message === null || message === void 0 ? void 0 : message.sender, onSuccess: closeDropdown })))); } })),
             (isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(isReactionEnabledInChannel ? 'use-reaction' : '', " ").concat(isByMe ? 'outgoing' : 'incoming', " ").concat(supposedHoverClassName) },
-                React.createElement(ui_MessageItemMenu.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.createElement(ui_MessageItemMenu.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.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover }))))),
         React.createElement("div", _tslib.__assign({ className: "sendbird-thread-list-item-content__middle" }, (isMobile) ? _tslib.__assign({}, longPress) : {}),
             (!isByMe && !chainTop && !useReplying) && (React.createElement(ui_Label.Label, { className: "sendbird-thread-list-item-content__middle__sender-name", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.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)
@@ -171,7 +170,7 @@ function ThreadListItemContent(_a) {
                     ? (React.createElement(ui_OGMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })) : index.isTextMessage(message) && (React.createElement(ui_TextMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })),
                 index.isVoiceMessage(message) && (React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, channelUrl: channel === null || channel === void 0 ? void 0 : channel.url, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
                 (index.getUIKitMessageType(message) === messageTypes.FILE) && (React.createElement(ui_FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14 })),
-                index.isMultipleFilesMessage(message) && (React.createElement(useStatefulFileInfoList.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
+                index.isMultipleFilesMessage(message) && (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
                 (index.isThumbnailMessage(message)) && (React.createElement(ui_ThumbnailMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: {
                         width: isMobile ? '100%' : '200px',
                         height: '148px',
@@ -190,7 +189,7 @@ function ThreadListItemContent(_a) {
                 }))))),
         React.createElement("div", { className: "sendbird-thread-list-item-content__right ".concat(chainTop ? 'chain-top' : '', " ").concat(isByMe ? 'outgoing' : 'incoming') }, (!isByMe && !isMobile) && (React.createElement("div", { className: "sendbird-thread-list-item-content-menu ".concat(supposedHoverClassName) },
             isReactionEnabledInChannel && (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, { className: "sendbird-thread-list-item-content-menu__reaction-menu", message: message, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
-            React.createElement(ui_MessageItemMenu.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.createElement(ui_MessageItemMenu.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.createElement(index$2.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 }))));
@@ -209,7 +208,7 @@ function ThreadListItem(_a) {
     var _h = React.useState(false), showEdit = _h[0], setShowEdit = _h[1];
     var _j = React.useState(false), showRemove = _j[0], setShowRemove = _j[1];
     var _k = React.useState(false), showFileViewer = _k[0], setShowFileViewer = _k[1];
-    var usingReaction = Channel_context.getIsReactionEnabled({
+    var usingReaction = getIsReactionEnabled.getIsReactionEnabled({
         globalLevel: isReactionEnabled,
         isSuper: currentChannel.isSuper,
         isBroadcast: currentChannel.isBroadcast,
@@ -268,7 +267,7 @@ function ThreadListItem(_a) {
     // Edit message
     if (showEdit && message.isUserMessage()) {
         return (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(Channel_components_SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            displaySuggestedMentionList && (React.createElement(SuggestedMentionList.SuggestedMentionList, { targetNickname: mentionNickname, inputEvent: messageInputEvent, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {

package/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}