@sendbird/uikit-react 3.13.2 → 3.13.3

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-BC16qA15.js');
-require('../../chunks/bundle-DLg-6Upp.js');
-require('../../chunks/bundle-B-wprLUV.js');
-require('../../chunks/bundle-BEQWEQgH.js');
-require('../../chunks/bundle-CGBPEEGS.js');
+require('../../chunks/bundle-B3Lu20wG.js');
+require('../../chunks/bundle-DskQULoR.js');
+require('../../chunks/bundle-D_qbYkHk.js');
+require('../../chunks/bundle-DvduWWQk.js');
+require('../../chunks/bundle-prE7SKQr.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-UDIPXpOV.js');
-require('../../chunks/bundle-BgCtP7V4.js');
-require('../../chunks/bundle-3-9K7DVM.js');
-require('../../chunks/bundle-D8ubAia5.js');
+require('../../chunks/bundle-BpwSTA3F.js');
+require('../../chunks/bundle-B-njjZtk.js');
+require('../../chunks/bundle-B_BPxhrG.js');
+require('../../chunks/bundle-BJD09510.js');
 require('react-dom');
-require('../../chunks/bundle-BQtI4UIy.js');
-require('../../chunks/bundle-CD82WkIi.js');
+require('../../chunks/bundle-Bc6y_vRE.js');
+require('../../chunks/bundle-1FXPxsfD.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-CJ87J3R1.js');
-require('../../chunks/bundle-DLgX_uIA.js');
+require('../../chunks/bundle-CbATYgnP.js');
+require('../../chunks/bundle-Tx6vw4BY.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Dj2Oa2F6.js');
-require('../../chunks/bundle-DG1IpvjA.js');
+require('../../chunks/bundle-HOuE7syZ.js');
+require('../../chunks/bundle-DuHJq3hs.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-VqK6Sgiy.js');
+require('../../chunks/bundle-DkGYX29W.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxuGQxaT.js');
-require('../../chunks/bundle-DWp3JSCd.js');
-require('../../chunks/bundle-CfYRwgks.js');
+require('../../chunks/bundle-HXyGAP9T.js');
+require('../../chunks/bundle-BBS4PSSm.js');
+require('../../chunks/bundle-CfRX00vQ.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-BxER_OfA.js');
-require('../../chunks/bundle-Cn_c8gj0.js');
-require('../../chunks/bundle-BO2p70mH.js');
-require('../../chunks/bundle-BruXgSj3.js');
-require('../../chunks/bundle-BfzgaLQx.js');
+require('../../chunks/bundle-pVDX6G_q.js');
+require('../../chunks/bundle-CEcY1I0M.js');
+require('../../chunks/bundle-S09sS9Ub.js');
+require('../../chunks/bundle-P5AI1HkP.js');
+require('../../chunks/bundle-D_RomXCz.js');
 require('../../ui/MessageInput.js');
-require('../../chunks/bundle-BTsTFHLV.js');
+require('../../chunks/bundle-ChQ3Q-GS.js');
 require('dompurify');
-require('../../chunks/bundle-D9rC4yPj.js');
-require('../../chunks/bundle-D1EDPlQX.js');
-require('../../chunks/bundle-CwGDa8mu.js');
-require('../../chunks/bundle-CkG1F8lG.js');
+require('../../chunks/bundle-DKspFBdx.js');
+require('../../chunks/bundle-BO1-msX2.js');
+require('../../chunks/bundle-DIfKPcm_.js');
+require('../../chunks/bundle-CQiNKK2y.js');
 require('../context/types.js');
 require('../../ui/ContextMenu.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-DQM5RZ7p.js');
+require('../../chunks/bundle-tbYf0yOX.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-DgX9o5Mt.js');
+require('../../chunks/bundle-DcVYwXP-.js');
 require('../../withSendbird.js');
 require('../../ui/MessageItemMenu.js');
-require('../../chunks/bundle-Dp2kRPpd.js');
+require('../../chunks/bundle-QSgOdsGM.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-BkYT_Hch.js');
-require('../../chunks/bundle-DIvM3-on.js');
+require('../../chunks/bundle-BNCNRHux.js');
+require('../../chunks/bundle-Bpm6PJIl.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-gSaGPkzz.js');
-require('../../chunks/bundle-WZOflhxA.js');
+require('../../chunks/bundle-DtroGUKx.js');
+require('../../chunks/bundle-CN0vR-TH.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -76,30 +76,30 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../chunks/bundle-nu9oFcYy.js');
+require('../../chunks/bundle-2ATovRxE.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-7Mbs7JEn.js');
+require('../../chunks/bundle-BSLZ5pEu.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-qJ5-0bqN.js');
+require('../../chunks/bundle-CKC-b4Bw.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
-require('../../chunks/bundle-UJc1wb2l.js');
-require('../../chunks/bundle-BYp2_-p_.js');
+require('../../chunks/bundle-CncTMWLv.js');
+require('../../chunks/bundle-CXaKbxhR.js');
 require('@sendbird/chat/message');
 require('../../Message/hooks/useDirtyGetMentions.js');
-require('../../chunks/bundle-Bln5Elhn.js');
-require('../../chunks/bundle-B2QAlKH1.js');
-require('../../chunks/bundle-DqysFYzQ.js');
-require('../../chunks/bundle-CHI5iCph.js');
-require('../../chunks/bundle-CEN95Xmn.js');
+require('../../chunks/bundle-CqTg15Dn.js');
+require('../../chunks/bundle-CoTIkHcU.js');
+require('../../chunks/bundle-VIGS3UfE.js');
+require('../../chunks/bundle-_D9xt-bK.js');
+require('../../chunks/bundle-p3gZAjMS.js');
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;

package/cjs/Thread/components/ThreadListItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-BC16qA15.js');
+var _tslib = require('../../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index$1 = require('../../chunks/bundle-DLg-6Upp.js');
-var LocalizationContext = require('../../chunks/bundle-BEQWEQgH.js');
+var index$1 = require('../../chunks/bundle-DskQULoR.js');
+var LocalizationContext = require('../../chunks/bundle-DvduWWQk.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../chunks/bundle-BgCtP7V4.js');
-var RemoveMessageModal = require('../../chunks/bundle-3-9K7DVM.js');
-var ui_FileViewer = require('../../chunks/bundle-DG1IpvjA.js');
+var ui_Label = require('../../chunks/bundle-B-njjZtk.js');
+var RemoveMessageModal = require('../../chunks/bundle-B_BPxhrG.js');
+var ui_FileViewer = require('../../chunks/bundle-DuHJq3hs.js');
 var Thread_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var SuggestedMentionList = require('../../chunks/bundle-BxER_OfA.js');
+var SuggestedMentionList = require('../../chunks/bundle-pVDX6G_q.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var _const = require('../../chunks/bundle-BfzgaLQx.js');
+var _const = require('../../chunks/bundle-D_RomXCz.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-var ui_Avatar = require('../../chunks/bundle-VqK6Sgiy.js');
-var UserProfileContext = require('../../chunks/bundle-DQM5RZ7p.js');
+var ui_Avatar = require('../../chunks/bundle-DkGYX29W.js');
+var UserProfileContext = require('../../chunks/bundle-tbYf0yOX.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var index = require('../../chunks/bundle-DLgX_uIA.js');
-var ui_MessageStatus = require('../../chunks/bundle-DIvM3-on.js');
+var index = require('../../chunks/bundle-Tx6vw4BY.js');
+var ui_MessageStatus = require('../../chunks/bundle-Bpm6PJIl.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var ui_TextMessageItemBody = require('../../ui/TextMessageItemBody.js');
 var ui_OGMessageItemBody = require('../../ui/OGMessageItemBody.js');
@@ -29,56 +29,56 @@ var ui_FileMessageItemBody = require('../../ui/FileMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var MediaQueryContext = require('../../chunks/bundle-CD82WkIi.js');
-var useLongPress = require('../../chunks/bundle-BkYT_Hch.js');
-var index$2 = require('../../chunks/bundle-UJc1wb2l.js');
-var useFileInfoListWithUploaded = require('../../chunks/bundle-BYp2_-p_.js');
-var types = require('../../chunks/bundle-Dp2kRPpd.js');
+var MediaQueryContext = require('../../chunks/bundle-1FXPxsfD.js');
+var useLongPress = require('../../chunks/bundle-BNCNRHux.js');
+var index$2 = require('../../chunks/bundle-CncTMWLv.js');
+var useFileInfoListWithUploaded = require('../../chunks/bundle-CXaKbxhR.js');
+var types = require('../../chunks/bundle-QSgOdsGM.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
-var getIsReactionEnabled = require('../../chunks/bundle-Bln5Elhn.js');
-require('../../chunks/bundle-B-wprLUV.js');
-require('../../chunks/bundle-CGBPEEGS.js');
-require('../../chunks/bundle-UDIPXpOV.js');
-require('../../chunks/bundle-D8ubAia5.js');
+var getIsReactionEnabled = require('../../chunks/bundle-CqTg15Dn.js');
+require('../../chunks/bundle-D_qbYkHk.js');
+require('../../chunks/bundle-prE7SKQr.js');
+require('../../chunks/bundle-BpwSTA3F.js');
+require('../../chunks/bundle-BJD09510.js');
 require('react-dom');
-require('../../chunks/bundle-BQtI4UIy.js');
+require('../../chunks/bundle-Bc6y_vRE.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-CJ87J3R1.js');
-require('../../chunks/bundle-Dj2Oa2F6.js');
+require('../../chunks/bundle-CbATYgnP.js');
+require('../../chunks/bundle-HOuE7syZ.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-DWp3JSCd.js');
-require('../../chunks/bundle-CfYRwgks.js');
+require('../../chunks/bundle-BBS4PSSm.js');
+require('../../chunks/bundle-CfRX00vQ.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-B2QAlKH1.js');
-require('../../chunks/bundle-DgX9o5Mt.js');
-require('../../chunks/bundle-DqysFYzQ.js');
+require('../../chunks/bundle-CoTIkHcU.js');
+require('../../chunks/bundle-DcVYwXP-.js');
+require('../../chunks/bundle-VIGS3UfE.js');
 require('@sendbird/chat/message');
 require('../../utils/message/getOutgoingMessageState.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-CHI5iCph.js');
+require('../../chunks/bundle-_D9xt-bK.js');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-BO2p70mH.js');
-require('../../chunks/bundle-CEN95Xmn.js');
+require('../../chunks/bundle-S09sS9Ub.js');
+require('../../chunks/bundle-p3gZAjMS.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Cn_c8gj0.js');
-require('../../chunks/bundle-BruXgSj3.js');
-require('../../chunks/bundle-BTsTFHLV.js');
+require('../../chunks/bundle-CEcY1I0M.js');
+require('../../chunks/bundle-P5AI1HkP.js');
+require('../../chunks/bundle-ChQ3Q-GS.js');
 require('dompurify');
-require('../../chunks/bundle-D9rC4yPj.js');
-require('../../chunks/bundle-D1EDPlQX.js');
-require('../../chunks/bundle-CwGDa8mu.js');
-require('../../chunks/bundle-CkG1F8lG.js');
+require('../../chunks/bundle-DKspFBdx.js');
+require('../../chunks/bundle-BO1-msX2.js');
+require('../../chunks/bundle-DIfKPcm_.js');
+require('../../chunks/bundle-CQiNKK2y.js');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxuGQxaT.js');
+require('../../chunks/bundle-HXyGAP9T.js');
 require('../../sendbirdSelectors.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-gSaGPkzz.js');
-require('../../chunks/bundle-WZOflhxA.js');
+require('../../chunks/bundle-DtroGUKx.js');
+require('../../chunks/bundle-CN0vR-TH.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
@@ -87,28 +87,30 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../chunks/bundle-nu9oFcYy.js');
+require('../../chunks/bundle-2ATovRxE.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-7Mbs7JEn.js');
+require('../../chunks/bundle-BSLZ5pEu.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-qJ5-0bqN.js');
+require('../../chunks/bundle-CKC-b4Bw.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 
 function ThreadListItemContent(_a) {
+    var _this = this;
     var _b, _c, _d, _e, _f;
     var className = _a.className, userId = _a.userId, channel = _a.channel, message = _a.message, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.chainTop, chainTop = _h === void 0 ? false : _h, _j = _a.chainBottom, chainBottom = _j === void 0 ? false : _j, _k = _a.isMentionEnabled, isMentionEnabled = _k === void 0 ? false : _k, _l = _a.isReactionEnabled, isReactionEnabled = _l === void 0 ? false : _l, _m = _a.disableQuoteMessage, disableQuoteMessage = _m === void 0 ? false : _m, replyType = _a.replyType, nicknamesMap = _a.nicknamesMap, emojiContainer = _a.emojiContainer, showEdit = _a.showEdit, showRemove = _a.showRemove, showFileViewer = _a.showFileViewer, resendMessage = _a.resendMessage, toggleReaction = _a.toggleReaction, onReplyInThread = _a.onReplyInThread;
     var messageTypes = index.getUIKitMessageTypes();
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
     var _o = (useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.useSendbirdStateContext()) || {}, config = _o.config, eventHandlers = _o.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 _p = React.useState(false), supposedHover = _p[0], setSupposedHover = _p[1];
     var _q = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _q.disableUserProfile, renderUserProfile = _q.renderUserProfile;
-    var deleteMessage = Thread_context.useThreadContext().deleteMessage;
+    var _r = Thread_context.useThreadContext(), deleteMessage = _r.deleteMessage, onBeforeDownloadFileMessage = _r.onBeforeDownloadFileMessage;
     var avatarRef = React.useRef(null);
     var isByMe = (userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId))
         || ((message === null || message === void 0 ? void 0 : message.sendingStatus) === 'pending')
@@ -121,7 +123,7 @@ function ThreadListItemContent(_a) {
     var isOgMessageEnabledInGroupChannel = channel.isGroupChannel() && config.groupChannel.enableOgtag;
     // Mobile
     var mobileMenuRef = React.useRef(null);
-    var _r = React.useState(false), showMobileMenu = _r[0], setShowMobileMenu = _r[1];
+    var _s = React.useState(false), showMobileMenu = _s[0], setShowMobileMenu = _s[1];
     var longPress = useLongPress.useLongPress({
         onLongPress: function () {
             if (isMobile) {
@@ -170,7 +172,7 @@ function ThreadListItemContent(_a) {
                 isOgMessageEnabledInGroupChannel && index.isOGMessage(message)
                     ? (React.createElement(ui_OGMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })) : index.isTextMessage(message) && (React.createElement(ui_TextMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isMentionEnabled: isMentionEnabled, isReactionEnabled: isReactionEnabledInChannel })),
                 index.isVoiceMessage(message) && (React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, channelUrl: channel === null || channel === void 0 ? void 0 : channel.url, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel })),
-                (index.getUIKitMessageType(message) === messageTypes.FILE) && (React.createElement(ui_FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14 })),
+                (index.getUIKitMessageType(message) === messageTypes.FILE) && (React.createElement(ui_FileMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, truncateLimit: isByMe ? 18 : 14, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
                 index.isMultipleFilesMessage(message) && (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabled, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })),
                 (index.isThumbnailMessage(message)) && (React.createElement(ui_ThumbnailMessageItemBody, { className: "sendbird-thread-list-item-content__middle__message-item-body", message: message, isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel, showFileViewer: showFileViewer, style: {
                         width: isMobile ? '100%' : '200px',
@@ -193,10 +195,38 @@ function ThreadListItemContent(_a) {
             React.createElement(ui_MessageItemMenu.MessageMenu, { className: "sendbird-thread-list-item-content-menu__normal-menu", channel: channel, message: message, isByMe: isByMe, replyType: replyType, disabled: disabled, showRemove: showRemove, resendMessage: resendMessage, setSupposedHover: setSupposedHover, onReplyInThread: onReplyInThread, deleteMessage: deleteMessage })))),
         showMobileMenu && (React.createElement(index$2.MobileMenu, { parentRef: mobileMenuRef, channel: channel, message: message, userId: userId, replyType: replyType, hideMenu: function () {
                 setShowMobileMenu(false);
-            }, isReactionEnabled: isReactionEnabled, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: showEdit, showRemove: showRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, deleteMessage: deleteMessage }))));
+            }, isReactionEnabled: isReactionEnabled, isByMe: isByMe, emojiContainer: emojiContainer, showEdit: showEdit, showRemove: showRemove, toggleReaction: toggleReaction, isOpenedFromThread: true, deleteMessage: deleteMessage, onDownloadClick: 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: message })];
+                        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, 'ThreadListItemContent: 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, 'ThreadListItemContent: Error occurred while determining download continuation:', err_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); } }))));
 }
 
 function ThreadListItem(_a) {
+    var _this = this;
     var _b, _c, _d, _e;
     var className = _a.className, message = _a.message, chainTop = _a.chainTop, chainBottom = _a.chainBottom, hasSeparator = _a.hasSeparator, renderCustomSeparator = _a.renderCustomSeparator, handleScroll = _a.handleScroll;
     var _f = useSendbirdStateContext.useSendbirdStateContext(), stores = _f.stores, config = _f.config;
@@ -204,7 +234,7 @@ function ThreadListItem(_a) {
     var userId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
     var _g = LocalizationContext.useLocalization(), dateLocale = _g.dateLocale, stringSet = _g.stringSet;
     var threadContext = Thread_context.useThreadContext === null || Thread_context.useThreadContext === void 0 ? void 0 : Thread_context.useThreadContext();
-    var currentChannel = threadContext.currentChannel, nicknamesMap = threadContext.nicknamesMap, emojiContainer = threadContext.emojiContainer, toggleReaction = threadContext.toggleReaction, threadListState = threadContext.threadListState, updateMessage = threadContext.updateMessage, resendMessage = threadContext.resendMessage, deleteMessage = threadContext.deleteMessage, isMuted = threadContext.isMuted, isChannelFrozen = threadContext.isChannelFrozen;
+    var currentChannel = threadContext.currentChannel, nicknamesMap = threadContext.nicknamesMap, emojiContainer = threadContext.emojiContainer, toggleReaction = threadContext.toggleReaction, threadListState = threadContext.threadListState, updateMessage = threadContext.updateMessage, resendMessage = threadContext.resendMessage, deleteMessage = threadContext.deleteMessage, isMuted = threadContext.isMuted, isChannelFrozen = threadContext.isChannelFrozen, onBeforeDownloadFileMessage = threadContext.onBeforeDownloadFileMessage;
     var openingMessage = threadContext === null || threadContext === void 0 ? void 0 : threadContext.message;
     var _h = React.useState(false), showEdit = _h[0], setShowEdit = _h[1];
     var _j = React.useState(false), showRemove = _j[0], setShowRemove = _j[1];
@@ -330,7 +360,34 @@ function ThreadListItem(_a) {
         showFileViewer && (React.createElement(ui_FileViewer.FileViewer, { message: message, isByMe: ((_e = message === null || message === void 0 ? void 0 : message.sender) === null || _e === void 0 ? void 0 : _e.userId) === userId, onClose: function () { return setShowFileViewer(false); }, onDelete: function () {
                 deleteMessage(message);
                 setShowFileViewer(false);
-            } }))));
+            }, onDownloadClick: 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: message })];
+                        case 2:
+                            allowDownload = _c.sent();
+                            if (!allowDownload) {
+                                e.preventDefault();
+                                (_a = logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'ThreadListItem: Not allowed to download.');
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            err_1 = _c.sent();
+                            (_b = logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'ThreadListItem: Error occurred while determining download continuation:', err_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); } }))));
 }
 
 module.exports = ThreadListItem;

package/cjs/Thread/components/ThreadListItem.js.map

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

package/cjs/Thread/components/ThreadMessageInput.js

@@ -1,76 +1,76 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-BC16qA15.js');
+var _tslib = require('../../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var MediaQueryContext = require('../../chunks/bundle-CD82WkIi.js');
+var MediaQueryContext = require('../../chunks/bundle-1FXPxsfD.js');
 var Thread_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-BEQWEQgH.js');
+var LocalizationContext = require('../../chunks/bundle-DvduWWQk.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../chunks/bundle-BfzgaLQx.js');
-var SuggestedMentionList = require('../../chunks/bundle-BxER_OfA.js');
-var MessageInputWrapperView = require('../../chunks/bundle-BodKdXyG.js');
+var _const = require('../../chunks/bundle-D_RomXCz.js');
+var SuggestedMentionList = require('../../chunks/bundle-pVDX6G_q.js');
+var MessageInputWrapperView = require('../../chunks/bundle-knUfDzC9.js');
 require('../../GroupChannel/context.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-DLgX_uIA.js');
-var types = require('../../chunks/bundle-Dp2kRPpd.js');
+require('../../chunks/bundle-Tx6vw4BY.js');
+var types = require('../../chunks/bundle-QSgOdsGM.js');
 var Message_hooks_useDirtyGetMentions = require('../../Message/hooks/useDirtyGetMentions.js');
 var Channel_hooks_useHandleUploadFiles = require('../../Channel/hooks/useHandleUploadFiles.js');
-var utils = require('../../chunks/bundle-DqysFYzQ.js');
+var utils = require('../../chunks/bundle-VIGS3UfE.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-B2QAlKH1.js');
-require('../../chunks/bundle-DgX9o5Mt.js');
+require('../../chunks/bundle-CoTIkHcU.js');
+require('../../chunks/bundle-DcVYwXP-.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-DWp3JSCd.js');
-require('../../chunks/bundle-DQM5RZ7p.js');
+require('../../chunks/bundle-BBS4PSSm.js');
+require('../../chunks/bundle-tbYf0yOX.js');
 require('../context/types.js');
 require('@sendbird/chat');
-require('../../chunks/bundle-CHI5iCph.js');
-require('../../chunks/bundle-BO2p70mH.js');
-require('../../chunks/bundle-CEN95Xmn.js');
+require('../../chunks/bundle-_D9xt-bK.js');
+require('../../chunks/bundle-S09sS9Ub.js');
+require('../../chunks/bundle-p3gZAjMS.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-CGBPEEGS.js');
-require('../../chunks/bundle-B-wprLUV.js');
-require('../../chunks/bundle-BruXgSj3.js');
+require('../../chunks/bundle-prE7SKQr.js');
+require('../../chunks/bundle-D_qbYkHk.js');
+require('../../chunks/bundle-P5AI1HkP.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-BgCtP7V4.js');
-require('../../chunks/bundle-BTsTFHLV.js');
+require('../../chunks/bundle-B-njjZtk.js');
+require('../../chunks/bundle-ChQ3Q-GS.js');
 require('dompurify');
-require('../../chunks/bundle-D9rC4yPj.js');
-require('../../chunks/bundle-D1EDPlQX.js');
-require('../../chunks/bundle-CwGDa8mu.js');
+require('../../chunks/bundle-DKspFBdx.js');
+require('../../chunks/bundle-BO1-msX2.js');
+require('../../chunks/bundle-DIfKPcm_.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-BQtI4UIy.js');
-require('../../chunks/bundle-CkG1F8lG.js');
-require('../../chunks/bundle-Dj2Oa2F6.js');
-require('../../chunks/bundle-Cn_c8gj0.js');
-require('../../chunks/bundle-VqK6Sgiy.js');
+require('../../chunks/bundle-Bc6y_vRE.js');
+require('../../chunks/bundle-CQiNKK2y.js');
+require('../../chunks/bundle-HOuE7syZ.js');
+require('../../chunks/bundle-CEcY1I0M.js');
+require('../../chunks/bundle-DkGYX29W.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxuGQxaT.js');
-require('../../chunks/bundle-CaUIrp6R.js');
+require('../../chunks/bundle-HXyGAP9T.js');
+require('../../chunks/bundle-CAyt7i0X.js');
 require('../../GroupChannel/components/SuggestedMentionList.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-7Mbs7JEn.js');
+require('../../chunks/bundle-BSLZ5pEu.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-qJ5-0bqN.js');
+require('../../chunks/bundle-CKC-b4Bw.js');
 require('../../VoiceRecorder/context.js');
-require('../../chunks/bundle-D8ubAia5.js');
+require('../../chunks/bundle-BJD09510.js');
 require('react-dom');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-CHVN5sv2.js');
+require('../../chunks/bundle-Vn-fJ6dU.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-UDIPXpOV.js');
+require('../../chunks/bundle-BpwSTA3F.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-XCOUGtdD.js');
-require('../../chunks/bundle-D_4vATFJ.js');
-require('../../chunks/bundle-DA7uhOAM.js');
-require('../../chunks/bundle--Ti8q5z8.js');
-require('../../chunks/bundle-udIHWjxi.js');
-require('../../chunks/bundle-xaau8Z4q.js');
+require('../../chunks/bundle-DeOn9o6F.js');
+require('../../chunks/bundle-D1mv8BUm.js');
+require('../../chunks/bundle-IVxSH9N4.js');
+require('../../chunks/bundle-DRT94QO5.js');
+require('../../chunks/bundle-vxdq428L.js');
+require('../../chunks/bundle-YUHup5bR.js');
 
 var ThreadMessageInput = function (props, ref) {
     var _a;