@powerhousedao/network-admin 0.0.1

package/dist/editors/network-admin/utils.d.ts

@@ -0,0 +1,60 @@
+export declare const getNewDocumentObject: (documentName: string, documentType: string, code?: string) => {
+    header: {
+        name: string;
+        documentType: string;
+        createdAtUtcIso: string;
+        slug: string;
+        branch: string;
+        id: string;
+        sig: {
+            nonce: string;
+            publicKey: {};
+        };
+        revision: {};
+        lastModifiedAtUtcIso: string;
+    };
+    history: {
+        operations: never[];
+        clipboard: never[];
+    };
+    state: {
+        auth: {};
+        document: {
+            version: string;
+        };
+        global: {
+            title: string;
+            code: string;
+            description: string;
+            createdBy: string;
+            createdAt: string;
+            updatedBy: string;
+            updatedAt: string;
+            status: string;
+        };
+        local: {};
+    };
+    initialState: {
+        auth: {};
+        document: {
+            version: string;
+        };
+        global: {
+            title: string;
+            code: string;
+            description: string;
+            createdBy: string;
+            createdAt: string;
+            updatedBy: string;
+            updatedAt: string;
+            status: string;
+        };
+        local: {};
+    };
+    operations: {
+        [x: string]: never[];
+    };
+    clipboard: never[];
+    attachments: {};
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/editors/network-admin/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAAI,cAAc,MAAM,EAAE,cAAc,MAAM,EAAE,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkE7F,CAAA"}

package/dist/editors/network-admin/utils.js

@@ -0,0 +1,67 @@
+export const getNewDocumentObject = (documentName, documentType, code) => {
+    console.log("documentName", documentName);
+    console.log("documentType", documentType);
+    console.log("code", code);
+    if (documentType === "powerhouse/rfp") {
+        documentName = documentName.replace(/^RFP-/, "");
+    }
+    return {
+        header: {
+            name: documentName,
+            documentType: documentType,
+            createdAtUtcIso: new Date().toISOString(),
+            slug: documentName,
+            branch: "main",
+            id: "",
+            sig: {
+                nonce: "",
+                publicKey: {},
+            },
+            revision: {},
+            lastModifiedAtUtcIso: new Date().toISOString(),
+        },
+        history: {
+            operations: [],
+            clipboard: [],
+        },
+        state: {
+            auth: {},
+            document: {
+                version: "1.0.0",
+            },
+            global: {
+                title: documentName,
+                code: code || "",
+                description: "",
+                createdBy: "network-admin",
+                createdAt: new Date().toISOString(),
+                updatedBy: "network-admin",
+                updatedAt: new Date().toISOString(),
+                status: "draft",
+            },
+            local: {},
+        },
+        initialState: {
+            auth: {},
+            document: {
+                version: "1.0.0",
+            },
+            global: {
+                title: documentName,
+                code: code || "",
+                description: "",
+                createdBy: "network-admin",
+                createdAt: new Date().toISOString(),
+                updatedBy: "network-admin",
+                updatedAt: new Date().toISOString(),
+                status: "draft",
+            },
+            local: {},
+        },
+        operations: {
+            [documentType]: [],
+        },
+        clipboard: [],
+        attachments: {},
+    };
+};

package/dist/editors/network-profile/editor.d.ts

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

package/dist/editors/network-profile/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAmLjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CA8OxC"}

package/dist/editors/network-profile/editor.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { TextInput, Textarea, Select, Icon, } from "@powerhousedao/document-engineering";
+import { toast, ToastContainer } from "@powerhousedao/design-system";
+import { actions, } from "../../document-models/network-profile/index.js";
+import { useSelectedDocument } from "@powerhousedao/reactor-browser";
+import { useCallback, useState, useEffect } from "react";
+// Category options for the dropdown
+const categoryOptions = [
+    { value: "DEFI", label: "DeFi" },
+    { value: "OSS", label: "Open Source Software" },
+    { value: "CRYPTO", label: "Crypto" },
+    { value: "NGO", label: "NGO" },
+    { value: "CHARITY", label: "Charity" },
+];
+// Image Modal Component
+function ImageModal({ isOpen, onClose, imageUrl, imageAlt, }) {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const [imageDimensions, setImageDimensions] = useState({ width: 0, height: 0 });
+    if (!isOpen)
+        return null;
+    const handleImageLoad = (e) => {
+        const img = e.target;
+        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
+        setImageLoaded(true);
+    };
+    // Calculate modal size based on image dimensions with padding
+    const getModalSize = () => {
+        if (!imageLoaded)
+            return { width: 'auto', height: 'auto' };
+        const maxWidth = Math.min(imageDimensions.width + 100, window.innerWidth * 0.8);
+        const maxHeight = Math.min(imageDimensions.height + 100, window.innerHeight * 0.8);
+        return {
+            width: `${maxWidth}px`,
+            height: `${maxHeight}px`
+        };
+    };
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", onClick: onClose, children: _jsxs("div", { className: "relative bg-gray-900 rounded-lg shadow-2xl border-2 border-gray-700", style: getModalSize(), children: [_jsx("button", { onClick: onClose, className: "absolute -top-3 -right-3 z-10 w-8 h-8 bg-gray-800 hover:bg-gray-900 rounded-full flex items-center justify-center text-white transition-all duration-200 shadow-lg", children: _jsx(Icon, { name: "ArrowLeft", size: 16 }) }), _jsx("div", { className: "w-full h-full flex items-center justify-center p-8", children: _jsx("img", { src: imageUrl, alt: imageAlt, className: `max-w-full max-h-full object-contain rounded-lg ${imageLoaded ? 'opacity-100' : 'opacity-0'} transition-opacity duration-200`, onClick: (e) => e.stopPropagation(), onLoad: handleImageLoad }) })] }) }));
+}
+// Image URL input component with preview
+function ImageUrlInput({ label, value, onChange, placeholder, fileSize = "200KB", }) {
+    const [imageError, setImageError] = useState(false);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    // Reset image error when value changes
+    useEffect(() => {
+        setImageError(false);
+    }, [value]);
+    const handleImageClick = () => {
+        if (value && !imageError && (value.startsWith('http://') || value.startsWith('https://'))) {
+            setIsModalOpen(true);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label }), _jsxs("div", { className: "border border-gray-300 rounded-lg p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: `flex-shrink-0 w-12 h-12 bg-gray-100 rounded border flex items-center justify-center overflow-hidden ${value && !imageError && (value.startsWith('http://') || value.startsWith('https://'))
+                                                    ? 'cursor-pointer hover:opacity-80 transition-opacity duration-200'
+                                                    : ''}`, onClick: handleImageClick, children: value && !imageError && (value.startsWith('http://') || value.startsWith('https://')) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "w-full h-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) })) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium text-gray-900", children: value || placeholder || `${label.replace(':', '')}.jpg` }), _jsxs("div", { className: "text-xs text-gray-500", children: ["File Type: jpg | File Size: ", value ? fileSize : "0KB", imageError && value && (_jsx("div", { className: "text-red-500 mt-1", children: "\u26A0 Failed to load image" })), value && !imageError && (value.startsWith('http://') || value.startsWith('https://')) && (_jsx("div", { className: "text-blue-600 mt-1", children: "\uD83D\uDCA1 Click image to view full size" }))] })] })] }), _jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-6 h-6 rounded-full bg-gray-200 flex items-center justify-center", children: _jsx(Icon, { name: "Image", size: 16, className: "text-gray-600" }) }) })] }), _jsx("div", { className: "mt-3", children: _jsx(TextInput, { className: "w-full", defaultValue: value || "", onBlur: (e) => {
+                                        if (e.target.value !== value) {
+                                            onChange(e.target.value);
+                                        }
+                                    }, placeholder: placeholder || "Enter image URL" }) })] })] }), _jsx(ImageModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), imageUrl: value, imageAlt: `${label} full size` })] }));
+}
+export default function Editor(props) {
+    // Getting dispatch from props or selected document
+    let dispatch;
+    const { document } = props;
+    if (props.dispatch) {
+        dispatch = props.dispatch;
+    }
+    else {
+        const selectedDocument = useSelectedDocument();
+        dispatch = selectedDocument[1];
+    }
+    const state = document.state.global;
+    // Handle field changes
+    const handleFieldChange = useCallback((field, value) => {
+        if (!dispatch) {
+            console.error("Dispatch function not available");
+            toast(`Failed to update ${field} - no dispatch function`, {
+                type: "error",
+            });
+            return;
+        }
+        let action;
+        switch (field) {
+            case "name":
+                action = actions.setProfileName({ name: value });
+                break;
+            case "icon":
+                action = actions.setIcon({ icon: value });
+                break;
+            case "logo":
+                action = actions.setLogo({ logo: value });
+                break;
+            case "logoBig":
+                action = actions.setLogoBig({ logoBig: value });
+                break;
+            case "website":
+                action = actions.setWebsite({ website: value });
+                break;
+            case "description":
+                action = actions.setDescription({ description: value });
+                break;
+            case "category":
+                action = actions.setCategory({ category: value });
+                break;
+            case "x":
+                action = actions.setX({ x: value });
+                break;
+            case "github":
+                action = actions.setGithub({ github: value });
+                break;
+            case "discord":
+                action = actions.setDiscord({ discord: value });
+                break;
+            case "youtube":
+                action = actions.setYoutube({ youtube: value });
+                break;
+            default:
+                console.error(`Unknown field: ${field}`);
+                return;
+        }
+        dispatch(action);
+    }, [dispatch]);
+    return (_jsx("div", { className: "w-full bg-gray-50 min-h-screen", children: _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Network Profile" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Network Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state.name || "", onBlur: (e) => {
+                                            if (e.target.value !== state.name) {
+                                                handleFieldChange("name", e.target.value);
+                                            }
+                                        }, placeholder: "Enter network name" })] }), _jsx(ImageUrlInput, { label: "Icon:", value: state.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "PowerhouseIcon.jpg", fileSize: "200KB" }), _jsx(ImageUrlInput, { label: "Logo:", value: state.logo || "", onChange: (value) => handleFieldChange("logo", value), placeholder: "PowerhouseLogo.jpg", fileSize: "2MB" }), _jsx(ImageUrlInput, { label: "Large Logo:", value: state.logoBig || "", onChange: (value) => handleFieldChange("logoBig", value), placeholder: "LargeLogo.jpg", fileSize: "10MB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Website:" }), _jsx(TextInput, { className: "w-full", defaultValue: state.website || "", onBlur: (e) => {
+                                            const value = e.target.value || null;
+                                            if (value !== state.website) {
+                                                handleFieldChange("website", value);
+                                            }
+                                        }, placeholder: "Enter website URL" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state.description || "", onBlur: (e) => {
+                                            if (e.target.value !== state.description) {
+                                                handleFieldChange("description", e.target.value);
+                                            }
+                                        }, placeholder: "Enter network description", rows: 4 })] }), _jsx("div", { children: _jsx(Select, { label: "Category:", options: categoryOptions, value: state.category?.[0] || "OSS", onChange: (value) => handleFieldChange("category", [value]) }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "Social Media Links" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "X Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state.x || "", onBlur: (e) => {
+                                                    const value = e.target.value || null;
+                                                    if (value !== state.x) {
+                                                        handleFieldChange("x", value);
+                                                    }
+                                                }, placeholder: "https://x.com/YourHandle" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Discord Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state.discord || "", onBlur: (e) => {
+                                                    const value = e.target.value || null;
+                                                    if (value !== state.discord) {
+                                                        handleFieldChange("discord", value);
+                                                    }
+                                                }, placeholder: "https://discord.com/invite/YourServer" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "YouTube Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state.youtube || "", onBlur: (e) => {
+                                                    const value = e.target.value || null;
+                                                    if (value !== state.youtube) {
+                                                        handleFieldChange("youtube", value);
+                                                    }
+                                                }, placeholder: "https://www.youtube.com/YourChannel" })] })] })] }) }), _jsx(ToastContainer, {})] }) }));
+}

package/dist/editors/network-profile/index.d.ts

@@ -0,0 +1,4 @@
+import type { EditorModule } from "document-model";
+export declare const module: EditorModule;
+export default module;
+//# sourceMappingURL=index.d.ts.map

package/dist/editors/network-profile/index.d.ts.map

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

package/dist/editors/network-profile/index.js

@@ -0,0 +1,12 @@
+import Editor from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/network-profile"],
+    config: {
+        id: "network-profile-editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};
+export default module;

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

@@ -0,0 +1,8 @@
+import type { PaymentTermsState } from "../../document-models/payment-terms/gen/types.js";
+export interface BasicTermsTabProps {
+    state: PaymentTermsState;
+    dispatch: (action: any) => void;
+    actions: any;
+}
+export declare function BasicTermsTab({ state, dispatch, actions }: BasicTermsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=basic-terms-tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"basic-terms-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/basic-terms-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,kDAAkD,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;CACd;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA8P7E"}

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

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { toast, Button } from "@powerhousedao/design-system";
+import { Select, TextInput } from "@powerhousedao/document-engineering";
+export function BasicTermsTab({ state, dispatch, actions }) {
+    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: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Edit Terms" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Proposer" }), _jsx("p", { className: "text-lg", children: state.proposer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payer" }), _jsx("p", { className: "text-lg", children: state.payer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Currency" }), _jsx("p", { className: "text-lg", children: state.currency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payment Model" }), _jsx("p", { className: "text-lg", children: state.paymentModel.replace(/_/g, ' ') })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Total Amount" }), _jsx("p", { className: "text-lg", children: state.totalAmount
+                                        ? `${state.totalAmount.value} ${state.totalAmount.unit}`
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Status" }), _jsx("p", { className: "text-lg", children: state.status })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Escrow" }), _jsx("p", { className: "text-lg", children: state.escrowDetails && state.escrowDetails.releaseConditions ? "Enabled" : "Disabled" })] })] })] }));
+    }
+    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: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

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

@@ -0,0 +1,10 @@
+import type { BonusClause, PenaltyClause } from "../../document-models/payment-terms/gen/types.js";
+export interface ClausesTabProps {
+    bonusClauses: BonusClause[];
+    penaltyClauses: PenaltyClause[];
+    dispatch: (action: any) => void;
+    actions: any;
+    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":"AAKA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACd,MAAM,kDAAkD,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,EAAE,eAAe,2CAoVhH"}