@powerhousedao/network-admin 1.0.0-dev.5 → 1.0.0-dev.7

package/dist/editors/payment-terms-editor/components/BasicTermsTab.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { toast } from "@powerhousedao/design-system/connect";
+import { Select, TextInput, Button } from "@powerhousedao/document-engineering";
+import { actions, } from "@powerhousedao/network-admin/document-models/payment-terms";
+export function BasicTermsTab({ state, dispatch }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        proposer: state.proposer || "",
+        payer: state.payer || "",
+        currency: state.currency,
+        paymentModel: state.paymentModel,
+        totalAmount: state.totalAmount?.value?.toString() || "",
+        status: state.status,
+        useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions),
+    });
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        dispatch(actions.setBasicTerms({
+            proposer: formData.proposer,
+            payer: formData.payer,
+            currency: formData.currency,
+            paymentModel: formData.paymentModel,
+            totalAmount: formData.totalAmount
+                ? {
+                    value: parseFloat(formData.totalAmount),
+                    unit: formData.currency,
+                }
+                : undefined,
+        }));
+        if (formData.status !== state.status) {
+            dispatch(actions.updateStatus({ status: formData.status }));
+        }
+        // Handle escrow toggle
+        if (formData.useEscrow && !state.escrowDetails) {
+            dispatch(actions.setEscrowDetails({
+                amountHeld: { value: 0, unit: formData.currency },
+                releaseConditions: "Upon project completion",
+                escrowProvider: "",
+                proofOfFundsDocumentId: "",
+            }));
+        }
+        else if (!formData.useEscrow && state.escrowDetails) {
+            dispatch(actions.setEscrowDetails({
+                amountHeld: { value: 0, unit: formData.currency },
+                releaseConditions: "",
+                escrowProvider: "",
+                proofOfFundsDocumentId: "",
+            }));
+        }
+        toast("Basic terms updated successfully", { type: "success" });
+        setIsEditing(false);
+    }, [formData, dispatch, state.status, state.escrowDetails]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            proposer: state.proposer || "",
+            payer: state.payer || "",
+            currency: state.currency,
+            paymentModel: state.paymentModel,
+            totalAmount: state.totalAmount?.value?.toString() || "",
+            status: state.status,
+            useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions),
+        });
+        setIsEditing(false);
+    }, [state]);
+    if (!isEditing) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Basic Information" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Edit Terms" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Proposer" }), _jsx("p", { className: "text-lg", children: state.proposer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Payer" }), _jsx("p", { className: "text-lg", children: state.payer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Currency" }), _jsx("p", { className: "text-lg", children: state.currency })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Payment Model" }), _jsx("p", { className: "text-lg", children: state.paymentModel.replace(/_/g, " ") })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Total Amount" }), _jsx("p", { className: "text-lg", children: state.totalAmount
+                                        ? `${state.totalAmount.value} ${state.totalAmount.unit}`
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Status" }), _jsx("p", { className: "text-lg", children: state.status })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Escrow" }), _jsx("p", { className: "text-lg", children: state.escrowDetails && state.escrowDetails.releaseConditions
+                                        ? "Enabled"
+                                        : "Disabled" })] })] })] }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "mb-4 flex items-center justify-between", children: _jsx("h2", { className: "text-xl font-semibold", children: "Edit Basic Terms" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Proposer *" }), _jsx(TextInput, { value: formData.proposer, onChange: (e) => setFormData({ ...formData, proposer: e.target.value }), placeholder: "Enter proposer name", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Payer *" }), _jsx(TextInput, { value: formData.payer, onChange: (e) => setFormData({ ...formData, payer: e.target.value }), placeholder: "Enter payer name", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Currency *" }), _jsx(Select, { value: formData.currency, onChange: (value) => setFormData({ ...formData, currency: value }), options: [
+                                    { value: "USD", label: "USD" },
+                                    { value: "EUR", label: "EUR" },
+                                    { value: "GBP", label: "GBP" },
+                                ], placeholder: "Select currency", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Payment Model *" }), _jsx(Select, { value: formData.paymentModel, onChange: (value) => setFormData({ ...formData, paymentModel: value }), options: [
+                                    { value: "MILESTONE", label: "Milestone" },
+                                    { value: "COST_AND_MATERIALS", label: "Cost & Materials" },
+                                    { value: "RETAINER", label: "Retainer" },
+                                ], placeholder: "Select payment model", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Total Amount" }), _jsx(TextInput, { value: formData.totalAmount, onChange: (e) => setFormData({ ...formData, totalAmount: e.target.value }), placeholder: "0.00", type: "number", step: "0.01" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700", children: "Status *" }), _jsx(Select, { value: formData.status, onChange: (value) => setFormData({
+                                    ...formData,
+                                    status: value,
+                                }), options: [
+                                    { value: "DRAFT", label: "Draft" },
+                                    { value: "SUBMITTED", label: "Submitted" },
+                                    { value: "ACCEPTED", label: "Accepted" },
+                                    { value: "CANCELLED", label: "Cancelled" },
+                                ], placeholder: "Select status", required: true })] }), _jsx("div", { className: "col-span-2", children: _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "useEscrow", checked: formData.useEscrow, onChange: (e) => setFormData({ ...formData, useEscrow: e.target.checked }), className: "mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" }), _jsx("label", { htmlFor: "useEscrow", className: "text-sm font-medium text-gray-700", children: "Use Escrow" })] }) })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

package/dist/editors/payment-terms-editor/components/ClausesTab.d.ts

@@ -0,0 +1,10 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type BonusClause, type PenaltyClause, type PaymentTermsAction } from "@powerhousedao/network-admin/document-models/payment-terms";
+export interface ClausesTabProps {
+    bonusClauses: BonusClause[];
+    penaltyClauses: PenaltyClause[];
+    dispatch: DocumentDispatch<PaymentTermsAction>;
+    currency: string;
+}
+export declare function ClausesTab({ bonusClauses, penaltyClauses, dispatch, currency, }: ClausesTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClausesTab.d.ts.map

package/dist/editors/payment-terms-editor/components/ClausesTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClausesTab.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms-editor/components/ClausesTab.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,QAAgB,GACjB,EAAE,eAAe,2CAmVjB"}

package/dist/editors/payment-terms-editor/components/ClausesTab.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { ObjectSetTable, TextInput, Textarea, Button, } from "@powerhousedao/document-engineering";
+import { toast } from "@powerhousedao/design-system/connect";
+import { generateId } from "document-model/core";
+import { actions, } from "@powerhousedao/network-admin/document-models/payment-terms";
+export function ClausesTab({ bonusClauses, penaltyClauses, dispatch, currency = "USD", }) {
+    const [activeSubTab, setActiveSubTab] = useState("bonus");
+    const [isAddingNew, setIsAddingNew] = useState(false);
+    const [newClause, setNewClause] = useState({
+        condition: "",
+        amount: "",
+        comment: "",
+    });
+    const bonusColumns = useMemo(() => [
+        {
+            field: "condition",
+            title: "Condition",
+            editable: true,
+            align: "left",
+            onSave: (newValue, context) => {
+                dispatch(actions.updateBonusClause({
+                    id: context.row.id,
+                    condition: newValue,
+                }));
+                toast("Bonus clause condition updated", { type: "success" });
+                return true;
+            },
+        },
+        {
+            field: "bonusAmount",
+            title: `Bonus Amount (${currency})`,
+            editable: true,
+            align: "right",
+            renderCell: (value) => `${value.value} ${value.unit}`,
+            onSave: (newValue, context) => {
+                const amount = parseFloat(newValue);
+                if (isNaN(amount)) {
+                    toast("Please enter a valid amount", { type: "error" });
+                    return false;
+                }
+                dispatch(actions.updateBonusClause({
+                    id: context.row.id,
+                    bonusAmount: { value: amount, unit: currency },
+                }));
+                toast("Bonus amount updated", { type: "success" });
+                return true;
+            },
+        },
+        {
+            field: "comment",
+            title: "Comment",
+            editable: true,
+            align: "left",
+            renderCell: (value) => value || "-",
+            onSave: (newValue, context) => {
+                dispatch(actions.updateBonusClause({
+                    id: context.row.id,
+                    comment: newValue || undefined,
+                }));
+                toast("Bonus clause comment updated", { type: "success" });
+                return true;
+            },
+        },
+    ], [currency, dispatch]);
+    const penaltyColumns = useMemo(() => [
+        {
+            field: "condition",
+            title: "Condition",
+            editable: true,
+            align: "left",
+            onSave: (newValue, context) => {
+                dispatch(actions.updatePenaltyClause({
+                    id: context.row.id,
+                    condition: newValue,
+                }));
+                toast("Penalty clause condition updated", { type: "success" });
+                return true;
+            },
+        },
+        {
+            field: "deductionAmount",
+            title: `Deduction Amount (${currency})`,
+            editable: true,
+            align: "right",
+            renderCell: (value) => `${value.value} ${value.unit}`,
+            onSave: (newValue, context) => {
+                const amount = parseFloat(newValue);
+                if (isNaN(amount)) {
+                    toast("Please enter a valid amount", { type: "error" });
+                    return false;
+                }
+                dispatch(actions.updatePenaltyClause({
+                    id: context.row.id,
+                    deductionAmount: { value: amount, unit: currency },
+                }));
+                toast("Deduction amount updated", { type: "success" });
+                return true;
+            },
+        },
+        {
+            field: "comment",
+            title: "Comment",
+            editable: true,
+            align: "left",
+            renderCell: (value) => value || "-",
+            onSave: (newValue, context) => {
+                dispatch(actions.updatePenaltyClause({
+                    id: context.row.id,
+                    comment: newValue || undefined,
+                }));
+                toast("Penalty clause comment updated", { type: "success" });
+                return true;
+            },
+        },
+    ], [currency, dispatch]);
+    const handleAddClause = useCallback((e) => {
+        e.preventDefault();
+        if (!newClause.condition.trim()) {
+            toast("Condition is required", { type: "error" });
+            return;
+        }
+        if (!newClause.amount || isNaN(parseFloat(newClause.amount))) {
+            toast("Valid amount is required", { type: "error" });
+            return;
+        }
+        if (activeSubTab === "bonus") {
+            dispatch(actions.addBonusClause({
+                id: generateId(),
+                condition: newClause.condition,
+                bonusAmount: {
+                    value: parseFloat(newClause.amount),
+                    unit: currency,
+                },
+                comment: newClause.comment || undefined,
+            }));
+            toast("Bonus clause added successfully", { type: "success" });
+        }
+        else {
+            dispatch(actions.addPenaltyClause({
+                id: generateId(),
+                condition: newClause.condition,
+                deductionAmount: {
+                    value: parseFloat(newClause.amount),
+                    unit: currency,
+                },
+                comment: newClause.comment || undefined,
+            }));
+            toast("Penalty clause added successfully", { type: "success" });
+        }
+        setNewClause({ condition: "", amount: "", comment: "" });
+        setIsAddingNew(false);
+    }, [newClause, activeSubTab, dispatch, currency]);
+    const currentClauses = activeSubTab === "bonus" ? bonusClauses : penaltyClauses;
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Bonus & Penalty Clauses" }), _jsxs("p", { className: "mt-1 text-sm text-gray-600 dark:text-gray-300", children: [bonusClauses.length, " bonus clause(s), ", penaltyClauses.length, " ", "penalty clause(s)"] })] }), _jsxs(Button, { onClick: () => setIsAddingNew(!isAddingNew), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: ["+ Add ", activeSubTab === "bonus" ? "Bonus" : "Penalty", " Clause"] })] }), _jsxs("div", { className: "flex space-x-1 border-b border-gray-200 dark:border-gray-600", children: [_jsxs("button", { onClick: () => setActiveSubTab("bonus"), className: `rounded-t-lg px-4 py-2 text-sm font-medium ${activeSubTab === "bonus"
+                            ? "border-b-2 border-blue-700 bg-blue-50 text-blue-700 dark:border-blue-300 dark:bg-blue-900 dark:text-blue-300"
+                            : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"}`, children: ["Bonus Clauses (", bonusClauses.length, ")"] }), _jsxs("button", { onClick: () => setActiveSubTab("penalty"), className: `rounded-t-lg px-4 py-2 text-sm font-medium ${activeSubTab === "penalty"
+                            ? "border-b-2 border-red-700 bg-red-50 text-red-700 dark:border-red-300 dark:bg-red-900 dark:text-red-300"
+                            : "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"}`, children: ["Penalty Clauses (", penaltyClauses.length, ")"] })] }), isAddingNew && (_jsxs("div", { className: "rounded-lg border bg-gray-50 p-4 dark:border-gray-600 dark:bg-gray-700", children: [_jsxs("h3", { className: "mb-4 text-lg font-medium dark:text-white", children: ["Add New ", activeSubTab === "bonus" ? "Bonus" : "Penalty", " Clause"] }), _jsxs("form", { onSubmit: handleAddClause, className: "space-y-4", children: [_jsx(TextInput, { label: "Condition *", value: newClause.condition, onChange: (e) => setNewClause({ ...newClause, condition: e.target.value }), className: "w-full", required: true }), _jsx(TextInput, { label: `${activeSubTab === "bonus" ? "Bonus" : "Deduction"} Amount (${currency}) *`, type: "number", value: newClause.amount, onChange: (e) => setNewClause({ ...newClause, amount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(Textarea, { label: "Comment", value: newClause.comment, onChange: (e) => setNewClause({ ...newClause, comment: e.target.value }), className: "w-full", rows: 3, placeholder: "Optional comment or additional details..." }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { type: "submit", color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: ["Add ", activeSubTab === "bonus" ? "Bonus" : "Penalty", " Clause"] }), _jsx(Button, { type: "button", onClick: () => {
+                                            setIsAddingNew(false);
+                                            setNewClause({ condition: "", amount: "", comment: "" });
+                                        }, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] })] })), currentClauses.length > 0 ? (activeSubTab === "bonus" ? (_jsx(ObjectSetTable, { data: bonusClauses, columns: bonusColumns, onAdd: () => setIsAddingNew(true), onDelete: (row) => {
+                    dispatch(actions.deleteBonusClause({
+                        id: row.id,
+                    }));
+                    toast("Bonus clause deleted", { type: "success" });
+                } })) : (_jsx(ObjectSetTable, { data: penaltyClauses, columns: penaltyColumns, onAdd: () => setIsAddingNew(true), onDelete: (row) => {
+                    dispatch(actions.deletePenaltyClause({
+                        id: row.id,
+                    }));
+                    toast("Penalty clause deleted", { type: "success" });
+                } }))) : (_jsxs("div", { className: "rounded-lg border-2 border-dashed border-gray-300 py-8 text-center text-gray-500 dark:border-gray-600 dark:text-gray-400", children: [_jsxs("p", { className: "text-lg font-medium", children: ["No ", activeSubTab, " clauses defined yet"] }), _jsxs("p", { className: "text-sm", children: ["Add your first ", activeSubTab, " clause to get started"] })] }))] }));
+}

package/dist/editors/payment-terms-editor/components/CostMaterialsTab.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type PaymentTermsState, type PaymentTermsAction } from "@powerhousedao/network-admin/document-models/payment-terms";
+export interface CostMaterialsTabProps {
+    state: PaymentTermsState;
+    dispatch: DocumentDispatch<PaymentTermsAction>;
+}
+export declare function CostMaterialsTab({ state, dispatch }: CostMaterialsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CostMaterialsTab.d.ts.map

package/dist/editors/payment-terms-editor/components/CostMaterialsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostMaterialsTab.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms-editor/components/CostMaterialsTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAEpE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;CAChD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CA2N1E"}

package/dist/editors/payment-terms-editor/components/CostMaterialsTab.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { TextInput, Select, Button } from "@powerhousedao/document-engineering";
+import { toast } from "@powerhousedao/design-system/connect";
+import { actions, } from "@powerhousedao/network-admin/document-models/payment-terms";
+export function CostMaterialsTab({ state, dispatch }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        hourlyRate: state.costAndMaterials?.hourlyRate?.value?.toString() || "",
+        variableCap: state.costAndMaterials?.variableCap?.value?.toString() || "",
+        billingFrequency: state.costAndMaterials?.billingFrequency || "MONTHLY",
+        timesheetRequired: state.costAndMaterials?.timesheetRequired || false,
+    });
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        dispatch(actions.setCostAndMaterials({
+            hourlyRate: formData.hourlyRate
+                ? {
+                    value: parseFloat(formData.hourlyRate),
+                    unit: state.currency,
+                }
+                : undefined,
+            variableCap: formData.variableCap
+                ? {
+                    value: parseFloat(formData.variableCap),
+                    unit: state.currency,
+                }
+                : undefined,
+            billingFrequency: formData.billingFrequency,
+            timesheetRequired: formData.timesheetRequired,
+        }));
+        toast("Cost & Materials configuration saved", { type: "success" });
+        setIsEditing(false);
+    }, [formData, dispatch, state.currency]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            hourlyRate: state.costAndMaterials?.hourlyRate?.value?.toString() || "",
+            variableCap: state.costAndMaterials?.variableCap?.value?.toString() || "",
+            billingFrequency: state.costAndMaterials?.billingFrequency || "MONTHLY",
+            timesheetRequired: state.costAndMaterials?.timesheetRequired || false,
+        });
+        setIsEditing(false);
+    }, [state.costAndMaterials]);
+    if (!isEditing) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Cost & Materials Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.costAndMaterials
+                                ? "Edit Configuration"
+                                : "Configure Cost & Materials" })] }), state.costAndMaterials ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Hourly Rate" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.hourlyRate
+                                        ? `${state.costAndMaterials.hourlyRate.value} ${state.costAndMaterials.hourlyRate.unit}`
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Variable Cap" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.variableCap
+                                        ? `${state.costAndMaterials.variableCap.value} ${state.costAndMaterials.variableCap.unit}`
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Billing Frequency" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.billingFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Timesheet Required" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.timesheetRequired ? "Yes" : "No" })] })] })) : (_jsxs("div", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No cost & materials configuration set up yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Cost & Materials\" to get started." })] }))] }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "mb-4 flex items-center justify-between", children: _jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Configure Cost & Materials" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Hourly Rate" }), _jsx(TextInput, { value: formData.hourlyRate, onChange: (e) => setFormData({ ...formData, hourlyRate: e.target.value }), placeholder: "0.00", type: "number", step: "0.01" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Variable Cap" }), _jsx(TextInput, { value: formData.variableCap, onChange: (e) => setFormData({ ...formData, variableCap: e.target.value }), placeholder: "0.00", type: "number", step: "0.01" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Billing Frequency *" }), _jsx(Select, { value: formData.billingFrequency, onChange: (value) => setFormData({
+                                    ...formData,
+                                    billingFrequency: value,
+                                }), options: [
+                                    { value: "WEEKLY", label: "Weekly" },
+                                    { value: "BIWEEKLY", label: "Biweekly" },
+                                    { value: "MONTHLY", label: "Monthly" },
+                                ], placeholder: "Select billing frequency", required: true })] }), _jsxs("div", { className: "flex items-center pt-6", children: [_jsx("input", { type: "checkbox", id: "timesheetRequired", checked: formData.timesheetRequired, onChange: (e) => setFormData({ ...formData, timesheetRequired: e.target.checked }), className: "mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" }), _jsx("label", { htmlFor: "timesheetRequired", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Timesheet Required" })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Configuration" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

package/dist/editors/payment-terms-editor/components/EscrowTab.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type PaymentTermsState, type PaymentTermsAction } from "@powerhousedao/network-admin/document-models/payment-terms";
+export interface EscrowTabProps {
+    state: PaymentTermsState;
+    dispatch: DocumentDispatch<PaymentTermsAction>;
+}
+export declare function EscrowTab({ state, dispatch }: EscrowTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EscrowTab.d.ts.map

package/dist/editors/payment-terms-editor/components/EscrowTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EscrowTab.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms-editor/components/EscrowTab.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAEpE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;CAChD;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAsM5D"}

package/dist/editors/payment-terms-editor/components/EscrowTab.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { TextInput, Textarea, Button, } from "@powerhousedao/document-engineering";
+import { toast } from "@powerhousedao/design-system/connect";
+import { actions, } from "@powerhousedao/network-admin/document-models/payment-terms";
+export function EscrowTab({ state, dispatch }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        amountHeld: state.escrowDetails?.amountHeld.value?.toString() || "",
+        proofOfFundsDocumentId: state.escrowDetails?.proofOfFundsDocumentId || "",
+        releaseConditions: state.escrowDetails?.releaseConditions || "",
+        escrowProvider: state.escrowDetails?.escrowProvider || "",
+    });
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (!formData.amountHeld || isNaN(parseFloat(formData.amountHeld))) {
+            toast("Please enter a valid amount to be held in escrow", {
+                type: "error",
+            });
+            return;
+        }
+        if (!formData.releaseConditions.trim()) {
+            toast("Release conditions are required", { type: "error" });
+            return;
+        }
+        dispatch(actions.setEscrowDetails({
+            amountHeld: {
+                value: parseFloat(formData.amountHeld),
+                unit: state.currency,
+            },
+            proofOfFundsDocumentId: formData.proofOfFundsDocumentId || undefined,
+            releaseConditions: formData.releaseConditions,
+            escrowProvider: formData.escrowProvider || undefined,
+        }));
+        toast("Escrow details saved", { type: "success" });
+        setIsEditing(false);
+    }, [formData, dispatch, state.currency]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            amountHeld: state.escrowDetails?.amountHeld.value?.toString() || "",
+            proofOfFundsDocumentId: state.escrowDetails?.proofOfFundsDocumentId || "",
+            releaseConditions: state.escrowDetails?.releaseConditions || "",
+            escrowProvider: state.escrowDetails?.escrowProvider || "",
+        });
+        setIsEditing(false);
+    }, [state.escrowDetails]);
+    if (!isEditing) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Escrow Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.escrowDetails ? "Edit Escrow" : "Configure Escrow" })] }), state.escrowDetails && state.escrowDetails.releaseConditions ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Amount Held" }), _jsx("p", { className: "text-lg dark:text-white", children: `${state.escrowDetails.amountHeld.value} ${state.escrowDetails.amountHeld.unit}` })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Escrow Provider" }), _jsx("p", { className: "text-lg dark:text-white", children: state.escrowDetails.escrowProvider || "Not specified" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Proof of Funds Document ID" }), _jsx("p", { className: "text-sm font-mono dark:text-white", children: state.escrowDetails.proofOfFundsDocumentId || "Not provided" })] }), _jsxs("div", { className: "col-span-1", children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Release Conditions" }), _jsx("div", { className: "rounded border bg-gray-50 p-3 dark:border-gray-600 dark:bg-gray-700", children: _jsx("p", { className: "text-sm dark:text-white", children: state.escrowDetails.releaseConditions }) })] })] })) : (_jsxs("div", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No escrow configuration set up yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Escrow\" to get started." })] }))] }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "mb-4 flex items-center justify-between", children: _jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Configure Escrow" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsx(TextInput, { label: `Amount Held (${state.currency}) *`, type: "number", value: formData.amountHeld, onChange: (e) => setFormData({ ...formData, amountHeld: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(TextInput, { label: "Escrow Provider", value: formData.escrowProvider, onChange: (e) => setFormData({ ...formData, escrowProvider: e.target.value }), className: "w-full", placeholder: "e.g., Escrow.com" }), _jsx(TextInput, { label: "Proof of Funds Document ID", value: formData.proofOfFundsDocumentId, onChange: (e) => setFormData({
+                            ...formData,
+                            proofOfFundsDocumentId: e.target.value,
+                        }), className: "w-full", placeholder: "Document reference ID" }), _jsx("div", { className: "col-span-1", children: _jsx(Textarea, { label: "Release Conditions *", value: formData.releaseConditions, onChange: (e) => setFormData({ ...formData, releaseConditions: e.target.value }), className: "w-full", rows: 4, placeholder: "Describe the conditions for releasing escrow funds...", required: true }) })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Escrow Details" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

package/dist/editors/payment-terms-editor/components/EvaluationTab.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type PaymentTermsState, type PaymentTermsAction } from "@powerhousedao/network-admin/document-models/payment-terms";
+export interface EvaluationTabProps {
+    state: PaymentTermsState;
+    dispatch: DocumentDispatch<PaymentTermsAction>;
+}
+export declare function EvaluationTab({ state, dispatch }: EvaluationTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EvaluationTab.d.ts.map

package/dist/editors/payment-terms-editor/components/EvaluationTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvaluationTab.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms-editor/components/EvaluationTab.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;CAChD;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA6RpE"}

package/dist/editors/payment-terms-editor/components/EvaluationTab.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { TextInput, Select, Textarea, Button, } from "@powerhousedao/document-engineering";
+import { toast } from "@powerhousedao/design-system/connect";
+import { actions, } from "@powerhousedao/network-admin/document-models/payment-terms";
+export function EvaluationTab({ state, dispatch }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        evaluationFrequency: state.evaluation?.evaluationFrequency || "MONTHLY",
+        evaluatorTeam: state.evaluation?.evaluatorTeam || "",
+        criteria: state.evaluation?.criteria.join("\n") || "",
+        impactsPayout: state.evaluation?.impactsPayout || false,
+        impactsReputation: state.evaluation?.impactsReputation || false,
+        commentsVisibleToClient: state.evaluation?.commentsVisibleToClient || false,
+    });
+    const evaluationFrequencyOptions = useMemo(() => [
+        { label: "Weekly", value: "WEEKLY" },
+        { label: "Monthly", value: "MONTHLY" },
+        { label: "Per Milestone", value: "PER_MILESTONE" },
+    ], []);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (!formData.evaluatorTeam.trim()) {
+            toast("Evaluator team is required", { type: "error" });
+            return;
+        }
+        if (!formData.criteria.trim()) {
+            toast("Evaluation criteria are required", { type: "error" });
+            return;
+        }
+        dispatch(actions.setEvaluationTerms({
+            evaluationFrequency: formData.evaluationFrequency,
+            evaluatorTeam: formData.evaluatorTeam,
+            criteria: formData.criteria.split("\n").filter((c) => c.trim()),
+            impactsPayout: formData.impactsPayout,
+            impactsReputation: formData.impactsReputation,
+            commentsVisibleToClient: formData.commentsVisibleToClient,
+        }));
+        toast("Evaluation terms saved", { type: "success" });
+        setIsEditing(false);
+    }, [formData, dispatch]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            evaluationFrequency: state.evaluation?.evaluationFrequency || "MONTHLY",
+            evaluatorTeam: state.evaluation?.evaluatorTeam || "",
+            criteria: state.evaluation?.criteria.join("\n") || "",
+            impactsPayout: state.evaluation?.impactsPayout || false,
+            impactsReputation: state.evaluation?.impactsReputation || false,
+            commentsVisibleToClient: state.evaluation?.commentsVisibleToClient || false,
+        });
+        setIsEditing(false);
+    }, [state.evaluation]);
+    if (!isEditing) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Evaluation Terms" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.evaluation ? "Edit Terms" : "Configure Evaluation" })] }), state.evaluation ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Evaluation Frequency" }), _jsx("p", { className: "text-lg dark:text-white", children: state.evaluation.evaluationFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Evaluator Team" }), _jsx("p", { className: "text-lg dark:text-white", children: state.evaluation.evaluatorTeam })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Impacts Payout" }), _jsx("p", { className: "text-lg dark:text-white", children: state.evaluation.impactsPayout ? "Yes" : "No" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Impacts Reputation" }), _jsx("p", { className: "text-lg dark:text-white", children: state.evaluation.impactsReputation ? "Yes" : "No" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Comments Visible to Client" }), _jsx("p", { className: "text-lg dark:text-white", children: state.evaluation.commentsVisibleToClient ? "Yes" : "No" })] }), _jsxs("div", { className: "col-span-2", children: [_jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Evaluation Criteria" }), _jsx("div", { className: "rounded border bg-gray-50 p-3 dark:border-gray-600 dark:bg-gray-700", children: _jsx("ul", { className: "list-inside list-disc space-y-1 text-sm", children: state.evaluation.criteria.map((criterion, index) => (_jsx("li", { children: criterion }, index))) }) })] })] })) : (_jsxs("div", { className: "py-8 text-center text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No evaluation terms configured yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Evaluation\" to get started." })] }))] }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "mb-4 flex items-center justify-between", children: _jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Configure Evaluation Terms" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsx(Select, { label: "Evaluation Frequency *", options: evaluationFrequencyOptions, value: formData.evaluationFrequency, onChange: (value) => setFormData({
+                            ...formData,
+                            evaluationFrequency: value,
+                        }) }), _jsx(TextInput, { label: "Evaluator Team *", value: formData.evaluatorTeam, onChange: (e) => setFormData({ ...formData, evaluatorTeam: e.target.value }), className: "w-full", placeholder: "e.g., Product Team", required: true }), _jsx("div", { className: "col-span-2", children: _jsx(Textarea, { label: "Evaluation Criteria * (one per line)", value: formData.criteria, onChange: (e) => setFormData({ ...formData, criteria: e.target.value }), className: "w-full", rows: 6, placeholder: "Enter each evaluation criterion on a separate line...", required: true }) }), _jsxs("div", { className: "col-span-2 space-y-4", children: [_jsx("h3", { className: "text-lg font-medium dark:text-white", children: "Impact Settings" }), _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "impactsPayout", checked: formData.impactsPayout, onChange: (e) => setFormData({
+                                            ...formData,
+                                            impactsPayout: e.target.checked,
+                                        }), className: "mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" }), _jsx("label", { htmlFor: "impactsPayout", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Evaluation results impact payout" })] }), _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "impactsReputation", checked: formData.impactsReputation, onChange: (e) => setFormData({
+                                            ...formData,
+                                            impactsReputation: e.target.checked,
+                                        }), className: "mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" }), _jsx("label", { htmlFor: "impactsReputation", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Evaluation results impact reputation" })] }), _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "commentsVisibleToClient", checked: formData.commentsVisibleToClient, onChange: (e) => setFormData({
+                                            ...formData,
+                                            commentsVisibleToClient: e.target.checked,
+                                        }), className: "mr-2 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" }), _jsx("label", { htmlFor: "commentsVisibleToClient", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Evaluation comments visible to client" })] })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Evaluation Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

package/dist/editors/payment-terms-editor/components/MilestonesTab.d.ts

@@ -0,0 +1,9 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type Milestone, type PaymentTermsAction } from "@powerhousedao/network-admin/document-models/payment-terms";
+export interface MilestonesTabProps {
+    milestones: Milestone[];
+    dispatch: DocumentDispatch<PaymentTermsAction>;
+    currency: string;
+}
+export declare function MilestonesTab({ milestones, dispatch, currency, }: MilestonesTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MilestonesTab.d.ts.map

package/dist/editors/payment-terms-editor/components/MilestonesTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MilestonesTab.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms-editor/components/MilestonesTab.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,QAAgB,GACjB,EAAE,kBAAkB,2CA+TpB"}