@paro.io/expert-shared-components 1.11.9 → 1.12.1

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

@@ -2,6 +2,8 @@ interface ClientDisputeProjectCardProps {
     clientInvoice: any;
     updateClientInvoiceDisputeMutation: any;
     documentUploadUrl: string;
+    downloadDocumentUrl: string;
+    refetchInvoiceDisputes: any;
 }
-export declare const ClientDisputeProjectCard: ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, }: ClientDisputeProjectCardProps) => JSX.Element;
+export declare const ClientDisputeProjectCard: ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, refetchInvoiceDisputes, }: ClientDisputeProjectCardProps) => JSX.Element;
 export {};

package/lib/components/Invoices/ClientDisputeProjectCard.js

@@ -31,6 +31,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClientDisputeProjectCard = void 0;
 const react_1 = __importStar(require("react"));
@@ -39,6 +42,7 @@ const base_ui_2 = require("@paro.io/base-ui");
 const core_1 = require("@material-ui/core");
 const base_icons_1 = require("@paro.io/base-icons");
 const FileUploader_1 = require("../FileUploader");
+const DownloadClient_1 = __importDefault(require("../shared/DownloadClient"));
 const useStyles = (0, core_1.makeStyles)((theme) => ({
     root: {
         width: "100%",
@@ -93,8 +97,7 @@ const ACCEPTED_FILE_TYPES = [
     'image/png',
     'text/csv',
 ];
-const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, }) => {
-    var _a, _b;
+const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, refetchInvoiceDisputes, }) => {
     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);
@@ -102,9 +105,39 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
     const [editedExplanation, setEditedExplanation] = (0, react_1.useState)('');
     const [updatedDispute, setUpdateDispute] = (0, react_1.useState)(false);
     const [updatingDispute, setUpdatingDispute] = (0, react_1.useState)(false);
-    const disputeProject = (_a = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.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 [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 downloadClient = new DownloadClient_1.default({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName });
+        const downloadData = yield downloadClient.downloadDocument();
+        handleDownloadPdf({ fileData: downloadData, downloadFilename: fileName, streamData: true });
+    });
     (0, react_1.useEffect)(() => {
         if (JSON.stringify(clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects) !== JSON.stringify(projects)) {
             setUpdateDispute(true);
@@ -119,55 +152,70 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
         setEditingRowId(null);
     });
     const handleChange = (e, field) => {
-        const updatedProject = field === "clientDocumentLinks" ? projects.map((project) => {
-            if (project.projectId === expandRow) {
-                return Object.assign(Object.assign({}, project), { clientDocumentLinks: [...project.clientDocumentLinks, ...e.filter((name) => !project.clientDocumentLinks.includes(name))] });
-            }
-            return project;
-        }) : projects.map((project) => {
+        const updatedProject = projects.map((project) => {
             return Object.assign(Object.assign({}, project), { [field]: e.target.value });
         });
         setProjects(updatedProject);
     };
-    const handleUpload = (event) => {
+    const handleUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
+        setUploadingFile(true);
         const selectedFiles = event.target.files;
         if (!selectedFiles)
             return;
-        const validFiles = Array.from(selectedFiles)
+        const validFileNames = Array.from(selectedFiles)
             .filter(file => validateFileUpload(file))
             .map(file => file.name);
-        if (validFiles.length === 0)
+        if (validFileNames.length === 0)
             return;
-        if (validFiles && validFiles.length > 0) {
-            Array.from(selectedFiles).forEach((selectedFile) => {
-                const reader = new FileReader();
-                reader.onloadend = () => __awaiter(void 0, void 0, void 0, function* () {
-                    var _a, _b;
-                    yield (0, FileUploader_1.fileUploader)({
-                        file: selectedFile,
-                        documentName: selectedFile.name,
-                        projectId: Number((_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.projectId),
-                        documentUploadUrl: documentUploadUrl,
-                        updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation,
-                        previousFiles: clientDocumentLinks,
-                        isExpert: false,
+        if (validFileNames && validFileNames.length > 0) {
+            const uploadPromises = Array.from(selectedFiles).map((selectedFile) => {
+                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;
+                        try {
+                            yield (0, FileUploader_1.fileUploader)({
+                                file: selectedFile,
+                                documentName: selectedFile.name,
+                                disputeId: clientInvoice.disputeId,
+                                projectId: Number((_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.projectId),
+                                documentUploadUrl: documentUploadUrl,
+                                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,
+                            }).then(() => {
+                                refetchInvoiceDisputes();
+                            });
+                            resolve();
+                        }
+                        catch (error) {
+                            reject(error);
+                        }
                     });
+                    reader.readAsDataURL(selectedFile);
                 });
-                reader.readAsDataURL(selectedFile);
             });
+            try {
+                yield Promise.all(uploadPromises);
+            }
+            catch (error) {
+                console.error('Error uploading files:', error);
+            }
+            finally {
+                setUploadingFile(false);
+            }
         }
-        handleChange(validFiles, "clientDocumentLinks");
         if (fileInputRef.current) {
-            fileInputRef.current.value = '';
+            fileInputRef.current.value = ''; // Reset the file input
         }
-    };
+    });
     const handleSubmitDispute = () => __awaiter(void 0, void 0, void 0, function* () {
         setUpdatingDispute(true);
         try {
             yield updateClientInvoiceDisputeMutation({
                 variables: {
                     input: {
-                        disputeId: projects[0].id,
+                        disputeId: clientInvoice.disputeId,
                         projectDisputes: projects.map((project) => ({
                             projectId: project.projectId,
                             disputeReasonCode: project.disputeReasonCode,
@@ -179,6 +227,8 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
                         })),
                     }
                 }
+            }).then(() => {
+                refetchInvoiceDisputes();
             });
         }
         catch (error) {
@@ -198,41 +248,42 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
                     }),
                     react_1.default.createElement(core_1.TableCell, { className: classes.tableCell }))), projects === null || projects === void 0 ? void 0 :
             projects.map((row) => {
-                var _a;
-                return (react_1.default.createElement(react_1.default.Fragment, { key: row.projectId },
+                var _a, _b;
+                return (react_1.default.createElement(react_1.default.Fragment, { key: row === null || row === void 0 ? void 0 : row.projectId },
                     react_1.default.createElement(core_1.TableRow, null,
-                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, ((_a = row.project) === null || _a === void 0 ? void 0 : _a.name) || "N/A"),
-                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row.disputeType),
-                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row.disputeHours),
-                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row.disputeAmount),
-                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row.disputeReasonCode),
+                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, ((_a = row === null || row === void 0 ? void 0 : row.project) === null || _a === void 0 ? void 0 : _a.name) || "N/A"),
+                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row === null || row === void 0 ? void 0 : row.disputeType),
+                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row === null || row === void 0 ? void 0 : row.disputeHours),
+                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row === null || row === void 0 ? void 0 : row.disputeAmount),
+                        react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell }, row === null || row === void 0 ? void 0 : row.disputeReasonCode),
                         react_1.default.createElement(core_1.TableCell, { align: "left", className: classes.tableCell },
-                            react_1.default.createElement(core_1.IconButton, { onClick: () => setExpandRow(expandRow === row.projectId ? null : row.projectId) }, expandRow === row.projectId ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null)))),
-                    expandRow === row.projectId && (react_1.default.createElement(core_1.TableRow, { key: `expanded-${row.projectId}` },
+                            react_1.default.createElement(core_1.IconButton, { onClick: () => setExpandRow(expandRow === (row === null || row === void 0 ? void 0 : row.projectId) ? null : row === null || row === void 0 ? void 0 : row.projectId) }, expandRow === (row === null || row === void 0 ? void 0 : row.projectId) ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null)))),
+                    expandRow === (row === null || row === void 0 ? void 0 : row.projectId) && (react_1.default.createElement(core_1.TableRow, { key: `expanded-${row === null || row === void 0 ? void 0 : row.projectId}` },
                         react_1.default.createElement(core_1.TableCell, { colSpan: headCells.length + 1, style: { paddingBottom: 0, paddingTop: 0 } },
                             react_1.default.createElement(core_1.Collapse, { in: true, timeout: "auto", unmountOnExit: true },
                                 react_1.default.createElement(react_1.default.Fragment, null,
                                     react_1.default.createElement(base_ui_1.Card, { className: "bg-[#F8F9FA] m-2 flex items-start justify-between rounded flex-col w-full p-6" },
                                         react_1.default.createElement("b", { className: "mb-2 flex flex-row justify-start items-center" },
                                             "Explanation:",
-                                            editingRowId === row.projectId ? (react_1.default.createElement(react_1.default.Fragment, null,
+                                            editingRowId === (row === null || row === void 0 ? void 0 : row.projectId) ? (react_1.default.createElement(react_1.default.Fragment, null,
                                                 react_1.default.createElement(base_ui_2.Input, { label: "", type: "text", className: "w-96 mx-4 overflow-ellipsis", value: editedExplanation, onChange: (e) => setEditedExplanation(e.target.value), placeholder: "Please provide an explanation", isInvalid: !editedExplanation, isInvalidText: "Please provide an explanation" }),
-                                                react_1.default.createElement(base_ui_2.Button, { label: "Save", size: "md", color: "success", className: "ml-2 mt-1", onClick: () => { handleEditExplanation(row.projectId); } }))) : (react_1.default.createElement(base_ui_2.Button, { label: "Edit", iconLeft: react_1.default.createElement(base_icons_1.IconPencil, { size: "sm" }), onClick: () => {
-                                                    setEditedExplanation(row.clientExplanation);
-                                                    setEditingRowId(row.projectId);
-                                                }, size: "sm", color: "info", className: "ml-6" }))),
-                                        react_1.default.createElement("p", null, row.clientExplanation),
+                                                react_1.default.createElement(base_ui_2.Button, { label: "Save", size: "md", color: "success", className: "ml-1 mt-1", onClick: () => { handleEditExplanation(row === null || row === void 0 ? void 0 : row.projectId); } }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                                                react_1.default.createElement("span", { className: "font-normal mx-1" }, row === null || row === void 0 ? void 0 : row.clientExplanation),
+                                                react_1.default.createElement(core_1.Tooltip, { title: "Edit explanation", placement: "top", arrow: true },
+                                                    react_1.default.createElement(core_1.IconButton, { onClick: () => {
+                                                            setEditedExplanation(row === null || row === void 0 ? void 0 : row.clientExplanation);
+                                                            setEditingRowId(row === null || row === void 0 ? void 0 : row.projectId);
+                                                        } },
+                                                        react_1.default.createElement(base_icons_1.IconPencil, { size: "sm" })))))),
                                         react_1.default.createElement("b", { className: "flex flex-row flex-wrap justify-start items-center mt-2" },
                                             "Supporting Documents:",
-                                            react_1.default.createElement("input", { id: "upload-file", type: "file", multiple: true, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv", style: { display: 'none' }, ref: fileInputRef, onChange: handleUpload }),
-                                            react_1.default.createElement(base_ui_2.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: "mx-2" }),
-                                            (Array.isArray(row.clientDocumentLinks)
-                                                ? row.clientDocumentLinks
-                                                : []).map((f, index) => (react_1.default.createElement("div", { key: index, className: "mx-2" },
-                                                react_1.default.createElement(base_ui_1.Tag, { variant: "subtle", color: "success", label: f, iconRight: react_1.default.createElement(base_icons_1.IconXCircle, null), onClick: () => {
-                                                        const updatedProjects = projects.map((p) => p.projectId === row.projectId
-                                                            ? Object.assign(Object.assign({}, p), { clientDocumentLinks: p.clientDocumentLinks.filter((file) => file !== f) }) : p);
-                                                        setProjects(updatedProjects);
+                                            react_1.default.createElement("input", { id: "upload-file", type: "file", multiple: false, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv", style: { display: 'none' }, ref: fileInputRef, onChange: handleUpload }),
+                                            react_1.default.createElement(base_ui_2.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: "mx-2", isLoading: uploadingFile }),
+                                            ((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]);
                                                     } })))))))))))));
             })),
         updatedDispute && react_1.default.createElement("div", { className: "flex justify-end ml-auto mt-2" },

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

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

package/lib/components/Invoices/InvoiceCard.js

@@ -12,7 +12,7 @@ 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, isInternal = false, }) => {
+const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, isInternal = false, refetchInvoiceDisputes, }) => {
     var _a, _b;
     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 }),
@@ -21,7 +21,7 @@ const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessag
             isInternal ?
                 react_1.default.createElement(DisputeSection_1.DisputeSection, { dispute: clientInvoice, documentUploadUrl: documentUploadUrl, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation })
                 :
-                    react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: clientInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl }),
+                    react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: clientInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, refetchInvoiceDisputes: refetchInvoiceDisputes }),
             (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 })),
             isInternal &&
                 react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: clientInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation }))));

package/lib/components/ProjectCard/ActiveProjectCard.js

@@ -133,7 +133,6 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
     const showRating = ratingValue && (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)((_g = (_f = project === null || project === void 0 ? void 0 : project.rating) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.createdAt.replace('Z', '')).format('YYYY-MM-DD HH:mm:ss'), 'hours') > 48;
     const displayName = clientPortal ? expertName : (_h = project === null || project === void 0 ? void 0 : project.client) === null || _h === void 0 ? void 0 : _h.name;
     const editResponseTime = new Date().getDate() <= 7;
-    const disputedProject = true; //update required
     return (react_1.default.createElement("div", { className: "w-full mb-8" },
         internalPortal && changeRequests && changeRequests.length > 0 && (react_1.default.createElement("div", null, changeRequests
             .filter((cr) => cr.entityId === project.id)
@@ -163,8 +162,6 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
                     react_1.default.createElement("h1", null, displayName),
                     react_1.default.createElement("p", { className: "font-bold text-md mt-1" }, `${(_j = project === null || project === void 0 ? void 0 : project.name) !== null && _j !== void 0 ? _j : "Project"} ${(singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) ? "WITH" : "WITHOUT"} a min floor.`)),
                 react_1.default.createElement("div", { className: "flex flex-row gap-x-2 items-center ml-auto" },
-                    disputedProject && react_1.default.createElement("div", { className: "pl-4 my-auto" },
-                        react_1.default.createElement(base_ui_1.Tag, { variant: "subtle", color: "danger", label: "IN PROCESS" })),
                     showRating && react_1.default.createElement("div", { className: "flex flex-auto items-center justify-between" },
                         react_1.default.createElement(lab_1.Rating, { name: "read-only", value: Number(ratingValue), precision: 0.5, size: "large", readOnly: true, emptyIcon: react_1.default.createElement(Star_1.default, { fontSize: "inherit" }) })),
                     (singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) && !adhocProject ? react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: "Minimum Floor Hours is the minimum amount of hours needed to log for this project.", placement: "top", arrow: true },
@@ -179,26 +176,10 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
                             react_1.default.createElement("p", { className: "font-bold text-md self-center" }, "NEW !")) : "",
                     react_1.default.createElement("div", { className: "h-10 w-14 bg-[#F1F5F9] rounded-md flex place-content-center" },
                         react_1.default.createElement(base_ui_1.Button, { onClick: () => { setExpand(!expand); }, className: "font-bold text-md p-8", icon: expand ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null) })))),
-            disputedProject && react_1.default.createElement("div", { className: "flex flex-col p-4" },
-                react_1.default.createElement("b", { className: "text-red-500" }, "Invoice #12345 Disputed"),
-                " ",
-                react_1.default.createElement("div", { className: "flex flex-row justify-between items-center align-center bg-[#FDD7A5] p-2 rounded-md" },
-                    selectedTab !== 6 && react_1.default.createElement("div", { className: `w-1/6 h-12 w-16 rounded-md flex place-content-center items-center bg-[#A73A43] text-[#F1F5F9]` },
-                        react_1.default.createElement("h1", { className: "text-xl" }, "!")),
-                    selectedTab === 6 && editResponseTime ?
-                        react_1.default.createElement("p", { className: "w-full pl-2" }, "Your response has been received and is being reviewed by our team. The project remains paused during this review and you will not be able to submit time for this project.")
-                        :
-                            react_1.default.createElement("p", { className: "w-full pl-2" },
-                                "Client has disputed $3,500.00. This project is paused until resolved and you will not be able to log hours.",
-                                react_1.default.createElement("br", null),
-                                "Reason: Incorrect Hours Logged"),
-                    react_1.default.createElement("div", { className: "w-1/6 pl-2" },
-                        react_1.default.createElement(base_ui_1.Button, { label: selectedTab === 6 && editResponseTime ? "EDIT RESPONSE" : "RESPOND TO DISPUTE", size: "sm", color: "primary", disabled: false, className: "w-full", onClick: () => { } }),
-                        " "))),
             expand && react_1.default.createElement("div", { className: `flex w-full p-4 gap-x-10 gap-y-10 ${projectRateType === "Fixed" ? "flex-col" : "flex-col md:flex-row"}` },
                 react_1.default.createElement(LeftCardUI_1.LeftCardUI, { projectData: singleProjectData, projectFrequencyType: projectFrequencyType, projectRateType: projectRateType, project: project, isAuthenticated: isAuthenticated, adhocProject: adhocProject, activeProject: activeProject, freelancerId: freelancerId, selectedTab: selectedTab, updateProjectTaskMutation: updateProjectTaskMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateProjectTask: updateProjectTask, clientPortal: clientPortal }),
                 react_1.default.createElement("div", { className: "flex flex-col flex-grow md:flex-row gap-x-0 justify-around" },
                     react_1.default.createElement(CenterCardUI_1.CenterCardUI, { startDate: project === null || project === void 0 ? void 0 : project.startDate, endDate: project === null || project === void 0 ? void 0 : project.endDate, projectData: singleProjectData, projectRateType: projectRateType, project: project, projectFrequencyType: projectFrequencyType, adhocProject: adhocProject, clientPortal: clientPortal, internalPortal: internalPortal }),
-                    react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, createOrUpdateRating: createOrUpdateRating, getParoProjectsByClientIdDocument: getParoProjectsByClientIdDocument, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow, isStageProd: isStageProd, isRequestReviewEnabled: isRequestReviewEnabled, updateDBProjectRequestStatus: updateDBProjectRequestStatus, disputedProject: disputedProject }))))));
+                    react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, createOrUpdateRating: createOrUpdateRating, getParoProjectsByClientIdDocument: getParoProjectsByClientIdDocument, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow, isStageProd: isStageProd, isRequestReviewEnabled: isRequestReviewEnabled, updateDBProjectRequestStatus: updateDBProjectRequestStatus }))))));
 };
 exports.ActiveProjectCard = ActiveProjectCard;

package/lib/components/ProjectCard/RightCardUI.d.ts

@@ -46,7 +46,6 @@ interface RightCardUIProps {
     isStageProd: string;
     isRequestReviewEnabled: boolean;
     updateDBProjectRequestStatus: any;
-    disputedProject: boolean;
 }
-export declare const RightCardUI: ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, disputedProject, }: RightCardUIProps) => React.JSX.Element;
+export declare const RightCardUI: ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, }: RightCardUIProps) => React.JSX.Element;
 export {};

package/lib/components/ProjectCard/RightCardUI.js

@@ -61,7 +61,7 @@ const TicketModal = ({ ticketModal, setTicketModal }) => {
         react_1.default.createElement("p", { className: "font-bold text-md mb-2" }, "Thank you for reaching out to Paro Support, we will contact you within the next business day to follow up on your request."),
         react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { setTicketModal(false); }, label: "OK", className: "mt-4", color: "primary" })));
 };
-const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, disputedProject = false, }) => {
+const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const [expandClient, setExpandClient] = (0, react_1.useState)(false);
     const [expandSupport, setExpandSupport] = (0, react_1.useState)(clientPortal);
@@ -186,7 +186,7 @@ const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAut
                     :
                         react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: (projectType === "One-time-Fixed" || projectType === "Recurring-Fixed") ? "Please reach out to your Customer Success Manager if you would like to submit time for Fixed Projects." : "", placement: "top", arrow: true },
                             react_1.default.createElement("div", null,
-                                react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: !activeProject || disputedProject, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } }))),
+                                react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: !activeProject, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } }))),
                 upcomingProject ? react_1.default.createElement(base_ui_1.Button, { label: "EDIT START DATE", disabled: false, size: "sm", className: "w-full", onClick: () => { setEditStartDate(true); } }) :
                     react_1.default.createElement(base_ui_1.Button, { label: "EDIT START DATE", disabled: !activeProject, size: "sm", className: "w-full", onClick: () => { setEditStartDate(true); } }),
                 checkStartDate ?

package/lib/components/shared/UploadClient.js

@@ -45,6 +45,11 @@ class UploadClient {
                     },
                     body: JSON.stringify(params),
                 });
+                if (!response.ok) {
+                    const errorText = yield response.text(); // Read the response body as text (could be HTML)
+                    console.error('Error response:', errorText);
+                    throw new Error('Failed to start multipart upload');
+                }
                 let { responseData } = yield response.json();
                 this.state = Object.assign(Object.assign({}, this.state), { uploadId: responseData === null || responseData === void 0 ? void 0 : responseData.UploadId });
                 return this.uploadMultiPartFile();
@@ -71,6 +76,11 @@ class UploadClient {
                         method: 'POST',
                         body: JSON.stringify({ fileName: this.state.fileName, uploadId: this.state.uploadId, partNumber: index, method: 'get-presigned-url', bucketName: this.state.bucketName }),
                     });
+                    if (!presignedUrlResponse.ok) {
+                        const errorText = yield presignedUrlResponse.text();
+                        console.error('Error getting presigned URL:', errorText);
+                        throw new Error('Failed to get presigned URL');
+                    }
                     const { responseData } = yield presignedUrlResponse.json();
                     // Add each upload part to promise array using presigned URL
                     let uploadResponse = fetch(responseData, {
@@ -104,6 +114,11 @@ class UploadClient {
                     },
                     body: JSON.stringify({ fileName: this.state.fileName, uploadId: this.state.uploadId, parts: partsArray, method: 'complete-upload', bucketName: this.state.bucketName }),
                 });
+                if (!response.ok) {
+                    const errorText = yield response.text();
+                    console.error('Error completing upload:', errorText);
+                    throw new Error('Failed to complete multipart upload');
+                }
                 const { responseData } = yield response.json();
                 console.log('Upload Complete', responseData);
                 return `${JSON.stringify(responseData)}`;

package/package.json

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