npm - @paro.io/expert-shared-components - Versions diffs - 1.12.6 → 1.12.8 - Mend

@paro.io/expert-shared-components 1.12.6 → 1.12.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/lib/components/FileDownloader/index.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 interface DownloadFileParams {
     fileKey: string;
     downloadDocumentUrl: string;
+    bucketName?: string;
 }
-export declare const fileDownloader: ({ fileKey, downloadDocumentUrl, }: DownloadFileParams) => Promise<Blob | string | null>;
+export declare const fileDownloader: ({ fileKey, downloadDocumentUrl, bucketName, }: DownloadFileParams) => Promise<Blob | string | null>;
 export {};

package/lib/components/FileDownloader/index.js CHANGED Viewed

@@ -15,12 +15,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fileDownloader = void 0;
 const DownloadClient_1 = __importDefault(require("../shared/DownloadClient"));
 const utils_1 = require("../shared/utils");
-const fileDownloader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fileKey, downloadDocumentUrl, }) {
+const fileDownloader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fileKey, downloadDocumentUrl, bucketName, }) {
     try {
         (0, utils_1.showToast)("success", "Starting Document Download");
         const downloadClient = new DownloadClient_1.default({
             fileKey,
             downloadDocumentUrl,
+            bucketName,
         });
         const result = yield downloadClient.downloadDocument();
         if (result instanceof Blob) {

package/lib/components/Invoices/ClientDisputeProjectCard.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ interface ClientDisputeProjectCardProps {
     updateClientInvoiceDisputeMutation: any;
     documentUploadUrl: string;
     downloadDocumentUrl: string;
+    bucketName?: string;
 }
-export declare const ClientDisputeProjectCard: ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, }: ClientDisputeProjectCardProps) => JSX.Element;
+export declare const handleDownloadDocument: (projectId: number, fileName: string, downloadDocumentUrl: string, bucketName: string | undefined) => Promise<void>;
+export declare const ClientDisputeProjectCard: ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, bucketName }: ClientDisputeProjectCardProps) => JSX.Element;
 export {};

package/lib/components/Invoices/ClientDisputeProjectCard.js CHANGED Viewed

@@ -32,7 +32,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClientDisputeProjectCard = void 0;
+exports.ClientDisputeProjectCard = exports.handleDownloadDocument = void 0;
 const react_1 = __importStar(require("react"));
 const base_ui_1 = require("@paro.io/base-ui");
 const base_ui_2 = require("@paro.io/base-ui");
@@ -94,7 +94,58 @@ const ACCEPTED_FILE_TYPES = [
     'image/png',
     'text/csv',
 ];
-const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, }) => {
+const handleFileDownload = ({ fileData, downloadFilename, streamData, fileType = 'pdf' }) => {
+    var _a, _b, _c;
+    let byteArray = streamData ? fileData : new Uint8Array();
+    if (!streamData) {
+        const byteCharacters = atob((_b = (_a = fileData === null || fileData === void 0 ? void 0 : fileData.data) === null || _a === void 0 ? void 0 : _a.getFile) === null || _b === void 0 ? void 0 : _b.data);
+        const byteNumbers = new Array(byteCharacters.length);
+        for (let i = 0; i < byteCharacters.length; i++) {
+            byteNumbers[i] = byteCharacters.charCodeAt(i);
+        }
+        byteArray = new Uint8Array(byteNumbers);
+    }
+    // Map file extensions to MIME types
+    const mimeTypes = {
+        'pdf': 'application/pdf',
+        'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        'csv': 'text/csv',
+        'doc': 'application/msword',
+        'xls': 'application/vnd.ms-excel',
+        'txt': 'text/plain',
+        'png': 'image/png',
+        'jpg': 'image/jpeg',
+        'jpeg': 'image/jpeg'
+    };
+    // Get the file extension from the filename or use the provided fileType
+    const fileExtension = ((_c = downloadFilename.split('.').pop()) === null || _c === void 0 ? void 0 : _c.toLowerCase()) || fileType;
+    const mimeType = mimeTypes[fileExtension] || 'application/octet-stream';
+    const blob = new Blob([byteArray], { type: mimeType });
+    const blobUrl = URL.createObjectURL(blob);
+    const downloadLink = document.createElement('a');
+    downloadLink.href = blobUrl;
+    downloadLink.download = downloadFilename;
+    document.body.appendChild(downloadLink);
+    downloadLink.click();
+    document.body.removeChild(downloadLink);
+    URL.revokeObjectURL(blobUrl);
+};
+const handleDownloadDocument = (projectId, fileName, downloadDocumentUrl, bucketName) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    // Decode the filename from URL encoding if needed
+    const decodedFileName = decodeURIComponent(fileName);
+    const downloadFileName = `project-${projectId}/${decodedFileName}`;
+    const downloadData = yield (0, FileDownloader_1.fileDownloader)({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName, bucketName: bucketName });
+    handleFileDownload({
+        fileData: downloadData,
+        downloadFilename: decodedFileName,
+        streamData: true,
+        fileType: (_a = decodedFileName.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()
+    });
+});
+exports.handleDownloadDocument = handleDownloadDocument;
+const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, bucketName }) => {
     const [expandRow, setExpandRow] = (0, react_1.useState)(null);
     const classes = useStyles();
     const [projects, setProjects] = (0, react_1.useState)(clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects);
@@ -104,36 +155,9 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
     const [updatingDispute, setUpdatingDispute] = (0, react_1.useState)(false);
     const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
-    const handleDownloadPdf = ({ fileData, downloadFilename, streamData }) => {
-        var _a, _b;
-        let byteArray = streamData ? fileData : new Uint8Array();
-        if (!streamData) {
-            const byteCharacters = atob((_b = (_a = fileData === null || fileData === void 0 ? void 0 : fileData.data) === null || _a === void 0 ? void 0 : _a.getFile) === null || _b === void 0 ? void 0 : _b.data);
-            const byteNumbers = new Array(byteCharacters.length);
-            for (let i = 0; i < byteCharacters.length; i++) {
-                byteNumbers[i] = byteCharacters.charCodeAt(i);
-            }
-            byteArray = new Uint8Array(byteNumbers);
-        }
-        const blob = new Blob([byteArray], { type: 'application/pdf' });
-        const blobUrl = URL.createObjectURL(blob);
-        const newTab = window.open(blobUrl, '_blank');
-        const downloadLink = document.createElement('a');
-        downloadLink.href = blobUrl;
-        downloadLink.download = downloadFilename;
-        document.body.appendChild(downloadLink);
-        downloadLink.click();
-        document.body.removeChild(downloadLink);
-        URL.revokeObjectURL(blobUrl);
-        if (newTab) {
-            newTab.focus();
-        }
-    };
-    const handleDownloadDocument = (projectId, fileName) => __awaiter(void 0, void 0, void 0, function* () {
-        const downloadFileName = `project-${projectId}/${fileName}`;
-        const downloadData = yield (0, FileDownloader_1.fileDownloader)({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName });
-        handleDownloadPdf({ fileData: downloadData, downloadFilename: fileName, streamData: true });
-    });
+    (0, react_1.useEffect)(() => {
+        setProjects(clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects);
+    }, [clientInvoice]);
     (0, react_1.useEffect)(() => {
         if (JSON.stringify(clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects) !== JSON.stringify(projects)) {
             setUpdateDispute(true);
@@ -274,8 +298,8 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
                                             ((row === null || row === void 0 ? void 0 : row.clientDocumentLinks)
                                                 ? (typeof (row === null || row === void 0 ? void 0 : row.clientDocumentLinks) === 'string' ? (_b = row === null || row === void 0 ? void 0 : row.clientDocumentLinks) === null || _b === void 0 ? void 0 : _b.split(',') : [...row === null || row === void 0 ? void 0 : row.clientDocumentLinks])
                                                 : []).map((f, index) => (react_1.default.createElement("div", { key: index, className: "m-1" },
-                                                react_1.default.createElement(base_ui_1.Tag, { variant: "subtle", color: "success", label: f.split('%2F')[1], iconRight: react_1.default.createElement(base_icons_1.IconXCircle, null), onClick: () => {
-                                                        handleDownloadDocument(row === null || row === void 0 ? void 0 : row.projectId, f.split('%2F')[1]);
+                                                react_1.default.createElement(base_ui_1.Tag, { variant: "subtle", color: "success", label: f.split('%2F')[1], onClick: () => {
+                                                        (0, exports.handleDownloadDocument)(row === null || row === void 0 ? void 0 : row.projectId, f.split('%2F')[1], downloadDocumentUrl, bucketName);
                                                     } })))))))))))));
             })),
         updatedDispute && react_1.default.createElement("div", { className: "flex justify-end ml-auto mt-2" },

package/lib/components/Invoices/DisputeSection.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
 interface DisputeSectionProps {
     dispute: any;
     documentUploadUrl: string;
+    downloadDocumentUrl: string;
+    bucketName: string;
     updateClientInvoiceDisputeMutation: (variables: any) => Promise<any>;
 }
-export declare const DisputeSection: ({ dispute, documentUploadUrl, updateClientInvoiceDisputeMutation, }: DisputeSectionProps) => JSX.Element;
+export declare const DisputeSection: ({ dispute, documentUploadUrl, downloadDocumentUrl, bucketName, updateClientInvoiceDisputeMutation, }: DisputeSectionProps) => JSX.Element;
 export {};

package/lib/components/Invoices/DisputeSection.js CHANGED Viewed

@@ -38,6 +38,7 @@ const base_ui_1 = require("@paro.io/base-ui");
 const base_icons_1 = require("@paro.io/base-icons");
 const FileUploader_1 = require("../FileUploader");
 const core_1 = require("@material-ui/core");
+const ClientDisputeProjectCard_1 = require("./ClientDisputeProjectCard");
 const ACCEPTED_FILE_TYPES = [
     'application/pdf',
     'application/msword',
@@ -46,12 +47,14 @@ const ACCEPTED_FILE_TYPES = [
     'image/png',
     'text/csv',
 ];
-const DisputeSection = ({ dispute, documentUploadUrl, updateClientInvoiceDisputeMutation, }) => {
+const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucketName, updateClientInvoiceDisputeMutation, }) => {
     var _a, _b, _c;
-    const fileInputRef = (0, react_1.useRef)(null);
+    const expertFileInputRef = (0, react_1.useRef)(null);
+    const clientFileInputRef = (0, react_1.useRef)(null);
     const disputeProject = (_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a[0];
     const clientDocumentLinks = (_b = disputeProject === null || disputeProject === void 0 ? void 0 : disputeProject.clientDocumentLinks) === null || _b === void 0 ? void 0 : _b.split(',');
     const expertDocumentLinks = (_c = disputeProject === null || disputeProject === void 0 ? void 0 : disputeProject.expertDocumentLinks) === null || _c === void 0 ? void 0 : _c.split(',');
+    const projectId = disputeProject === null || disputeProject === void 0 ? void 0 : disputeProject.projectId;
     const validateFileUpload = (file) => {
         return ACCEPTED_FILE_TYPES.includes(file.type);
     };
@@ -86,8 +89,11 @@ const DisputeSection = ({ dispute, documentUploadUrl, updateClientInvoiceDispute
                 reader.readAsDataURL(selectedFile);
             });
         }
-        if (fileInputRef.current) {
-            fileInputRef.current.value = '';
+        if (expertFileInputRef.current) {
+            expertFileInputRef.current.value = '';
+        }
+        if (clientFileInputRef.current) {
+            clientFileInputRef.current.value = '';
         }
     };
     return (react_1.default.createElement("div", { className: "grid grid-cols-2 gap-6" },
@@ -104,17 +110,19 @@ const DisputeSection = ({ dispute, documentUploadUrl, updateClientInvoiceDispute
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("div", { className: "text-sm font-bold text-[#333333] mb-2" }, "Supporting Documents:"),
                     react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
-                        react_1.default.createElement("input", { ref: fileInputRef, type: "file", multiple: true, accept: ACCEPTED_FILE_TYPES.join(','), className: "hidden", onChange: (e) => handleUpload(e, false) }),
-                        react_1.default.createElement("div", { className: "flex flex-wrap gap-2" }, expertDocumentLinks === null || expertDocumentLinks === void 0 ? void 0 : expertDocumentLinks.map((file, index) => (
+                        react_1.default.createElement("input", { ref: clientFileInputRef, type: "file", multiple: true, accept: ACCEPTED_FILE_TYPES.join(','), className: "hidden", onChange: (e) => handleUpload(e, false) }),
+                        react_1.default.createElement("div", { className: "flex flex-wrap gap-2" }, clientDocumentLinks === null || clientDocumentLinks === void 0 ? void 0 : clientDocumentLinks.map((file, index) => (
                         // @ts-ignore
-                        react_1.default.createElement(core_1.Chip, { key: index, label: file.split('%2F').pop(), variant: "outlined", onClick: () => { window.open(file, '_blank'); }, sx: {
+                        react_1.default.createElement(core_1.Chip, { key: index, label: file.split('%2F').pop(), variant: "outlined", onClick: () => {
+                                (0, ClientDisputeProjectCard_1.handleDownloadDocument)(projectId, file.split('%2F')[1], downloadDocumentUrl, bucketName);
+                            }, sx: {
                                 '&:hover': {
                                     cursor: 'pointer',
                                     backgroundColor: 'rgba(76, 175, 80, 0.1)'
                                 }
                             } })))),
                         react_1.default.createElement("div", { className: "w-full mt-2" },
-                            react_1.default.createElement(base_ui_1.Button, { label: "Add File", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, size: "sm", color: "info", className: "bg-white border border-[#248384] text-[#248384]" })))))),
+                            react_1.default.createElement(base_ui_1.Button, { label: "Add File", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = clientFileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, size: "sm", color: "info", className: "bg-white border border-[#248384] text-[#248384]" })))))),
         react_1.default.createElement("div", { className: "space-y-4" },
             react_1.default.createElement("div", { className: "flex items-center justify-between" },
                 react_1.default.createElement("div", { className: "text-lg font-bold text-[#333333]" }, "Expert Rebuttal")),
@@ -125,16 +133,18 @@ const DisputeSection = ({ dispute, documentUploadUrl, updateClientInvoiceDispute
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("div", { className: "text-sm font-bold text-[#333333] mb-2" }, "Supporting Documents:"),
                     react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
-                        react_1.default.createElement("input", { ref: fileInputRef, type: "file", multiple: true, accept: ACCEPTED_FILE_TYPES.join(','), className: "hidden", onChange: (e) => handleUpload(e, true) }),
-                        react_1.default.createElement("div", { className: "flex flex-wrap gap-2" }, clientDocumentLinks === null || clientDocumentLinks === void 0 ? void 0 : clientDocumentLinks.map((file, index) => (
+                        react_1.default.createElement("input", { ref: expertFileInputRef, type: "file", multiple: true, accept: ACCEPTED_FILE_TYPES.join(','), className: "hidden", onChange: (e) => handleUpload(e, true) }),
+                        react_1.default.createElement("div", { className: "flex flex-wrap gap-2" }, expertDocumentLinks === null || expertDocumentLinks === void 0 ? void 0 : expertDocumentLinks.map((file, index) => (
                         // @ts-ignore
-                        react_1.default.createElement(core_1.Chip, { key: index, label: file.split('%2F').pop(), variant: "outlined", onClick: () => { window.open(file, '_blank'); }, sx: {
+                        react_1.default.createElement(core_1.Chip, { key: index, label: file.split('%2F').pop(), variant: "outlined", onClick: () => {
+                                (0, ClientDisputeProjectCard_1.handleDownloadDocument)(projectId, file.split('%2F')[1], downloadDocumentUrl, bucketName);
+                            }, sx: {
                                 '&:hover': {
                                     cursor: 'pointer',
                                     backgroundColor: 'rgba(76, 175, 80, 0.1)'
                                 }
                             } })))),
                         react_1.default.createElement("div", { className: "w-full mt-2" },
-                            react_1.default.createElement(base_ui_1.Button, { label: "Add File", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, size: "sm", color: "info", className: "bg-white border border-[#248384] text-[#248384]" }))))))));
+                            react_1.default.createElement(base_ui_1.Button, { label: "Add File", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = expertFileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, size: "sm", color: "info", className: "bg-white border border-[#248384] text-[#248384]" }))))))));
 };
 exports.DisputeSection = DisputeSection;

package/lib/components/Invoices/InvoiceCard.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ interface InvoiceCardProps {
     documentUploadUrl: string;
     downloadDocumentUrl: string;
     isInternal?: boolean;
+    bucketName?: string;
 }
-export declare const InvoiceCard: ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, isInternal, }: InvoiceCardProps) => JSX.Element;
+export declare const InvoiceCard: ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, isInternal, bucketName }: InvoiceCardProps) => JSX.Element;
 export {};

package/lib/components/Invoices/InvoiceCard.js CHANGED Viewed

@@ -1,10 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InvoiceCard = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const base_ui_1 = require("@paro.io/base-ui");
 const InvoiceHeader_1 = require("./InvoiceHeader");
 const InvoiceDetails_1 = require("./InvoiceDetails");
@@ -12,18 +32,22 @@ const DisputeSection_1 = require("./DisputeSection");
 const DiscussionSection_1 = require("./DiscussionSection");
 const DecisionSection_1 = require("./DecisionSection");
 const ClientDisputeProjectCard_1 = require("./ClientDisputeProjectCard");
-const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, isInternal = false, }) => {
+const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, isInternal = false, bucketName }) => {
     var _a, _b;
+    const [currentInvoice, setCurrentInvoice] = (0, react_1.useState)(clientInvoice);
+    (0, react_1.useEffect)(() => {
+        setCurrentInvoice(clientInvoice);
+    }, [clientInvoice]);
     return (react_1.default.createElement(base_ui_1.Card, { className: "w-full bg-white rounded-lg shadow-sm overflow-hidden mb-4" },
-        react_1.default.createElement(InvoiceHeader_1.InvoiceHeader, { invoice: clientInvoice }),
+        react_1.default.createElement(InvoiceHeader_1.InvoiceHeader, { invoice: currentInvoice }),
         react_1.default.createElement("div", { className: "p-6 space-y-6" },
-            react_1.default.createElement(InvoiceDetails_1.InvoiceDetails, { invoice: clientInvoice, isInternal: isInternal }),
+            react_1.default.createElement(InvoiceDetails_1.InvoiceDetails, { invoice: currentInvoice, isInternal: isInternal }),
             isInternal ?
-                react_1.default.createElement(DisputeSection_1.DisputeSection, { dispute: clientInvoice, documentUploadUrl: documentUploadUrl, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation })
+                react_1.default.createElement(DisputeSection_1.DisputeSection, { dispute: currentInvoice, documentUploadUrl: documentUploadUrl, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })
                 :
-                    react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: clientInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl }),
-            (clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.chatEnabled) && (react_1.default.createElement(DiscussionSection_1.DiscussionSection, { disputeId: (_b = (_a = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id, currentUser: user, messages: chatMessages, onCreateMessage: createDisputeChatMessage, isInternal: isInternal })),
+                    react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: currentInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName }),
+            (currentInvoice === null || currentInvoice === void 0 ? void 0 : currentInvoice.chatEnabled) && (react_1.default.createElement(DiscussionSection_1.DiscussionSection, { disputeId: (_b = (_a = currentInvoice === null || currentInvoice === void 0 ? void 0 : currentInvoice.disputeProjects) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id, currentUser: user, messages: chatMessages, onCreateMessage: createDisputeChatMessage, isInternal: isInternal })),
             isInternal &&
-                react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: clientInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation }))));
+                react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: currentInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation }))));
 };
 exports.InvoiceCard = InvoiceCard;

package/lib/components/shared/DownloadClient.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 export default class DownloadClient {
     fileKey: string;
     downloadDocumentUrl: string;
+    bucketName: string;
     constructor(props: any);
     downloadDocument(): Promise<any>;
 }

package/lib/components/shared/DownloadClient.js CHANGED Viewed

@@ -13,13 +13,14 @@ class DownloadClient {
     constructor(props) {
         this.downloadDocumentUrl = props.downloadDocumentUrl;
         this.fileKey = props.fileKey;
+        this.bucketName = props.bucketName;
     }
     downloadDocument() {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 const response = yield fetch(`${this.downloadDocumentUrl}`, {
                     method: 'POST',
-                    body: JSON.stringify({ key: this.fileKey }),
+                    body: JSON.stringify({ key: this.fileKey, bucketName: this.bucketName }),
                 });
                 if (!response.body) {
                     throw new Error('ReadableStream not supported in this environment.');

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@paro.io/expert-shared-components",
-  "version": "1.12.6",
+  "version": "1.12.8",
   "description": "",
   "main": "lib/index.js",
   "scripts": {