@sendbird/uikit-react 3.14.0-beta.2 → 3.14.1

package/Thread/components/ParentMessageInfo.js

@@ -1,58 +1,58 @@
-import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-D_KO6Orc.js';
+import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-DRWNB6So.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-dw1OtCIz.js';
-import { R as RemoveMessage } from '../../chunks/bundle-Dicb9Y5f.js';
+import { f as format } from '../../chunks/bundle-BCNLSTzO.js';
+import { R as RemoveMessage } from '../../chunks/bundle-Dp8Uc0CR.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { f as getSenderName } from '../../chunks/bundle-5okwu0-4.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-B5kwbUC5.js';
-import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
+import { f as getSenderName } from '../../chunks/bundle-CRJQQ2Pt.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-CEBnyfFY.js';
+import { u as useLocalization } from '../../chunks/bundle-ByOL8d1Y.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-DnFiUPoR.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-BKG2cvZ9.js';
-import { A as Avatar } from '../../chunks/bundle-C4sUzPGS.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C-_RpFyM.js';
-import { F as FileViewer } from '../../chunks/bundle-zf2ni0YJ.js';
+import { a as UserProfileContext } from '../../chunks/bundle-Cr5JfXnd.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-CcCCSO3j.js';
+import { A as Avatar } from '../../chunks/bundle-DiKCx9T0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C9k4XREr.js';
+import { F as FileViewer } from '../../chunks/bundle-BYJO_VIh.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-87W4GPnC.js';
-import { R as Role } from '../../chunks/bundle-rfEyWmAm.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-BuIxT5aZ.js';
-import { u as useLongPress } from '../../chunks/bundle-DUTTSKO5.js';
-import { M as MobileMenu } from '../../chunks/bundle-CRLJsnLv.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-C4E6x1yH.js';
+import { R as Role } from '../../chunks/bundle-DChW5Z3e.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-CfCfA_eS.js';
+import { u as useLongPress } from '../../chunks/bundle-BL67-UYY.js';
+import { M as MobileMenu } from '../../chunks/bundle-C5yKwJa5.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-CcTHgZqq.js';
-import '../../chunks/bundle-BSPBjwR6.js';
+import '../../chunks/bundle-Ca-c848e.js';
+import '../../chunks/bundle-DURANzV-.js';
 import 'react-dom';
-import '../../chunks/bundle-CwofYH9U.js';
+import '../../chunks/bundle-B-rlaXWu.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DkRogqRS.js';
-import '../../chunks/bundle-aH4n4ipp.js';
+import '../../chunks/bundle-CemSwFjs.js';
+import '../../chunks/bundle-BSOtUr3s.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-CfKGkWtT.js';
+import '../../chunks/bundle-B1531-Xt.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-DXhynnjn.js';
+import '../../chunks/bundle-CqjZHu2X.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-BUy5u56K.js';
+import '../../chunks/bundle-D3BcbbU5.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-BmJsj1DE.js';
 import '../../withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-BFDyBk4r.js';
+import '../../chunks/bundle-oKdCuyHB.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Tooltip.js';
@@ -61,48 +61,49 @@ import '../../Message/context.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-C0LxowmB.js';
-import '../../chunks/bundle-BJ9OAqWz.js';
+import '../../chunks/bundle-Cv74ntvD.js';
+import '../../chunks/bundle-CypLTOy5.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-D56MXYqF.js';
-import '../../chunks/bundle-D_X2Bqh-.js';
+import '../../chunks/bundle-CVBV25Ez.js';
+import '../../chunks/bundle-tVxHr2lN.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-rSEP1XoB.js';
+import '../../chunks/bundle--KTlVDyw.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-PsMmoXV_.js';
-import '../../chunks/bundle-WwYLGAen.js';
+import '../../chunks/bundle-Cxxoo-8r.js';
+import '../../chunks/bundle-Buy5OFoZ.js';
 import '../context/types.js';
-import '../../chunks/bundle-DTDkmegk.js';
-import '../../chunks/bundle-CPszRkFg.js';
-import '../../chunks/bundle-By4sE23W.js';
-import '../../chunks/bundle-DoLed6JB.js';
-import '../../chunks/bundle-GQqssfTX.js';
+import '../../chunks/bundle-Dzzjbgaw.js';
+import '../../chunks/bundle-BWCUNJoA.js';
+import '../../chunks/bundle-B4gJwLnb.js';
+import '../../chunks/bundle-DKTKyX5B.js';
+import '../../chunks/bundle-DdrjZDoC.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-cjTAVQxr.js';
+import '../../chunks/bundle-BqZ85d_h.js';
 import 'dompurify';
-import '../../chunks/bundle-gSQF3Ob-.js';
-import '../../chunks/bundle-DRL21d0s.js';
-import '../../chunks/bundle-BvQAepkJ.js';
+import '../../chunks/bundle-BlbJo9zV.js';
+import '../../chunks/bundle-CXPL_q7g.js';
+import '../../chunks/bundle-DR0N9Re_.js';
 
 function ParentMessageInfo(_a) {
+    var _this = this;
     var _b, _c, _d, _e, _f, _g;
     var className = _a.className;
     var _h = useSendbirdStateContext(), stores = _h.stores, config = _h.config;
     var isMentionEnabled = config.isMentionEnabled, isReactionEnabled = config.isReactionEnabled, replyType = config.replyType, isOnline = config.isOnline, userMention = config.userMention, logger = config.logger;
     var userId = (_c = (_b = stores.userStore.user) === null || _b === void 0 ? void 0 : _b.userId) !== null && _c !== void 0 ? _c : '';
     var dateLocale = useLocalization().dateLocale;
-    var _j = useThreadContext(), currentChannel = _j.currentChannel, parentMessage = _j.parentMessage, allThreadMessages = _j.allThreadMessages, emojiContainer = _j.emojiContainer, toggleReaction = _j.toggleReaction, updateMessage = _j.updateMessage, deleteMessage = _j.deleteMessage, onMoveToParentMessage = _j.onMoveToParentMessage, onHeaderActionClick = _j.onHeaderActionClick, isMuted = _j.isMuted, isChannelFrozen = _j.isChannelFrozen;
+    var _j = useThreadContext(), currentChannel = _j.currentChannel, parentMessage = _j.parentMessage, allThreadMessages = _j.allThreadMessages, emojiContainer = _j.emojiContainer, toggleReaction = _j.toggleReaction, updateMessage = _j.updateMessage, deleteMessage = _j.deleteMessage, onMoveToParentMessage = _j.onMoveToParentMessage, onHeaderActionClick = _j.onHeaderActionClick, isMuted = _j.isMuted, isChannelFrozen = _j.isChannelFrozen, onBeforeDownloadFileMessage = _j.onBeforeDownloadFileMessage;
     var isMobile = useMediaQueryContext().isMobile;
     var _k = useState(false), showRemove = _k[0], setShowRemove = _k[1];
     var _l = useState(false), supposedHover = _l[0], setSupposedHover = _l[1];
     var _m = useState(false), showFileViewer = _m[0], setShowFileViewer = _m[1];
     var usingReaction = getIsReactionEnabled({
-        globalLevel: isReactionEnabled,
-        isSuper: currentChannel.isSuper,
-        isBroadcast: currentChannel.isBroadcast,
+        channel: currentChannel,
+        config: config,
+        moduleLevel: isReactionEnabled,
     });
     var isByMe = userId === parentMessage.sender.userId;
     // Mobile
@@ -148,6 +149,34 @@ function ParentMessageInfo(_a) {
             }
         }));
     }, [mentionedUserIds]);
+    var handleOnDownloadClick = function (e) { return __awaiter(_this, void 0, void 0, function () {
+        var allowDownload, err_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!onBeforeDownloadFileMessage) {
+                        return [2 /*return*/, null];
+                    }
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, onBeforeDownloadFileMessage({ message: parentMessage })];
+                case 2:
+                    allowDownload = _c.sent();
+                    if (!allowDownload) {
+                        e.preventDefault();
+                        (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'ParentMessageInfo: Not allowed to download.');
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _c.sent();
+                    (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'ParentMessageInfo: Error occurred while determining download continuation:', err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     // User Profile
     var avatarRef = useRef(null);
     var _w = useContext(UserProfileContext), disableUserProfile = _w.disableUserProfile, renderUserProfile = _w.renderUserProfile;
@@ -229,7 +258,7 @@ function ParentMessageInfo(_a) {
             React__default.createElement("div", { className: "sendbird-parent-message-info__content__info" },
                 React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sender-name".concat(usingReaction ? '--use-reaction' : ''), type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (getSenderName === null || getSenderName === void 0 ? void 0 : getSenderName(parentMessage))),
                 React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
-            React__default.createElement(ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer })),
+            React__default.createElement(ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
         !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 })),
@@ -242,12 +271,12 @@ function ParentMessageInfo(_a) {
                     .then(function () {
                     setShowFileViewer(false);
                 });
-            } })),
+            }, onDownloadClick: handleOnDownloadClick })),
         showMobileMenu && (React__default.createElement(MobileMenu, { parentRef: mobileMenuRef, channel: currentChannel, message: parentMessage, userId: userId, replyType: replyType, hideMenu: function () {
                 setShowMobileMenu(false);
             }, deleteMessage: deleteMessage, deleteMenuState: (allThreadMessages === null || allThreadMessages === void 0 ? void 0 : allThreadMessages.length) === 0
                 ? 'ACTIVE'
-                : 'HIDE', isReactionEnabled: usingReaction, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: setShowEditInput, showRemove: setShowRemove, toggleReaction: toggleReaction, isOpenedFromThread: true }))));
+                : 'HIDE', isReactionEnabled: usingReaction, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: setShowEditInput, showRemove: setShowRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, onDownloadClick: handleOnDownloadClick }))));
 }
 
 export { ParentMessageInfo as default };

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,8 @@
+import { a as __awaiter, b as __generator } from '../../chunks/bundle-DRWNB6So.js';
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
-import { l as isUserMessage, d as isEditedMessage, m as getUIKitMessageType, n as getUIKitMessageTypes, o as getUIKitFileType, t as truncateString, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, q as isSentMessage, r as isVideoMessage, s as isGifMessage } from '../../chunks/bundle-5okwu0-4.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C-_RpFyM.js';
+import { u as useLocalization } from '../../chunks/bundle-ByOL8d1Y.js';
+import { l as isUserMessage, d as isEditedMessage, m as getUIKitMessageType, n as getUIKitMessageTypes, o as getUIKitFileType, t as truncateString, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, q as isSentMessage, r as isVideoMessage, s as isGifMessage } from '../../chunks/bundle-CRJQQ2Pt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C9k4XREr.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
@@ -9,73 +10,75 @@ 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-D56MXYqF.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-D_X2Bqh-.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-rSEP1XoB.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-BuIxT5aZ.js';
-import { C as Colors } from '../../chunks/bundle-CfKGkWtT.js';
-import '../../chunks/bundle-DXhynnjn.js';
-import '../../chunks/bundle-CcTHgZqq.js';
-import '../../chunks/bundle-D_KO6Orc.js';
+import { T as TextFragment } from '../../chunks/bundle-CVBV25Ez.js';
+import { t as tokenizeMessage } from '../../chunks/bundle-tVxHr2lN.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle--KTlVDyw.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-CfCfA_eS.js';
+import { C as Colors } from '../../chunks/bundle-B1531-Xt.js';
+import '../../chunks/bundle-CqjZHu2X.js';
+import '../../chunks/bundle-Ca-c848e.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-aH4n4ipp.js';
-import '../../chunks/bundle-CwofYH9U.js';
+import '../../chunks/bundle-BSOtUr3s.js';
+import '../../chunks/bundle-B-rlaXWu.js';
 import '../../withSendbird.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-DUTTSKO5.js';
+import '../../chunks/bundle-BL67-UYY.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-BFDyBk4r.js';
+import '../../chunks/bundle-oKdCuyHB.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-BSPBjwR6.js';
+import '../../chunks/bundle-DURANzV-.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-DnFiUPoR.js';
-import '../../chunks/bundle-C4sUzPGS.js';
-import '../../chunks/bundle-BUy5u56K.js';
+import '../../chunks/bundle-Cr5JfXnd.js';
+import '../../chunks/bundle-DiKCx9T0.js';
+import '../../chunks/bundle-D3BcbbU5.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-BmJsj1DE.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-PsMmoXV_.js';
-import '../../chunks/bundle-WwYLGAen.js';
+import '../../chunks/bundle-CEBnyfFY.js';
+import '../../chunks/bundle-Cxxoo-8r.js';
+import '../../chunks/bundle-Buy5OFoZ.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-BJ9OAqWz.js';
+import '../../chunks/bundle-CypLTOy5.js';
 import '../context/types.js';
-import '../../chunks/bundle-DTDkmegk.js';
-import '../../chunks/bundle-CPszRkFg.js';
+import '../../chunks/bundle-Dzzjbgaw.js';
+import '../../chunks/bundle-BWCUNJoA.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-C0LxowmB.js';
+import '../../chunks/bundle-Cv74ntvD.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-zf2ni0YJ.js';
-import '../../chunks/bundle-GQqssfTX.js';
+import '../../chunks/bundle-BYJO_VIh.js';
+import '../../chunks/bundle-DdrjZDoC.js';
 import '@sendbird/uikit-tools';
 
 function ParentMessageInfoItem(_a) {
+    var _this = this;
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var className = _a.className, message = _a.message, showFileViewer = _a.showFileViewer;
-    var _l = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, stores = _l.stores, config = _l.config, eventHandlers = _l.eventHandlers;
+    var className = _a.className, message = _a.message, showFileViewer = _a.showFileViewer, _l = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _l === void 0 ? null : _l;
+    var _m = (useSendbirdStateContext === null || useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext()) || {}, stores = _m.stores, config = _m.config, eventHandlers = _m.eventHandlers;
+    var logger = config.logger;
     var onPressUserProfileHandler = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _b === void 0 ? void 0 : _b.onPressUserProfile;
     var replyType = config.replyType, isMentionEnabled = config.isMentionEnabled, isReactionEnabled = config.isReactionEnabled;
     var currentUserId = (_d = (_c = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
     var stringSet = useLocalization().stringSet;
-    var _m = useThreadContext(), currentChannel = _m.currentChannel, emojiContainer = _m.emojiContainer, nicknamesMap = _m.nicknamesMap, toggleReaction = _m.toggleReaction;
+    var _o = useThreadContext(), currentChannel = _o.currentChannel, emojiContainer = _o.emojiContainer, nicknamesMap = _o.nicknamesMap, toggleReaction = _o.toggleReaction;
     var isMobile = useMediaQueryContext().isMobile;
     var threadMessageKindKey = useThreadMessageKindKeySelector({
         threadMessageKind: ThreadMessageKind.PARENT,
@@ -89,8 +92,6 @@ function ParentMessageInfoItem(_a) {
     // Emoji reactions
     var isReactionActivated = isReactionEnabled
         && replyType === 'THREAD'
-        && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isSuper)
-        && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast)
         && ((_g = message === null || message === void 0 ? void 0 : message.reactions) === null || _g === void 0 ? void 0 : _g.length) > 0;
     var tokens = useMemo(function () {
         if (isMentionedMessage) {
@@ -103,14 +104,51 @@ function ParentMessageInfoItem(_a) {
             messageText: message === null || message === void 0 ? void 0 : message.message,
         });
     }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
+    // Only for the FileMessageItemBody
+    var downloadFileWithUrl = function () {
+        if (message.messageType === 'file') {
+            window.open(message === null || message === void 0 ? void 0 : message.url);
+        }
+    };
+    var handleOnClickTextButton = onBeforeDownloadFileMessage
+        ? function () { return __awaiter(_this, void 0, void 0, function () {
+            var allowDownload, err_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (!(message.messageType === 'file')) return [3 /*break*/, 4];
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
+                    case 2:
+                        allowDownload = _c.sent();
+                        if (allowDownload) {
+                            downloadFileWithUrl();
+                        }
+                        else {
+                            (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'ParentMessageInfoItem: Not allowed to download.');
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _c.sent();
+                        (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'ParentMessageInfoItem: Error occurred while determining download continuation:', err_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); }
+        : downloadFileWithUrl;
     // Thumbnail mesage
-    var _o = useState(false), isImageRendered = _o[0], setImageRendered = _o[1];
+    var _p = useState(false), isImageRendered = _p[0], setImageRendered = _p[1];
     var thumbnailUrl = ((_h = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0
         ? (_j = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _j === void 0 ? void 0 : _j.url : '';
     return (React__default.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
         isUserMessage(message) && (React__default.createElement(Label, { className: "sendbird-parent-message-info-item__text-message", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 },
             React__default.createElement(TextFragment, { tokens: tokens }),
             isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-parent-message-info-item__text-message edited", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
+        // Instead of the FileMessageItemBody component
         (getUIKitMessageType(message) === getUIKitMessageTypes().FILE) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__file-message" },
             React__default.createElement("div", { className: "sendbird-parent-message-info-item__file-message__file-icon" },
                 React__default.createElement(Icon, { className: "sendbird-parent-message-info-item__file-message__file-icon__icon", type: {
@@ -120,9 +158,9 @@ function ParentMessageInfoItem(_a) {
                         GIF: IconTypes.GIF,
                         OTHERS: IconTypes.FILE_DOCUMENT,
                     }[getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })),
-            React__default.createElement(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: Colors.ONBACKGROUND_1 },
+            React__default.createElement(TextButton, { className: "sendbird-parent-message-info-item__file-message__file-name", onClick: handleOnClickTextButton, color: Colors.ONBACKGROUND_1 },
                 React__default.createElement(Label, { className: "sendbird-parent-message-info-item__file-message__file-name__text", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 }, truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30))))),
-        isMultipleFilesMessage(message) && (React__default.createElement(MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
+        isMultipleFilesMessage(message) && (React__default.createElement(MultipleFilesMessageItemBody, { className: "sendbird-parent-message-info-item__multiple-files-message-wrapper", message: message, isByMe: false, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
         isVoiceMessage(message) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__voice-message" },
             React__default.createElement(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 }))),
         isThumbnailMessage(message) && (React__default.createElement("div", { className: "sendbird-parent-message-info-item__thumbnail-message", onClick: function () {

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-C-_RpFyM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-C9k4XREr.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../chunks/bundle-CJIPD7gN.js';
-import '../../chunks/bundle-D_KO6Orc.js';
-import '../../chunks/bundle-CwofYH9U.js';
-import '../../chunks/bundle-DXhynnjn.js';
-import '../../chunks/bundle-CfKGkWtT.js';
-import '../../chunks/bundle-CcTHgZqq.js';
+import { u as useLocalization } from '../../chunks/bundle-ByOL8d1Y.js';
+import '../../chunks/bundle-DRWNB6So.js';
+import '../../chunks/bundle-B-rlaXWu.js';
+import '../../chunks/bundle-CqjZHu2X.js';
+import '../../chunks/bundle-B1531-Xt.js';
+import '../../chunks/bundle-Ca-c848e.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

@@ -5,66 +5,66 @@ import { compareMessagesForGrouping } from '../../Channel/utils/compareMessagesF
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { isSameDay } from 'date-fns';
 import { MessageProvider } from '../../Message/context.js';
-import '../../chunks/bundle-D_KO6Orc.js';
-import '../../chunks/bundle-dw1OtCIz.js';
-import '../../chunks/bundle-CcTHgZqq.js';
-import '../../chunks/bundle-CJIPD7gN.js';
-import '../../chunks/bundle-DXhynnjn.js';
+import '../../chunks/bundle-DRWNB6So.js';
+import '../../chunks/bundle-BCNLSTzO.js';
+import '../../chunks/bundle-Ca-c848e.js';
+import '../../chunks/bundle-ByOL8d1Y.js';
+import '../../chunks/bundle-CqjZHu2X.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-CfKGkWtT.js';
-import '../../chunks/bundle-C-_RpFyM.js';
-import '../../chunks/bundle-Dicb9Y5f.js';
-import '../../chunks/bundle-BSPBjwR6.js';
+import '../../chunks/bundle-B1531-Xt.js';
+import '../../chunks/bundle-C9k4XREr.js';
+import '../../chunks/bundle-Dp8Uc0CR.js';
+import '../../chunks/bundle-DURANzV-.js';
 import 'react-dom';
-import '../../chunks/bundle-CwofYH9U.js';
-import '../../chunks/bundle-BuIxT5aZ.js';
+import '../../chunks/bundle-B-rlaXWu.js';
+import '../../chunks/bundle-CfCfA_eS.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DkRogqRS.js';
-import '../../chunks/bundle-5okwu0-4.js';
+import '../../chunks/bundle-CemSwFjs.js';
+import '../../chunks/bundle-CRJQQ2Pt.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-aH4n4ipp.js';
-import '../../chunks/bundle-zf2ni0YJ.js';
+import '../../chunks/bundle-BSOtUr3s.js';
+import '../../chunks/bundle-BYJO_VIh.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-C4sUzPGS.js';
+import '../../chunks/bundle-DiKCx9T0.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-BUy5u56K.js';
-import '../../chunks/bundle-BJ9OAqWz.js';
-import '../../chunks/bundle-GQqssfTX.js';
+import '../../chunks/bundle-D3BcbbU5.js';
+import '../../chunks/bundle-CypLTOy5.js';
+import '../../chunks/bundle-DdrjZDoC.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-BKG2cvZ9.js';
-import '../../chunks/bundle-By4sE23W.js';
-import '../../chunks/bundle-BFDyBk4r.js';
-import '../../chunks/bundle-DoLed6JB.js';
-import '../../chunks/bundle-87W4GPnC.js';
+import '../../chunks/bundle-CcCCSO3j.js';
+import '../../chunks/bundle-B4gJwLnb.js';
+import '../../chunks/bundle-oKdCuyHB.js';
+import '../../chunks/bundle-DKTKyX5B.js';
+import '../../chunks/bundle-C4E6x1yH.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-cjTAVQxr.js';
+import '../../chunks/bundle-BqZ85d_h.js';
 import 'dompurify';
-import '../../chunks/bundle-gSQF3Ob-.js';
-import '../../chunks/bundle-DRL21d0s.js';
-import '../../chunks/bundle-BvQAepkJ.js';
-import '../../chunks/bundle-D_X2Bqh-.js';
+import '../../chunks/bundle-BlbJo9zV.js';
+import '../../chunks/bundle-CXPL_q7g.js';
+import '../../chunks/bundle-DR0N9Re_.js';
+import '../../chunks/bundle-tVxHr2lN.js';
 import '../context/types.js';
 import '../../ui/ContextMenu.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-DnFiUPoR.js';
+import '../../chunks/bundle-Cr5JfXnd.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-Bf5VthYV.js';
+import '../../chunks/bundle-BmJsj1DE.js';
 import '../../withSendbird.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-rfEyWmAm.js';
+import '../../chunks/bundle-DChW5Z3e.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-DUTTSKO5.js';
-import '../../chunks/bundle-BdZAuvN7.js';
+import '../../chunks/bundle-BL67-UYY.js';
+import '../../chunks/bundle--6zoMlSy.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-CcVFQEGF.js';
-import '../../chunks/bundle-BJgNc4do.js';
+import '../../chunks/bundle-BGjW7OlD.js';
+import '../../chunks/bundle-DLC9d0SK.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
@@ -73,31 +73,31 @@ import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
+import '../../chunks/bundle-CEBnyfFY.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../chunks/bundle-D56MXYqF.js';
+import '../../chunks/bundle-CVBV25Ez.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-B2pNgmzq.js';
+import '../../chunks/bundle-DmHVnPIK.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-C0LxowmB.js';
+import '../../chunks/bundle-Cv74ntvD.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-CRLJsnLv.js';
-import '../../chunks/bundle-rSEP1XoB.js';
+import '../../chunks/bundle-C5yKwJa5.js';
+import '../../chunks/bundle--KTlVDyw.js';
 import '@sendbird/chat/message';
 import '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-B5kwbUC5.js';
-import '../../chunks/bundle-PsMmoXV_.js';
-import '../../chunks/bundle-WwYLGAen.js';
-import '../../chunks/bundle-DTDkmegk.js';
-import '../../chunks/bundle-CPszRkFg.js';
+import '../../chunks/bundle-Cxxoo-8r.js';
+import '../../chunks/bundle-Buy5OFoZ.js';
+import '../../chunks/bundle-Dzzjbgaw.js';
+import '../../chunks/bundle-BWCUNJoA.js';
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;