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

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

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { toast } from "@powerhousedao/design-system";
+import { Select, TextInput, Button } from "@powerhousedao/document-engineering";
+import {} from "../../document-models/payment-terms/index.js";
+export function BasicTermsTab({ state, dispatch, actions, }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        proposer: state.proposer || "",
+        payer: state.payer || "",
+        currency: state.currency || "USD",
+        paymentModel: state.paymentModel || "MILESTONE",
+        totalAmount: state.totalAmount?.value?.toString() || "",
+        status: state.status || "DRAFT",
+        useEscrow: !!(state.escrowDetails && state.escrowDetails.releaseConditions),
+    });
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        dispatch(actions.setBasicTerms({
+            proposer: formData.proposer,
+            payer: formData.payer,
+            currency: formData.currency,
+            paymentModel: formData.paymentModel,
+            totalAmount: formData.totalAmount
+                ? {
+                    value: parseFloat(formData.totalAmount),
+                    unit: formData.currency,
+                }
+                : undefined,
+        }));
+        if (formData.status !== state.status) {
+            dispatch(actions.updateStatus({ status: formData.status }));
+        }
+        // Handle escrow toggle
+        if (formData.useEscrow && !state.escrowDetails) {
+            dispatch(actions.setEscrowDetails({
+                amountHeld: { value: 0, unit: formData.currency },
+                releaseConditions: "Upon project completion",
+                escrowProvider: "",
+                proofOfFundsDocumentId: "",
+            }));
+        }
+        else if (!formData.useEscrow && state.escrowDetails) {
+            dispatch(actions.setEscrowDetails({
+                amountHeld: { value: 0, unit: formData.currency },
+                releaseConditions: "",
+                escrowProvider: "",
+                proofOfFundsDocumentId: "",
+            }));
+        }
+        toast("Basic terms updated successfully", {
+            type: "success",
+        });
+        setIsEditing(false);
+    }, [formData, dispatch, actions, state.status, state.escrowDetails]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            proposer: state.proposer || "",
+            payer: state.payer || "",
+            currency: state.currency || "USD",
+            paymentModel: state.paymentModel || "MILESTONE",
+            totalAmount: state.totalAmount?.value?.toString() || "",
+            status: state.status || "DRAFT",
+            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: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Edit Terms" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "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" })] })] })] }));
+    }
+    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" },
+                                ], 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" },
+                                ], 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" },
+                                ], 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: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

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

@@ -0,0 +1,12 @@
+import type { BonusClause, PenaltyClause } 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";
+export interface ClausesTabProps {
+    bonusClauses: BonusClause[];
+    penaltyClauses: PenaltyClause[];
+    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;
+//# sourceMappingURL=clauses-tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clauses-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/clauses-tab.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACd,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEnG,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,EACzB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,EACP,QAAgB,GACjB,EAAE,eAAe,2CA+XjB"}

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

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

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

@@ -0,0 +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 { type actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
+export interface CostMaterialsTabProps {
+    state: PaymentTermsState;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
+}
+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

@@ -0,0 +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;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEnG,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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { TextInput, Select, Button } from "@powerhousedao/document-engineering";
+import { toast } from "@powerhousedao/design-system";
+import {} from "../../document-models/payment-terms/index.js";
+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,
+    });
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        dispatch(actions.setCostAndMaterials({
+            hourlyRate: formData.hourlyRate
+                ? {
+                    value: parseFloat(formData.hourlyRate),
+                    unit: state.currency,
+                }
+                : undefined,
+            variableCap: formData.variableCap
+                ? {
+                    value: parseFloat(formData.variableCap),
+                    unit: state.currency,
+                }
+                : undefined,
+            billingFrequency: formData.billingFrequency,
+            timesheetRequired: formData.timesheetRequired,
+        }));
+        toast("Cost & Materials configuration saved", {
+            type: "success",
+        });
+        setIsEditing(false);
+    }, [formData, dispatch, actions, state.currency]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            hourlyRate: state.costAndMaterials?.hourlyRate?.value?.toString() || "",
+            variableCap: state.costAndMaterials?.variableCap?.value?.toString() || "",
+            billingFrequency: state.costAndMaterials?.billingFrequency || "MONTHLY",
+            timesheetRequired: state.costAndMaterials?.timesheetRequired || false,
+        });
+        setIsEditing(false);
+    }, [state.costAndMaterials]);
+    if (!isEditing) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "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: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.costAndMaterials
+                                ? "Edit Configuration"
+                                : "Configure Cost & Materials" })] }), state.costAndMaterials ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "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: [
+                                    { value: "WEEKLY", label: "Weekly" },
+                                    { value: "BIWEEKLY", label: "Biweekly" },
+                                    { value: "MONTHLY", label: "Monthly" },
+                                ], placeholder: "Select billing frequency", required: true })] }), _jsxs("div", { className: "flex items-center pt-6", children: [_jsx("input", { type: "checkbox", id: "timesheetRequired", checked: formData.timesheetRequired, onChange: (e) => setFormData({ ...formData, timesheetRequired: e.target.checked }), className: "mr-2 h-4 w-4 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: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Configuration" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

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

@@ -1,2 +1,4 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
 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":"AAwBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA6I7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/editor.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgB1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA+W7B"}

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

@@ -1,48 +1,64 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
-import { ToastContainer, DocumentToolbar, } from "@powerhousedao/design-system/connect";
+import { setSelectedNode, useDocumentById, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
+import { Button, Icon, toast, ToastContainer, } from "@powerhousedao/design-system";
 import { actions, } from "../../document-models/payment-terms/index.js";
-import { useSelectedPaymentTermsDocument } from "../../document-models/payment-terms/hooks.js";
-import { HeaderSection } from "./components/header-section.js";
-import { PartiesSection } from "./components/parties-section.js";
-import { PaymentConfigSection } from "./components/payment-config-section.js";
-import { MilestonesSection } from "./components/milestones-section.js";
-import { TimeAndMaterialsSection } from "./components/time-materials-section.js";
-import { EscrowSection } from "./components/escrow-section.js";
-import { EvaluationSection } from "./components/evaluation-section.js";
-import { ClausesSection } from "./components/clauses-section.js";
+import { BasicTermsTab } from "./basic-terms-tab.js";
+import { MilestonesTab } from "./milestones-tab.js";
+import { ClausesTab } from "./clauses-tab.js";
+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";
+import { useSelectedPaymentTermsDocument } from "../hooks/usePaymentTermsDocument.js";
+import { DocumentToolbar } from "@powerhousedao/design-system";
 export default function Editor() {
+    // Getting dispatch from props or selected document
     const [doc, dispatch] = useSelectedPaymentTermsDocument();
-    const parentFolder = useParentFolderForSelectedNode();
-    const [escrowExpanded, setEscrowExpanded] = useState(false);
-    const [evaluationExpanded, setEvaluationExpanded] = useState(false);
-    // Cache the last valid document to prevent loading flash when switching views
-    const lastDocRef = useRef(null);
-    useEffect(() => {
-        if (doc) {
-            lastDocRef.current = doc;
+    const state = doc?.state.global;
+    const getStatusColor = (status) => {
+        switch (status) {
+            case "DRAFT":
+                return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
+            case "SUBMITTED":
+                return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
+            case "ACCEPTED":
+                return "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200";
+            case "CANCELLED":
+                return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200";
+            default:
+                return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
+        }
+    };
+    const getStatusIcon = (status) => {
+        switch (status) {
+            case "DRAFT":
+                return "CalendarTime";
+            case "SUBMITTED":
+                return "ArrowUp";
+            case "ACCEPTED":
+                return "CheckCircle";
+            case "CANCELLED":
+                return "ArrowLeft";
+            default:
+                return "CalendarTime";
         }
-    }, [doc]);
-    const displayDoc = doc || lastDocRef.current;
-    const displayState = displayDoc?.state.global;
+    };
+    const totalMilestones = state.milestoneSchedule?.length || 0;
+    const completedMilestones = state.milestoneSchedule?.filter((m) => m.payoutStatus === "PAID").length ||
+        0;
+    // Get the parent folder node for the currently selected node
+    const parentFolder = useParentFolderForSelectedNode();
+    // Set the selected node to the parent folder node (close the editor)
     function handleClose() {
         setSelectedNode(parentFolder?.id);
     }
-    if (!displayDoc || !displayState) {
-        return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] gap-4 text-gray-500", children: [_jsx("div", { className: "w-8 h-8 border-[3px] border-gray-200 border-t-blue-600 rounded-full animate-spin" }), _jsx("p", { children: "Loading payment terms..." })] }));
-    }
-    // Calculate progress for milestone-based payments
-    const totalMilestones = displayState.milestoneSchedule?.length || 0;
-    const completedMilestones = displayState.milestoneSchedule?.filter((m) => m.payoutStatus === "PAID")
-        .length || 0;
-    const progressPercentage = totalMilestones > 0
-        ? Math.round((completedMilestones / totalMilestones) * 100)
-        : 0;
-    // Calculate total milestone value and paid amount
-    const totalMilestoneValue = displayState.milestoneSchedule?.reduce((sum, m) => sum + (m.amount?.value || 0), 0) || 0;
-    const paidMilestoneValue = displayState.milestoneSchedule
-        ?.filter((m) => m.payoutStatus === "PAID")
-        .reduce((sum, m) => sum + (m.amount?.value || 0), 0) || 0;
-    return (_jsxs(_Fragment, { children: [_jsx(DocumentToolbar, { document: displayDoc, onClose: handleClose }), _jsx("div", { className: "min-h-screen bg-stone-50 font-sans text-slate-800", children: _jsxs("div", { className: "max-w-[1400px] mx-auto p-6", children: [_jsx(HeaderSection, { state: displayState, dispatch: dispatch, actions: actions, progressPercentage: progressPercentage, completedMilestones: completedMilestones, totalMilestones: totalMilestones, totalValue: displayState.totalAmount?.value || totalMilestoneValue, paidValue: paidMilestoneValue }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 mt-6 items-start", children: [_jsx(PartiesSection, { state: displayState, dispatch: dispatch, actions: actions }), _jsx(PaymentConfigSection, { state: displayState, dispatch: dispatch, actions: actions }), _jsx(EscrowSection, { state: displayState, dispatch: dispatch, actions: actions, isExpanded: escrowExpanded, onToggleExpand: () => setEscrowExpanded(!escrowExpanded) }), _jsx(EvaluationSection, { state: displayState, dispatch: dispatch, actions: actions, isExpanded: evaluationExpanded, onToggleExpand: () => setEvaluationExpanded(!evaluationExpanded) })] }), _jsxs("div", { className: "flex flex-col gap-5 mt-5", children: [displayState.paymentModel === "MILESTONE" && (_jsx(MilestonesSection, { milestones: displayState.milestoneSchedule, dispatch: dispatch, actions: actions, currency: displayState.currency })), displayState.paymentModel === "TIME_AND_MATERIALS" && (_jsx(TimeAndMaterialsSection, { state: displayState, dispatch: dispatch, actions: actions })), _jsx(ClausesSection, { bonusClauses: displayState.bonusClauses, penaltyClauses: displayState.penaltyClauses, dispatch: dispatch, actions: actions, currency: displayState.currency })] })] }) }), _jsx(ToastContainer, {})] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _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"
+                                                        ? `${completedMilestones} / ${totalMilestones}`
+                                                        : "N/A" })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "CalendarTime", size: 20, className: "text-blue-600 dark:text-blue-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Basic Terms" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure the basic payment terms and details" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(BasicTermsTab, { state: state, dispatch: dispatch, actions: actions }) })] }), state.paymentModel === "MILESTONE" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-green-600 dark:text-green-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Milestone Schedule" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Define project milestones and payment amounts" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(MilestonesTab, { milestones: state.milestoneSchedule, dispatch: dispatch, actions: actions, currency: state.currency }) })] })), state.paymentModel === "COST_AND_MATERIALS" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-yellow-600 dark:text-yellow-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Cost & Materials" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure hourly rates, billing frequency, and caps" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(CostMaterialsTab, { state: state, dispatch: dispatch, actions: actions }) })] })), state.paymentModel === "RETAINER" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-purple-600 dark:text-purple-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Retainer Details" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure retainer amount, frequency, and services" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(RetainerTab, { state: state, dispatch: dispatch, actions: actions }) })] })), state.escrowDetails &&
+                                    state.escrowDetails.releaseConditions &&
+                                    (state.paymentModel === "MILESTONE" ||
+                                        state.paymentModel === "COST_AND_MATERIALS" ||
+                                        state.paymentModel === "RETAINER") && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-orange-600 dark:text-orange-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Escrow Details" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure escrow payment arrangements" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(EscrowTab, { state: state, dispatch: dispatch, actions: actions }) })] })), _jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-red-600 dark:text-red-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Bonus & Penalty Clauses" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Add performance-based bonus and penalty conditions" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(ClausesTab, { bonusClauses: state.bonusClauses, penaltyClauses: state.penaltyClauses, dispatch: dispatch, actions: actions, currency: state.currency }) })] }), _jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-indigo-600 dark:text-indigo-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Evaluation Terms" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Define performance evaluation criteria and processes" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(EvaluationTab, { state: state, dispatch: dispatch, actions: actions }) })] })] })] }) }), _jsx(ToastContainer, {})] }));
 }

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

@@ -0,0 +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 { type actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
+export interface EscrowTabProps {
+    state: PaymentTermsState;
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"escrow-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/escrow-tab.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEnG,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"}