@paro.io/expert-shared-components 1.12.33 → 1.12.35

package/lib/components/DocumentCenter/ClientDocumentsTable.d.ts

@@ -16,6 +16,7 @@ interface ClientDocumentTableProps {
     documentUploadUrl?: string;
     downloadDocumentUrl?: string;
     clientId?: number;
+    stage?: string;
 }
-export declare const ClientDocumentsTable: ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId }: ClientDocumentTableProps) => JSX.Element;
+export declare const ClientDocumentsTable: ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId, stage }: ClientDocumentTableProps) => JSX.Element;
 export {};

package/lib/components/DocumentCenter/ClientDocumentsTable.js

@@ -135,7 +135,7 @@ const getKeyByValue = (object, value) => {
     }
     return Object.keys(object).find(key => object[key] === value);
 };
-const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId }) => {
+const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId, stage }) => {
     const classes = (0, exports.useStyles)();
     const [order, setOrder] = react_1.default.useState('desc');
     const [orderBy, setOrderBy] = react_1.default.useState('lastViewed');
@@ -304,12 +304,13 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
             setFileId(null);
         });
     };
-    const handleDownloadFile = (fileName, fileId, projectId, docSize) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleDownloadFile = (fileName, fileId, projectId, docSize, docType) => __awaiter(void 0, void 0, void 0, function* () {
         (0, utils_1.showToast)('success', 'Starting File Download...');
         fileId && setFileId(fileId);
+        const bucketName = docType === 'Dispute Documents' ? `expert-client-dispute-files${!stage || stage === 'dev' ? '' : `-${stage}`}` : `expert-client-files-${stage}`;
         if (docSize >= 5) {
             const downloadFileName = `project-${projectId}/${fileName}`;
-            const downloadClient = new DownloadClient_1.default({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName });
+            const downloadClient = new DownloadClient_1.default({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName, bucketName: bucketName });
             const downloadData = yield downloadClient.downloadDocument();
             (0, utils_1.handleDownloadPdf)({ fileData: downloadData, downloadFilename: fileName, streamData: true });
             updateLastViewed();
@@ -355,7 +356,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
                     return (react_1.default.createElement(core_1.TableRow, { key: fileId },
                         react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, index + 1),
                         react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" },
-                            react_1.default.createElement("a", { onClick: () => handleDownloadFile(fileName, fileId, projectId, docSize), style: {
+                            react_1.default.createElement("a", { onClick: () => handleDownloadFile(fileName, fileId, projectId, docSize, docType), style: {
                                     color: 'blue',
                                     textDecoration: 'underline',
                                     cursor: 'pointer',
@@ -373,7 +374,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
                         react_1.default.createElement(core_1.TableCell, { className: classes.tableCell },
                             react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row", justify: "space-evenly", alignItems: "center" },
                                 react_1.default.createElement(core_1.Tooltip, { arrow: true, placement: "top", interactive: true, className: "whitespace-nowrap", title: "Download Document" },
-                                    react_1.default.createElement(core_1.IconButton, { onClick: () => __awaiter(void 0, void 0, void 0, function* () { return handleDownloadFile(fileName, fileId, projectId, docSize); }) },
+                                    react_1.default.createElement(core_1.IconButton, { onClick: () => __awaiter(void 0, void 0, void 0, function* () { return handleDownloadFile(fileName, fileId, projectId, docSize, docType); }) },
                                         " ",
                                         react_1.default.createElement(base_icons_1.IconDocumentDownload, { size: "sm" }),
                                         " ")),

package/lib/components/DocumentCenter/DocumentCenter.d.ts

@@ -23,6 +23,7 @@ interface DocumentCenterProps {
     downloadDocumentUrl?: string;
     loading?: boolean;
     clientId?: number;
+    stage?: string;
 }
-export declare const DocumentCenter: ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading, }: DocumentCenterProps) => JSX.Element;
+export declare const DocumentCenter: ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading, stage, }: DocumentCenterProps) => JSX.Element;
 export {};

package/lib/components/DocumentCenter/DocumentCenter.js

@@ -80,7 +80,7 @@ const CustomDialogContent = (0, core_1.styled)(core_1.DialogContent)(({ theme })
         background: '#707070',
     },
 }));
-const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal = false, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading = false, }) => {
+const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal = false, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading = false, stage = 'dev', }) => {
     var _a;
     const [value, setValue] = (0, react_1.useState)(0);
     const [expertClientFiles, setExpertClientFiles] = (0, react_1.useState)(clientFilesData !== null && clientFilesData !== void 0 ? clientFilesData : []);
@@ -175,7 +175,7 @@ const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertCli
                                         react_1.default.createElement("b", null, value === 0 ? ((expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.length) ? (_a = expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.filter((file) => !(file === null || file === void 0 ? void 0 : file.lastViewed))) === null || _a === void 0 ? void 0 : _a.length : 0) : expertFiles === null || expertFiles === void 0 ? void 0 : expertFiles.length),
                                         " Documents Unread")))),
                         react_1.default.createElement(lab_1.TabPanel, { value: '0', style: { paddingTop: '0px' } },
-                            react_1.default.createElement(ClientDocumentsTable_1.ClientDocumentsTable, { legacyFreelancerId: legacyFreelancerId, expertFiles: expertClientFiles, setExpertClientFiles: setExpertClientFiles, clientAndProjectsList: clientAndProjects, uploadExpertClientFiles: uploadExpertClientFiles, updateFileLastViewed: updateFileLastViewed, deleteExpertClientFile: deleteExpertClientFile, paroDocuments: false, freelancerName: freelancerName !== null && freelancerName !== void 0 ? freelancerName : '', freelancerEmail: freelancerEmail !== null && freelancerEmail !== void 0 ? freelancerEmail : '', getFileLazyQuery: getFileLazyQuery, expertClientFilesLazyQuery: expertClientFilesLazyQuery, isClientPortal: isClientPortal, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, clientId: clientId })),
+                            react_1.default.createElement(ClientDocumentsTable_1.ClientDocumentsTable, { legacyFreelancerId: legacyFreelancerId, expertFiles: expertClientFiles, setExpertClientFiles: setExpertClientFiles, clientAndProjectsList: clientAndProjects, uploadExpertClientFiles: uploadExpertClientFiles, updateFileLastViewed: updateFileLastViewed, deleteExpertClientFile: deleteExpertClientFile, paroDocuments: false, freelancerName: freelancerName !== null && freelancerName !== void 0 ? freelancerName : '', freelancerEmail: freelancerEmail !== null && freelancerEmail !== void 0 ? freelancerEmail : '', getFileLazyQuery: getFileLazyQuery, expertClientFilesLazyQuery: expertClientFilesLazyQuery, isClientPortal: isClientPortal, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, clientId: clientId, stage: stage })),
                         react_1.default.createElement(lab_1.TabPanel, { value: '1' },
                             react_1.default.createElement(ParoDocumentsTable_1.ParoDocumentsTable, { legacyFreelancerId: legacyFreelancerId, expiryDate: insuranceExpiryDate !== null && insuranceExpiryDate !== void 0 ? insuranceExpiryDate : '', setExpiryDate: setInsuranceExpiryDate, expertFiles: expertFiles, setExpertFiles: setExpertFiles, uploadExpertClientFiles: uploadExpertClientFiles, uploadFileData: uploadFileData, deleteFileMutation: deleteFileMutation, updateFreelancerExpiryMutation: updateFreelancerExpiryMutation, foldername: foldername !== null && foldername !== void 0 ? foldername : '', paroDocuments: true, getFileLazyQuery: getFileLazyQuery, getFilesLazyQuery: getFilesLazyQuery }))))),
         react_1.default.createElement(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {

package/lib/components/FileUploader/index.d.ts

@@ -6,8 +6,17 @@ interface UploadFileParams {
     documentUploadUrl: string;
     bucketName: string;
     updateClientInvoiceDisputeMutation: any;
+    uploadExpertClientFiles?: any;
     previousFiles: string | string[];
     isExpert: boolean;
+    disputeData?: {
+        clientId: number;
+        clientName: string;
+        email: string;
+        freelancerId: number;
+        freelancerName: string;
+        projectName: string;
+    };
 }
-export declare const fileUploader: ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, bucketName, disputeId, previousFiles, isExpert, }: UploadFileParams) => Promise<any>;
+export declare const fileUploader: ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, bucketName, disputeId, previousFiles, isExpert, disputeData, }: UploadFileParams) => Promise<any>;
 export {};

package/lib/components/FileUploader/index.js

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fileUploader = void 0;
 const UploadClient_1 = __importDefault(require("../shared/UploadClient"));
 const utils_1 = require("../shared/utils");
-const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, bucketName, disputeId, previousFiles, isExpert, }) {
+const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, bucketName, disputeId, previousFiles, isExpert, disputeData, }) {
     const documentLinks = previousFiles ? (typeof previousFiles === 'string' ? previousFiles.split(',') : [...previousFiles]) : [];
     try {
         (0, utils_1.showToast)('success', 'Starting Document Upload');
@@ -30,20 +30,48 @@ const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file,
             const resParsed = JSON.parse(res);
             const documentLink = resParsed === null || resParsed === void 0 ? void 0 : resParsed.Location;
             documentLinks.push(documentLink); // Add the new file to the documentLinks array
-            disputeId && (yield updateClientInvoiceDisputeMutation({
-                variables: {
-                    input: {
-                        disputeId: disputeId,
-                        projectDisputes: [
-                            Object.assign({ projectId: projectId }, (isExpert ? {
-                                expertDocumentLinks: documentLinks.join(',')
-                            } : {
-                                clientDocumentLinks: documentLinks.join(',')
-                            }))
-                        ]
+            const promises = [];
+            if (disputeId) {
+                promises.push(updateClientInvoiceDisputeMutation({
+                    variables: {
+                        input: {
+                            disputeId: disputeId,
+                            projectDisputes: [
+                                Object.assign({ projectId: projectId }, (isExpert ? {
+                                    expertDocumentLinks: documentLinks.join(',')
+                                } : {
+                                    clientDocumentLinks: documentLinks.join(',')
+                                }))
+                            ]
+                        },
                     },
-                },
-            }));
+                }));
+            }
+            if (uploadExpertClientFiles && disputeData) {
+                promises.push(uploadExpertClientFiles({
+                    variables: {
+                        input: {
+                            clientId: disputeData.clientId,
+                            clientName: disputeData.clientName,
+                            email: disputeData.email,
+                            fileName: file.name,
+                            fileSize: file.size,
+                            fileType: 'DISPUTE_DOCUMENTS',
+                            freelancerId: disputeData.freelancerId,
+                            freelancerName: disputeData.freelancerName,
+                            projectId: projectId,
+                            projectName: disputeData.projectName,
+                            uploadedBy: isExpert ? 'FREELANCER' : 'CLIENT',
+                            data: "",
+                        },
+                    }
+                }));
+            }
+            // Execute all promises in parallel
+            if (promises.length > 0) {
+                yield Promise.all(promises);
+                console.log('Document uploaded successfully to S3 and to Document Center');
+            }
             console.log(`Multipart File uploaded successfully with ${res}`);
             (0, utils_1.showToast)('success', 'Document Upload Successful');
         }));

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

@@ -4,7 +4,8 @@ interface ClientDisputeProjectCardProps {
     documentUploadUrl: string;
     downloadDocumentUrl: string;
     bucketName?: string;
+    uploadExpertClientFiles?: any;
 }
 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 declare const ClientDisputeProjectCard: ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, bucketName, uploadExpertClientFiles }: ClientDisputeProjectCardProps) => JSX.Element;
 export {};

package/lib/components/Invoices/ClientDisputeProjectCard.js

@@ -145,7 +145,7 @@ const handleDownloadDocument = (projectId, fileName, downloadDocumentUrl, bucket
     });
 });
 exports.handleDownloadDocument = handleDownloadDocument;
-const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, bucketName }) => {
+const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, bucketName, uploadExpertClientFiles }) => {
     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);
@@ -192,7 +192,7 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
                 return new Promise((resolve, reject) => {
                     const reader = new FileReader();
                     reader.onloadend = () => __awaiter(void 0, void 0, void 0, function* () {
-                        var _a, _b, _c, _d, _e;
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
                         try {
                             const res = yield (0, FileUploader_1.fileUploader)({
                                 file: selectedFile,
@@ -204,6 +204,15 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
                                 updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation,
                                 previousFiles: (_e = (_d = (_c = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.clientDocumentLinks) !== null && _e !== void 0 ? _e : [],
                                 isExpert: false,
+                                uploadExpertClientFiles: uploadExpertClientFiles,
+                                disputeData: {
+                                    clientId: (_f = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.invoice) === null || _f === void 0 ? void 0 : _f.clientId,
+                                    clientName: (_g = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.client) === null || _g === void 0 ? void 0 : _g.name,
+                                    email: (_h = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.freelancer) === null || _h === void 0 ? void 0 : _h.email,
+                                    freelancerId: clientInvoice.freelancerId,
+                                    freelancerName: ((_j = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.freelancer) === null || _j === void 0 ? void 0 : _j.firstName) + ' ' + ((_k = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.freelancer) === null || _k === void 0 ? void 0 : _k.lastName),
+                                    projectName: (_o = (_m = (_l = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.project) === null || _o === void 0 ? void 0 : _o.name
+                                }
                             });
                             if (res) {
                                 setProjects((prevProjects) => prevProjects.map((p) => {

package/lib/components/Invoices/DecisionSection.d.ts

@@ -6,6 +6,7 @@ interface DecisionSectionProps {
     getClientInvoiceSummaryByMonth: any;
     invoiceSummary: any;
     updateClientInvoiceDisputeMutation: any;
+    addClientCredit: any;
 }
-export declare const DecisionSection: ({ dispute, onUpdateDispute, updateInvoiceMutation, updateClientInvoiceDisputeMutation, invoiceSummary, user, getClientInvoiceSummaryByMonth, }: DecisionSectionProps) => JSX.Element;
+export declare const DecisionSection: ({ dispute, onUpdateDispute, updateInvoiceMutation, updateClientInvoiceDisputeMutation, invoiceSummary, user, getClientInvoiceSummaryByMonth, addClientCredit }: DecisionSectionProps) => JSX.Element;
 export {};

package/lib/components/Invoices/DecisionSection.js

@@ -42,14 +42,15 @@ const RESOLUTION_OPTIONS = [
     { value: 'DECLINED', label: 'Decline Dispute' },
     { value: 'PARTIAL', label: 'Partial Approval' },
 ];
-const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, updateClientInvoiceDisputeMutation, invoiceSummary, user, getClientInvoiceSummaryByMonth, }) => {
-    var _a, _b;
+const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, updateClientInvoiceDisputeMutation, invoiceSummary, user, getClientInvoiceSummaryByMonth, addClientCredit }) => {
+    var _a, _b, _c, _d;
     const totalDisputeHours = (_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.reduce((acc, project) => acc + (project === null || project === void 0 ? void 0 : project.disputeHours), 0);
     const [resolution, setResolution] = (0, react_1.useState)('');
     const [approvedHours, setApprovedHours] = (0, react_1.useState)(totalDisputeHours);
     const [projectApprovedHours, setProjectApprovedHours] = (0, react_1.useState)({});
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
     const [showHoursModal, setShowHoursModal] = (0, react_1.useState)(false);
+    const isDisputePaid = ((_b = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _b === void 0 ? void 0 : _b.clientInvoiceStatusId) === 4 || ((_c = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _c === void 0 ? void 0 : _c.clientInvoiceStatusId) === 8;
     // Initialize project approved hours when resolution changes to PARTIAL
     const handleResolutionChange = (newResolution) => {
         var _a;
@@ -84,7 +85,6 @@ const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, upda
     const handleApproveClick = () => {
         if (!resolution)
             return;
-        // Show modal for PARTIAL or APPROVED resolutions regardless of dispute type
         if (resolution === 'PARTIAL' || resolution === 'APPROVED') {
             setShowHoursModal(true);
         }
@@ -100,19 +100,13 @@ const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, upda
         var _a, _b, _c;
         setIsSubmitting(true);
         try {
-            const resolutionType = resolution === 'APPROVED' ? 'Upheld' : 'Reduced';
-            const disputeProjectUpdates = ((_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.map((project) => ({
-                projectId: project.projectId,
-                resolutionMode: 'Direct',
-                resolutionType: resolution === 'DECLINED' ? 'Canceled' : resolutionType
-            }))) || [];
             let calculatedApprovedAmount = 0;
-            const fullDisputeAmount = (_b = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _b === void 0 ? void 0 : _b.reduce((acc, project) => acc + project.disputeAmount, 0);
+            const fullDisputeAmount = (_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.reduce((acc, project) => acc + project.disputeAmount, 0);
             if (resolution === 'APPROVED') {
                 calculatedApprovedAmount = fullDisputeAmount;
             }
             else {
-                (_c = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _c === void 0 ? void 0 : _c.forEach((project) => {
+                (_b = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _b === void 0 ? void 0 : _b.forEach((project) => {
                     var _a, _b;
                     const approvedForProject = projectApprovedHours[project.projectId] || 0;
                     if (project.disputeType === 'Hourly') {
@@ -124,6 +118,50 @@ const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, upda
                     }
                 });
             }
+            if (submissionData) {
+                if (isDisputePaid) {
+                    yield addClientCredit({
+                        variables: {
+                            input: {
+                                clientId: submissionData.clientId,
+                                amount: calculatedApprovedAmount,
+                                description: `Credit from Dispute #${dispute.disputeId} - Invoice #${dispute.invoice.id}`,
+                                updatedDate: new Date().toISOString()
+                            }
+                        }
+                    });
+                }
+                else {
+                    yield updateInvoiceMutation({
+                        variables: {
+                            input: submissionData.input,
+                            clientId: submissionData.clientId,
+                            invoiceId: submissionData.invoiceId,
+                            dateGenerated: submissionData.dateGenerated,
+                            updateDescription: submissionData.updateDescription,
+                            freelancerIds: submissionData.freelancerIds
+                        }
+                    });
+                }
+            }
+            let resolutionType;
+            if (isDisputePaid) {
+                resolutionType = 'FutureCredit';
+            }
+            else if (resolution === 'APPROVED') {
+                resolutionType = 'Upheld';
+            }
+            else if (resolution === 'PARTIAL') {
+                resolutionType = 'Reduced';
+            }
+            else {
+                resolutionType = 'Canceled';
+            }
+            const disputeProjectUpdates = ((_c = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _c === void 0 ? void 0 : _c.map((project) => ({
+                projectId: project.projectId,
+                resolutionMode: 'Direct',
+                resolutionType: resolutionType
+            }))) || [];
             const updateData = {
                 disputeId: dispute.disputeId,
                 status: "Resolved",
@@ -131,24 +169,17 @@ const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, upda
                 finalDecisionOwnerId: (user === null || user === void 0 ? void 0 : user.userId) || null,
                 projectDisputes: disputeProjectUpdates
             };
-            if (submissionData) {
-                yield updateInvoiceMutation({
-                    variables: {
-                        input: submissionData.input,
-                        clientId: submissionData.clientId,
-                        invoiceId: submissionData.invoiceId,
-                        dateGenerated: submissionData.dateGenerated,
-                        updateDescription: submissionData.updateDescription,
-                        freelancerIds: submissionData.freelancerIds
-                    }
-                });
-            }
             yield onUpdateDispute({
                 variables: {
                     input: updateData,
                 },
             });
-            (0, utils_1.showToast)('success', 'Thank you for resolving the dispute. The invoice has been updated with the new hours.');
+            if (isDisputePaid) {
+                (0, utils_1.showToast)('success', `Future credit applied: $${calculatedApprovedAmount} to Client ${dispute.client.name}'s balance`);
+            }
+            else {
+                (0, utils_1.showToast)('success', 'Thank you for resolving the dispute. The invoice has been updated with the new hours.');
+            }
         }
         catch (error) {
             console.error('Failed to update dispute:', error);
@@ -158,7 +189,7 @@ const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, upda
             setIsSubmitting(false);
         }
     });
-    const isPartialWithMultipleProjects = resolution === 'PARTIAL' && ((_b = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    const isPartialWithMultipleProjects = resolution === 'PARTIAL' && ((_d = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _d === void 0 ? void 0 : _d.length) > 0;
     const isValidPartialApproval = () => {
         if (resolution !== 'PARTIAL')
             return true;

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

@@ -3,7 +3,10 @@ interface DisputeSectionProps {
     documentUploadUrl: string;
     downloadDocumentUrl: string;
     bucketName: string;
+    isInternal: boolean;
     updateClientInvoiceDisputeMutation: (variables: any) => Promise<any>;
+    uploadExpertClientFiles: (variables: any) => Promise<any>;
+    hasDisputeAdminRole?: boolean;
 }
-export declare const DisputeSection: ({ dispute, documentUploadUrl, downloadDocumentUrl, bucketName, updateClientInvoiceDisputeMutation, }: DisputeSectionProps) => JSX.Element;
+export declare const DisputeSection: ({ dispute, documentUploadUrl, downloadDocumentUrl, bucketName, isInternal, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, hasDisputeAdminRole }: DisputeSectionProps) => JSX.Element;
 export {};

package/lib/components/Invoices/DisputeSection.js

@@ -47,7 +47,7 @@ const ACCEPTED_FILE_TYPES = [
     'image/png',
     'text/csv',
 ];
-const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucketName, updateClientInvoiceDisputeMutation, }) => {
+const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucketName, isInternal, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, hasDisputeAdminRole }) => {
     var _a, _b, _c;
     const expertFileInputRef = (0, react_1.useRef)(null);
     const clientFileInputRef = (0, react_1.useRef)(null);
@@ -74,7 +74,7 @@ const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucke
             Array.from(selectedFiles).forEach((selectedFile) => {
                 const reader = new FileReader();
                 reader.onloadend = () => __awaiter(void 0, void 0, void 0, function* () {
-                    var _a, _b;
+                    var _a, _b, _c, _d, _e, _f, _g, _h;
                     yield (0, FileUploader_1.fileUploader)({
                         file: selectedFile,
                         documentName: selectedFile.name,
@@ -82,9 +82,18 @@ const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucke
                         documentUploadUrl: documentUploadUrl,
                         bucketName: bucketName,
                         updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation,
+                        uploadExpertClientFiles: uploadExpertClientFiles,
                         disputeId: dispute === null || dispute === void 0 ? void 0 : dispute.disputeId,
                         previousFiles: isExpert ? expertDocumentLinks : clientDocumentLinks,
                         isExpert: isExpert,
+                        disputeData: {
+                            clientId: (_c = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _c === void 0 ? void 0 : _c.clientId,
+                            clientName: (_d = dispute === null || dispute === void 0 ? void 0 : dispute.client) === null || _d === void 0 ? void 0 : _d.name,
+                            email: (_e = dispute === null || dispute === void 0 ? void 0 : dispute.freelancer) === null || _e === void 0 ? void 0 : _e.email,
+                            freelancerId: dispute === null || dispute === void 0 ? void 0 : dispute.freelancerId,
+                            freelancerName: `${(_f = dispute === null || dispute === void 0 ? void 0 : dispute.freelancer) === null || _f === void 0 ? void 0 : _f.firstName} ${(_g = dispute === null || dispute === void 0 ? void 0 : dispute.freelancer) === null || _g === void 0 ? void 0 : _g.lastName}`,
+                            projectName: (_h = disputeProject === null || disputeProject === void 0 ? void 0 : disputeProject.project) === null || _h === void 0 ? void 0 : _h.name,
+                        },
                     });
                 });
                 reader.readAsDataURL(selectedFile);
@@ -123,7 +132,7 @@ const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucke
                                 }
                             } })))),
                         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 = 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(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]", disabled: isInternal && !hasDisputeAdminRole })))))),
         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")),
@@ -146,6 +155,6 @@ const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucke
                                 }
                             } })))),
                         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 = expertFileInputRef.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]", disabled: isInternal && !hasDisputeAdminRole }))))))));
 };
 exports.DisputeSection = DisputeSection;

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

@@ -13,7 +13,9 @@ interface InvoiceCardProps {
     isClient?: boolean;
     bucketName?: string;
     reactAppUrl?: string;
+    addClientCredit?: any;
     isLateDisputeAllowed?: boolean;
+    uploadExpertClientFiles?: any;
 }
-export declare const InvoiceCard: ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, updateInvoiceMutation, getClientInvoiceSummaryByMonth, invoiceSummary, documentUploadUrl, downloadDocumentUrl, isInternal, isClient, bucketName, reactAppUrl, isLateDisputeAllowed, }: InvoiceCardProps) => JSX.Element;
+export declare const InvoiceCard: ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, updateInvoiceMutation, getClientInvoiceSummaryByMonth, invoiceSummary, documentUploadUrl, downloadDocumentUrl, isInternal, isClient, bucketName, reactAppUrl, addClientCredit, isLateDisputeAllowed }: InvoiceCardProps) => JSX.Element;
 export {};

package/lib/components/Invoices/InvoiceCard.js

@@ -34,12 +34,16 @@ 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, updateInvoiceMutation, getClientInvoiceSummaryByMonth, invoiceSummary, documentUploadUrl, downloadDocumentUrl, isInternal = false, isClient = false, bucketName, reactAppUrl, isLateDisputeAllowed = false, }) => {
+const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, updateInvoiceMutation, getClientInvoiceSummaryByMonth, invoiceSummary, documentUploadUrl, downloadDocumentUrl, isInternal = false, isClient = false, bucketName, reactAppUrl, addClientCredit, isLateDisputeAllowed = false }) => {
+    var _a;
+    const envUrl = reactAppUrl === null || reactAppUrl === void 0 ? void 0 : reactAppUrl.split('.')[1];
+    const rolesUrl = `https://app.${envUrl}.io/roles`;
     const [currentInvoice, setCurrentInvoice] = (0, react_1.useState)(clientInvoice);
     (0, react_1.useEffect)(() => {
         setCurrentInvoice(clientInvoice);
     }, [clientInvoice]);
     const disputeId = currentInvoice === null || currentInvoice === void 0 ? void 0 : currentInvoice.disputeId;
+    const hasDisputeAdminRole = (_a = user === null || user === void 0 ? void 0 : user[rolesUrl]) === null || _a === void 0 ? void 0 : _a.includes('disputes_admin');
     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(core_1.Accordion, null,
             react_1.default.createElement(core_1.AccordionSummary, { expandIcon: react_1.default.createElement(base_icons_1.IconChevronDown, null), "aria-controls": "invoice-content", id: "invoice-header" },
@@ -48,11 +52,11 @@ const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessag
                 react_1.default.createElement("div", { className: "p-6 space-y-6 w-full" },
                     react_1.default.createElement(InvoiceDetails_1.InvoiceDetails, { invoice: currentInvoice, isInternal: isInternal, isClient: isClient, reactAppUrl: reactAppUrl, isLateDisputeAllowed: isLateDisputeAllowed }),
                     isInternal ?
-                        react_1.default.createElement(DisputeSection_1.DisputeSection, { dispute: currentInvoice, documentUploadUrl: documentUploadUrl, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })
+                        react_1.default.createElement(DisputeSection_1.DisputeSection, { dispute: currentInvoice, documentUploadUrl: documentUploadUrl, uploadExpertClientFiles: uploadExpertClientFiles, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, isInternal: isInternal, hasDisputeAdminRole: hasDisputeAdminRole })
                         :
-                            react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: currentInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName }),
+                            react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: currentInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, uploadExpertClientFiles: uploadExpertClientFiles }),
                     (currentInvoice === null || currentInvoice === void 0 ? void 0 : currentInvoice.chatEnabled) && disputeId && (react_1.default.createElement(DiscussionSection_1.DiscussionSection, { disputeId: disputeId, currentUser: user, messages: chatMessages, onCreateMessage: createDisputeChatMessage, isInternal: isInternal })),
-                    isInternal &&
-                        react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: currentInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation, updateInvoiceMutation: updateInvoiceMutation, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, invoiceSummary: invoiceSummary, user: user, getClientInvoiceSummaryByMonth: getClientInvoiceSummaryByMonth }))))));
+                    isInternal && hasDisputeAdminRole &&
+                        react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: currentInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation, updateInvoiceMutation: updateInvoiceMutation, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, invoiceSummary: invoiceSummary, user: user, getClientInvoiceSummaryByMonth: getClientInvoiceSummaryByMonth, addClientCredit: addClientCredit }))))));
 };
 exports.InvoiceCard = InvoiceCard;

package/lib/components/Invoices/InvoiceDetails.js

@@ -40,9 +40,9 @@ const InvoiceDetails = ({ invoice, isInternal = false, isClient = false, reactAp
     const internalInvoiceUrl = `${reactAppUrl}/client/${(_d = invoice === null || invoice === void 0 ? void 0 : invoice.invoice) === null || _d === void 0 ? void 0 : _d.clientId}/invoices/${(_e = invoice === null || invoice === void 0 ? void 0 : invoice.invoice) === null || _e === void 0 ? void 0 : _e.id}?month=${(_f = invoice === null || invoice === void 0 ? void 0 : invoice.invoice) === null || _f === void 0 ? void 0 : _f.month}`;
     const today = (0, dayjs_1.default)();
     const firstDayOfMonth = (0, dayjs_1.default)().startOf('month');
-    const disputeDaysLeft = isLateDisputeAllowed ? 14 - today.diff(firstDayOfMonth, 'day') : 7 - today.diff(firstDayOfMonth, 'day');
+    const disputeDaysLeft = 14 - today.diff(firstDayOfMonth, 'day');
     const daysLeft = disputeDaysLeft > 0;
-    const editableDate = (0, dayjs_1.default)().date(isLateDisputeAllowed ? 14 : 7).format("MMM DD");
+    const editableDate = (0, dayjs_1.default)().date(14).format("MMM DD");
     return (react_1.default.createElement("div", { className: "space-y-6" },
         react_1.default.createElement("div", { className: "flex items-center space-x-4" },
             react_1.default.createElement(base_ui_1.Tag, { color: (0, exports.getStatusColor)(invoice === null || invoice === void 0 ? void 0 : invoice.status), label: (0, exports.getStatusText)(invoice === null || invoice === void 0 ? void 0 : invoice.status), borderRadius: "full", variant: "subtle" }),

package/lib/components/shared/utils.d.ts

@@ -33,6 +33,7 @@ export declare const DOCUMENT_TYPE_CONSTANTS: {
     "Operational and Management Documents": string;
     "Tax and Compliance Documents": string;
     "Project Specific Documents": string;
+    "Dispute Documents": string;
 };
 export declare const titleMappings: Record<string, string>;
 export declare const features: string[];

package/lib/components/shared/utils.js

@@ -270,7 +270,8 @@ exports.DOCUMENT_TYPE_CONSTANTS = {
     "Contractual and Legal Documents": "CONTRACTUAL_AND_LEGAL_DOCUMENTS",
     "Operational and Management Documents": "OPERATIONAL_AND_MANAGEMENT_DOCUMENTS",
     "Tax and Compliance Documents": "TAX_AND_COMPLIANCE_DOCUMENTS",
-    "Project Specific Documents": "PROJECT_SPECIFIC_DOCUMENTS"
+    "Project Specific Documents": "PROJECT_SPECIFIC_DOCUMENTS",
+    "Dispute Documents": "DISPUTE_DOCUMENTS"
 };
 exports.titleMappings = {
     "CFO": "Chief Financial Officer (CFO)",

package/package.json

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