@sendbird/uikit-react 3.13.2 → 3.13.3

package/SendbirdProvider.js.map

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

package/Thread/components/ParentMessageInfo.js

@@ -1,58 +1,58 @@
-import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-CVDtzU3E.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-5rwlX4db.js';
-import { R as RemoveMessage } from '../../chunks/bundle-DIhQqYC5.js';
+import { f as format } from '../../chunks/bundle-DBzkkIf1.js';
+import { R as RemoveMessage } from '../../chunks/bundle-aJhoAKLH.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { f as getSenderName } from '../../chunks/bundle-D1otjGeL.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-C6387K33.js';
-import { u as useLocalization } from '../../chunks/bundle-BV8WCwVA.js';
+import { f as getSenderName } from '../../chunks/bundle-DI3fL4Xw.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-Cvm8Ag45.js';
+import { u as useLocalization } from '../../chunks/bundle-BX0LQWqY.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-B_ah2kxT.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-BqWBruLa.js';
-import { A as Avatar } from '../../chunks/bundle-DwRQcRou.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-BUHwsL2D.js';
-import { F as FileViewer } from '../../chunks/bundle-DIy5BllY.js';
+import { a as UserProfileContext } from '../../chunks/bundle-yNfnN0a6.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-DQnpJfyk.js';
+import { A as Avatar } from '../../chunks/bundle-BXpzbAbi.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DPhbbRZE.js';
+import { F as FileViewer } from '../../chunks/bundle-Dj4HLKX0.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-C-35JoOu.js';
-import { R as Role } from '../../chunks/bundle-C6MmX70M.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-CHxXgtL2.js';
-import { u as useLongPress } from '../../chunks/bundle-CNInpRIS.js';
-import { M as MobileMenu } from '../../chunks/bundle-Clnr6ml_.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-ts_i6oEg.js';
+import { R as Role } from '../../chunks/bundle-CIO0N9hp.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-CLqgMCvn.js';
+import { u as useLongPress } from '../../chunks/bundle-j5EP0k3D.js';
+import { M as MobileMenu } from '../../chunks/bundle-DTywBX7q.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-CUBnQyTA.js';
-import '../../chunks/bundle-DdwjYXOX.js';
+import '../../chunks/bundle-BxBdkxXV.js';
+import '../../chunks/bundle-CCUBCV04.js';
 import 'react-dom';
-import '../../chunks/bundle-BdCGrzcY.js';
+import '../../chunks/bundle-CT3xDvIx.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-BKPDTl9U.js';
-import '../../chunks/bundle-DzQcMztv.js';
+import '../../chunks/bundle-CIhbNReG.js';
+import '../../chunks/bundle-4a9M9y8N.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-D9xWky57.js';
+import '../../chunks/bundle-DHp0VTVS.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-DT8UMQCr.js';
+import '../../chunks/bundle-DaQK1Cox.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-cWhfb441.js';
+import '../../chunks/bundle-DYJilNov.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BZK5eiX2.js';
+import '../../chunks/bundle-DEqxoG9B.js';
 import '../../withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-CXMfzdI7.js';
+import '../../chunks/bundle-CkInAxxb.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Tooltip.js';
@@ -61,40 +61,41 @@ import '../../Message/context.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-D4TIkniH.js';
-import '../../chunks/bundle-ugWtu0YZ.js';
+import '../../chunks/bundle-DxdGwARh.js';
+import '../../chunks/bundle-BlHQV-25.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-Cgtk2LV4.js';
-import '../../chunks/bundle-C6ZHgzD6.js';
+import '../../chunks/bundle-C6fuKmVo.js';
+import '../../chunks/bundle-DqNfXH8L.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-BkTOcqVY.js';
+import '../../chunks/bundle-BMvaJoQA.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Bm8gzDx1.js';
-import '../../chunks/bundle-B3KaaIrh.js';
+import '../../chunks/bundle-CVFMpKJZ.js';
+import '../../chunks/bundle-HsrPpAtd.js';
 import '../context/types.js';
-import '../../chunks/bundle-C7SA85dp.js';
-import '../../chunks/bundle-CI0ovNa-.js';
-import '../../chunks/bundle-BNL2dgIA.js';
-import '../../chunks/bundle-2g0N2xdw.js';
-import '../../chunks/bundle-mkC088ne.js';
+import '../../chunks/bundle-C6ZXjQ1L.js';
+import '../../chunks/bundle-CAki7JUf.js';
+import '../../chunks/bundle-CS4RK0T7.js';
+import '../../chunks/bundle-CZYvKysu.js';
+import '../../chunks/bundle-CP1hwfFC.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-x0WnpBed.js';
+import '../../chunks/bundle-DNq8IoOw.js';
 import 'dompurify';
-import '../../chunks/bundle-hAKR7PVp.js';
-import '../../chunks/bundle-CU8x_Vlw.js';
-import '../../chunks/bundle-BYdjor8f.js';
+import '../../chunks/bundle-B8HW06Fl.js';
+import '../../chunks/bundle-CJ9_QDKY.js';
+import '../../chunks/bundle-WrvoTlHQ.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];
@@ -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-CVDtzU3E.js';
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-BV8WCwVA.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-D1otjGeL.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-BUHwsL2D.js';
+import { u as useLocalization } from '../../chunks/bundle-BX0LQWqY.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-DI3fL4Xw.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DPhbbRZE.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
@@ -9,73 +10,74 @@ 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-Cgtk2LV4.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-C6ZHgzD6.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BkTOcqVY.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-CHxXgtL2.js';
-import { C as Colors } from '../../chunks/bundle-D9xWky57.js';
-import '../../chunks/bundle-DT8UMQCr.js';
-import '../../chunks/bundle-CUBnQyTA.js';
-import '../../chunks/bundle-4bxiD94h.js';
+import { T as TextFragment } from '../../chunks/bundle-C6fuKmVo.js';
+import { t as tokenizeMessage } from '../../chunks/bundle-DqNfXH8L.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BMvaJoQA.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-CLqgMCvn.js';
+import { C as Colors } from '../../chunks/bundle-DHp0VTVS.js';
+import '../../chunks/bundle-DaQK1Cox.js';
+import '../../chunks/bundle-BxBdkxXV.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DzQcMztv.js';
-import '../../chunks/bundle-BdCGrzcY.js';
+import '../../chunks/bundle-4a9M9y8N.js';
+import '../../chunks/bundle-CT3xDvIx.js';
 import '../../withSendbird.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-CNInpRIS.js';
+import '../../chunks/bundle-j5EP0k3D.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-CXMfzdI7.js';
+import '../../chunks/bundle-CkInAxxb.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-DdwjYXOX.js';
+import '../../chunks/bundle-CCUBCV04.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-B_ah2kxT.js';
-import '../../chunks/bundle-DwRQcRou.js';
-import '../../chunks/bundle-cWhfb441.js';
+import '../../chunks/bundle-yNfnN0a6.js';
+import '../../chunks/bundle-BXpzbAbi.js';
+import '../../chunks/bundle-DYJilNov.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BZK5eiX2.js';
+import '../../chunks/bundle-DEqxoG9B.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-Bm8gzDx1.js';
-import '../../chunks/bundle-B3KaaIrh.js';
+import '../../chunks/bundle-CVFMpKJZ.js';
+import '../../chunks/bundle-HsrPpAtd.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-ugWtu0YZ.js';
+import '../../chunks/bundle-BlHQV-25.js';
 import '../context/types.js';
-import '../../chunks/bundle-C7SA85dp.js';
-import '../../chunks/bundle-CI0ovNa-.js';
+import '../../chunks/bundle-C6ZXjQ1L.js';
+import '../../chunks/bundle-CAki7JUf.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-D4TIkniH.js';
+import '../../chunks/bundle-DxdGwARh.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-DIy5BllY.js';
-import '../../chunks/bundle-mkC088ne.js';
+import '../../chunks/bundle-Dj4HLKX0.js';
+import '../../chunks/bundle-CP1hwfFC.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,
@@ -103,14 +105,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 +159,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-BUHwsL2D.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DPhbbRZE.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../chunks/bundle-BV8WCwVA.js';
-import '../../chunks/bundle-4bxiD94h.js';
-import '../../chunks/bundle-BdCGrzcY.js';
-import '../../chunks/bundle-DT8UMQCr.js';
-import '../../chunks/bundle-D9xWky57.js';
-import '../../chunks/bundle-CUBnQyTA.js';
+import { u as useLocalization } from '../../chunks/bundle-BX0LQWqY.js';
+import '../../chunks/bundle-CVDtzU3E.js';
+import '../../chunks/bundle-CT3xDvIx.js';
+import '../../chunks/bundle-DaQK1Cox.js';
+import '../../chunks/bundle-DHp0VTVS.js';
+import '../../chunks/bundle-BxBdkxXV.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-4bxiD94h.js';
-import '../../chunks/bundle-5rwlX4db.js';
-import '../../chunks/bundle-CUBnQyTA.js';
-import '../../chunks/bundle-BV8WCwVA.js';
-import '../../chunks/bundle-DT8UMQCr.js';
+import '../../chunks/bundle-CVDtzU3E.js';
+import '../../chunks/bundle-DBzkkIf1.js';
+import '../../chunks/bundle-BxBdkxXV.js';
+import '../../chunks/bundle-BX0LQWqY.js';
+import '../../chunks/bundle-DaQK1Cox.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-D9xWky57.js';
-import '../../chunks/bundle-BUHwsL2D.js';
-import '../../chunks/bundle-DIhQqYC5.js';
-import '../../chunks/bundle-DdwjYXOX.js';
+import '../../chunks/bundle-DHp0VTVS.js';
+import '../../chunks/bundle-DPhbbRZE.js';
+import '../../chunks/bundle-aJhoAKLH.js';
+import '../../chunks/bundle-CCUBCV04.js';
 import 'react-dom';
-import '../../chunks/bundle-BdCGrzcY.js';
-import '../../chunks/bundle-CHxXgtL2.js';
+import '../../chunks/bundle-CT3xDvIx.js';
+import '../../chunks/bundle-CLqgMCvn.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-BKPDTl9U.js';
-import '../../chunks/bundle-D1otjGeL.js';
+import '../../chunks/bundle-CIhbNReG.js';
+import '../../chunks/bundle-DI3fL4Xw.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DzQcMztv.js';
-import '../../chunks/bundle-DIy5BllY.js';
+import '../../chunks/bundle-4a9M9y8N.js';
+import '../../chunks/bundle-Dj4HLKX0.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-DwRQcRou.js';
+import '../../chunks/bundle-BXpzbAbi.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-cWhfb441.js';
-import '../../chunks/bundle-ugWtu0YZ.js';
-import '../../chunks/bundle-mkC088ne.js';
+import '../../chunks/bundle-DYJilNov.js';
+import '../../chunks/bundle-BlHQV-25.js';
+import '../../chunks/bundle-CP1hwfFC.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-BqWBruLa.js';
-import '../../chunks/bundle-BNL2dgIA.js';
-import '../../chunks/bundle-CXMfzdI7.js';
-import '../../chunks/bundle-2g0N2xdw.js';
-import '../../chunks/bundle-C-35JoOu.js';
+import '../../chunks/bundle-DQnpJfyk.js';
+import '../../chunks/bundle-CS4RK0T7.js';
+import '../../chunks/bundle-CkInAxxb.js';
+import '../../chunks/bundle-CZYvKysu.js';
+import '../../chunks/bundle-ts_i6oEg.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-x0WnpBed.js';
+import '../../chunks/bundle-DNq8IoOw.js';
 import 'dompurify';
-import '../../chunks/bundle-hAKR7PVp.js';
-import '../../chunks/bundle-CU8x_Vlw.js';
-import '../../chunks/bundle-BYdjor8f.js';
-import '../../chunks/bundle-C6ZHgzD6.js';
+import '../../chunks/bundle-B8HW06Fl.js';
+import '../../chunks/bundle-CJ9_QDKY.js';
+import '../../chunks/bundle-WrvoTlHQ.js';
+import '../../chunks/bundle-DqNfXH8L.js';
 import '../context/types.js';
 import '../../ui/ContextMenu.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-B_ah2kxT.js';
+import '../../chunks/bundle-yNfnN0a6.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BZK5eiX2.js';
+import '../../chunks/bundle-DEqxoG9B.js';
 import '../../withSendbird.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-C6MmX70M.js';
+import '../../chunks/bundle-CIO0N9hp.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-CNInpRIS.js';
-import '../../chunks/bundle-Bceke7Nk.js';
+import '../../chunks/bundle-j5EP0k3D.js';
+import '../../chunks/bundle-jd7__XU_.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-C9WS75DY.js';
-import '../../chunks/bundle-C-UZ_gr4.js';
+import '../../chunks/bundle-CMKCY3ba.js';
+import '../../chunks/bundle-Bm_WZS3a.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
@@ -74,30 +74,30 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../chunks/bundle-Cgtk2LV4.js';
+import '../../chunks/bundle-C6fuKmVo.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-BxmlG4s-.js';
+import '../../chunks/bundle-GRqvZZ2N.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-D4TIkniH.js';
+import '../../chunks/bundle-DxdGwARh.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-Clnr6ml_.js';
-import '../../chunks/bundle-BkTOcqVY.js';
+import '../../chunks/bundle-DTywBX7q.js';
+import '../../chunks/bundle-BMvaJoQA.js';
 import '@sendbird/chat/message';
 import '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-C6387K33.js';
-import '../../chunks/bundle-Bm8gzDx1.js';
-import '../../chunks/bundle-B3KaaIrh.js';
-import '../../chunks/bundle-C7SA85dp.js';
-import '../../chunks/bundle-CI0ovNa-.js';
+import '../../chunks/bundle-Cvm8Ag45.js';
+import '../../chunks/bundle-CVFMpKJZ.js';
+import '../../chunks/bundle-HsrPpAtd.js';
+import '../../chunks/bundle-C6ZXjQ1L.js';
+import '../../chunks/bundle-CAki7JUf.js';
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;