@powerhousedao/network-admin 0.0.23 → 0.0.24

package/dist/editors/payment-terms/basic-terms-tab.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { toast, Button } from "@powerhousedao/design-system";
 import { Select, TextInput } from "@powerhousedao/document-engineering";
-export function BasicTermsTab({ state, dispatch, actions }) {
+export function BasicTermsTab({ state, dispatch, actions, }) {
     const [isEditing, setIsEditing] = useState(false);
     const [formData, setFormData] = useState({
         proposer: state.proposer || "",
@@ -11,7 +11,7 @@ export function BasicTermsTab({ state, dispatch, actions }) {
         paymentModel: state.paymentModel || "MILESTONE",
         totalAmount: state.totalAmount?.value?.toString() || "",
         status: state.status || "DRAFT",
-        useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions)
+        useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions),
     });
     const handleSubmit = useCallback((e) => {
         e.preventDefault();
@@ -20,10 +20,12 @@ export function BasicTermsTab({ state, dispatch, actions }) {
             payer: formData.payer,
             currency: formData.currency,
             paymentModel: formData.paymentModel,
-            totalAmount: formData.totalAmount ? {
-                value: parseFloat(formData.totalAmount),
-                unit: formData.currency
-            } : undefined
+            totalAmount: formData.totalAmount
+                ? {
+                    value: parseFloat(formData.totalAmount),
+                    unit: formData.currency,
+                }
+                : undefined,
         }));
         if (formData.status !== state.status) {
             dispatch(actions.updateStatus({ status: formData.status }));
@@ -34,7 +36,7 @@ export function BasicTermsTab({ state, dispatch, actions }) {
                 amountHeld: { value: 0, unit: formData.currency },
                 releaseConditions: "Upon project completion",
                 escrowProvider: "",
-                proofOfFundsDocumentId: ""
+                proofOfFundsDocumentId: "",
             }));
         }
         else if (!formData.useEscrow && state.escrowDetails) {
@@ -42,7 +44,7 @@ export function BasicTermsTab({ state, dispatch, actions }) {
                 amountHeld: { value: 0, unit: formData.currency },
                 releaseConditions: "",
                 escrowProvider: "",
-                proofOfFundsDocumentId: ""
+                proofOfFundsDocumentId: "",
             }));
         }
         toast("Basic terms updated successfully", {
@@ -58,27 +60,29 @@ export function BasicTermsTab({ state, dispatch, actions }) {
             paymentModel: state.paymentModel || "MILESTONE",
             totalAmount: state.totalAmount?.value?.toString() || "",
             status: state.status || "DRAFT",
-            useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions)
+            useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions),
         });
         setIsEditing(false);
     }, [state]);
     if (!isEditing) {
-        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Basic Information" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", 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: "block text-sm font-medium text-gray-700 mb-1", children: "Proposer" }), _jsx("p", { className: "text-lg", children: state.proposer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payer" }), _jsx("p", { className: "text-lg", children: state.payer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Currency" }), _jsx("p", { className: "text-lg", children: state.currency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payment Model" }), _jsx("p", { className: "text-lg", children: state.paymentModel.replace(/_/g, ' ') })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Total Amount" }), _jsx("p", { className: "text-lg", children: state.totalAmount
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Basic Information" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", 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: "block text-sm font-medium text-gray-700 mb-1", children: "Proposer" }), _jsx("p", { className: "text-lg", children: state.proposer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payer" }), _jsx("p", { className: "text-lg", children: state.payer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Currency" }), _jsx("p", { className: "text-lg", children: state.currency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payment Model" }), _jsx("p", { className: "text-lg", children: state.paymentModel.replace(/_/g, " ") })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", 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: "block text-sm font-medium text-gray-700 mb-1", children: "Status" }), _jsx("p", { className: "text-lg", children: state.status })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Escrow" }), _jsx("p", { className: "text-lg", children: state.escrowDetails && state.escrowDetails.releaseConditions ? "Enabled" : "Disabled" })] })] })] }));
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Status" }), _jsx("p", { className: "text-lg", children: state.status })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", 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: "flex justify-between items-center mb-4", 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: "block text-sm font-medium text-gray-700 mb-1", 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: "block text-sm font-medium text-gray-700 mb-1", 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: "block text-sm font-medium text-gray-700 mb-1", 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" }
+                                    { value: "GBP", label: "GBP" },
                                 ], placeholder: "Select currency", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", 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" }
+                                    { value: "RETAINER", label: "Retainer" },
                                 ], placeholder: "Select payment model", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", 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: "block text-sm font-medium text-gray-700 mb-1", 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" }
+                                    { 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 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _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: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
 }

package/dist/editors/payment-terms/clauses-tab.d.ts

@@ -1,9 +1,11 @@
 import type { BonusClause, PenaltyClause } from "../../document-models/payment-terms/gen/types.js";
+import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
+import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface ClausesTabProps {
     bonusClauses: BonusClause[];
     penaltyClauses: PenaltyClause[];
-    dispatch: (action: any) => void;
-    actions: any;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
     currency: string;
 }
 export declare function ClausesTab({ bonusClauses, penaltyClauses, dispatch, actions, currency }: ClausesTabProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/payment-terms/clauses-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clauses-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/clauses-tab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACd,MAAM,kDAAkD,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,EAAE,eAAe,2CAoVhH"}
+{"version":3,"file":"clauses-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/clauses-tab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACd,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,EAAE,eAAe,2CAoVhH"}

package/dist/editors/payment-terms/cost-materials-tab.d.ts

@@ -1,8 +1,10 @@
 import type { PaymentTermsState } from "../../document-models/payment-terms/gen/schema/types.js";
+import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
+import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface CostMaterialsTabProps {
     state: PaymentTermsState;
-    dispatch: (action: any) => void;
-    actions: any;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
 }
-export declare function CostMaterialsTab({ state, dispatch, actions }: CostMaterialsTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function CostMaterialsTab({ state, dispatch, actions, }: CostMaterialsTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=cost-materials-tab.d.ts.map

package/dist/editors/payment-terms/cost-materials-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cost-materials-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/cost-materials-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;CACd;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAkLnF"}
+{"version":3,"file":"cost-materials-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/cost-materials-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CA6NvB"}

package/dist/editors/payment-terms/cost-materials-tab.js

@@ -2,27 +2,31 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { TextInput, Select } from "@powerhousedao/document-engineering";
 import { Button, toast } from "@powerhousedao/design-system";
-export function CostMaterialsTab({ state, dispatch, actions }) {
+export function CostMaterialsTab({ state, dispatch, actions, }) {
     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
+        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,
+            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
+            timesheetRequired: formData.timesheetRequired,
         }));
         toast("Cost & Materials configuration saved", {
             type: "success",
@@ -34,20 +38,25 @@ export function CostMaterialsTab({ state, dispatch, actions }) {
             hourlyRate: state.costAndMaterials?.hourlyRate?.value?.toString() || "",
             variableCap: state.costAndMaterials?.variableCap?.value?.toString() || "",
             billingFrequency: state.costAndMaterials?.billingFrequency || "MONTHLY",
-            timesheetRequired: state.costAndMaterials?.timesheetRequired || false
+            timesheetRequired: state.costAndMaterials?.timesheetRequired || false,
         });
         setIsEditing(false);
     }, [state.costAndMaterials]);
     if (!isEditing) {
-        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Cost & Materials Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Hourly Rate" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.hourlyRate
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Cost & Materials Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Billing Frequency" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.billingFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Timesheet Required" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.timesheetRequired ? "Yes" : "No" })] })] })) : (_jsxs("div", { className: "text-center py-8 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: "flex justify-between items-center mb-4", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Billing Frequency *" }), _jsx(Select, { value: formData.billingFrequency, onChange: (value) => setFormData({ ...formData, billingFrequency: value }), options: [
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "flex justify-between items-center mb-4", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", 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" }
+                                    { 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 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _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: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Configuration" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
 }

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

@@ -1,4 +1,4 @@
 import type { EditorProps } from "document-model";
 export type IProps = EditorProps;
-export default function Editor(props: any): import("react/jsx-runtime").JSX.Element;
+export default function Editor(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAsWxC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAe1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CAsW7B"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDocumentById } from "@powerhousedao/reactor-browser";
 import { Icon, ToastContainer, } from "@powerhousedao/design-system";
 import { actions, } from "../../document-models/payment-terms/index.js";
 import { BasicTermsTab } from "./basic-terms-tab.js";
@@ -9,9 +8,10 @@ import { CostMaterialsTab } from "./cost-materials-tab.js";
 import { RetainerTab } from "./retainer-tab.js";
 import { EscrowTab } from "./escrow-tab.js";
 import { EvaluationTab } from "./evaluation-tab.js";
-export default function Editor(props) {
+import { useSelectedPaymentTermsDocument } from "../hooks/usePaymentTermsDocument.js";
+export default function Editor() {
     // Getting dispatch from props or selected document
-    const [doc, dispatch] = useDocumentById(props.documentId);
+    const [doc, dispatch] = useSelectedPaymentTermsDocument();
     const state = doc?.state.global;
     const getStatusColor = (status) => {
         switch (status) {
@@ -42,8 +42,8 @@ export default function Editor(props) {
         }
     };
     const totalMilestones = state.milestoneSchedule?.length || 0;
-    const completedMilestones = state.milestoneSchedule?.filter((m) => m.payoutStatus === "PAID")
-        .length || 0;
+    const completedMilestones = state.milestoneSchedule?.filter((m) => m.payoutStatus === "PAID").length ||
+        0;
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900", children: _jsxs("div", { className: "max-w-7xl mx-auto p-6", children: [_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm p-6 mb-6", children: [_jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "CalendarTime", size: 32, className: "text-blue-600 dark:text-blue-400" }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-2", children: "Payment Terms Document" }), _jsx("p", { className: "text-gray-600 dark:text-gray-300", children: "Manage payment terms, milestones, and contract clauses" })] })] }), _jsxs("div", { className: `flex items-center gap-2 px-3 py-2 rounded-full font-medium ${getStatusColor(state.status)}`, children: [_jsx(Icon, { name: getStatusIcon(state.status), size: 16 }), state.status] })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mt-6", children: [_jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border border-gray-200 dark:border-gray-600", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Icon, { name: "BarChart", size: 16, className: "text-blue-600 dark:text-blue-400" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 font-medium", children: "Payment Model" })] }), _jsx("p", { className: "text-lg font-semibold dark:text-white", children: state.paymentModel.replace(/_/g, " ") })] }), _jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border border-gray-200 dark:border-gray-600", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Icon, { name: "BarChart", size: 16, className: "text-green-600 dark:text-green-400" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 font-medium", children: "Currency" })] }), _jsx("p", { className: "text-lg font-semibold dark:text-white", children: state.currency })] }), _jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border border-gray-200 dark:border-gray-600", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Icon, { name: "BarChart", size: 16, className: "text-yellow-600 dark:text-yellow-400" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 font-medium", children: "Total Amount" })] }), _jsx("p", { className: "text-lg font-semibold dark:text-white", children: state.totalAmount
                                                         ? `${state.totalAmount.value} ${state.totalAmount.unit}`
                                                         : "Not set" })] }), _jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border border-gray-200 dark:border-gray-600", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Icon, { name: "BarChart", size: 16, className: "text-purple-600 dark:text-purple-400" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 font-medium", children: "Progress" })] }), _jsx("p", { className: "text-lg font-semibold dark:text-white", children: state.paymentModel === "MILESTONE"

package/dist/editors/payment-terms/escrow-tab.d.ts

@@ -1,8 +1,10 @@
 import type { PaymentTermsState } from "../../document-models/payment-terms/gen/schema/types.js";
+import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
+import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface EscrowTabProps {
     state: PaymentTermsState;
-    dispatch: (action: any) => void;
-    actions: any;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
 }
 export declare function EscrowTab({ state, dispatch, actions }: EscrowTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=escrow-tab.d.ts.map

package/dist/editors/payment-terms/escrow-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"escrow-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/escrow-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,cAAc,2CAsKrE"}
+{"version":3,"file":"escrow-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/escrow-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;CACrC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,cAAc,2CA4LrE"}

package/dist/editors/payment-terms/escrow-tab.js

@@ -8,7 +8,7 @@ export function EscrowTab({ state, dispatch, actions }) {
         amountHeld: state.escrowDetails?.amountHeld?.value?.toString() || "",
         proofOfFundsDocumentId: state.escrowDetails?.proofOfFundsDocumentId || "",
         releaseConditions: state.escrowDetails?.releaseConditions || "",
-        escrowProvider: state.escrowDetails?.escrowProvider || ""
+        escrowProvider: state.escrowDetails?.escrowProvider || "",
     });
     const handleSubmit = useCallback((e) => {
         e.preventDefault();
@@ -27,11 +27,11 @@ export function EscrowTab({ state, dispatch, actions }) {
         dispatch(actions.setEscrowDetails({
             amountHeld: {
                 value: parseFloat(formData.amountHeld),
-                unit: state.currency
+                unit: state.currency,
             },
             proofOfFundsDocumentId: formData.proofOfFundsDocumentId || undefined,
             releaseConditions: formData.releaseConditions,
-            escrowProvider: formData.escrowProvider || undefined
+            escrowProvider: formData.escrowProvider || undefined,
         }));
         toast("Escrow details saved", {
             type: "success",
@@ -43,7 +43,7 @@ export function EscrowTab({ state, dispatch, actions }) {
             amountHeld: state.escrowDetails?.amountHeld?.value?.toString() || "",
             proofOfFundsDocumentId: state.escrowDetails?.proofOfFundsDocumentId || "",
             releaseConditions: state.escrowDetails?.releaseConditions || "",
-            escrowProvider: state.escrowDetails?.escrowProvider || ""
+            escrowProvider: state.escrowDetails?.escrowProvider || "",
         });
         setIsEditing(false);
     }, [state.escrowDetails]);

package/dist/editors/payment-terms/evaluation-tab.d.ts

@@ -1,8 +1,10 @@
 import type { PaymentTermsState } from "../../document-models/payment-terms/gen/schema/types.js";
+import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
+import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface EvaluationTabProps {
     state: PaymentTermsState;
-    dispatch: (action: any) => void;
-    actions: any;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
 }
 export declare function EvaluationTab({ state, dispatch, actions }: EvaluationTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=evaluation-tab.d.ts.map

package/dist/editors/payment-terms/evaluation-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"evaluation-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/evaluation-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AAEjE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;CACd;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA2N7E"}
+{"version":3,"file":"evaluation-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/evaluation-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;CACrC;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA2N7E"}

package/dist/editors/payment-terms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,eAAO,MAAM,MAAM,EAAE,YASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/editors/payment-terms/milestones-tab.d.ts

@@ -1,9 +1,10 @@
-import type { Milestone } from "../../document-models/payment-terms/gen/types.js";
+import type { Milestone, PaymentTermsAction } from "../../document-models/payment-terms/gen/types.js";
+import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface MilestonesTabProps {
     milestones: Milestone[];
-    dispatch: (action: any) => void;
-    actions: any;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
     currency: string;
 }
-export declare function MilestonesTab({ milestones, dispatch, actions, currency }: MilestonesTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function MilestonesTab({ milestones, dispatch, actions, currency, }: MilestonesTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=milestones-tab.d.ts.map

package/dist/editors/payment-terms/milestones-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"milestones-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/milestones-tab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,SAAS,EAEV,MAAM,kDAAkD,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,EAAE,kBAAkB,2CAqTpG"}
+{"version":3,"file":"milestones-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/milestones-tab.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,SAAS,EAET,kBAAkB,EACnB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAgB,GACjB,EAAE,kBAAkB,2CA+VpB"}

package/dist/editors/payment-terms/milestones-tab.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
-import { ObjectSetTable, TextInput, DatePicker } from "@powerhousedao/document-engineering";
+import { ObjectSetTable, TextInput, DatePicker, } from "@powerhousedao/document-engineering";
 import { Button, Icon, toast } from "@powerhousedao/design-system";
 import { generateId } from "document-model";
-export function MilestonesTab({ milestones, dispatch, actions, currency = "USD" }) {
+export function MilestonesTab({ milestones, dispatch, actions, currency = "USD", }) {
     const [isAddingNew, setIsAddingNew] = useState(false);
     const [newMilestone, setNewMilestone] = useState({
         name: "",
         amount: "",
         expectedCompletionDate: "",
-        requiresApproval: true
+        requiresApproval: true,
     });
     const columns = useMemo(() => [
         {
@@ -21,7 +21,7 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
                 if (newValue !== context.row.name) {
                     dispatch(actions.updateMilestone({
                         id: context.row.id,
-                        name: newValue
+                        name: newValue,
                     }));
                     toast("Milestone name updated", {
                         type: "success",
@@ -49,7 +49,7 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
                 }
                 dispatch(actions.updateMilestone({
                     id: context.row.id,
-                    amount: { value: amount, unit: currency }
+                    amount: { value: amount, unit: currency },
                 }));
                 toast("Milestone amount updated", {
                     type: "success",
@@ -69,7 +69,7 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
                 const dateValue = newValue;
                 dispatch(actions.updateMilestone({
                     id: context.row.id,
-                    expectedCompletionDate: dateValue || undefined
+                    expectedCompletionDate: dateValue || undefined,
                 }));
                 toast("Expected completion date updated", {
                     type: "success",
@@ -82,12 +82,12 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
             title: "Requires Approval",
             editable: true,
             align: "center",
-            renderCell: (value) => value ? "Yes" : "No",
+            renderCell: (value) => (value ? "Yes" : "No"),
             onSave: (newValue, context) => {
                 const approved = newValue === "true" || newValue === true;
                 dispatch(actions.updateMilestone({
                     id: context.row.id,
-                    requiresApproval: approved
+                    requiresApproval: approved,
                 }));
                 toast("Approval requirement updated", {
                     type: "success",
@@ -106,14 +106,14 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
                     READY_FOR_REVIEW: "Ready for Review",
                     APPROVED: "Approved",
                     PAID: "Paid",
-                    REJECTED: "Rejected"
+                    REJECTED: "Rejected",
                 };
                 return statusMap[value] || value;
             },
             onSave: (newValue, context) => {
-                dispatch(actions.updateMilestone({
+                dispatch(actions.updateMilestoneStatus({
                     id: context.row.id,
-                    payoutStatus: newValue
+                    payoutStatus: newValue,
                 }));
                 toast("Milestone status updated", {
                     type: "success",
@@ -132,18 +132,18 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
                         type: "success",
                     });
                 }, size: "small", className: "text-red-600 hover:text-red-800", children: _jsx(Icon, { name: "Trash", size: 16 }) })),
-        }
+        },
     ], [actions, currency, dispatch]);
     const handleAddMilestone = useCallback((e) => {
         e.preventDefault();
         if (!newMilestone.name.trim()) {
-            toast('Name is required', {
+            toast("Name is required", {
                 type: "error",
             });
             return;
         }
         if (!newMilestone.amount || isNaN(parseFloat(newMilestone.amount))) {
-            toast('Valid amount is required', {
+            toast("Valid amount is required", {
                 type: "error",
             });
             return;
@@ -153,9 +153,11 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
             name: newMilestone.name,
             amount: {
                 value: parseFloat(newMilestone.amount),
-                unit: currency
+                unit: currency,
             },
-            requiresApproval: newMilestone.requiresApproval
+            requiresApproval: newMilestone.requiresApproval,
+            expectedCompletionDate: null,
+            payoutStatus: "PENDING",
         };
         if (newMilestone.expectedCompletionDate) {
             milestoneData.expectedCompletionDate = new Date(newMilestone.expectedCompletionDate).toISOString();
@@ -169,20 +171,28 @@ export function MilestonesTab({ milestones, dispatch, actions, currency = "USD"
             name: "",
             amount: "",
             expectedCompletionDate: "",
-            requiresApproval: true
+            requiresApproval: true,
         });
         setIsAddingNew(false);
     }, [newMilestone, dispatch, actions, currency]);
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Milestones" }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: [milestones.length, " milestone(s) defined"] })] }), _jsxs(Button, { onClick: () => setIsAddingNew(!isAddingNew), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: [_jsx(Icon, { name: "Plus", size: 16, className: "mr-2" }), "Add Milestone"] })] }), isAddingNew && (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border dark:border-gray-600", children: [_jsx("h3", { className: "text-lg font-medium mb-4 dark:text-white", children: "Add New Milestone" }), _jsxs("form", { onSubmit: handleAddMilestone, className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(TextInput, { label: "Name *", value: newMilestone.name, onChange: (e) => setNewMilestone({ ...newMilestone, name: e.target.value }), className: "w-full", required: true }), _jsx(TextInput, { label: `Amount (${currency}) *`, type: "number", value: newMilestone.amount, onChange: (e) => setNewMilestone({ ...newMilestone, amount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(DatePicker, { value: newMilestone.expectedCompletionDate ? new Date(newMilestone.expectedCompletionDate) : undefined, onChange: (e) => {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Milestones" }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: [milestones.length, " milestone(s) defined"] })] }), _jsxs(Button, { onClick: () => setIsAddingNew(!isAddingNew), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: [_jsx(Icon, { name: "Plus", size: 16, className: "mr-2" }), "Add Milestone"] })] }), isAddingNew && (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border dark:border-gray-600", children: [_jsx("h3", { className: "text-lg font-medium mb-4 dark:text-white", children: "Add New Milestone" }), _jsxs("form", { onSubmit: handleAddMilestone, className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(TextInput, { label: "Name *", value: newMilestone.name, onChange: (e) => setNewMilestone({ ...newMilestone, name: e.target.value }), className: "w-full", required: true }), _jsx(TextInput, { label: `Amount (${currency}) *`, type: "number", value: newMilestone.amount, onChange: (e) => setNewMilestone({ ...newMilestone, amount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(DatePicker, { value: newMilestone.expectedCompletionDate
+                                            ? new Date(newMilestone.expectedCompletionDate)
+                                            : undefined, onChange: (e) => {
                                             const date = e.target.value ? new Date(e.target.value) : null;
-                                            setNewMilestone({ ...newMilestone, expectedCompletionDate: date?.toISOString() || "" });
-                                        }, name: "expected-completion-date", placeholder: "Select expected completion date" }), _jsxs("div", { className: "flex items-center pt-6", children: [_jsx("input", { type: "checkbox", id: "requiresApproval", checked: newMilestone.requiresApproval, onChange: (e) => setNewMilestone({ ...newMilestone, requiresApproval: e.target.checked }), className: "mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _jsx("label", { htmlFor: "requiresApproval", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Requires Approval" })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Add Milestone" }), _jsx(Button, { type: "button", onClick: () => {
+                                            setNewMilestone({
+                                                ...newMilestone,
+                                                expectedCompletionDate: date?.toISOString() || "",
+                                            });
+                                        }, name: "expected-completion-date", placeholder: "Select expected completion date" }), _jsxs("div", { className: "flex items-center pt-6", children: [_jsx("input", { type: "checkbox", id: "requiresApproval", checked: newMilestone.requiresApproval, onChange: (e) => setNewMilestone({
+                                                    ...newMilestone,
+                                                    requiresApproval: e.target.checked,
+                                                }), className: "mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _jsx("label", { htmlFor: "requiresApproval", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Requires Approval" })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Add Milestone" }), _jsx(Button, { type: "button", onClick: () => {
                                             setIsAddingNew(false);
                                             setNewMilestone({
                                                 name: "",
                                                 amount: "",
                                                 expectedCompletionDate: "",
-                                                requiresApproval: true
+                                                requiresApproval: true,
                                             });
                                         }, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] })] })), milestones.length > 0 ? (_jsx(ObjectSetTable, { data: milestones, columns: columns, onAdd: () => setIsAddingNew(true), onDelete: (row) => {
                     dispatch(actions.deleteMilestone({ id: row.id }));

package/dist/editors/payment-terms/retainer-tab.d.ts

@@ -1,8 +1,10 @@
 import type { PaymentTermsState } from "../../document-models/payment-terms/gen/schema/types.js";
+import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
+import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface RetainerTabProps {
     state: PaymentTermsState;
-    dispatch: (action: any) => void;
-    actions: any;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
 }
 export declare function RetainerTab({ state, dispatch, actions }: RetainerTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=retainer-tab.d.ts.map

package/dist/editors/payment-terms/retainer-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"retainer-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/retainer-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;CACd;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAoOzE"}
+{"version":3,"file":"retainer-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/retainer-tab.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CA+RzE"}