@paro.io/expert-shared-components 1.12.15 → 1.12.17

package/lib/components/Invoices/DecisionSection.js

@@ -31,49 +31,130 @@ 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.DecisionSection = void 0;
 const react_1 = __importStar(require("react"));
 const base_ui_1 = require("@paro.io/base-ui");
-const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
+const utils_1 = require("../shared/utils");
+const ProjectHoursAdjustmentModal_1 = require("./ProjectHoursAdjustmentModal");
 const RESOLUTION_OPTIONS = [
     { value: 'APPROVED', label: 'Approve Dispute' },
     { value: 'DECLINED', label: 'Decline Dispute' },
     { value: 'PARTIAL', label: 'Partial Approval' },
 ];
-const DecisionSection = ({ dispute, onUpdateDispute, }) => {
-    var _a;
-    const disputeAmount = (_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.disputeAmount), 0);
+const DecisionSection = ({ dispute, onUpdateDispute, updateInvoiceMutation, updateClientInvoiceDisputeMutation, invoiceSummary, user, getClientInvoiceSummaryByMonth, }) => {
+    var _a, _b;
+    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 [amount, setAmount] = (0, react_1.useState)(disputeAmount);
+    const [approvedHours, setApprovedHours] = (0, react_1.useState)(totalDisputeHours);
+    const [projectApprovedHours, setProjectApprovedHours] = (0, react_1.useState)({});
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
-    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+    const [showHoursModal, setShowHoursModal] = (0, react_1.useState)(false);
+    // Initialize project approved hours when resolution changes to PARTIAL
+    const handleResolutionChange = (newResolution) => {
+        var _a;
+        setResolution(newResolution);
+        if (newResolution === 'PARTIAL' && ((_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            // Initialize with dispute hours for each project
+            const initialProjectHours = {};
+            dispute.disputeProjects.forEach((project) => {
+                initialProjectHours[project.projectId] = project.disputeHours;
+            });
+            setProjectApprovedHours(initialProjectHours);
+        }
+        else {
+            setProjectApprovedHours({});
+        }
+    };
+    const handleProjectHoursChange = (projectId, hours) => {
+        setProjectApprovedHours(prev => (Object.assign(Object.assign({}, prev), { [projectId]: hours })));
+    };
+    const getTotalApprovedHours = () => {
+        var _a;
+        if (resolution === 'PARTIAL' && ((_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            return Object.values(projectApprovedHours).reduce((sum, hours) => sum + hours, 0);
+        }
+        return approvedHours;
+    };
+    const handleApproveClick = () => {
+        var _a;
         if (!resolution)
             return;
+        // Check if any dispute projects have hourly disputes that need hour adjustments
+        const hasHourlyDisputes = (_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.some((project) => project.disputeType === 'Hourly');
+        if (hasHourlyDisputes) {
+            setShowHoursModal(true);
+        }
+        else {
+            handleFinalSubmit();
+        }
+    };
+    const handleHoursSubmit = (submissionData) => {
+        setShowHoursModal(false);
+        handleFinalSubmit(submissionData);
+    };
+    const handleFinalSubmit = (submissionData) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         setIsSubmitting(true);
         try {
+            const finalApprovedHours = getTotalApprovedHours();
+            // Determine resolution type based on approval
+            const isFullApproval = resolution === 'APPROVED' ||
+                (resolution === 'PARTIAL' && Math.abs(finalApprovedHours - totalDisputeHours) <= 0.01);
+            const resolutionType = isFullApproval ? 'Upheld' : 'Reduced';
+            // Update dispute projects with resolution details
+            const disputeProjectUpdates = ((_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.map((project) => ({
+                projectId: project.projectId,
+                status: 'Resolved',
+                resolutionMode: 'Direct',
+                resolutionType: resolutionType
+            }))) || [];
+            const updateData = {
+                disputeId: dispute.disputeId,
+                status: "Resolved",
+                approvedAmount: finalApprovedHours * ((submissionData === null || submissionData === void 0 ? void 0 : submissionData.freelancerRate) || 0), //Calculate this dynamically based on rate
+                finalDecisionOwnerId: (user === null || user === void 0 ? void 0 : user.userId) || null,
+                projectDisputes: disputeProjectUpdates
+            };
+            // If we have adjusted hours, include them in the update
+            if (submissionData) {
+                // Call the updateInvoiceMutation with the submission data
+                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: {
-                        disputeId: dispute.disputeId,
-                        status: "Resolved", //To-Do - Fix with actual status
-                        approvedAmount: amount ? parseFloat(amount) : undefined,
-                    },
+                    input: updateData,
                 },
             });
-            react_hot_toast_1.default.success('Thank you for resolving the dispute');
+            (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);
-            react_hot_toast_1.default.error('Failed to update dispute');
+            (0, utils_1.showToast)('warning', 'Failed to update dispute');
         }
         finally {
             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 isValidPartialApproval = () => {
+        if (resolution !== 'PARTIAL')
+            return true;
+        // Check each project's approved hours
+        return dispute.disputeProjects.every((project) => {
+            const approvedForProject = projectApprovedHours[project.projectId] || 0;
+            return approvedForProject >= 0 && approvedForProject <= project.disputeHours;
+        });
+    };
     return (react_1.default.createElement("div", { className: "space-y-6" },
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "text-lg font-bold text-[#333333]" }, "Make Decision")),
@@ -82,16 +163,28 @@ const DecisionSection = ({ dispute, onUpdateDispute, }) => {
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { className: "block text-sm text-[#666666] font-bold mb-2" }, "Resolution:"),
                     react_1.default.createElement("div", { className: "w-full" },
-                        react_1.default.createElement("select", { value: resolution, onChange: (e) => setResolution(e.target.value), className: "w-full px-3 py-2 border border-[#CCCCCC] rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-[#248384] bg-white" },
+                        react_1.default.createElement("select", { value: resolution, onChange: (e) => handleResolutionChange(e.target.value), className: "w-full px-3 py-2 border border-[#CCCCCC] rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-[#248384] bg-white" },
                             react_1.default.createElement("option", { value: "" }, "Select Resolution"),
-                            RESOLUTION_OPTIONS.map((option) => (react_1.default.createElement("option", { key: option.value, value: option.value }, option.label)))))),
-                resolution === 'PARTIAL' && (react_1.default.createElement("div", null,
-                    react_1.default.createElement("label", { className: "block text-sm text-[#666666] font-bold mb-2" }, "Approved Amount:"),
-                    react_1.default.createElement("div", { className: "relative" },
-                        react_1.default.createElement("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-[#333333]" }, "$"),
-                        react_1.default.createElement("input", { type: "number", value: amount, onChange: (e) => setAmount(e.target.value), className: "w-full pl-8 pr-3 py-2 border border-[#CCCCCC] rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-[#248384]", placeholder: "Enter amount" }))))),
+                            RESOLUTION_OPTIONS.map((option) => (react_1.default.createElement("option", { key: option.value, value: option.value }, option.label))))))),
+            isPartialWithMultipleProjects && (react_1.default.createElement("div", { className: "space-y-4" },
+                react_1.default.createElement("div", { className: "text-sm font-bold text-[#666666]" }, "Approved Hours per Project:"),
+                react_1.default.createElement("div", { className: "grid grid-cols-1 gap-4" }, dispute.disputeProjects.map((project) => (react_1.default.createElement("div", { key: project.projectId, className: "flex items-center justify-between p-4 bg-white rounded-lg border border-[#CCCCCC]" },
+                    react_1.default.createElement("div", { className: "flex-1" },
+                        react_1.default.createElement("div", { className: "font-medium text-sm" }, project.project.name),
+                        react_1.default.createElement("div", { className: "text-xs text-gray-500" },
+                            "Disputed Hours: ",
+                            project.disputeHours)),
+                    react_1.default.createElement("div", { className: "w-32" },
+                        react_1.default.createElement("input", { type: "number", step: "0.01", min: "0", max: project.disputeHours, value: projectApprovedHours[project.projectId] || 0, onChange: (e) => handleProjectHoursChange(project.projectId, parseFloat(e.target.value) || 0), className: "w-full px-2 py-1 border border-[#CCCCCC] rounded text-sm focus:outline-none focus:ring-2 focus:ring-[#248384]", placeholder: "Hours" })))))),
+                react_1.default.createElement("div", { className: "text-sm text-gray-600" },
+                    "Total Approved Hours: ",
+                    getTotalApprovedHours().toFixed(2),
+                    " / ",
+                    totalDisputeHours,
+                    " hours"))),
             react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
-                react_1.default.createElement(base_ui_1.Button, { label: "Decline Dispute", color: "error", onClick: () => setResolution('DECLINED'), disabled: isSubmitting, size: "md" }),
-                react_1.default.createElement(base_ui_1.Button, { label: "Approve & Resolve", color: "primary", onClick: handleSubmit, isLoading: isSubmitting, disabled: !resolution || (resolution === 'PARTIAL' && !amount), size: "md" })))));
+                react_1.default.createElement(base_ui_1.Button, { label: "Decline Dispute", color: "error", onClick: () => handleResolutionChange('DECLINED'), disabled: isSubmitting, size: "md" }),
+                react_1.default.createElement(base_ui_1.Button, { label: "Approve & Resolve", color: "primary", onClick: handleApproveClick, isLoading: isSubmitting, disabled: !resolution || (resolution === 'PARTIAL' && !isValidPartialApproval()), size: "md" }))),
+        react_1.default.createElement(ProjectHoursAdjustmentModal_1.ProjectHoursAdjustmentModal, { isOpen: showHoursModal, onClose: () => setShowHoursModal(false), disputeProjects: (dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) || [], dispute: dispute, onSubmit: handleHoursSubmit, isSubmitting: isSubmitting, getClientInvoiceSummaryByMonth: getClientInvoiceSummaryByMonth, invoiceSummary: invoiceSummary, approvedHours: resolution === 'PARTIAL' ? getTotalApprovedHours() : totalDisputeHours, projectApprovedHours: isPartialWithMultipleProjects ? projectApprovedHours : {}, user: user })));
 };
 exports.DecisionSection = DecisionSection;

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

@@ -8,6 +8,7 @@ interface Message {
     };
     messageText: string;
     createdAt: string;
+    visibility: string;
 }
 interface DiscussionSectionProps {
     disputeId: string;

package/lib/components/Invoices/DiscussionSection.js

@@ -112,6 +112,20 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
     const getHeaderAlignment = (userTypeId) => {
         return userTypeId !== currentUser.userTypeId ? 'justify-start' : 'justify-end';
     };
+    const displayMessageVisibility = (visibility) => {
+        switch (visibility) {
+            case 'ALL':
+                return 'All';
+            case 'EXPERT_INTERNAL_ONLY':
+                return 'Expert Only';
+            case 'CLIENT_INTERNAL_ONLY':
+                return 'Client Only';
+            case 'INTERNAL_ONLY':
+                return 'Internal Only';
+            default:
+                return 'All';
+        }
+    };
     return (react_1.default.createElement("div", { className: "space-y-6" },
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "text-lg font-bold text-[#333333]" },
@@ -144,7 +158,11 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
                                 message.sender.firstName,
                                 " ",
                                 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("span", { className: "text-xs text-[#666666]" }, (0, dayjs_1.default)(message.createdAt).format('MMM D, YYYY • h:mm A')),
+                            isInternal && (react_1.default.createElement("span", { className: "text-xs text-[#666666]" },
+                                "(",
+                                displayMessageVisibility(message.visibility),
+                                ")"))),
                         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(react_1.default.Fragment, null),
             react_1.default.createElement("div", { ref: threadsEndRef }),

package/lib/components/Invoices/DisputeProjectCard.js

@@ -74,6 +74,8 @@ const DisputeProjectCard = ({ project, client, disputeDate, disputeUpdatedDate }
                     react_1.default.createElement("span", { className: "text-sm text-[#333333]" }, (0, dayjs_1.default)(disputeUpdatedDate).format('MMM D, YYYY'))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("span", { className: "text-sm text-[#666666] font-bold" }, "Days Left: "),
-                    react_1.default.createElement("span", { className: "text-sm text-[#F44336] font-bold" }, "5 days left to resolve"))))));
+                    react_1.default.createElement("span", { className: "text-sm text-[#F44336] font-bold" },
+                        Math.max(0, 14 - (0, dayjs_1.default)().date()),
+                        " days left to resolve"))))));
 };
 exports.DisputeProjectCard = DisputeProjectCard;

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

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

package/lib/components/Invoices/InvoiceCard.js

@@ -45,7 +45,7 @@ const useStyles = (0, core_1.makeStyles)((theme) => ({
         },
     },
 }));
-const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, isInternal = false, isClient = false, bucketName, reactAppUrl }) => {
+const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessages, updateClientInvoiceDisputeMutation, updateInvoiceMutation, getClientInvoiceSummaryByMonth, invoiceSummary, documentUploadUrl, downloadDocumentUrl, isInternal = false, isClient = false, bucketName, reactAppUrl }) => {
     const [currentInvoice, setCurrentInvoice] = (0, react_1.useState)(clientInvoice);
     const classes = useStyles();
     (0, react_1.useEffect)(() => {
@@ -65,6 +65,6 @@ const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessag
                             react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: currentInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName }),
                     (currentInvoice === null || currentInvoice === void 0 ? void 0 : currentInvoice.chatEnabled) && 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 }))))));
+                        react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: currentInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation, updateInvoiceMutation: updateInvoiceMutation, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, invoiceSummary: invoiceSummary, user: user, getClientInvoiceSummaryByMonth: getClientInvoiceSummaryByMonth }))))));
 };
 exports.InvoiceCard = InvoiceCard;

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

@@ -0,0 +1,37 @@
+interface DisputeProject {
+    __typename: string;
+    id: number;
+    projectId: number;
+    disputeAmount: number;
+    disputeHours: number;
+    disputeType: string;
+    disputeReasonCode: string;
+    clientExplanation: string;
+    clientDocumentLinks: string;
+    expertDocumentLinks: string;
+    resolutionMode: string | null;
+    resolutionType: string | null;
+    project: {
+        __typename: string;
+        name: string;
+        freelancerRate: number | null;
+        clientRate: number | null;
+    };
+}
+interface ProjectHoursAdjustmentModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    disputeProjects: DisputeProject[];
+    dispute: any;
+    onSubmit: (adjustedHours: any) => void;
+    isSubmitting: boolean;
+    getClientInvoiceSummaryByMonth: any;
+    invoiceSummary: any;
+    approvedHours: number;
+    projectApprovedHours: {
+        [projectId: number]: number;
+    };
+    user: any;
+}
+export declare const ProjectHoursAdjustmentModal: ({ isOpen, onClose, disputeProjects, dispute, onSubmit, isSubmitting, getClientInvoiceSummaryByMonth, invoiceSummary, approvedHours, projectApprovedHours, user, }: ProjectHoursAdjustmentModalProps) => JSX.Element;
+export {};

package/lib/components/Invoices/ProjectHoursAdjustmentModal.js

@@ -0,0 +1,314 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectHoursAdjustmentModal = void 0;
+const react_1 = __importStar(require("react"));
+const base_ui_1 = require("@paro.io/base-ui");
+const ProjectHoursAdjustmentModal = ({ isOpen, onClose, disputeProjects, dispute, onSubmit, isSubmitting, getClientInvoiceSummaryByMonth, invoiceSummary, approvedHours, projectApprovedHours, user, }) => {
+    var _a, _b;
+    const [adjustedHours, setAdjustedHours] = (0, react_1.useState)({});
+    const [errors, setErrors] = (0, react_1.useState)({});
+    const [projectErrors, setProjectErrors] = (0, react_1.useState)({});
+    const [projectSections, setProjectSections] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [fetchError, setFetchError] = (0, react_1.useState)(null);
+    const clientId = (_a = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _a === void 0 ? void 0 : _a.clientId;
+    const month = (_b = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _b === void 0 ? void 0 : _b.month;
+    // Fetch project hours when modal opens
+    (0, react_1.useEffect)(() => {
+        if (isOpen && disputeProjects.length > 0) {
+            fetchInvoiceSummary();
+            fetchProjectHours();
+        }
+    }, [isOpen, disputeProjects]);
+    (0, react_1.useEffect)(() => {
+        if (invoiceSummary) {
+            fetchProjectHours();
+        }
+    }, [invoiceSummary]);
+    const fetchInvoiceSummary = () => __awaiter(void 0, void 0, void 0, function* () {
+        setLoading(true);
+        yield Promise.all([
+            getClientInvoiceSummaryByMonth({ variables: { clientId: +clientId, month }, fetchPolicy: 'network-only' }),
+        ]);
+    });
+    const fetchProjectHours = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        setFetchError(null);
+        setLoading(true);
+        try {
+            if ((_a = invoiceSummary === null || invoiceSummary === void 0 ? void 0 : invoiceSummary.getClientInvoiceSummaryByMonth) === null || _a === void 0 ? void 0 : _a.projects) {
+                // Group tasks by project based on disputeProjects
+                const projectSectionsData = [];
+                disputeProjects.forEach(disputeProject => {
+                    // Find matching project in invoice summary
+                    const invoiceProject = invoiceSummary.getClientInvoiceSummaryByMonth.projects.find((proj) => {
+                        // Match by project name since we don't have direct projectId mapping
+                        return proj.projectName === disputeProject.project.name;
+                    });
+                    if (invoiceProject) {
+                        projectSectionsData.push({
+                            projectId: disputeProject.projectId,
+                            projectName: disputeProject.project.name,
+                            disputeHours: disputeProject.disputeHours,
+                            tasks: invoiceProject.tasks.map((task) => (Object.assign(Object.assign({}, task), { projectName: disputeProject.project.name })))
+                        });
+                    }
+                });
+                setProjectSections(projectSectionsData);
+                // Initialize adjusted hours for all tasks
+                const initialAdjustedHours = {};
+                projectSectionsData.forEach(section => {
+                    section.tasks.forEach(task => {
+                        initialAdjustedHours[task.projectHourId] = {
+                            originalHours: task.hours,
+                            newHours: task.hours
+                        };
+                    });
+                });
+                setAdjustedHours(initialAdjustedHours);
+                setErrors({});
+                setProjectErrors({});
+            }
+        }
+        catch (error) {
+            console.error('Failed to fetch project hours:', error);
+            setFetchError('Failed to load project hours. Please try again.');
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    const handleHourChange = (projectHourId, newHours) => {
+        var _a;
+        const numericValue = parseFloat(newHours) || 0;
+        const originalHours = ((_a = adjustedHours[projectHourId]) === null || _a === void 0 ? void 0 : _a.originalHours) || 0;
+        setAdjustedHours(prev => (Object.assign(Object.assign({}, prev), { [projectHourId]: Object.assign(Object.assign({}, prev[projectHourId]), { newHours: numericValue }) })));
+        // Clear individual hour error
+        setErrors(prev => (Object.assign(Object.assign({}, prev), { [projectHourId]: '' })));
+        // Validate individual hour
+        if (numericValue > originalHours) {
+            setErrors(prev => (Object.assign(Object.assign({}, prev), { [projectHourId]: 'New hours cannot exceed original hours' })));
+        }
+        else if (numericValue < 0) {
+            setErrors(prev => (Object.assign(Object.assign({}, prev), { [projectHourId]: 'Hours cannot be negative' })));
+        }
+    };
+    const getProjectTotalHours = (projectId, type) => {
+        const section = projectSections.find(s => s.projectId === projectId);
+        if (!section)
+            return 0;
+        return section.tasks.reduce((total, task) => {
+            const adjustment = adjustedHours[task.projectHourId];
+            if (!adjustment)
+                return total;
+            return total + (type === 'original' ? adjustment.originalHours : adjustment.newHours);
+        }, 0);
+    };
+    const getProjectReduction = (projectId) => {
+        return getProjectTotalHours(projectId, 'original') - getProjectTotalHours(projectId, 'new');
+    };
+    const validateAndSubmit = () => {
+        var _a, _b, _c, _d;
+        let hasErrors = false;
+        const newErrors = {};
+        const newProjectErrors = {};
+        // Validate each project section
+        projectSections.forEach(section => {
+            const projectId = section.projectId;
+            const disputeHours = section.disputeHours;
+            // Use project-specific approved hours if available, otherwise use dispute hours
+            const maxAllowedReduction = projectApprovedHours[projectId] !== undefined
+                ? projectApprovedHours[projectId]
+                : disputeHours;
+            // Validate individual hours within this project
+            section.tasks.forEach(task => {
+                var _a, _b;
+                const projectHourId = task.projectHourId;
+                const originalHours = ((_a = adjustedHours[projectHourId]) === null || _a === void 0 ? void 0 : _a.originalHours) || 0;
+                const newHours = ((_b = adjustedHours[projectHourId]) === null || _b === void 0 ? void 0 : _b.newHours) || 0;
+                if (newHours > originalHours) {
+                    newErrors[projectHourId] = 'New hours cannot exceed original hours';
+                    hasErrors = true;
+                }
+                else if (newHours < 0) {
+                    newErrors[projectHourId] = 'Hours cannot be negative';
+                    hasErrors = true;
+                }
+            });
+            // Validate project-level hour reduction
+            const projectReduction = getProjectReduction(projectId);
+            if (Math.abs(projectReduction - maxAllowedReduction) > 0.01) {
+                const reductionType = projectApprovedHours[projectId] !== undefined ? 'approved' : 'disputed';
+                newProjectErrors[projectId] = `Hour reduction for this project (${projectReduction.toFixed(2)}) must equal ${reductionType} hours (${maxAllowedReduction})`;
+                hasErrors = true;
+            }
+        });
+        setErrors(newErrors);
+        setProjectErrors(newProjectErrors);
+        if (!hasErrors) {
+            // Generate the submission data in the required format
+            let freelancerRate = 0;
+            const inputArray = [];
+            projectSections.forEach(section => {
+                section.tasks.forEach(task => {
+                    const projectHourId = task.projectHourId;
+                    const adjustedHour = adjustedHours[projectHourId];
+                    freelancerRate = task.freelancerRate;
+                    // Generate expert name
+                    const expertName = (dispute === null || dispute === void 0 ? void 0 : dispute.freelancer) ?
+                        `${dispute.freelancer.firstName} ${dispute.freelancer.lastName}` : '';
+                    // Generate internal user name
+                    const internalUser = user ?
+                        `${user.firstName} ${user.lastName}` : '';
+                    inputArray.push({
+                        clientRate: task.rate,
+                        freelancerRate: task.freelancerRate,
+                        hours: (adjustedHour === null || adjustedHour === void 0 ? void 0 : adjustedHour.newHours) || 0,
+                        projectId: section.projectId,
+                        projectHourId: task.projectHourId,
+                        projectName: section.projectName,
+                        projectDescription: task.description,
+                        expertName: expertName,
+                        internalUser: internalUser
+                    });
+                });
+            });
+            const submissionData = {
+                input: inputArray,
+                clientId: ((_a = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _a === void 0 ? void 0 : _a.clientId) || 0,
+                invoiceId: ((_b = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _b === void 0 ? void 0 : _b.id) || 0,
+                dateGenerated: ((_c = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _c === void 0 ? void 0 : _c.month) || '',
+                updateDescription: `Updating hours based on dispute ID#:${dispute === null || dispute === void 0 ? void 0 : dispute.disputeId}`,
+                freelancerIds: [((_d = dispute === null || dispute === void 0 ? void 0 : dispute.freelancer) === null || _d === void 0 ? void 0 : _d.id) || 0],
+                freelancerRate: freelancerRate
+            };
+            onSubmit(submissionData);
+        }
+    };
+    const formatDate = (dateString) => {
+        return new Date(dateString).toLocaleDateString();
+    };
+    const hasAnyErrors = () => {
+        return Object.values(errors).some(error => error !== '') ||
+            Object.values(projectErrors).some(error => error !== '');
+    };
+    const areAllProjectsValid = () => {
+        return projectSections.every(section => {
+            const projectReduction = getProjectReduction(section.projectId);
+            const maxAllowedReduction = projectApprovedHours[section.projectId] !== undefined
+                ? projectApprovedHours[section.projectId]
+                : section.disputeHours;
+            return Math.abs(projectReduction - maxAllowedReduction) <= 0.01;
+        });
+    };
+    if (loading) {
+        return (react_1.default.createElement(base_ui_1.Modal, { open: isOpen, onClose: onClose, size: "lg", className: "z-[100]" },
+            react_1.default.createElement("div", { className: "flex justify-center items-center py-8" },
+                react_1.default.createElement("div", null, "Loading project hours..."))));
+    }
+    if (fetchError) {
+        return (react_1.default.createElement(base_ui_1.Modal, { open: isOpen, onClose: onClose, size: "lg", className: "z-[100]" },
+            react_1.default.createElement("div", { className: "py-8" },
+                react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: fetchError, className: "mb-4" }),
+                react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
+                    react_1.default.createElement(base_ui_1.Button, { label: "Retry", color: "primary", onClick: fetchProjectHours }),
+                    react_1.default.createElement(base_ui_1.Button, { label: "Cancel", color: "default", onClick: onClose })))));
+    }
+    return (react_1.default.createElement(base_ui_1.Modal, { open: isOpen, onClose: onClose, size: "lg", className: "z-[100]" },
+        react_1.default.createElement("div", { className: "max-h-[80vh] overflow-y-auto" },
+            react_1.default.createElement("div", { className: "font-bold text-xl mb-6" }, "Please enter the new hours to settle the dispute for each of the project time log entries below"),
+            react_1.default.createElement("div", { className: "space-y-8" }, projectSections.map((section) => {
+                const projectReduction = getProjectReduction(section.projectId);
+                const maxAllowedReduction = projectApprovedHours[section.projectId] !== undefined
+                    ? projectApprovedHours[section.projectId]
+                    : section.disputeHours;
+                const isProjectValid = Math.abs(projectReduction - maxAllowedReduction) <= 0.01;
+                const isPartialApproval = projectApprovedHours[section.projectId] !== undefined;
+                return (react_1.default.createElement("div", { key: section.projectId, className: "border border-gray-200 rounded-lg p-6" },
+                    react_1.default.createElement("div", { className: "mb-4" },
+                        react_1.default.createElement("div", { className: "font-bold text-lg mb-2" }, section.projectName),
+                        react_1.default.createElement("div", { className: "bg-gray-50 p-4 rounded-lg" },
+                            react_1.default.createElement("div", { className: "font-semibold text-md mb-2" }, isPartialApproval
+                                ? `Approved Hours for Project: ${maxAllowedReduction}`
+                                : `Total Disputed Hours for Project: ${section.disputeHours}`),
+                            isPartialApproval && (react_1.default.createElement("div", { className: "text-sm text-blue-600 mb-2" },
+                                "Original Disputed Hours: ",
+                                section.disputeHours)),
+                            react_1.default.createElement("div", { className: "text-sm text-gray-600 grid grid-cols-2 gap-4" },
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement("div", null,
+                                        "Original Hours: ",
+                                        getProjectTotalHours(section.projectId, 'original').toFixed(2)),
+                                    react_1.default.createElement("div", null,
+                                        "Adjusted Hours: ",
+                                        getProjectTotalHours(section.projectId, 'new').toFixed(2))),
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement("div", null,
+                                        "Hour Reduction: ",
+                                        projectReduction.toFixed(2)),
+                                    react_1.default.createElement("div", null,
+                                        "Required Reduction: ",
+                                        maxAllowedReduction))),
+                            projectErrors[section.projectId] && (react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: projectErrors[section.projectId], className: "mt-2" })),
+                            isProjectValid && (react_1.default.createElement("div", { className: "text-green-600 text-sm mt-2 font-medium" }, "\u2713 Project hours are correctly adjusted")))),
+                    react_1.default.createElement("div", { className: "overflow-x-auto" },
+                        react_1.default.createElement("table", { className: "w-full border-collapse border border-gray-300" },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", { className: "bg-gray-100" },
+                                    react_1.default.createElement("th", { className: "border border-gray-300 px-4 py-2 text-left" }, "Date"),
+                                    react_1.default.createElement("th", { className: "border border-gray-300 px-4 py-2 text-left" }, "Project Hour Entry"),
+                                    react_1.default.createElement("th", { className: "border border-gray-300 px-4 py-2 text-left" }, "Original Hours"),
+                                    react_1.default.createElement("th", { className: "border border-gray-300 px-4 py-2 text-left" }, "Adjusted Hours"))),
+                            react_1.default.createElement("tbody", null, section.tasks.map((task) => {
+                                var _a;
+                                const projectHourId = task.projectHourId;
+                                const originalHours = task.hours;
+                                const newHours = ((_a = adjustedHours[projectHourId]) === null || _a === void 0 ? void 0 : _a.newHours) || 0;
+                                const hasError = errors[projectHourId];
+                                return (react_1.default.createElement("tr", { key: projectHourId, className: hasError ? 'bg-red-50' : '' },
+                                    react_1.default.createElement("td", { className: "border border-gray-300 px-4 py-2" }, formatDate(task.date)),
+                                    react_1.default.createElement("td", { className: "border border-gray-300 px-4 py-2" }, task.description),
+                                    react_1.default.createElement("td", { className: "border border-gray-300 px-4 py-2" }, originalHours.toFixed(2)),
+                                    react_1.default.createElement("td", { className: "border border-gray-300 px-4 py-2" },
+                                        react_1.default.createElement("div", null,
+                                            react_1.default.createElement("input", { type: "number", step: "0.01", min: "0", max: originalHours, value: newHours, onChange: (e) => handleHourChange(projectHourId, e.target.value), className: `w-full px-2 py-1 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500 ${hasError ? 'border-red-500' : 'border-gray-300'}` }),
+                                            hasError && (react_1.default.createElement("div", { className: "text-red-500 text-xs mt-1" }, hasError))))));
+                            }))))));
+            })),
+            react_1.default.createElement("div", { className: "flex justify-end space-x-4 mt-6 pt-4 border-t" },
+                react_1.default.createElement(base_ui_1.Button, { label: "Cancel", color: "default", onClick: onClose, disabled: isSubmitting }),
+                react_1.default.createElement(base_ui_1.Button, { label: "Submit Adjustments", color: "primary", onClick: validateAndSubmit, isLoading: isSubmitting, disabled: hasAnyErrors() || projectSections.length === 0 || !areAllProjectsValid() })))));
+};
+exports.ProjectHoursAdjustmentModal = ProjectHoursAdjustmentModal;

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

@@ -0,0 +1 @@
+export declare const TestDecisionSection: () => JSX.Element;