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

package/cjs/Thread/components/ParentMessageInfo.js

@@ -1,60 +1,60 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-Q5_I3n-8.js');
+var _tslib = require('../../chunks/bundle-By-3k_MB.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-7FLBAmYO.js');
-var RemoveMessageModal = require('../../chunks/bundle-03LrACV2.js');
+var index$1 = require('../../chunks/bundle-wczCFG7x.js');
+var RemoveMessageModal = require('../../chunks/bundle-Vo5M_T27.js');
 var Thread_components_ParentMessageInfoItem = require('./ParentMessageInfoItem.js');
-var index = require('../../chunks/bundle-B1Nml3ap.js');
-var getIsReactionEnabled = require('../../chunks/bundle-CCVRe_w3.js');
-var LocalizationContext = require('../../chunks/bundle-CmFB08Wf.js');
+var index = require('../../chunks/bundle-DRrLQVHb.js');
+var getIsReactionEnabled = require('../../chunks/bundle-pFmJjfem.js');
+var LocalizationContext = require('../../chunks/bundle-C5nXYn9D.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Thread_context = require('../context.js');
-var UserProfileContext = require('../../chunks/bundle-BF04PgMH.js');
-var SuggestedMentionList = require('../../chunks/bundle-7GCXhi1c.js');
-var ui_Avatar = require('../../chunks/bundle-BsGXZt6G.js');
-var ui_Label = require('../../chunks/bundle-C88DsCNB.js');
-var ui_FileViewer = require('../../chunks/bundle-DNP731Dg.js');
+var UserProfileContext = require('../../chunks/bundle-U2gOXD87.js');
+var SuggestedMentionList = require('../../chunks/bundle-CuCEO0gF.js');
+var ui_Avatar = require('../../chunks/bundle-CKVCRcX8.js');
+var ui_Label = require('../../chunks/bundle-BOcTTiW2.js');
+var ui_FileViewer = require('../../chunks/bundle-BjidTEAi.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-BlvFC-Rm.js');
-var types = require('../../chunks/bundle-INETVVGE.js');
-var MediaQueryContext = require('../../chunks/bundle-CsvKRjaK.js');
-var useLongPress = require('../../chunks/bundle-CIswYN43.js');
-var index$2 = require('../../chunks/bundle-MFvyy6ar.js');
+var _const = require('../../chunks/bundle-_3SK8xoH.js');
+var types = require('../../chunks/bundle-BD49w5la.js');
+var MediaQueryContext = require('../../chunks/bundle-Cv9f4q9i.js');
+var useLongPress = require('../../chunks/bundle-CIwnFnv9.js');
+var index$2 = require('../../chunks/bundle-BuxwIob-.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-1hCsXfVb.js');
-require('../../chunks/bundle-dNtU9_eg.js');
+require('../../chunks/bundle-BBn6e1TE.js');
+require('../../chunks/bundle-DwFtclQP.js');
 require('react-dom');
-require('../../chunks/bundle-CDBTt08y.js');
+require('../../chunks/bundle-BN-LMdIM.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-BxaGZqGJ.js');
-require('../../chunks/bundle-Cmmi9pdk.js');
+require('../../chunks/bundle-ByAfkvZh.js');
+require('../../chunks/bundle-CCI24NOf.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-SIHqK2VF.js');
+require('../../chunks/bundle-BX7oj4JP.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-CqF06THu.js');
+require('../../chunks/bundle-CbrvdaBm.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle--ToWZ9cj.js');
+require('../../chunks/bundle-B-3hDIdO.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-BMsGwLym.js');
+require('../../chunks/bundle-DMqilxSQ.js');
 require('../../withSendbird.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-DfYperTC.js');
+require('../../chunks/bundle-gGCaMzPZ.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Tooltip.js');
@@ -63,48 +63,49 @@ require('../../Message/context.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-BwO19Jro.js');
-require('../../chunks/bundle-Dpu1gg5r.js');
+require('../../chunks/bundle-_ouF-COo.js');
+require('../../chunks/bundle-DGw6pGp5.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-FD0n8tOs.js');
-require('../../chunks/bundle-tOZCSmZj.js');
+require('../../chunks/bundle-BYIW_h3Y.js');
+require('../../chunks/bundle-DMKeCwT_.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-Y_FLyDnc.js');
+require('../../chunks/bundle-BrqtKvF1.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-B8jj7upa.js');
-require('../../chunks/bundle-qgvbJv89.js');
+require('../../chunks/bundle-D_m86gwb.js');
+require('../../chunks/bundle-gBFimzbK.js');
 require('../context/types.js');
-require('../../chunks/bundle-DRFWOXrL.js');
-require('../../chunks/bundle-cf3-zuo6.js');
-require('../../chunks/bundle-B-dy_WYW.js');
-require('../../chunks/bundle-DUP4cxoZ.js');
-require('../../chunks/bundle-tHnRbr7F.js');
+require('../../chunks/bundle-BjuS3ItZ.js');
+require('../../chunks/bundle-CKV7u9Pa.js');
+require('../../chunks/bundle-CRggj9kM.js');
+require('../../chunks/bundle-CSlhgdb3.js');
+require('../../chunks/bundle-B_DDVUVa.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-C9jXxNI1.js');
+require('../../chunks/bundle-BhUkL36h.js');
 require('dompurify');
-require('../../chunks/bundle-8oxVWV_9.js');
-require('../../chunks/bundle-B2cSnWcr.js');
-require('../../chunks/bundle-BR1tsZpK.js');
+require('../../chunks/bundle-Cxk9TBzk.js');
+require('../../chunks/bundle-C3SJz4Ji.js');
+require('../../chunks/bundle-h_3DR6aU.js');
 
 function ParentMessageInfo(_a) {
+    var _this = this;
     var _b, _c, _d, _e, _f, _g;
     var className = _a.className;
     var _h = useSendbirdStateContext.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 = LocalizationContext.useLocalization().dateLocale;
-    var _j = Thread_context.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 = Thread_context.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 = MediaQueryContext.useMediaQueryContext().isMobile;
     var _k = React.useState(false), showRemove = _k[0], setShowRemove = _k[1];
     var _l = React.useState(false), supposedHover = _l[0], setSupposedHover = _l[1];
     var _m = React.useState(false), showFileViewer = _m[0], setShowFileViewer = _m[1];
     var usingReaction = getIsReactionEnabled.getIsReactionEnabled({
-        globalLevel: isReactionEnabled,
-        isSuper: currentChannel.isSuper,
-        isBroadcast: currentChannel.isBroadcast,
+        channel: currentChannel,
+        config: config,
+        moduleLevel: isReactionEnabled,
     });
     var isByMe = userId === parentMessage.sender.userId;
     // Mobile
@@ -150,6 +151,34 @@ function ParentMessageInfo(_a) {
             }
         }));
     }, [mentionedUserIds]);
+    var handleOnDownloadClick = function (e) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        var allowDownload, err_1;
+        var _a, _b;
+        return _tslib.__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 = React.useRef(null);
     var _w = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _w.disableUserProfile, renderUserProfile = _w.renderUserProfile;
@@ -231,7 +260,7 @@ function ParentMessageInfo(_a) {
             React.createElement("div", { className: "sendbird-parent-message-info__content__info" },
                 React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info__content__info__sender-name".concat(usingReaction ? '--use-reaction' : ''), type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.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) || (index.getSenderName === null || index.getSenderName === void 0 ? void 0 : index.getSenderName(parentMessage))),
                 React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
-            React.createElement(Thread_components_ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer })),
+            React.createElement(Thread_components_ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
         !isMobile && (React.createElement(ui_MessageItemMenu.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 })),
@@ -244,12 +273,12 @@ function ParentMessageInfo(_a) {
                     .then(function () {
                     setShowFileViewer(false);
                 });
-            } })),
+            }, onDownloadClick: handleOnDownloadClick })),
         showMobileMenu && (React.createElement(index$2.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 }))));
 }
 
 module.exports = ParentMessageInfo;

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

@@ -1,9 +1,10 @@
 'use strict';
 
+var _tslib = require('../../chunks/bundle-By-3k_MB.js');
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-CmFB08Wf.js');
-var index = require('../../chunks/bundle-B1Nml3ap.js');
-var ui_Label = require('../../chunks/bundle-C88DsCNB.js');
+var LocalizationContext = require('../../chunks/bundle-C5nXYn9D.js');
+var index = require('../../chunks/bundle-DRrLQVHb.js');
+var ui_Label = require('../../chunks/bundle-BOcTTiW2.js');
 var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_TextButton = require('../../ui/TextButton.js');
@@ -11,73 +12,75 @@ 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-FD0n8tOs.js');
-var tokenize = require('../../chunks/bundle-tOZCSmZj.js');
-var useFileInfoListWithUploaded = require('../../chunks/bundle-Y_FLyDnc.js');
-var MediaQueryContext = require('../../chunks/bundle-CsvKRjaK.js');
-var color = require('../../chunks/bundle-SIHqK2VF.js');
-require('../../chunks/bundle-CqF06THu.js');
-require('../../chunks/bundle-1hCsXfVb.js');
-require('../../chunks/bundle-Q5_I3n-8.js');
+var index$1 = require('../../chunks/bundle-BYIW_h3Y.js');
+var tokenize = require('../../chunks/bundle-DMKeCwT_.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-BrqtKvF1.js');
+var MediaQueryContext = require('../../chunks/bundle-Cv9f4q9i.js');
+var color = require('../../chunks/bundle-BX7oj4JP.js');
+require('../../chunks/bundle-CbrvdaBm.js');
+require('../../chunks/bundle-BBn6e1TE.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Cmmi9pdk.js');
-require('../../chunks/bundle-CDBTt08y.js');
+require('../../chunks/bundle-CCI24NOf.js');
+require('../../chunks/bundle-BN-LMdIM.js');
 require('../../withSendbird.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-CIswYN43.js');
+require('../../chunks/bundle-CIwnFnv9.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-DfYperTC.js');
+require('../../chunks/bundle-gGCaMzPZ.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-dNtU9_eg.js');
+require('../../chunks/bundle-DwFtclQP.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-BF04PgMH.js');
-require('../../chunks/bundle-BsGXZt6G.js');
-require('../../chunks/bundle--ToWZ9cj.js');
+require('../../chunks/bundle-U2gOXD87.js');
+require('../../chunks/bundle-CKVCRcX8.js');
+require('../../chunks/bundle-B-3hDIdO.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-BMsGwLym.js');
+require('../../chunks/bundle-DMqilxSQ.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-B8jj7upa.js');
-require('../../chunks/bundle-qgvbJv89.js');
+require('../../chunks/bundle-pFmJjfem.js');
+require('../../chunks/bundle-D_m86gwb.js');
+require('../../chunks/bundle-gBFimzbK.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-Dpu1gg5r.js');
+require('../../chunks/bundle-DGw6pGp5.js');
 require('../context/types.js');
-require('../../chunks/bundle-DRFWOXrL.js');
-require('../../chunks/bundle-cf3-zuo6.js');
+require('../../chunks/bundle-BjuS3ItZ.js');
+require('../../chunks/bundle-CKV7u9Pa.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-BwO19Jro.js');
+require('../../chunks/bundle-_ouF-COo.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
-require('../../chunks/bundle-DNP731Dg.js');
-require('../../chunks/bundle-tHnRbr7F.js');
+require('../../chunks/bundle-BjidTEAi.js');
+require('../../chunks/bundle-B_DDVUVa.js');
 require('@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.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.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.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.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 = LocalizationContext.useLocalization().stringSet;
-    var _m = Thread_context.useThreadContext(), currentChannel = _m.currentChannel, emojiContainer = _m.emojiContainer, nicknamesMap = _m.nicknamesMap, toggleReaction = _m.toggleReaction;
+    var _o = Thread_context.useThreadContext(), currentChannel = _o.currentChannel, emojiContainer = _o.emojiContainer, nicknamesMap = _o.nicknamesMap, toggleReaction = _o.toggleReaction;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
         threadMessageKind: useFileInfoListWithUploaded.ThreadMessageKind.PARENT,
@@ -91,8 +94,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 = React.useMemo(function () {
         if (isMentionedMessage) {
@@ -105,14 +106,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 _tslib.__awaiter(_this, void 0, void 0, function () {
+            var allowDownload, err_1;
+            var _a, _b;
+            return _tslib.__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 = React.useState(false), isImageRendered = _o[0], setImageRendered = _o[1];
+    var _p = React.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.createElement("div", { className: "sendbird-parent-message-info-item ".concat(className) },
         index.isUserMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
             React.createElement(index$1.TextFragment, { tokens: tokens }),
             index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-parent-message-info-item__text-message edited", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
+        // Instead of the FileMessageItemBody component
         (index.getUIKitMessageType(message) === index.getUIKitMessageTypes().FILE) && (React.createElement("div", { className: "sendbird-parent-message-info-item__file-message" },
             React.createElement("div", { className: "sendbird-parent-message-info-item__file-message__file-icon" },
                 React.createElement(ui_Icon.default, { className: "sendbird-parent-message-info-item__file-message__file-icon__icon", type: {
@@ -122,9 +160,9 @@ function ParentMessageInfoItem(_a) {
                         GIF: ui_Icon.IconTypes.GIF,
                         OTHERS: ui_Icon.IconTypes.FILE_DOCUMENT,
                     }[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_TextButton, { className: "sendbird-parent-message-info-item__file-message__file-name", onClick: handleOnClickTextButton, 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(useFileInfoListWithUploaded.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, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
         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 () {

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-C88DsCNB.js');
+var ui_Label = require('../../chunks/bundle-BOcTTiW2.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../chunks/bundle-CmFB08Wf.js');
-require('../../chunks/bundle-Q5_I3n-8.js');
-require('../../chunks/bundle-CDBTt08y.js');
-require('../../chunks/bundle-CqF06THu.js');
-require('../../chunks/bundle-SIHqK2VF.js');
-require('../../chunks/bundle-1hCsXfVb.js');
+var LocalizationContext = require('../../chunks/bundle-C5nXYn9D.js');
+require('../../chunks/bundle-By-3k_MB.js');
+require('../../chunks/bundle-BN-LMdIM.js');
+require('../../chunks/bundle-CbrvdaBm.js');
+require('../../chunks/bundle-BX7oj4JP.js');
+require('../../chunks/bundle-BBn6e1TE.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

@@ -7,66 +7,66 @@ var Channel_utils_compareMessagesForGrouping = require('../../Channel/utils/comp
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../chunks/bundle-Q5_I3n-8.js');
-require('../../chunks/bundle-7FLBAmYO.js');
-require('../../chunks/bundle-1hCsXfVb.js');
-require('../../chunks/bundle-CmFB08Wf.js');
-require('../../chunks/bundle-CqF06THu.js');
+require('../../chunks/bundle-By-3k_MB.js');
+require('../../chunks/bundle-wczCFG7x.js');
+require('../../chunks/bundle-BBn6e1TE.js');
+require('../../chunks/bundle-C5nXYn9D.js');
+require('../../chunks/bundle-CbrvdaBm.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-SIHqK2VF.js');
-require('../../chunks/bundle-C88DsCNB.js');
-require('../../chunks/bundle-03LrACV2.js');
-require('../../chunks/bundle-dNtU9_eg.js');
+require('../../chunks/bundle-BX7oj4JP.js');
+require('../../chunks/bundle-BOcTTiW2.js');
+require('../../chunks/bundle-Vo5M_T27.js');
+require('../../chunks/bundle-DwFtclQP.js');
 require('react-dom');
-require('../../chunks/bundle-CDBTt08y.js');
-require('../../chunks/bundle-CsvKRjaK.js');
+require('../../chunks/bundle-BN-LMdIM.js');
+require('../../chunks/bundle-Cv9f4q9i.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-BxaGZqGJ.js');
-require('../../chunks/bundle-B1Nml3ap.js');
+require('../../chunks/bundle-ByAfkvZh.js');
+require('../../chunks/bundle-DRrLQVHb.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Cmmi9pdk.js');
-require('../../chunks/bundle-DNP731Dg.js');
+require('../../chunks/bundle-CCI24NOf.js');
+require('../../chunks/bundle-BjidTEAi.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-BsGXZt6G.js');
+require('../../chunks/bundle-CKVCRcX8.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle--ToWZ9cj.js');
-require('../../chunks/bundle-Dpu1gg5r.js');
-require('../../chunks/bundle-tHnRbr7F.js');
+require('../../chunks/bundle-B-3hDIdO.js');
+require('../../chunks/bundle-DGw6pGp5.js');
+require('../../chunks/bundle-B_DDVUVa.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-7GCXhi1c.js');
-require('../../chunks/bundle-B-dy_WYW.js');
-require('../../chunks/bundle-DfYperTC.js');
-require('../../chunks/bundle-DUP4cxoZ.js');
-require('../../chunks/bundle-BlvFC-Rm.js');
+require('../../chunks/bundle-CuCEO0gF.js');
+require('../../chunks/bundle-CRggj9kM.js');
+require('../../chunks/bundle-gGCaMzPZ.js');
+require('../../chunks/bundle-CSlhgdb3.js');
+require('../../chunks/bundle-_3SK8xoH.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-C9jXxNI1.js');
+require('../../chunks/bundle-BhUkL36h.js');
 require('dompurify');
-require('../../chunks/bundle-8oxVWV_9.js');
-require('../../chunks/bundle-B2cSnWcr.js');
-require('../../chunks/bundle-BR1tsZpK.js');
-require('../../chunks/bundle-tOZCSmZj.js');
+require('../../chunks/bundle-Cxk9TBzk.js');
+require('../../chunks/bundle-C3SJz4Ji.js');
+require('../../chunks/bundle-h_3DR6aU.js');
+require('../../chunks/bundle-DMKeCwT_.js');
 require('../context/types.js');
 require('../../ui/ContextMenu.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-BF04PgMH.js');
+require('../../chunks/bundle-U2gOXD87.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-BMsGwLym.js');
+require('../../chunks/bundle-DMqilxSQ.js');
 require('../../withSendbird.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-INETVVGE.js');
+require('../../chunks/bundle-BD49w5la.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-CIswYN43.js');
-require('../../chunks/bundle-Dy6Gn-sd.js');
+require('../../chunks/bundle-CIwnFnv9.js');
+require('../../chunks/bundle-C-TcZdkJ.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-BR23SbdZ.js');
-require('../../chunks/bundle-BVgN7Stu.js');
+require('../../chunks/bundle-kJy0a2Vi.js');
+require('../../chunks/bundle-BzKUDWhn.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -75,31 +75,31 @@ require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
+require('../../chunks/bundle-pFmJjfem.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../chunks/bundle-FD0n8tOs.js');
+require('../../chunks/bundle-BYIW_h3Y.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-DcPTVUQJ.js');
+require('../../chunks/bundle-U9tfceaP.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-BwO19Jro.js');
+require('../../chunks/bundle-_ouF-COo.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
-require('../../chunks/bundle-MFvyy6ar.js');
-require('../../chunks/bundle-Y_FLyDnc.js');
+require('../../chunks/bundle-BuxwIob-.js');
+require('../../chunks/bundle-BrqtKvF1.js');
 require('@sendbird/chat/message');
 require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-CCVRe_w3.js');
-require('../../chunks/bundle-B8jj7upa.js');
-require('../../chunks/bundle-qgvbJv89.js');
-require('../../chunks/bundle-DRFWOXrL.js');
-require('../../chunks/bundle-cf3-zuo6.js');
+require('../../chunks/bundle-D_m86gwb.js');
+require('../../chunks/bundle-gBFimzbK.js');
+require('../../chunks/bundle-BjuS3ItZ.js');
+require('../../chunks/bundle-CKV7u9Pa.js');
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;