@sendbird/uikit-react 3.13.2 → 3.13.3

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var color = require('../chunks/bundle-UDIPXpOV.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var color = require('../chunks/bundle-BpwSTA3F.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-prE7SKQr.js');
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? color.Colors.ONBACKGROUND_4 : _d;

package/cjs/ui/EmojiReactions.js

@@ -6,41 +6,41 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_UserListItem = require('./UserListItem.js');
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-BQtI4UIy.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
+require('../chunks/bundle-S09sS9Ub.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-HOuE7syZ.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-D8ubAia5.js');
+require('../chunks/bundle-BJD09510.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-DQM5RZ7p.js');
-require('../chunks/bundle-VqK6Sgiy.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-tbYf0yOX.js');
+require('../chunks/bundle-DkGYX29W.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DcVYwXP-.js');
 require('../withSendbird.js');
 
 var ReactedMembersBottomSheet = function (_a) {

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-BC16qA15.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-HOuE7syZ.js');
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/cjs/ui/FileMessageItemBody.js

@@ -1,30 +1,68 @@
 'use strict';
 
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var color = require('../chunks/bundle-UDIPXpOV.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-BQtI4UIy.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var color = require('../chunks/bundle-BpwSTA3F.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../withSendbird.js');
 
 function FileMessageItemBody(_a) {
-    var _b;
-    var className = _a.className, message = _a.message, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.mouseHover, mouseHover = _d === void 0 ? false : _d, _e = _a.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e, _f = _a.truncateLimit, truncateLimit = _f === void 0 ? null : _f;
+    var _this = this;
+    var _b, _c, _d;
+    var className = _a.className, message = _a.message, _e = _a.isByMe, isByMe = _e === void 0 ? false : _e, _f = _a.mouseHover, mouseHover = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g, _h = _a.truncateLimit, truncateLimit = _h === void 0 ? null : _h, _j = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _j === void 0 ? null : _j;
+    var logger = null;
+    try {
+        logger = (_c = (_b = useSendbirdStateContext.useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.logger;
+    }
+    catch (err) {
+        // TODO: Handle error
+    }
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
     var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
+    var downloadFileWithUrl = function () { return 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:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
+                    case 1:
+                        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, 'FileMessageItemBody: Not allowed to download.');
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _c.sent();
+                        (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'FileMessageItemBody: Error occurred while determining download continuation:', err_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }
+        : downloadFileWithUrl;
     return (React.createElement("div", { className: index.getClassName([
             className,
             'sendbird-file-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
-            (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
+            (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
         ]) },
         React.createElement("div", { className: "sendbird-file-message-item-body__file-icon" },
             React.createElement(ui_Icon.default, { className: "sendbird-file-message-item-body__file-icon__icon", type: {
@@ -34,7 +72,7 @@ function FileMessageItemBody(_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-file-message-item-body__file-name", onClick: function () { window.open(message === null || message === void 0 ? void 0 : message.url); }, color: isByMe ? color.Colors.ONCONTENT_1 : color.Colors.ONBACKGROUND_1 },
+        React.createElement(ui_TextButton, { className: "sendbird-file-message-item-body__file-name", onClick: handleOnClickTextButton, color: isByMe ? color.Colors.ONCONTENT_1 : color.Colors.ONBACKGROUND_1 },
             React.createElement(ui_Label.Label, { className: "sendbird-file-message-item-body__file-name__text", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : 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), truncateMaxNum)))));
 }
 

package/cjs/ui/FileMessageItemBody.js.map

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

package/cjs/ui/FileViewer.js

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-BC16qA15.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-BEQWEQgH.js');
+require('../chunks/bundle-DvduWWQk.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-DLgX_uIA.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-VqK6Sgiy.js');
-require('../chunks/bundle-BgCtP7V4.js');
+require('../chunks/bundle-Tx6vw4BY.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-DkGYX29W.js');
+require('../chunks/bundle-B-njjZtk.js');
 require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-DG1IpvjA.js');
-require('../chunks/bundle-CfYRwgks.js');
-require('../chunks/bundle-D8ubAia5.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-CD82WkIi.js');
+var ui_FileViewer = require('../chunks/bundle-DuHJq3hs.js');
+require('../chunks/bundle-CfRX00vQ.js');
+require('../chunks/bundle-BJD09510.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-1FXPxsfD.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
-require('../chunks/bundle-DWp3JSCd.js');
+require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-BBS4PSSm.js');
 require('@sendbird/uikit-tools');
 
 

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var utils = require('../chunks/bundle-BQtI4UIy.js');
+var utils = require('../chunks/bundle-Bc6y_vRE.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
 
 var IconButton = React.forwardRef(function (props, ref) {

package/cjs/ui/ImageRenderer.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var utils = require('../chunks/bundle-BQtI4UIy.js');
+var utils = require('../chunks/bundle-Bc6y_vRE.js');
 
 var numberToPx = (function (value) {
     return typeof value === 'number' ? "".concat(value, "px") : value;

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-prE7SKQr.js');
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/cjs/ui/Label.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-BC16qA15.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-prE7SKQr.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-prE7SKQr.js');
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/cjs/ui/Loader.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-BQtI4UIy.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children;

package/cjs/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../chunks/bundle-DLgX_uIA.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-BC16qA15.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-BQtI4UIy.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/cjs/ui/MentionLabel.js

@@ -2,29 +2,29 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-BC16qA15.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
-require('../chunks/bundle-DLgX_uIA.js');
+require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-Tx6vw4BY.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-DQM5RZ7p.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-DvduWWQk.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-tbYf0yOX.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-VqK6Sgiy.js');
+require('../chunks/bundle-DcVYwXP-.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-DkGYX29W.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('./Icon.js');
 require('./Button.js');
 require('../withSendbird.js');

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../chunks/bundle-D9rC4yPj.js');
+var consts = require('../chunks/bundle-DKspFBdx.js');
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;

package/cjs/ui/MessageContent.js

@@ -1,58 +1,58 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index$2 = require('../chunks/bundle-DLg-6Upp.js');
-var ui_MessageStatus = require('../chunks/bundle-DIvM3-on.js');
+var index$2 = require('../chunks/bundle-DskQULoR.js');
+var ui_MessageStatus = require('../chunks/bundle-Bpm6PJIl.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var message = require('@sendbird/chat/message');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var index$3 = require('../chunks/bundle-UJc1wb2l.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+var index$3 = require('../chunks/bundle-CncTMWLv.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../chunks/bundle-BruXgSj3.js');
-var utils = require('../chunks/bundle-BQtI4UIy.js');
+var _const = require('../chunks/bundle-P5AI1HkP.js');
+var utils = require('../chunks/bundle-Bc6y_vRE.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
+var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('./FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('../chunks/bundle-BYp2_-p_.js');
+var useFileInfoListWithUploaded = require('../chunks/bundle-CXaKbxhR.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
-var index$1 = require('../chunks/bundle-Dj2Oa2F6.js');
+var index$1 = require('../chunks/bundle-HOuE7syZ.js');
 var ui_TemplateMessageItemBody = require('./TemplateMessageItemBody.js');
 var ui_Icon = require('./Icon.js');
 var ui_FeedbackIconButton = require('./FeedbackIconButton.js');
 var ui_MobileFeedbackMenu = require('./MobileFeedbackMenu.js');
 var Channel_components_MessageFeedbackModal = require('../Channel/components/MessageFeedbackModal.js');
-var ui_Modal = require('../chunks/bundle-D8ubAia5.js');
+var ui_Modal = require('../chunks/bundle-BJD09510.js');
 var ui_Button = require('./Button.js');
-var useKeyDown = require('../chunks/bundle-CfYRwgks.js');
-require('../chunks/bundle-B-wprLUV.js');
+var useKeyDown = require('../chunks/bundle-CfRX00vQ.js');
+require('../chunks/bundle-D_qbYkHk.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-gSaGPkzz.js');
-require('../chunks/bundle-WZOflhxA.js');
+require('../chunks/bundle-DtroGUKx.js');
+require('../chunks/bundle-CN0vR-TH.js');
 require('./IconButton.js');
-require('../chunks/bundle-Dp2kRPpd.js');
+require('../chunks/bundle-QSgOdsGM.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
-require('../chunks/bundle-CGBPEEGS.js');
+require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-prE7SKQr.js');
 require('@sendbird/chat/groupChannel');
 require('./ImageRenderer.js');
 require('./ReactionButton.js');
@@ -62,30 +62,30 @@ require('../hooks/useModal.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DcVYwXP-.js');
 require('../withSendbird.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../chunks/bundle-7Mbs7JEn.js');
-require('../chunks/bundle-nu9oFcYy.js');
-require('../chunks/bundle-CkG1F8lG.js');
+require('../chunks/bundle-BSLZ5pEu.js');
+require('../chunks/bundle-2ATovRxE.js');
+require('../chunks/bundle-CQiNKK2y.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../chunks/bundle-CwGDa8mu.js');
-require('../chunks/bundle-D1EDPlQX.js');
+require('../chunks/bundle-DIfKPcm_.js');
+require('../chunks/bundle-BO1-msX2.js');
 require('./TextButton.js');
-require('../chunks/bundle-UDIPXpOV.js');
-require('../chunks/bundle-DG1IpvjA.js');
-require('../chunks/bundle-DWp3JSCd.js');
+require('../chunks/bundle-BpwSTA3F.js');
+require('../chunks/bundle-DuHJq3hs.js');
+require('../chunks/bundle-BBS4PSSm.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../chunks/bundle-qJ5-0bqN.js');
+require('../chunks/bundle-CKC-b4Bw.js');
 require('../VoiceRecorder/context.js');
 require('./PlaybackTime.js');
-require('../chunks/bundle-CyopFRXm.js');
+require('../chunks/bundle-CEiDcA9X.js');
 require('./FallbackTemplateMessageItemBody.tsx.js');
 require('./LoadingTemplateMessageItemBody.tsx.js');
 require('./Input.js');
@@ -129,7 +129,7 @@ function MessageProfile(props) {
 
 var MESSAGE_ITEM_BODY_CLASSNAME = 'sendbird-message-content__middle__message-item-body';
 function MessageBody(props) {
-    var message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
+    var message = props.message, channel = props.channel, showFileViewer = props.showFileViewer, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, mouseHover = props.mouseHover, isMobile = props.isMobile, config = props.config, isReactionEnabledInChannel = props.isReactionEnabledInChannel, isByMe = props.isByMe;
     var threadMessageKindKey = useFileInfoListWithUploaded.useThreadMessageKindKeySelector({
         isMobile: isMobile,
     });
@@ -142,8 +142,8 @@ function MessageBody(props) {
         && index.isSendableMessage(message)
         && index.isOGMessage(message); }, function () { return (React.createElement(ui_OGMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel, onMessageHeightChange: onMessageHeightChange })); })
         .when(index.isTextMessage, function () { return (React.createElement(ui_TextMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isMentionEnabled: (config === null || config === void 0 ? void 0 : config.isMentionEnabled) || false, isReactionEnabled: isReactionEnabledInChannel })); })
-        .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React.createElement(ui_FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel })); })
-        .when(index.isMultipleFilesMessage, function () { return (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList })); })
+        .when(function (message) { return index.getUIKitMessageType(message) === messageTypes.FILE; }, function () { return (React.createElement(ui_FileMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
+        .when(index.isMultipleFilesMessage, function () { return (React.createElement(useFileInfoListWithUploaded.MultipleFilesMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel, threadMessageKindKey: threadMessageKindKey, statefulFileInfoList: statefulFileInfoList, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })); })
         .when(index.isVoiceMessage, function () {
         var _a;
         return (React.createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, { className: MESSAGE_ITEM_BODY_CLASSNAME, message: message, channelUrl: (_a = channel === null || channel === void 0 ? void 0 : channel.url) !== null && _a !== void 0 ? _a : '', isByMe: isByMe, isReactionEnabled: isReactionEnabledInChannel }));
@@ -198,13 +198,14 @@ function MessageContent(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var 
     // Internal props
-    className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _s = props.disabled, disabled = _s === void 0 ? false : _s, _t = props.chainTop, chainTop = _t === void 0 ? false : _t, _u = props.chainBottom, chainBottom = _u === void 0 ? false : _u, _v = props.isReactionEnabled, isReactionEnabled = _v === void 0 ? false : _v, _w = props.disableQuoteMessage, disableQuoteMessage = _w === void 0 ? false : _w, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, 
+    className = props.className, userId = props.userId, channel = props.channel, message$1 = props.message, _s = props.disabled, disabled = _s === void 0 ? false : _s, _t = props.chainTop, chainTop = _t === void 0 ? false : _t, _u = props.chainBottom, chainBottom = _u === void 0 ? false : _u, _v = props.isReactionEnabled, isReactionEnabled = _v === void 0 ? false : _v, _w = props.disableQuoteMessage, disableQuoteMessage = _w === void 0 ? false : _w, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, emojiContainer = props.emojiContainer, scrollToMessage = props.scrollToMessage, showEdit = props.showEdit, showRemove = props.showRemove, showFileViewer = props.showFileViewer, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageHeightChange = props.onMessageHeightChange, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, 
     // Public props for customization
     _x = props.renderSenderProfile, 
     // Public props for customization
     renderSenderProfile = _x === void 0 ? function (props) { return (React.createElement(MessageProfile, _tslib.__assign({}, props))); } : _x, _y = props.renderMessageBody, renderMessageBody = _y === void 0 ? function (props) { return (React.createElement(MessageBody, _tslib.__assign({}, props))); } : _y, _z = props.renderMessageHeader, renderMessageHeader = _z === void 0 ? function (props) { return (React.createElement(MessageHeader, _tslib.__assign({}, props))); } : _z, _0 = props.renderMessageMenu, renderMessageMenu = _0 === void 0 ? function (props) { return (React.createElement(ui_MessageItemMenu.MessageMenu, _tslib.__assign({}, props))); } : _0, _1 = props.renderEmojiMenu, renderEmojiMenu = _1 === void 0 ? function (props) { return (React.createElement(ui_MessageItemReactionMenu.MessageEmojiMenu, _tslib.__assign({}, props))); } : _1, _2 = props.renderEmojiReactions, renderEmojiReactions = _2 === void 0 ? function (props) { return (React.createElement(ui_EmojiReactions, _tslib.__assign({}, props))); } : _2, _3 = props.renderMobileMenuOnLongPress, renderMobileMenuOnLongPress = _3 === void 0 ? function (props) { return (React.createElement(index$3.MobileMenu, _tslib.__assign({}, props))); } : _3;
     var dateLocale = LocalizationContext.useLocalization().dateLocale;
     var _4 = (useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.useSendbirdStateContext()) || {}, config = _4.config, eventHandlers = _4.eventHandlers;
+    var logger = config.logger;
     var onPressUserProfileHandler = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.reaction) === null || _a === void 0 ? void 0 : _a.onPressUserProfile;
     var contentRef = React.useRef(null);
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
@@ -347,6 +348,7 @@ function MessageContent(props) {
                     config: config,
                     isReactionEnabledInChannel: isReactionEnabledInChannel,
                     isByMe: isByMe,
+                    onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
                 }),
                 (isReactionEnabledInChannel && ((_j = message$1 === null || message$1 === void 0 ? void 0 : message$1.reactions) === null || _j === void 0 ? void 0 : _j.length) > 0) && (React.createElement("div", { className: index.getClassName([
                         'sendbird-message-content-reactions',
@@ -496,6 +498,34 @@ function MessageContent(props) {
                     scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage(((_b = message === null || message === void 0 ? void 0 : message.parentMessage) === null || _b === void 0 ? void 0 : _b.createdAt) || 0, (message === null || message === void 0 ? void 0 : message.parentMessageId) || 0);
                 }
             },
+            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$1 })];
+                        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, 'MessageContent: 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, 'MessageContent: Error occurred while determining download continuation:', err_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); },
         }),
         ((_q = message$1 === null || message$1 === void 0 ? void 0 : message$1.myFeedback) === null || _q === void 0 ? void 0 : _q.rating) && showFeedbackOptionsMenu && (React.createElement(ui_MobileFeedbackMenu, { hideMenu: function () {
                 setShowFeedbackOptionsMenu(false);