@paro.io/expert-shared-components 1.11.8 → 1.12.0

package/lib/components/Invoices/ClientDisputeProjectCard.js

@@ -0,0 +1,292 @@
+"use strict";
+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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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"));
+const base_ui_1 = require("@paro.io/base-ui");
+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%",
+    },
+    paper: {
+        width: "100%",
+    },
+    table: {
+        minWidth: '95%',
+        border: "1px solid",
+        borderColor: "#E2E8F0",
+    },
+    visuallyHidden: {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        height: 1,
+        margin: -1,
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        top: 20,
+        width: 1,
+    },
+    tableCell: {
+        width: "auto",
+    },
+    collapse: {
+        backgroundColor: "#FFFFFF",
+        width: "100%",
+        borderRadius: 6,
+        marginLeft: 12,
+        marginTop: 12,
+    },
+    tableHead: {
+        backgroundColor: "#F1F5F9",
+        borderRadius: 6,
+        width: "100%",
+    },
+}));
+const headCells = [
+    { id: 'project', label: 'Project' },
+    { id: 'projectType', label: 'Project Type' },
+    { id: 'hours', label: 'Hours' },
+    { id: 'amount', label: 'Amount' },
+    { id: 'reason', label: 'Reason' },
+];
+const ACCEPTED_FILE_TYPES = [
+    'application/pdf',
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'image/jpeg',
+    'image/png',
+    'text/csv',
+];
+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);
+    const [editingRowId, setEditingRowId] = (0, react_1.useState)(null);
+    const [editedExplanation, setEditedExplanation] = (0, react_1.useState)('');
+    const [updatedDispute, setUpdateDispute] = (0, react_1.useState)(false);
+    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 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);
+        }
+    }, [projects]);
+    const validateFileUpload = (file) => {
+        return ACCEPTED_FILE_TYPES.includes(file.type);
+    };
+    const handleEditExplanation = (projectId) => __awaiter(void 0, void 0, void 0, function* () {
+        setProjects((prev) => prev.map((p) => p.projectId === projectId
+            ? Object.assign(Object.assign({}, p), { clientExplanation: editedExplanation }) : p));
+        setEditingRowId(null);
+    });
+    const handleChange = (e, field) => {
+        const updatedProject = projects.map((project) => {
+            return Object.assign(Object.assign({}, project), { [field]: e.target.value });
+        });
+        setProjects(updatedProject);
+    };
+    const handleUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
+        setUploadingFile(true);
+        const selectedFiles = event.target.files;
+        if (!selectedFiles)
+            return;
+        const validFileNames = Array.from(selectedFiles)
+            .filter(file => validateFileUpload(file))
+            .map(file => file.name);
+        if (validFileNames.length === 0)
+            return;
+        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);
+                });
+            });
+            try {
+                yield Promise.all(uploadPromises);
+            }
+            catch (error) {
+                console.error('Error uploading files:', error);
+            }
+            finally {
+                setUploadingFile(false);
+            }
+        }
+        if (fileInputRef.current) {
+            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: clientInvoice.disputeId,
+                        projectDisputes: projects.map((project) => ({
+                            projectId: project.projectId,
+                            disputeReasonCode: project.disputeReasonCode,
+                            disputeType: project.disputeType,
+                            disputeHours: project.disputeHours,
+                            disputeAmount: project.disputeAmount,
+                            clientExplanation: project.clientExplanation,
+                            clientDocumentLinks: project.clientDocumentLinks,
+                        })),
+                    }
+                }
+            }).then(() => {
+                refetchInvoiceDisputes();
+            });
+        }
+        catch (error) {
+            console.error("Failed to update dispute", error);
+        }
+        finally {
+            setUpdatingDispute(false);
+            setUpdateDispute(false);
+        }
+    });
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(core_1.Table, { className: classes.table, "aria-labelledby": "tableTitle", size: 'medium', "aria-label": "enhanced table" },
+            react_1.default.createElement(core_1.TableHead, { className: classes.tableHead },
+                react_1.default.createElement(core_1.TableRow, null,
+                    headCells.map((headcell) => {
+                        return react_1.default.createElement(core_1.TableCell, { key: headcell.id, className: classes.tableCell }, headcell.label);
+                    }),
+                    react_1.default.createElement(core_1.TableCell, { className: classes.tableCell }))), projects === null || projects === void 0 ? void 0 :
+            projects.map((row) => {
+                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 === 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 === 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 === 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-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: 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" },
+            react_1.default.createElement(base_ui_2.Button, { label: "Update Dispute", color: "primary", isLoading: updatingDispute, onClick: () => handleSubmitDispute() }))));
+};
+exports.ClientDisputeProjectCard = ClientDisputeProjectCard;

package/lib/components/Invoices/DiscussionSection.js

@@ -122,7 +122,7 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "text-lg font-bold text-[#333333]" }, "Discussion Thread")),
         react_1.default.createElement("div", { className: "rounded" },
-            react_1.default.createElement("div", { className: "space-y-6" }, messages.map((message) => (react_1.default.createElement("div", { key: message.id, className: `flex ${getMessageAlignment(message.sender.userTypeId)}` },
+            messages.length ? react_1.default.createElement("div", { className: "flex-1 max-h-[40vh] overflow-y-auto border rounded-md p-2 space-y-6" }, messages.map((message) => (react_1.default.createElement("div", { key: message.id, className: `flex ${getMessageAlignment(message.sender.userTypeId)}` },
                 react_1.default.createElement("div", { className: `flex space-x-4 ${getMessageOrder(message.sender.userTypeId)} ${getMessageAlignment(message.sender.userTypeId)}` },
                     react_1.default.createElement("div", { style: {
                             backgroundColor: getSenderBackgroundColor(message.sender.userTypeId),
@@ -137,7 +137,7 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
                                 message.sender.lastName),
                             react_1.default.createElement("span", { className: "text-xs text-[#666666]" }, (0, dayjs_1.default)(message.createdAt).format('MMM D, YYYY • h:mm A'))),
                         react_1.default.createElement("div", { style: { backgroundColor: getSenderBackgroundColor(message.sender.userTypeId) }, className: "mt-1 p-3 rounded-lg" },
-                            react_1.default.createElement("p", { className: `text-sm ${getHeaderAlignment(message.sender.userTypeId)}`, style: { color: getSenderTextColor(message.sender.userTypeId) } }, message.messageText)))))))),
+                            react_1.default.createElement("p", { className: `text-sm ${getHeaderAlignment(message.sender.userTypeId)}`, style: { color: getSenderTextColor(message.sender.userTypeId) } }, message.messageText)))))))) : react_1.default.createElement(react_1.default.Fragment, null),
             react_1.default.createElement("div", { ref: threadsEndRef }),
             react_1.default.createElement("div", { className: "space-y-4 p-6 space-y-6 rounded mt-4", style: { backgroundColor: '#F5F7F9' } },
                 react_1.default.createElement("div", null,

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

@@ -11,13 +11,17 @@ const InvoiceDetails_1 = require("./InvoiceDetails");
 const DisputeSection_1 = require("./DisputeSection");
 const DiscussionSection_1 = require("./DiscussionSection");
 const DecisionSection_1 = require("./DecisionSection");
-const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, isInternal }) => {
+const ClientDisputeProjectCard_1 = require("./ClientDisputeProjectCard");
+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" },
+    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("div", { className: "p-6 space-y-6" },
-            react_1.default.createElement(InvoiceDetails_1.InvoiceDetails, { invoice: clientInvoice }),
-            react_1.default.createElement(DisputeSection_1.DisputeSection, { dispute: clientInvoice, documentUploadUrl: documentUploadUrl, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation }),
+            react_1.default.createElement(InvoiceDetails_1.InvoiceDetails, { invoice: clientInvoice, isInternal: isInternal }),
+            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, 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/Invoices/InvoiceDetails.d.ts

@@ -1,5 +1,6 @@
 interface InvoiceDetailsProps {
     invoice: any;
+    isInternal: boolean;
 }
-export declare const InvoiceDetails: ({ invoice }: InvoiceDetailsProps) => JSX.Element;
+export declare const InvoiceDetails: ({ invoice, isInternal }: InvoiceDetailsProps) => JSX.Element;
 export {};

package/lib/components/Invoices/InvoiceDetails.js

@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const DisputeProjectCard_1 = require("./DisputeProjectCard");
 const core_1 = require("@material-ui/core");
-const InvoiceDetails = ({ invoice }) => {
+const InvoiceDetails = ({ invoice, isInternal = false }) => {
     var _a;
     const getStatusColor = (status) => {
         switch (status) {
@@ -30,7 +30,7 @@ const InvoiceDetails = ({ invoice }) => {
             react_1.default.createElement("span", { className: "text-xs text-[#666666]" },
                 "Last updated: ",
                 (0, dayjs_1.default)(invoice === null || invoice === void 0 ? void 0 : invoice.disputeUpdatedDate).format('MMM D, YYYY'))),
-        ((_a = invoice === null || invoice === void 0 ? void 0 : invoice.disputeProjects) === null || _a === void 0 ? void 0 : _a.length) > 0 && (react_1.default.createElement("div", { className: "space-y-4" },
+        isInternal && ((_a = invoice === null || invoice === void 0 ? void 0 : invoice.disputeProjects) === null || _a === void 0 ? void 0 : _a.length) > 0 && (react_1.default.createElement("div", { className: "space-y-4" },
             react_1.default.createElement("div", { className: "grid grid-cols-1 gap-4" }, invoice.disputeProjects.map((project) => (react_1.default.createElement(DisputeProjectCard_1.DisputeProjectCard, { key: project.id, project: project, client: invoice === null || invoice === void 0 ? void 0 : invoice.client, disputeDate: invoice === null || invoice === void 0 ? void 0 : invoice.disputeDate, disputeUpdatedDate: invoice === null || invoice === void 0 ? void 0 : invoice.disputeUpdatedDate }))))))));
 };
 exports.InvoiceDetails = InvoiceDetails;

package/lib/components/OrganizationChart/OrganizationChart.d.ts

@@ -1,15 +1,15 @@
-interface OrgChartProps {
-    openModal: boolean;
-    setOpenModal: (openModal: boolean) => void;
-    expertFirms: any;
-    firstName: string;
-    lastName: string;
-    imageUrl?: string;
-    primaryServiceLine: string;
-    city: string;
-    stateAbbreviation: string;
-    paroTenure?: string;
-    isPublicProfile?: boolean;
-}
-export declare const OrganizationChart: ({ openModal, setOpenModal, expertFirms, firstName, lastName, imageUrl, primaryServiceLine, city, stateAbbreviation, paroTenure, isPublicProfile }: OrgChartProps) => JSX.Element;
-export {};
+interface OrgChartProps {
+    openModal: boolean;
+    setOpenModal: (openModal: boolean) => void;
+    expertFirms: any;
+    firstName: string;
+    lastName: string;
+    imageUrl?: string;
+    primaryServiceLine: string;
+    city: string;
+    stateAbbreviation: string;
+    paroTenure?: string;
+    isPublicProfile?: boolean;
+}
+export declare const OrganizationChart: ({ openModal, setOpenModal, expertFirms, firstName, lastName, imageUrl, primaryServiceLine, city, stateAbbreviation, paroTenure, isPublicProfile }: OrgChartProps) => JSX.Element;
+export {};