@powerhousedao/network-admin 0.0.64 → 1.0.0-dev.2

package/dist/editors/payment-terms/components/clauses-section.js

@@ -1,269 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { Scale, TrendingUp, TrendingDown, Plus } from "lucide-react";
-import { ObjectSetTable, } from "@powerhousedao/document-engineering";
-import { toast } from "@powerhousedao/design-system/connect";
-import { generateId } from "document-model/core";
-import {} from "../../../document-models/payment-terms/index.js";
-export function ClausesSection({ bonusClauses, penaltyClauses, dispatch, actions, currency, }) {
-    const [activeTab, setActiveTab] = useState("bonus");
-    const bonusColumns = useMemo(() => [
-        {
-            field: "condition",
-            title: "Condition",
-            type: "string",
-            editable: true,
-            align: "left",
-            width: 350,
-            onSave: (newValue, context) => {
-                if (newValue && newValue !== context.row.condition) {
-                    dispatch(actions.updateBonusClause({
-                        id: context.row.id,
-                        condition: newValue,
-                    }));
-                    toast("Condition updated", { type: "success" });
-                    return true;
-                }
-                return false;
-            },
-            renderCell: (value, context) => {
-                // Use context.row to get the latest state value
-                const condition = context.row.condition;
-                if (!condition) {
-                    return (_jsx("span", { className: "text-slate-400 italic", children: "+ Double-click to add bonus clause" }));
-                }
-                return _jsx("span", { children: condition });
-            },
-        },
-        {
-            field: "bonusAmount",
-            title: `Amount (${currency})`,
-            type: "number",
-            editable: true,
-            align: "right",
-            width: 120,
-            renderCell: (value, context) => {
-                // Hide for empty/new rows
-                if (!context.row.condition) {
-                    return null;
-                }
-                // Use context.row to get the latest state value
-                const numValue = context.row.bonusAmount?.value;
-                if (numValue === undefined || numValue === null) {
-                    return _jsx("span", { className: "text-slate-400", children: "\u2014" });
-                }
-                return (_jsxs("span", { className: "font-mono text-sm text-emerald-600", children: [_jsxs("span", { className: "font-semibold", children: ["+", numValue.toLocaleString()] }), _jsx("span", { className: "text-emerald-500 ml-1", children: context.row.bonusAmount?.unit || currency })] }));
-            },
-            renderCellEditor: (value, onChange, context) => {
-                // Extract numeric value from Amount object
-                const amountValue = context.row.bonusAmount?.value;
-                return (_jsx("input", { className: "w-full bg-white border border-gray-300 rounded-md p-2", name: `bonusAmount-${context.row.id}`, defaultValue: amountValue, step: "0.01", type: "number", onBlur: (e) => {
-                        if (e.target.value !== undefined &&
-                            e.target.value !== String(context.row.bonusAmount?.value)) {
-                            const amount = parseFloat(e.target.value);
-                            if (!isNaN(amount)) {
-                                dispatch(actions.updateBonusClause({
-                                    id: context.row.id,
-                                    bonusAmount: {
-                                        value: amount,
-                                        unit: currency,
-                                    },
-                                }));
-                                toast("Amount updated", { type: "success" });
-                            }
-                        }
-                    } }));
-            },
-            onSave: () => {
-                return true;
-            },
-        },
-        {
-            field: "comment",
-            title: "Comment",
-            type: "string",
-            editable: true,
-            align: "left",
-            width: 180,
-            renderCell: (value, context) => {
-                // Hide for empty/new rows
-                if (!context.row.condition) {
-                    return null;
-                }
-                // Use context.row to get the latest state value
-                const comment = context.row.comment;
-                return comment || _jsx("span", { className: "text-slate-400", children: "\u2014" });
-            },
-            onSave: (newValue, context) => {
-                dispatch(actions.updateBonusClause({
-                    id: context.row.id,
-                    comment: newValue || undefined,
-                }));
-                toast("Comment updated", { type: "success" });
-                return true;
-            },
-        },
-    ], [actions, currency, dispatch]);
-    const penaltyColumns = useMemo(() => [
-        {
-            field: "condition",
-            title: "Condition",
-            type: "string",
-            editable: true,
-            align: "left",
-            width: 350,
-            onSave: (newValue, context) => {
-                if (newValue && newValue !== context.row.condition) {
-                    dispatch(actions.updatePenaltyClause({
-                        id: context.row.id,
-                        condition: newValue,
-                    }));
-                    toast("Condition updated", { type: "success" });
-                    return true;
-                }
-                return false;
-            },
-            renderCell: (value, context) => {
-                // Use context.row to get the latest state value
-                const condition = context.row.condition;
-                if (!condition) {
-                    return (_jsx("span", { className: "text-slate-400 italic", children: "+ Double-click to add penalty clause" }));
-                }
-                return _jsx("span", { children: condition });
-            },
-        },
-        {
-            field: "deductionAmount",
-            title: `Deduction (${currency})`,
-            type: "number",
-            editable: true,
-            align: "right",
-            width: 120,
-            renderCell: (value, context) => {
-                // Hide for empty/new rows
-                if (!context.row.condition) {
-                    return null;
-                }
-                // Use context.row to get the latest state value
-                const numValue = context.row.deductionAmount?.value;
-                if (numValue === undefined || numValue === null) {
-                    return _jsx("span", { className: "text-slate-400", children: "\u2014" });
-                }
-                return (_jsxs("span", { className: "font-mono text-sm text-rose-600", children: [_jsxs("span", { className: "font-semibold", children: ["-", numValue.toLocaleString()] }), _jsx("span", { className: "text-rose-500 ml-1", children: context.row.deductionAmount?.unit || currency })] }));
-            },
-            renderCellEditor: (value, onChange, context) => {
-                // Extract numeric value from Amount object
-                const amountValue = context.row.deductionAmount?.value;
-                return (_jsx("input", { className: "w-full bg-white border border-gray-300 rounded-md p-2", name: `deductionAmount-${context.row.id}`, defaultValue: amountValue, step: "0.01", type: "number", onBlur: (e) => {
-                        if (e.target.value !== undefined &&
-                            e.target.value !== String(context.row.deductionAmount?.value)) {
-                            const amount = parseFloat(e.target.value);
-                            if (!isNaN(amount)) {
-                                dispatch(actions.updatePenaltyClause({
-                                    id: context.row.id,
-                                    deductionAmount: {
-                                        value: amount,
-                                        unit: currency,
-                                    },
-                                }));
-                                toast("Amount updated", { type: "success" });
-                            }
-                        }
-                    } }));
-            },
-            onSave: () => {
-                return true;
-            },
-        },
-        {
-            field: "comment",
-            title: "Comment",
-            type: "string",
-            editable: true,
-            align: "left",
-            width: 180,
-            renderCell: (value, context) => {
-                // Hide for empty/new rows
-                if (!context.row.condition) {
-                    return null;
-                }
-                // Use context.row to get the latest state value
-                const comment = context.row.comment;
-                return comment || _jsx("span", { className: "text-slate-400", children: "\u2014" });
-            },
-            onSave: (newValue, context) => {
-                dispatch(actions.updatePenaltyClause({
-                    id: context.row.id,
-                    comment: newValue || undefined,
-                }));
-                toast("Comment updated", { type: "success" });
-                return true;
-            },
-        },
-    ], [actions, currency, dispatch]);
-    const currentClauses = activeTab === "bonus" ? bonusClauses : penaltyClauses;
-    return (_jsxs("div", { className: "bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden transition-shadow hover:shadow-md", children: [_jsx("div", { className: "flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-stone-50", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex items-center justify-center w-9 h-9 rounded-lg bg-white text-slate-500", children: _jsx(Scale, { size: 18 }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-[15px] font-semibold text-slate-800", children: "Bonus & Penalty Clauses" }), _jsxs("p", { className: "text-[13px] text-slate-400 mt-0.5", children: [_jsxs("span", { className: "text-emerald-600", children: [bonusClauses.length, " bonus"] }), " • ", _jsxs("span", { className: "text-rose-600", children: [penaltyClauses.length, " penalty"] })] })] })] }) }), _jsxs("div", { className: "p-5", children: [_jsxs("div", { className: "flex gap-1 border-b border-gray-200 mb-4", children: [_jsxs("button", { type: "button", className: `px-4 py-2.5 text-sm font-medium border-b-2 transition-colors ${activeTab === "bonus"
-                                    ? "text-emerald-600 border-emerald-600"
-                                    : "text-slate-400 border-transparent hover:text-slate-800"}`, onClick: () => setActiveTab("bonus"), children: [_jsx(TrendingUp, { size: 14, className: "inline align-middle mr-1.5" }), "Bonus (", bonusClauses.length, ")"] }), _jsxs("button", { type: "button", className: `px-4 py-2.5 text-sm font-medium border-b-2 transition-colors ${activeTab === "penalty"
-                                    ? "text-rose-600 border-rose-600"
-                                    : "text-slate-400 border-transparent hover:text-slate-800"}`, onClick: () => setActiveTab("penalty"), children: [_jsx(TrendingDown, { size: 14, className: "inline align-middle mr-1.5" }), "Penalty (", penaltyClauses.length, ")"] })] }), currentClauses.length > 0 ? (activeTab === "bonus" ? (_jsx(ObjectSetTable, { data: bonusClauses, columns: bonusColumns, onAdd: (data) => {
-                            const condition = data.condition || "";
-                            if (condition.trim()) {
-                                dispatch(actions.addBonusClause({
-                                    id: generateId(),
-                                    condition: condition.trim(),
-                                    bonusAmount: { value: 0, unit: currency },
-                                    comment: undefined,
-                                }));
-                                toast("Bonus clause added", { type: "success" });
-                            }
-                        }, onDelete: (rows) => {
-                            if (rows.length > 0) {
-                                rows.forEach((row) => {
-                                    dispatch(actions.deleteBonusClause({ id: row.id }));
-                                });
-                                toast(`${rows.length} bonus clause${rows.length > 1 ? "s" : ""} deleted`, { type: "success" });
-                            }
-                        }, allowRowSelection: true })) : (_jsx(ObjectSetTable, { data: penaltyClauses, columns: penaltyColumns, onAdd: (data) => {
-                            const condition = data.condition || "";
-                            if (condition.trim()) {
-                                dispatch(actions.addPenaltyClause({
-                                    id: generateId(),
-                                    condition: condition.trim(),
-                                    deductionAmount: { value: 0, unit: currency },
-                                    comment: undefined,
-                                }));
-                                toast("Penalty clause added", { type: "success" });
-                            }
-                        }, onDelete: (rows) => {
-                            if (rows.length > 0) {
-                                rows.forEach((row) => {
-                                    dispatch(actions.deletePenaltyClause({ id: row.id }));
-                                });
-                                toast(`${rows.length} penalty clause${rows.length > 1 ? "s" : ""} deleted`, { type: "success" });
-                            }
-                        }, allowRowSelection: true }))) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-10 text-center border-2 border-dashed border-gray-200 rounded-lg bg-stone-50", children: [activeTab === "bonus" ? (_jsx(TrendingUp, { size: 48, className: "text-slate-400 mb-4" })) : (_jsx(TrendingDown, { size: 48, className: "text-slate-400 mb-4" })), _jsxs("p", { className: "text-[15px] font-semibold text-slate-800 mb-1", children: ["No ", activeTab, " clauses yet"] }), _jsx("p", { className: "text-sm text-slate-400 mb-4", children: activeTab === "bonus"
-                                    ? "Add bonus incentives for exceptional performance"
-                                    : "Add penalty deductions for contract violations" }), _jsxs("button", { type: "button", className: `inline-flex items-center gap-2 px-4 py-2 text-[13px] font-medium text-white border-none rounded-md cursor-pointer transition-colors ${activeTab === "bonus"
-                                    ? "bg-emerald-600 hover:bg-emerald-700"
-                                    : "bg-rose-600 hover:bg-rose-700"}`, onClick: () => {
-                                    if (activeTab === "bonus") {
-                                        dispatch(actions.addBonusClause({
-                                            id: generateId(),
-                                            condition: "New bonus condition",
-                                            bonusAmount: { value: 0, unit: currency },
-                                            comment: undefined,
-                                        }));
-                                        toast("Bonus clause added", { type: "success" });
-                                    }
-                                    else {
-                                        dispatch(actions.addPenaltyClause({
-                                            id: generateId(),
-                                            condition: "New penalty condition",
-                                            deductionAmount: { value: 0, unit: currency },
-                                            comment: undefined,
-                                        }));
-                                        toast("Penalty clause added", { type: "success" });
-                                    }
-                                }, children: [_jsx(Plus, { size: 16 }), "Add First ", activeTab === "bonus" ? "Bonus" : "Penalty"] })] }))] })] }));
-}

package/dist/editors/payment-terms/components/escrow-section.d.ts

@@ -1,13 +0,0 @@
-import type { PaymentTermsState } from "../../../document-models/payment-terms/gen/types.js";
-import type { PaymentTermsAction } from "../../../document-models/payment-terms/gen/actions.js";
-import { type actions as paymentTermsActions } from "../../../document-models/payment-terms/index.js";
-interface EscrowSectionProps {
-    state: PaymentTermsState;
-    dispatch: (action: PaymentTermsAction) => void;
-    actions: typeof paymentTermsActions;
-    isExpanded: boolean;
-    onToggleExpand: () => void;
-}
-export declare function EscrowSection({ state, dispatch, actions, isExpanded, onToggleExpand, }: EscrowSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=escrow-section.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"escrow-section.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms/components/escrow-section.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAChG,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAEtG,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,cAAc,GACf,EAAE,kBAAkB,2CA4SpB"}

package/dist/editors/payment-terms/components/escrow-section.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { Shield, Lock, FileCheck, Building, Pencil, Check, X, ChevronDown, ChevronUp, } from "lucide-react";
-import { TextInput, Textarea } from "@powerhousedao/document-engineering";
-import { toast } from "@powerhousedao/design-system/connect";
-import {} from "../../../document-models/payment-terms/index.js";
-export function EscrowSection({ state, dispatch, actions, isExpanded, onToggleExpand, }) {
-    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 hasEscrow = !!(state.escrowDetails && state.escrowDetails.releaseConditions);
-    const handleSave = useCallback(() => {
-        if (!formData.amountHeld || isNaN(parseFloat(formData.amountHeld))) {
-            toast("Please enter a valid escrow amount", { 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 configuration saved", { type: "success" });
-        setIsEditing(false);
-    }, [formData, state.currency, dispatch, actions]);
-    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]);
-    const handleRemoveEscrow = useCallback(() => {
-        dispatch(actions.setEscrowDetails({
-            amountHeld: { value: 0, unit: state.currency },
-            releaseConditions: "",
-            escrowProvider: "",
-            proofOfFundsDocumentId: "",
-        }));
-        toast("Escrow removed", { type: "success" });
-    }, [dispatch, actions, state.currency]);
-    const formatCurrency = (value) => {
-        if (!value)
-            return null;
-        return new Intl.NumberFormat("en-US", {
-            style: "currency",
-            currency: state.currency,
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 2,
-        }).format(value);
-    };
-    return (_jsxs("div", { className: "bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden transition-shadow hover:shadow-md self-start", children: [_jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-stone-50 cursor-pointer", onClick: onToggleExpand, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `flex items-center justify-center w-9 h-9 rounded-lg ${hasEscrow ? "bg-emerald-100" : "bg-white"}`, children: _jsx(Shield, { size: 18, className: hasEscrow ? "text-emerald-600" : "text-slate-500" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-[15px] font-semibold text-slate-800", children: "Escrow Protection" }), _jsx("p", { className: "text-[13px] text-slate-400 mt-0.5", children: hasEscrow ? (_jsxs("span", { className: "text-emerald-600", children: [formatCurrency(state.escrowDetails?.amountHeld?.value), " held"] })) : ("Optional security deposit") })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [hasEscrow && (_jsxs("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full bg-emerald-100 text-emerald-600", children: [_jsx(Lock, { size: 12 }), "Active"] })), isExpanded ? (_jsx(ChevronUp, { size: 20, className: "text-slate-400" })) : (_jsx(ChevronDown, { size: 20, className: "text-slate-400" }))] })] }), isExpanded && (_jsx("div", { className: "p-5", children: isEditing ? (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500 after:content-['_*'] after:text-rose-500", children: ["Amount Held (", state.currency, ")"] }), _jsx(TextInput, { type: "number", value: formData.amountHeld, onChange: (e) => setFormData({ ...formData, amountHeld: e.target.value }), placeholder: "0.00", step: "0.01" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(Building, { size: 14, className: "inline align-middle mr-1.5" }), "Escrow Provider"] }), _jsx(TextInput, { value: formData.escrowProvider, onChange: (e) => setFormData({ ...formData, escrowProvider: e.target.value }), placeholder: "e.g., Escrow.com" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(FileCheck, { size: 14, className: "inline align-middle mr-1.5" }), "Proof of Funds Document ID"] }), _jsx(TextInput, { value: formData.proofOfFundsDocumentId, onChange: (e) => setFormData({
-                                        ...formData,
-                                        proofOfFundsDocumentId: e.target.value,
-                                    }), placeholder: "Document reference", className: "font-mono" })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500 after:content-['_*'] after:text-rose-500", children: "Release Conditions" }), _jsx(Textarea, { value: formData.releaseConditions, onChange: (e) => setFormData({
-                                        ...formData,
-                                        releaseConditions: e.target.value,
-                                    }), placeholder: "Describe the conditions under which escrow funds will be released...", rows: 3 })] }), _jsxs("div", { className: "col-span-2 flex justify-between items-center pt-3 border-t border-gray-200", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-white bg-slate-800 border-none rounded-md cursor-pointer transition-colors hover:bg-slate-700", onClick: handleSave, children: [_jsx(Check, { size: 14 }), "Save"] }), _jsxs("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-slate-500 bg-stone-100 border border-gray-200 rounded-md cursor-pointer transition-colors hover:bg-stone-200", onClick: handleCancel, children: [_jsx(X, { size: 14 }), "Cancel"] })] }), hasEscrow && (_jsx("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-rose-600 bg-transparent border-none rounded-md cursor-pointer transition-colors hover:bg-rose-50", onClick: handleRemoveEscrow, children: "Remove Escrow" }))] })] })) : hasEscrow ? (_jsxs("div", { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500", children: "Amount Held" }), _jsx("p", { className: "text-[15px] font-mono font-semibold text-emerald-600 py-2.5", children: formatCurrency(state.escrowDetails?.amountHeld?.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(Building, { size: 14, className: "inline align-middle mr-1.5" }), "Provider"] }), _jsx("p", { className: `text-[15px] py-2.5 ${!state.escrowDetails?.escrowProvider ? "text-slate-400 italic" : "text-slate-800"}`, children: state.escrowDetails?.escrowProvider || "Not specified" })] }), state.escrowDetails?.proofOfFundsDocumentId && (_jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(FileCheck, { size: 14, className: "inline align-middle mr-1.5" }), "Proof of Funds"] }), _jsx("p", { className: "text-[13px] font-mono py-2.5 text-slate-800", children: state.escrowDetails.proofOfFundsDocumentId })] })), _jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500", children: "Release Conditions" }), _jsx("div", { className: "p-3 bg-stone-50 rounded-md text-sm leading-relaxed text-slate-800", children: state.escrowDetails?.releaseConditions })] })] }), _jsx("div", { className: "flex justify-end mt-4 pt-4 border-t border-gray-200", children: _jsxs("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-slate-500 bg-transparent border-none rounded-md cursor-pointer transition-colors hover:bg-stone-100 hover:text-slate-800", onClick: () => setIsEditing(true), children: [_jsx(Pencil, { size: 14 }), "Edit Escrow"] }) })] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-6 text-center border-2 border-dashed border-gray-200 rounded-lg bg-stone-50", children: [_jsx(Shield, { size: 32, className: "text-slate-400 mb-3" }), _jsx("p", { className: "text-[15px] font-semibold text-slate-800 mb-1", children: "No escrow configured" }), _jsx("p", { className: "text-sm text-slate-400 mb-4", children: "Add escrow protection for secure payments" }), _jsx("button", { type: "button", className: "inline-flex items-center gap-2 px-4 py-2 text-[13px] font-medium text-white bg-slate-800 border-none rounded-md cursor-pointer transition-colors hover:bg-slate-700", onClick: () => setIsEditing(true), children: "Set Up Escrow" })] })) }))] }));
-}

package/dist/editors/payment-terms/components/evaluation-section.d.ts

@@ -1,13 +0,0 @@
-import type { PaymentTermsState } from "../../../document-models/payment-terms/gen/types.js";
-import type { PaymentTermsAction } from "../../../document-models/payment-terms/gen/actions.js";
-import { type actions as paymentTermsActions } from "../../../document-models/payment-terms/index.js";
-interface EvaluationSectionProps {
-    state: PaymentTermsState;
-    dispatch: (action: PaymentTermsAction) => void;
-    actions: typeof paymentTermsActions;
-    isExpanded: boolean;
-    onToggleExpand: () => void;
-}
-export declare function EvaluationSection({ state, dispatch, actions, isExpanded, onToggleExpand, }: EvaluationSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=evaluation-section.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"evaluation-section.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms/components/evaluation-section.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAChG,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAEtG,UAAU,sBAAsB;IAC9B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,cAAc,GACf,EAAE,sBAAsB,2CAwZxB"}

package/dist/editors/payment-terms/components/evaluation-section.js

@@ -1,94 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { ClipboardCheck, Calendar, Users, TrendingUp, Star, Eye, Pencil, Check, X, ChevronDown, ChevronUp, Plus, Trash2, } from "lucide-react";
-import { TextInput, Select } from "@powerhousedao/document-engineering";
-import { toast } from "@powerhousedao/design-system/connect";
-import {} from "../../../document-models/payment-terms/index.js";
-const FREQUENCY_OPTIONS = [
-    { value: "WEEKLY", label: "Weekly" },
-    { value: "MONTHLY", label: "Monthly" },
-    { value: "PER_MILESTONE", label: "Per Milestone" },
-];
-export function EvaluationSection({ state, dispatch, actions, isExpanded, onToggleExpand, }) {
-    const [isEditing, setIsEditing] = useState(false);
-    const [formData, setFormData] = useState({
-        evaluationFrequency: state.evaluation?.evaluationFrequency || "MONTHLY",
-        evaluatorTeam: state.evaluation?.evaluatorTeam || "",
-        criteria: state.evaluation?.criteria || [],
-        impactsPayout: state.evaluation?.impactsPayout ?? false,
-        impactsReputation: state.evaluation?.impactsReputation ?? false,
-        commentsVisibleToClient: state.evaluation?.commentsVisibleToClient ?? true,
-    });
-    const [newCriterion, setNewCriterion] = useState("");
-    const hasEvaluation = !!state.evaluation;
-    const handleAddCriterion = useCallback(() => {
-        if (newCriterion.trim()) {
-            setFormData({
-                ...formData,
-                criteria: [...formData.criteria, newCriterion.trim()],
-            });
-            setNewCriterion("");
-        }
-    }, [newCriterion, formData]);
-    const handleRemoveCriterion = useCallback((index) => {
-        setFormData({
-            ...formData,
-            criteria: formData.criteria.filter((_, i) => i !== index),
-        });
-    }, [formData]);
-    const handleSave = useCallback(() => {
-        if (!formData.evaluatorTeam.trim()) {
-            toast("Evaluator team is required", { type: "error" });
-            return;
-        }
-        if (formData.criteria.length === 0) {
-            toast("At least one evaluation criterion is required", { type: "error" });
-            return;
-        }
-        dispatch(actions.setEvaluationTerms({
-            evaluationFrequency: formData.evaluationFrequency,
-            evaluatorTeam: formData.evaluatorTeam,
-            criteria: formData.criteria,
-            impactsPayout: formData.impactsPayout,
-            impactsReputation: formData.impactsReputation,
-            commentsVisibleToClient: formData.commentsVisibleToClient,
-        }));
-        toast("Evaluation terms saved", { type: "success" });
-        setIsEditing(false);
-    }, [formData, dispatch, actions]);
-    const handleCancel = useCallback(() => {
-        setFormData({
-            evaluationFrequency: state.evaluation?.evaluationFrequency || "MONTHLY",
-            evaluatorTeam: state.evaluation?.evaluatorTeam || "",
-            criteria: state.evaluation?.criteria || [],
-            impactsPayout: state.evaluation?.impactsPayout ?? false,
-            impactsReputation: state.evaluation?.impactsReputation ?? false,
-            commentsVisibleToClient: state.evaluation?.commentsVisibleToClient ?? true,
-        });
-        setNewCriterion("");
-        setIsEditing(false);
-    }, [state.evaluation]);
-    const frequencyLabel = FREQUENCY_OPTIONS.find((o) => o.value === state.evaluation?.evaluationFrequency)?.label || "Monthly";
-    return (_jsxs("div", { className: "bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden transition-shadow hover:shadow-md self-start", children: [_jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-stone-50 cursor-pointer", onClick: onToggleExpand, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `flex items-center justify-center w-9 h-9 rounded-lg ${hasEvaluation ? "bg-blue-100" : "bg-white"}`, children: _jsx(ClipboardCheck, { size: 18, className: hasEvaluation ? "text-blue-600" : "text-slate-500" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-[15px] font-semibold text-slate-800", children: "Evaluation" }), _jsx("p", { className: "text-[13px] text-slate-400 mt-0.5", children: hasEvaluation
-                                            ? `${frequencyLabel} reviews`
-                                            : "Performance tracking" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [hasEvaluation && (_jsxs("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-600", children: [state.evaluation?.criteria.length, " criteria"] })), isExpanded ? (_jsx(ChevronUp, { size: 20, className: "text-slate-400" })) : (_jsx(ChevronDown, { size: 20, className: "text-slate-400" }))] })] }), isExpanded && (_jsx("div", { className: "p-5", children: isEditing ? (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(Calendar, { size: 14, className: "inline align-middle mr-1.5" }), "Evaluation Frequency"] }), _jsx(Select, { value: formData.evaluationFrequency, onChange: (value) => setFormData({
-                                        ...formData,
-                                        evaluationFrequency: value,
-                                    }), options: FREQUENCY_OPTIONS })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500 after:content-['_*'] after:text-rose-500", children: [_jsx(Users, { size: 14, className: "inline align-middle mr-1.5" }), "Evaluator Team"] }), _jsx(TextInput, { value: formData.evaluatorTeam, onChange: (e) => setFormData({ ...formData, evaluatorTeam: e.target.value }), placeholder: "e.g., Product Team" })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500 after:content-['_*'] after:text-rose-500", children: "Evaluation Criteria" }), _jsxs("div", { className: "flex gap-2 mb-3", children: [_jsx(TextInput, { value: newCriterion, onChange: (e) => setNewCriterion(e.target.value), placeholder: "Add a criterion...", onKeyDown: (e) => {
-                                                if (e.key === "Enter") {
-                                                    e.preventDefault();
-                                                    handleAddCriterion();
-                                                }
-                                            }, className: "flex-1" }), _jsx("button", { type: "button", className: "inline-flex items-center justify-center w-9 h-9 text-slate-500 bg-stone-100 border border-gray-200 rounded-md cursor-pointer transition-colors hover:bg-stone-200 disabled:opacity-50 disabled:cursor-not-allowed", onClick: handleAddCriterion, disabled: !newCriterion.trim(), children: _jsx(Plus, { size: 16 }) })] }), formData.criteria.length > 0 ? (_jsx("div", { className: "flex flex-col gap-2", children: formData.criteria.map((criterion, index) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-stone-50 rounded-md", children: [_jsx("span", { className: "flex-1 text-sm", children: criterion }), _jsx("button", { type: "button", className: "inline-flex items-center justify-center w-6 h-6 text-slate-400 bg-transparent border-none rounded cursor-pointer transition-colors hover:bg-rose-100 hover:text-rose-600", onClick: () => handleRemoveCriterion(index), children: _jsx(Trash2, { size: 14 }) })] }, index))) })) : (_jsx("p", { className: "text-sm text-slate-400 text-center py-3", children: "No criteria added yet" }))] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500 mb-3", children: "Impact Settings" }), _jsxs("div", { className: "flex flex-col gap-2.5", children: [_jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx("input", { type: "checkbox", id: "impactsPayout", className: "w-4.5 h-4.5 border-2 border-gray-200 rounded cursor-pointer accent-blue-600", checked: formData.impactsPayout, onChange: (e) => setFormData({
-                                                        ...formData,
-                                                        impactsPayout: e.target.checked,
-                                                    }) }), _jsxs("label", { htmlFor: "impactsPayout", className: "text-sm text-slate-800 cursor-pointer", children: [_jsx(TrendingUp, { size: 14, className: "inline align-middle mr-1.5" }), "Evaluations impact payout amounts"] })] }), _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx("input", { type: "checkbox", id: "impactsReputation", className: "w-4.5 h-4.5 border-2 border-gray-200 rounded cursor-pointer accent-blue-600", checked: formData.impactsReputation, onChange: (e) => setFormData({
-                                                        ...formData,
-                                                        impactsReputation: e.target.checked,
-                                                    }) }), _jsxs("label", { htmlFor: "impactsReputation", className: "text-sm text-slate-800 cursor-pointer", children: [_jsx(Star, { size: 14, className: "inline align-middle mr-1.5" }), "Evaluations impact reputation score"] })] }), _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx("input", { type: "checkbox", id: "commentsVisible", className: "w-4.5 h-4.5 border-2 border-gray-200 rounded cursor-pointer accent-blue-600", checked: formData.commentsVisibleToClient, onChange: (e) => setFormData({
-                                                        ...formData,
-                                                        commentsVisibleToClient: e.target.checked,
-                                                    }) }), _jsxs("label", { htmlFor: "commentsVisible", className: "text-sm text-slate-800 cursor-pointer", children: [_jsx(Eye, { size: 14, className: "inline align-middle mr-1.5" }), "Evaluation comments visible to client"] })] })] })] }), _jsxs("div", { className: "col-span-2 flex gap-2 pt-3 border-t border-gray-200", children: [_jsxs("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-white bg-slate-800 border-none rounded-md cursor-pointer transition-colors hover:bg-slate-700", onClick: handleSave, children: [_jsx(Check, { size: 14 }), "Save"] }), _jsxs("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-slate-500 bg-stone-100 border border-gray-200 rounded-md cursor-pointer transition-colors hover:bg-stone-200", onClick: handleCancel, children: [_jsx(X, { size: 14 }), "Cancel"] })] })] })) : hasEvaluation ? (_jsxs("div", { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(Calendar, { size: 14, className: "inline align-middle mr-1.5" }), "Frequency"] }), _jsx("p", { className: "text-[15px] py-2.5", children: _jsx("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-600", children: frequencyLabel }) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsxs("label", { className: "text-[13px] font-medium text-slate-500", children: [_jsx(Users, { size: 14, className: "inline align-middle mr-1.5" }), "Evaluator Team"] }), _jsx("p", { className: "text-[15px] py-2.5 text-slate-800", children: state.evaluation?.evaluatorTeam })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500", children: "Criteria" }), _jsx("div", { className: "flex flex-wrap gap-2 mt-1", children: state.evaluation?.criteria.map((criterion, index) => (_jsx("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full bg-stone-100 text-slate-500", children: criterion }, index))) })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-1.5", children: [_jsx("label", { className: "text-[13px] font-medium text-slate-500", children: "Impact Settings" }), _jsxs("div", { className: "flex flex-wrap gap-3 mt-1", children: [_jsxs("span", { className: `inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full ${state.evaluation?.impactsPayout ? "bg-amber-100 text-amber-600" : "bg-stone-100 text-slate-500"}`, children: [_jsx(TrendingUp, { size: 12 }), "Payout: ", state.evaluation?.impactsPayout ? "Yes" : "No"] }), _jsxs("span", { className: `inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full ${state.evaluation?.impactsReputation ? "bg-amber-100 text-amber-600" : "bg-stone-100 text-slate-500"}`, children: [_jsx(Star, { size: 12 }), "Reputation:", " ", state.evaluation?.impactsReputation ? "Yes" : "No"] }), _jsxs("span", { className: `inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-full ${state.evaluation?.commentsVisibleToClient ? "bg-blue-100 text-blue-600" : "bg-stone-100 text-slate-500"}`, children: [_jsx(Eye, { size: 12 }), "Comments:", " ", state.evaluation?.commentsVisibleToClient
-                                                            ? "Visible"
-                                                            : "Hidden"] })] })] })] }), _jsx("div", { className: "flex justify-end mt-4 pt-4 border-t border-gray-200", children: _jsxs("button", { type: "button", className: "inline-flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-slate-500 bg-transparent border-none rounded-md cursor-pointer transition-colors hover:bg-stone-100 hover:text-slate-800", onClick: () => setIsEditing(true), children: [_jsx(Pencil, { size: 14 }), "Edit"] }) })] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-6 text-center border-2 border-dashed border-gray-200 rounded-lg bg-stone-50", children: [_jsx(ClipboardCheck, { size: 32, className: "text-slate-400 mb-3" }), _jsx("p", { className: "text-[15px] font-semibold text-slate-800 mb-1", children: "No evaluation terms" }), _jsx("p", { className: "text-sm text-slate-400 mb-4", children: "Set up performance evaluation criteria" }), _jsx("button", { type: "button", className: "inline-flex items-center gap-2 px-4 py-2 text-[13px] font-medium text-white bg-slate-800 border-none rounded-md cursor-pointer transition-colors hover:bg-slate-700", onClick: () => setIsEditing(true), children: "Configure Evaluation" })] })) }))] }));
-}

package/dist/editors/payment-terms/components/header-section.d.ts

@@ -1,16 +0,0 @@
-import type { PaymentTermsState } from "../../../document-models/payment-terms/gen/types.js";
-import type { PaymentTermsAction } from "../../../document-models/payment-terms/gen/actions.js";
-import { type actions as paymentTermsActions } from "../../../document-models/payment-terms/index.js";
-interface HeaderSectionProps {
-    state: PaymentTermsState;
-    dispatch: (action: PaymentTermsAction) => void;
-    actions: typeof paymentTermsActions;
-    progressPercentage: number;
-    completedMilestones: number;
-    totalMilestones: number;
-    totalValue: number;
-    paidValue: number;
-}
-export declare function HeaderSection({ state, dispatch, actions, progressPercentage, completedMilestones, totalMilestones, totalValue, paidValue, }: HeaderSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=header-section.d.ts.map

package/dist/editors/payment-terms/components/header-section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-section.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms/components/header-section.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAChG,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAEtG,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAgCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,2CAmLpB"}

package/dist/editors/payment-terms/components/header-section.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { FileText, ChevronDown, Clock, Send, CheckCircle, XCircle, DollarSign, Target, TrendingUp, Wallet, } from "lucide-react";
-import { toast } from "@powerhousedao/design-system/connect";
-import {} from "../../../document-models/payment-terms/index.js";
-const STATUS_CONFIG = {
-    DRAFT: {
-        label: "Draft",
-        icon: Clock,
-        badgeClass: "bg-slate-100 text-slate-600",
-    },
-    SUBMITTED: {
-        label: "Submitted",
-        icon: Send,
-        badgeClass: "bg-blue-100 text-blue-600",
-    },
-    ACCEPTED: {
-        label: "Accepted",
-        icon: CheckCircle,
-        badgeClass: "bg-emerald-100 text-emerald-600",
-    },
-    CANCELLED: {
-        label: "Cancelled",
-        icon: XCircle,
-        badgeClass: "bg-rose-100 text-rose-600",
-    },
-};
-export function HeaderSection({ state, dispatch, actions, progressPercentage, completedMilestones, totalMilestones, totalValue, paidValue, }) {
-    const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState(false);
-    const dropdownRef = useRef(null);
-    const statusConfig = STATUS_CONFIG[state.status];
-    const StatusIcon = statusConfig.icon;
-    // Close dropdown when clicking outside
-    useEffect(() => {
-        function handleClickOutside(event) {
-            if (dropdownRef.current &&
-                !dropdownRef.current.contains(event.target)) {
-                setIsStatusDropdownOpen(false);
-            }
-        }
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, []);
-    const handleStatusChange = (newStatus) => {
-        if (newStatus !== state.status) {
-            dispatch(actions.updateStatus({ status: newStatus }));
-            toast(`Status updated to ${STATUS_CONFIG[newStatus].label}`, {
-                type: "success",
-            });
-        }
-        setIsStatusDropdownOpen(false);
-    };
-    const formatCurrency = (value) => {
-        return new Intl.NumberFormat("en-US", {
-            style: "decimal",
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 2,
-        }).format(value);
-    };
-    const remainingValue = totalValue - paidValue;
-    return (_jsxs("div", { className: "bg-white border border-gray-200 rounded-xl shadow-sm relative", children: [_jsxs("div", { className: "flex items-start justify-between p-6 gap-6", children: [_jsx("div", { className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-blue-600 to-blue-500 flex items-center justify-center text-white", children: _jsx(FileText, { size: 24 }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-slate-800 tracking-tight", children: "Payment Terms" }), _jsxs("p", { className: "text-sm text-slate-500", children: [state.paymentModel === "MILESTONE"
-                                                    ? "Milestone-based payment schedule"
-                                                    : "Time & Materials billing", " • ", state.currency] })] })] }) }), _jsx("div", { className: "flex items-center gap-3", children: _jsxs("div", { className: "relative", ref: dropdownRef, children: [_jsxs("button", { className: `inline-flex items-center gap-1.5 px-3.5 py-2 rounded-full text-sm font-semibold uppercase tracking-wide transition-all cursor-pointer border-none hover:-translate-y-0.5 hover:shadow-md ${statusConfig.badgeClass}`, onClick: () => setIsStatusDropdownOpen(!isStatusDropdownOpen), type: "button", children: [_jsx(StatusIcon, { size: 14 }), statusConfig.label, _jsx(ChevronDown, { size: 14, className: `transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })] }), isStatusDropdownOpen && (_jsx("div", { className: "absolute top-full right-0 mt-2 min-w-[200px] bg-white border border-gray-200 rounded-lg shadow-xl z-[9999] overflow-hidden animate-in fade-in slide-in-from-top-2 duration-150", children: Object.entries(STATUS_CONFIG).map(([statusKey, config]) => {
-                                        const Icon = config.icon;
-                                        return (_jsxs("button", { type: "button", className: `flex items-center gap-2.5 px-4 py-3 text-sm text-slate-800 bg-transparent border-none w-full text-left cursor-pointer transition-colors hover:bg-stone-100 ${state.status === statusKey ? "bg-stone-50" : ""}`, onClick: () => handleStatusChange(statusKey), children: [_jsx(Icon, { size: 16 }), config.label] }, statusKey));
-                                    }) }))] }) })] }), _jsxs("div", { className: "grid grid-cols-4 gap-px bg-gray-200 border-t border-gray-200", children: [_jsxs("div", { className: "flex flex-col items-center justify-center p-4 bg-white text-center", children: [_jsxs("div", { className: "text-xl font-bold text-slate-800", children: [_jsx(DollarSign, { size: 16, className: "inline align-middle mr-0.5 opacity-50" }), formatCurrency(totalValue)] }), _jsx("div", { className: "text-xs text-slate-400 mt-1 uppercase tracking-wider", children: "Total Value" })] }), _jsxs("div", { className: "flex flex-col items-center justify-center p-4 bg-white text-center", children: [_jsxs("div", { className: "text-xl font-bold text-emerald-600", children: [_jsx(Wallet, { size: 16, className: "inline align-middle mr-1 opacity-70" }), formatCurrency(paidValue)] }), _jsx("div", { className: "text-xs text-slate-400 mt-1 uppercase tracking-wider", children: "Paid Out" })] }), _jsxs("div", { className: "flex flex-col items-center justify-center p-4 bg-white text-center", children: [_jsxs("div", { className: "text-xl font-bold text-amber-600", children: [_jsx(TrendingUp, { size: 16, className: "inline align-middle mr-1 opacity-70" }), formatCurrency(remainingValue)] }), _jsx("div", { className: "text-xs text-slate-400 mt-1 uppercase tracking-wider", children: "Remaining" })] }), _jsxs("div", { className: "flex flex-col items-center justify-center p-4 bg-white text-center", children: [_jsxs("div", { className: "text-xl font-bold text-slate-800", children: [_jsx(Target, { size: 16, className: "inline align-middle mr-1 opacity-50" }), completedMilestones, " / ", totalMilestones] }), _jsx("div", { className: "text-xs text-slate-400 mt-1 uppercase tracking-wider", children: "Milestones" })] })] }), state.paymentModel === "MILESTONE" && totalMilestones > 0 && (_jsxs("div", { className: "p-4 px-6 bg-stone-50 border-t border-gray-200 rounded-b-xl", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-medium text-slate-500", children: "Payment Progress" }), _jsxs("span", { className: "text-sm font-semibold text-slate-800", children: [progressPercentage, "%"] })] }), _jsx("div", { className: "h-1.5 bg-gray-200 rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-gradient-to-r from-emerald-600 to-emerald-400 rounded-full transition-all duration-500", style: { width: `${progressPercentage}%` } }) })] }))] }));
-}

package/dist/editors/payment-terms/components/milestones-section.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"milestones-section.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms/components/milestones-section.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,SAAS,EAET,kBAAkB,EACnB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAEtG,UAAU,sBAAsB;IAC9B,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;AAGD,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,sBAAsB,2CA8WxB"}