@powerhousedao/contributor-billing 0.1.31 → 0.1.32

package/dist/editors/account-transactions-editor/components/TransactionsTable.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/document-engineering";
+export function TransactionsTable({ transactions, onEdit, onDelete, }) {
+    // Sort transactions by datetime, newest first
+    const sortedTransactions = [...transactions].sort((a, b) => {
+        const dateA = new Date(a.datetime).getTime();
+        const dateB = new Date(b.datetime).getTime();
+        return dateB - dateA; // Descending order (newest first)
+    });
+    function formatAmount(amount) {
+        try {
+            if (typeof amount === "object" && amount.value) {
+                const num = parseFloat(amount.value);
+                return new Intl.NumberFormat("en-US", {
+                    minimumFractionDigits: 2,
+                    maximumFractionDigits: 6,
+                }).format(num);
+            }
+            else if (typeof amount === "string") {
+                const num = parseFloat(amount);
+                return new Intl.NumberFormat("en-US", {
+                    minimumFractionDigits: 2,
+                    maximumFractionDigits: 6,
+                }).format(num);
+            }
+            return typeof amount === "object"
+                ? JSON.stringify(amount)
+                : String(amount);
+        }
+        catch {
+            return typeof amount === "object"
+                ? JSON.stringify(amount)
+                : String(amount);
+        }
+    }
+    function formatDate(dateString) {
+        try {
+            return new Date(dateString).toLocaleDateString("en-US", {
+                year: "numeric",
+                month: "short",
+                day: "numeric",
+                hour: "2-digit",
+                minute: "2-digit",
+            });
+        }
+        catch {
+            return dateString;
+        }
+    }
+    if (transactions.length === 0) {
+        return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-12 text-center", children: [_jsx("svg", { className: "mx-auto h-12 w-12 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" }) }), _jsx("h3", { className: "mt-4 text-lg font-medium text-gray-900", children: "No transactions yet" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Get started by adding your first transaction" })] }));
+    }
+    return (_jsx("div", { className: "bg-white rounded-xl border border-gray-200 overflow-hidden", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Date" }), _jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Counter Party" }), _jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Amount" }), _jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Direction" }), _jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Token" }), _jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Tx Hash" }), _jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Period" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Actions" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: sortedTransactions.map((transaction) => (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: formatDate(transaction.datetime) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: transaction.counterParty ? (_jsxs("span", { className: "font-mono text-xs bg-gray-100 px-2 py-1 rounded", children: [transaction.counterParty.slice(0, 8), "...", transaction.counterParty.slice(-6)] })) : (_jsx("span", { className: "text-gray-400", children: "\u2014" })) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900 font-mono", children: formatAmount(transaction.amount) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: _jsx("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${transaction.direction === "INFLOW"
+                                            ? "bg-green-100 text-green-800"
+                                            : "bg-red-100 text-red-800"}`, children: transaction.direction === "INFLOW" ? (_jsxs(_Fragment, { children: [_jsx("svg", { className: "w-3 h-3 mr-1", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z", clipRule: "evenodd" }) }), "IN"] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { className: "w-3 h-3 mr-1", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M4 10a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1z", clipRule: "evenodd" }) }), "OUT"] })) }) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: _jsx("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800", children: transaction.details.token }) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: transaction.details.txHash ? (_jsxs("a", { href: `https://etherscan.io/tx/${transaction.details.txHash}`, target: "_blank", rel: "noopener noreferrer", className: "font-mono text-xs text-blue-600 hover:text-blue-800 underline", children: [transaction.details.txHash.slice(0, 10), "..."] })) : (_jsx("span", { className: "text-gray-400", children: "\u2014" })) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: transaction.accountingPeriod }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { onClick: () => onEdit(transaction), className: "bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 text-xs", children: "Edit" }), _jsx(Button, { onClick: () => onDelete(transaction.id), className: "bg-red-600 hover:bg-red-700 text-white px-3 py-1 text-xs", children: "Delete" })] }) })] }, transaction.id))) })] }) }) }));
+}

package/dist/editors/account-transactions-editor/editor.d.ts

@@ -0,0 +1,3 @@
+export declare function Editor(): import("react/jsx-runtime").JSX.Element;
+export default Editor;
+//# sourceMappingURL=editor.d.ts.map

package/dist/editors/account-transactions-editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/account-transactions-editor/editor.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,MAAM,4CAqWrB;AAED,eAAe,MAAM,CAAC"}

package/dist/editors/account-transactions-editor/editor.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@powerhousedao/document-engineering";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
+import { generateId } from "document-model/core";
+import { setName } from "document-model";
+import { useSelectedAccountTransactionsDocument } from "../hooks/useAccountTransactionsDocument.js";
+import { addTransaction, updateTransaction, deleteTransaction, setAccount, } from "../../document-models/account-transactions/gen/creators.js";
+import { TransactionsTable } from "./components/TransactionsTable.js";
+import { TransactionForm } from "./components/TransactionForm.js";
+import { AccountSection } from "./components/AccountSection.js";
+import { DocumentHeader } from "./components/DocumentHeader.js";
+import { alchemyIntegration } from "./alchemyIntegration.js";
+export function Editor() {
+    const [document, dispatch] = useSelectedAccountTransactionsDocument();
+    const parentFolder = useParentFolderForSelectedNode();
+    const [viewMode, setViewMode] = useState("list");
+    const [editingTransaction, setEditingTransaction] = useState(null);
+    const [isLoadingTransactions, setIsLoadingTransactions] = useState(false);
+    function handleClose() {
+        setSelectedNode(parentFolder?.id);
+    }
+    function handleAddTransaction(values) {
+        dispatch(addTransaction({
+            id: generateId(),
+            ...values,
+        }));
+        setViewMode("list");
+    }
+    function handleUpdateTransaction(values) {
+        if ("id" in values) {
+            dispatch(updateTransaction(values));
+        }
+        setViewMode("list");
+        setEditingTransaction(null);
+    }
+    function handleDeleteTransaction(id) {
+        if (window.confirm("Are you sure you want to delete this transaction?")) {
+            dispatch(deleteTransaction({ id }));
+        }
+    }
+    function handleEditClick(transaction) {
+        setEditingTransaction(transaction);
+        setViewMode("edit");
+    }
+    function handleCancelForm() {
+        setViewMode("list");
+        setEditingTransaction(null);
+    }
+    async function handleFetchTransactions() {
+        const account = document.state.global.account;
+        if (!account?.account) {
+            alert("Please set an account address first");
+            return;
+        }
+        // Determine last fetched block to request only newer transactions
+        const existingTransactions = document.state.global.transactions || [];
+        const lastBlockNumber = existingTransactions.reduce((max, tx) => {
+            const bn = typeof tx.blockNumber === "number" ? tx.blockNumber : -Infinity;
+            return bn > max ? bn : max;
+        }, -Infinity);
+        const fromBlock = Number.isFinite(lastBlockNumber) && lastBlockNumber >= 0
+            ? `0x${(lastBlockNumber + 1).toString(16)}`
+            : undefined;
+        setIsLoadingTransactions(true);
+        try {
+            // Try the new method first (when reactor is updated)
+            try {
+                const result = await alchemyIntegration.getTransactionsFromAlchemy(account.account, fromBlock);
+                if (result.success) {
+                    // Check if there are any transactions returned
+                    if (!result.transactions || result.transactions.length === 0) {
+                        alert("No new transactions found. All transactions are up to date.");
+                        return;
+                    }
+                    // Create a set of existing transaction keys for deduplication
+                    // Use txHash + blockNumber + token + counterParty + amount as unique identifier
+                    // Note: Multiple ERC20 transfers can share the same txHash and blockNumber, so we include amount
+                    const existingTxKeys = new Set(existingTransactions.map((tx) => {
+                        const txHash = tx.details?.txHash || tx.txHash || "";
+                        const blockNumber = tx.details?.blockNumber || tx.blockNumber || "";
+                        const token = tx.details?.token || tx.token || "";
+                        const counterParty = tx.counterParty || "";
+                        // Include amount to handle multiple transfers in same transaction
+                        const amount = tx.amount;
+                        const amountStr = typeof amount === "object" && amount?.value && amount?.unit
+                            ? `${amount.value}-${amount.unit}`
+                            : typeof amount === "string"
+                                ? amount
+                                : "";
+                        return `${txHash}-${blockNumber}-${token}-${counterParty}-${amountStr}`;
+                    }));
+                    // Add only new transactions that don't already exist
+                    let addedCount = 0;
+                    let skippedCount = 0;
+                    for (const txData of result.transactions) {
+                        // Handle amount - it might come as string or object
+                        let amount;
+                        if (typeof txData.amount === "string") {
+                            // Parse amount string back to object format (e.g., "10.5 ETH" -> {value: "10.5", unit: "ETH"})
+                            const amountParts = txData.amount.split(" ");
+                            amount = {
+                                value: amountParts[0] || "0",
+                                unit: amountParts[1] || txData.token,
+                            };
+                        }
+                        else if (typeof txData.amount === "object" &&
+                            txData.amount &&
+                            "value" in txData.amount &&
+                            "unit" in txData.amount) {
+                            // Amount is already in the correct object format
+                            amount = txData.amount;
+                        }
+                        else {
+                            // Fallback - create amount from token
+                            amount = {
+                                value: "0",
+                                unit: txData.token,
+                            };
+                        }
+                        // Create unique key for this transaction (include amount to handle multiple transfers in same tx)
+                        const amountStr = `${amount.value}-${amount.unit}`;
+                        const txKey = `${txData.txHash}-${txData.blockNumber}-${txData.token}-${txData.counterParty}-${amountStr}`;
+                        // Skip if transaction already exists
+                        if (existingTxKeys.has(txKey)) {
+                            skippedCount++;
+                            continue;
+                        }
+                        // Validation - ensure we have required fields before adding
+                        if (!txData.direction) {
+                            console.error(`[Editor] Skipping transaction with undefined direction:`, txData);
+                            skippedCount++;
+                            continue;
+                        }
+                        if (!txData.from || !txData.to) {
+                            console.error(`[Editor] Skipping transaction with undefined from/to:`, {
+                                hash: txData.txHash,
+                                from: txData.from,
+                                to: txData.to,
+                                direction: txData.direction,
+                            });
+                            skippedCount++;
+                            continue;
+                        }
+                        dispatch(addTransaction({
+                            id: generateId(),
+                            counterParty: txData.counterParty,
+                            amount: amount,
+                            datetime: txData.datetime,
+                            txHash: txData.txHash,
+                            token: txData.token,
+                            blockNumber: txData.blockNumber,
+                            accountingPeriod: txData.accountingPeriod,
+                            direction: txData.direction || "OUTFLOW", // Use direction from Alchemy data or default to OUTFLOW
+                            budget: null, // No budget assigned initially
+                        }));
+                        addedCount++;
+                    }
+                    // Show appropriate message based on results
+                    if (addedCount === 0) {
+                        if (skippedCount > 0) {
+                            alert(`No new transactions found. All ${skippedCount} transaction(s) already exist in the document.`);
+                        }
+                        else {
+                            alert("No new transactions found. All transactions are up to date.");
+                        }
+                    }
+                    else {
+                        const message = skippedCount > 0
+                            ? `Successfully added ${addedCount} new transaction(s) from Alchemy (${skippedCount} skipped - already exist or validation errors)`
+                            : `Successfully added ${addedCount} new transaction(s) from Alchemy`;
+                        alert(message);
+                    }
+                    return;
+                }
+                else {
+                    throw new Error(result.message || "Failed to fetch transactions from Alchemy");
+                }
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : "Unknown error";
+                // If the new mutation doesn't exist, provide helpful message
+                if (errorMessage.includes("400") ||
+                    errorMessage.includes("Cannot query field")) {
+                    alert("The transaction fetching feature requires a reactor restart to work. Please restart the reactor (ph vetra) and try again.");
+                    return;
+                }
+                // Re-throw other errors
+                throw error;
+            }
+        }
+        catch (error) {
+            console.error("Error fetching transactions:", error);
+            alert(`Error fetching transactions: ${error instanceof Error ? error.message : "Unknown error"}`);
+        }
+        finally {
+            setIsLoadingTransactions(false);
+        }
+    }
+    return (_jsxs("div", { className: "h-screen flex flex-col bg-gray-50", children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _jsx("div", { className: "bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between", children: _jsx("h1", { className: "text-lg font-semibold text-gray-900", children: "Account Transactions" }) }), _jsx("div", { className: "flex-1 overflow-auto", children: _jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: [_jsx(DocumentHeader, { document: document, onNameChange: (name) => dispatch(setName(name)) }), _jsx(AccountSection, { account: document.state.global.account, hasFetchedTransactions: (document.state.global.transactions || []).length > 0, onSetAccount: (address, name) => {
+                                dispatch(setAccount({
+                                    id: generateId(),
+                                    account: address || "",
+                                    name: name || "",
+                                }));
+                            } }), _jsxs("div", { className: "mt-8", children: [viewMode === "list" && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("h2", { className: "text-2xl font-semibold text-gray-900", children: ["Transactions (", document.state.global.transactions.length, ")"] }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Manage account transactions with details and budgets. Only new transactions will be added when fetching." })] }), _jsxs("div", { className: "flex space-x-3", children: [_jsx(Button, { onClick: handleFetchTransactions, disabled: isLoadingTransactions ||
+                                                                !document.state.global.account?.account, className: "bg-green-600 hover:bg-green-700 disabled:bg-gray-400 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors", children: isLoadingTransactions
+                                                                ? "Fetching..."
+                                                                : "Fetch New Transactions" }), _jsx(Button, { onClick: () => setViewMode("add"), className: "bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium shadow-sm transition-colors", children: "Add Transaction" })] })] }), _jsx(TransactionsTable, { transactions: document.state.global.transactions, onEdit: handleEditClick, onDelete: handleDeleteTransaction })] })), viewMode === "add" && (_jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Add New Transaction" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Fill in the transaction details below" })] }), _jsx(TransactionForm, { budgets: document.state.global.budgets, onSubmit: handleAddTransaction, onCancel: handleCancelForm })] })), viewMode === "edit" && editingTransaction && (_jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-semibold text-gray-900", children: "Edit Transaction" }), _jsx("p", { className: "mt-1 text-sm text-gray-600", children: "Update the transaction details below" })] }), _jsx(TransactionForm, { transaction: editingTransaction, budgets: document.state.global.budgets, onSubmit: handleUpdateTransaction, onCancel: handleCancelForm })] }))] })] }) })] }));
+}
+export default Editor;

package/dist/editors/account-transactions-editor/index.d.ts

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

package/dist/editors/account-transactions-editor/index.d.ts.map

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

package/dist/editors/account-transactions-editor/index.js

@@ -0,0 +1,9 @@
+import { Editor } from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/account-transactions"],
+    config: {
+        id: "account-transactions-editor",
+        name: "account-transactions-editor",
+    },
+};

package/dist/editors/account-transactions-editor/module.d.ts

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

package/dist/editors/account-transactions-editor/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/account-transactions-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,yBAAyB,EAAE,YAOvC,CAAC"}

package/dist/editors/account-transactions-editor/module.js

@@ -0,0 +1,9 @@
+import { lazy } from "react";
+export const AccountTransactionsEditor = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/account-transactions"],
+    config: {
+        id: "powerhouse-account-transactions-editor",
+        name: "Account Transactions",
+    },
+};

package/dist/editors/accounts-editor/components/AccountCard.d.ts

@@ -0,0 +1,12 @@
+import type { AccountEntry, KycAmlStatusTypeInput } from "../../../document-models/accounts/gen/schema/types.js";
+interface AccountCardProps {
+    account: AccountEntry;
+    onEdit: (account: AccountEntry) => void;
+    onDelete: (id: string) => void;
+    onUpdateKycStatus: (id: string, status: KycAmlStatusTypeInput) => void;
+    onCreateTransactions?: (account: AccountEntry) => void;
+    isCreatingTransactions?: boolean;
+}
+export declare function AccountCard({ account, onEdit, onDelete, onUpdateKycStatus, onCreateTransactions, isCreatingTransactions, }: AccountCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountCard.d.ts.map

package/dist/editors/accounts-editor/components/AccountCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountCard.d.ts","sourceRoot":"","sources":["../../../../editors/accounts-editor/components/AccountCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACtB,MAAM,uDAAuD,CAAC;AAG/D,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACvE,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,EACpB,sBAA8B,GAC/B,EAAE,gBAAgB,2CAiSlB"}

package/dist/editors/accounts-editor/components/AccountCard.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@powerhousedao/document-engineering";
+import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { KYCStatusBadge } from "./KYCStatusBadge.js";
+export function AccountCard({ account, onEdit, onDelete, onUpdateKycStatus, onCreateTransactions, isCreatingTransactions = false, }) {
+    const [showKycMenu, setShowKycMenu] = useState(false);
+    const accountTypeColors = {
+        Source: "bg-purple-100 text-purple-800",
+        Internal: "bg-blue-100 text-blue-800",
+        Destination: "bg-green-100 text-green-800",
+        External: "bg-orange-100 text-orange-800",
+    };
+    function handleKycStatusChange(status) {
+        onUpdateKycStatus(account.id, status);
+        setShowKycMenu(false);
+    }
+    return (_jsx("div", { className: "bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow", children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex items-start justify-between mb-4", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-1", children: account.name }), _jsx("p", { className: "text-sm text-gray-600 font-mono", children: account.account })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { onClick: () => onEdit(account), className: "p-2 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors", title: "Edit account", children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }) }), _jsx("button", { onClick: () => onDelete(account.id), className: "p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg transition-colors", title: "Delete account", children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }) })] })] }), _jsxs("div", { className: "space-y-3", children: [account.type && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Type:" }), _jsx("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium ${accountTypeColors[account.type]}`, children: account.type })] })), account.budgetPath && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Budget Path:" }), _jsx("span", { className: "text-sm text-gray-900", children: account.budgetPath })] })), account.accountTransactionsId && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Transactions ID:" }), _jsx("span", { className: "text-sm text-gray-900 font-mono", children: account.accountTransactionsId })] })), account.chain && account.chain.length > 0 && (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Chains:" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: account.chain.map((chain, idx) => (_jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium bg-gray-100 text-gray-700", children: chain }, idx))) })] })), account.owners && account.owners.length > 0 && (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "Owners:" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: account.owners.map((owner, idx) => (_jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium bg-indigo-100 text-indigo-700", children: owner }, idx))) })] })), _jsxs("div", { className: "pt-3 border-t border-gray-100", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: "KYC/AML Status:" }), _jsxs("div", { className: "relative", children: [_jsx("button", { onClick: () => setShowKycMenu(!showKycMenu), className: "hover:opacity-80 transition-opacity", title: "Update KYC/AML status", children: _jsx(KYCStatusBadge, { status: account.KycAmlStatus }) }), showKycMenu && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-10", onClick: () => setShowKycMenu(false) }), _jsx("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-20", children: _jsxs("div", { className: "py-1", children: [_jsxs("button", { onClick: () => handleKycStatusChange("PASSED"), className: "w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-900 flex items-center gap-2", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-green-500" }), "Passed"] }), _jsxs("button", { onClick: () => handleKycStatusChange("PENDING"), className: "w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-yellow-50 hover:text-yellow-900 flex items-center gap-2", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-yellow-500" }), "Pending"] }), _jsxs("button", { onClick: () => handleKycStatusChange("FAILED"), className: "w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-red-50 hover:text-red-900 flex items-center gap-2", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-red-500" }), "Failed"] })] }) })] }))] })] }), onCreateTransactions && (_jsx("div", { className: "flex flex-col gap-2", children: account.accountTransactionsId ? (
+                                    // Show link to transactions document if it exists
+                                    _jsx("button", { onClick: () => setSelectedNode(account.accountTransactionsId), className: "w-full bg-blue-50 hover:bg-blue-100 border border-blue-200 rounded-lg p-3 transition-colors text-left", children: _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("svg", { className: "w-5 h-5 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-blue-900", children: "View Transactions Document" }), _jsx("p", { className: "text-xs text-blue-600 font-mono mt-0.5", children: account.accountTransactionsId })] })] }), _jsx("svg", { className: "w-5 h-5 text-blue-600 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }) })) : (
+                                    // Show create button if no transactions document exists
+                                    _jsx(Button, { onClick: () => onCreateTransactions(account), disabled: isCreatingTransactions, className: "w-full bg-green-600 hover:bg-green-700 disabled:bg-gray-400 text-white px-4 py-2.5 rounded-lg font-medium shadow-sm transition-colors flex items-center justify-center gap-2", children: isCreatingTransactions ? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "animate-spin h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "Creating..."] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6v6m0 0v6m0-6h6m-6 0H6" }) }), "Create Transactions"] })) })) }))] })] })] }) }));
+}

package/dist/editors/accounts-editor/components/AccountForm.d.ts

@@ -0,0 +1,19 @@
+import type { AccountEntry, AccountTypeInput, KycAmlStatusTypeInput } from "../../../document-models/accounts/gen/schema/types.js";
+interface AccountFormProps {
+    account?: AccountEntry;
+    onSubmit: (values: {
+        id?: string;
+        account: string;
+        name: string;
+        budgetPath?: string;
+        accountTransactionsId?: string;
+        chain?: string[];
+        type?: AccountTypeInput;
+        owners?: string[];
+        KycAmlStatus?: KycAmlStatusTypeInput;
+    }) => void;
+    onCancel: () => void;
+}
+export declare function AccountForm({ account, onSubmit, onCancel }: AccountFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountForm.d.ts.map

package/dist/editors/accounts-editor/components/AccountForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountForm.d.ts","sourceRoot":"","sources":["../../../../editors/accounts-editor/components/AccountForm.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,uDAAuD,CAAC;AAE/D,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,YAAY,CAAC,EAAE,qBAAqB,CAAC;KACtC,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqO5E"}

package/dist/editors/accounts-editor/components/AccountForm.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Form, FormLabel, StringField, } from "@powerhousedao/document-engineering";
+export function AccountForm({ account, onSubmit, onCancel }) {
+    const [formData, setFormData] = useState({
+        account: account?.account || "",
+        name: account?.name || "",
+        budgetPath: account?.budgetPath || "",
+        accountTransactionsId: account?.accountTransactionsId || "",
+        chain: account?.chain?.join(", ") || "",
+        type: account?.type || "",
+        owners: account?.owners?.join(", ") || "",
+        KycAmlStatus: account?.KycAmlStatus || "",
+    });
+    function handleSubmit(e) {
+        e.preventDefault();
+        const chain = formData.chain
+            .split(",")
+            .map((c) => c.trim())
+            .filter((c) => c);
+        const owners = formData.owners
+            .split(",")
+            .map((o) => o.trim())
+            .filter((o) => o);
+        // Validate required fields with custom message
+        const typeSelect = e.currentTarget.querySelector('select[name="accountType"]');
+        if (!formData.type) {
+            if (typeSelect) {
+                typeSelect.setCustomValidity("Please select an Account Type");
+                typeSelect.reportValidity();
+            }
+            else {
+                alert("Account Type is required");
+            }
+            return;
+        }
+        else if (typeSelect) {
+            typeSelect.setCustomValidity(""); // Clear any previous custom message
+        }
+        onSubmit({
+            ...(account?.id && { id: account.id }),
+            account: formData.account,
+            name: formData.name,
+            budgetPath: formData.budgetPath || undefined,
+            accountTransactionsId: formData.accountTransactionsId || undefined,
+            chain: chain.length > 0 ? chain : undefined,
+            type: formData.type, // Required field
+            owners: owners.length > 0 ? owners : undefined,
+            KycAmlStatus: formData.KycAmlStatus || undefined,
+        });
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "bg-white rounded-xl border border-gray-200 shadow-sm p-6", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: ["Account ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { type: "text", value: formData.account, onChange: (e) => setFormData({ ...formData, account: e.target.value }), placeholder: "e.g., 0x1234...abcd", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true })] }), _jsxs("div", { children: [_jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { type: "text", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), placeholder: "e.g., Main Treasury", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: ["Account Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { name: "accountType", value: formData.type, onChange: (e) => {
+                                            setFormData({
+                                                ...formData,
+                                                type: e.target.value,
+                                            });
+                                            // Clear custom validation message when user selects a value
+                                            e.target.setCustomValidity("");
+                                        }, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white", required: true, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "Source", children: "Source" }), _jsx("option", { value: "Internal", children: "Internal" }), _jsx("option", { value: "Destination", children: "Destination" }), _jsx("option", { value: "External", children: "External" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "KYC/AML Status" }), _jsxs("select", { value: formData.KycAmlStatus, onChange: (e) => setFormData({
+                                            ...formData,
+                                            KycAmlStatus: e.target.value,
+                                        }), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white", children: [_jsx("option", { value: "", children: "Select status..." }), _jsx("option", { value: "PASSED", children: "Passed" }), _jsx("option", { value: "PENDING", children: "Pending" }), _jsx("option", { value: "FAILED", children: "Failed" })] })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Budget Path" }), _jsx("input", { type: "text", value: formData.budgetPath, onChange: (e) => setFormData({ ...formData, budgetPath: e.target.value }), placeholder: "e.g., /treasury/operations", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Account Transactions ID" }), _jsx("input", { type: "text", value: formData.accountTransactionsId, onChange: (e) => setFormData({
+                                    ...formData,
+                                    accountTransactionsId: e.target.value,
+                                }), placeholder: "e.g., tx-12345", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: ["Chains", _jsx("span", { className: "ml-2 text-xs text-gray-500 font-normal", children: "(comma-separated)" })] }), _jsx("input", { type: "text", value: formData.chain, onChange: (e) => setFormData({ ...formData, chain: e.target.value }), placeholder: "e.g., Ethereum, Polygon, Arbitrum", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: ["Owners", _jsx("span", { className: "ml-2 text-xs text-gray-500 font-normal", children: "(comma-separated)" })] }), _jsx("input", { type: "text", value: formData.owners, onChange: (e) => setFormData({ ...formData, owners: e.target.value }), placeholder: "e.g., Alice, Bob, Charlie", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] })] }), _jsxs("div", { className: "mt-8 flex items-center justify-end gap-3 pt-6 border-t border-gray-200", children: [_jsx(Button, { type: "button", onClick: onCancel, className: "px-6 py-2.5 border border-gray-300 rounded-lg font-medium text-gray-700 hover:bg-gray-50 transition-colors", children: "Cancel" }), _jsx(Button, { type: "submit", className: "px-6 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium shadow-sm transition-colors", children: account ? "Update Account" : "Add Account" })] })] }));
+}

package/dist/editors/accounts-editor/components/AccountsFilter.d.ts

@@ -0,0 +1,8 @@
+import type { AccountEntry } from "../../../document-models/accounts/gen/schema/types.js";
+interface AccountsFilterProps {
+    accounts: AccountEntry[];
+    onFilteredAccountsChange: (filteredAccounts: AccountEntry[]) => void;
+}
+export declare function AccountsFilter({ accounts, onFilteredAccountsChange, }: AccountsFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountsFilter.d.ts.map

package/dist/editors/accounts-editor/components/AccountsFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsFilter.d.ts","sourceRoot":"","sources":["../../../../editors/accounts-editor/components/AccountsFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EAGb,MAAM,uDAAuD,CAAC;AAE/D,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,wBAAwB,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACtE;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,wBAAwB,GACzB,EAAE,mBAAmB,2CAgIrB"}

package/dist/editors/accounts-editor/components/AccountsFilter.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+export function AccountsFilter({ accounts, onFilteredAccountsChange, }) {
+    const [searchTerm, setSearchTerm] = useState("");
+    const [typeFilter, setTypeFilter] = useState("");
+    const [kycFilter, setKycFilter] = useState("");
+    const [chainFilter, setChainFilter] = useState("");
+    function applyFilters() {
+        const filtered = accounts.filter((account) => {
+            const matchesSearch = account.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+                account.account.toLowerCase().includes(searchTerm.toLowerCase());
+            const matchesType = !typeFilter || account.type === typeFilter;
+            const matchesKyc = !kycFilter || account.KycAmlStatus === kycFilter;
+            const matchesChain = !chainFilter ||
+                (account.chain &&
+                    account.chain.some((chain) => chain.toLowerCase().includes(chainFilter.toLowerCase())));
+            return matchesSearch && matchesType && matchesKyc && matchesChain;
+        });
+        onFilteredAccountsChange(filtered);
+    }
+    function clearFilters() {
+        setSearchTerm("");
+        setTypeFilter("");
+        setKycFilter("");
+        setChainFilter("");
+        onFilteredAccountsChange(accounts);
+    }
+    // Apply filters whenever filter values or accounts change
+    React.useEffect(() => {
+        applyFilters();
+    }, [searchTerm, typeFilter, kycFilter, chainFilter, accounts]);
+    const hasActiveFilters = searchTerm || typeFilter || kycFilter || chainFilter;
+    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-6 mb-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "Filter Accounts" }), hasActiveFilters && (_jsx("button", { onClick: clearFilters, className: "text-sm text-blue-600 hover:text-blue-800 font-medium", children: "Clear All" }))] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Search" }), _jsx("input", { type: "text", placeholder: "Name or address...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Type" }), _jsxs("select", { value: typeFilter, onChange: (e) => setTypeFilter(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm", children: [_jsx("option", { value: "", children: "All Types" }), _jsx("option", { value: "Source", children: "Source" }), _jsx("option", { value: "Internal", children: "Internal" }), _jsx("option", { value: "Destination", children: "Destination" }), _jsx("option", { value: "External", children: "External" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "KYC Status" }), _jsxs("select", { value: kycFilter, onChange: (e) => setKycFilter(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm", children: [_jsx("option", { value: "", children: "All Statuses" }), _jsx("option", { value: "PASSED", children: "Passed" }), _jsx("option", { value: "PENDING", children: "Pending" }), _jsx("option", { value: "FAILED", children: "Failed" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Chain" }), _jsx("input", { type: "text", placeholder: "Filter by chain...", value: chainFilter, onChange: (e) => setChainFilter(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" })] })] })] }));
+}

package/dist/editors/accounts-editor/components/AccountsList.d.ts

@@ -0,0 +1,12 @@
+import type { AccountEntry, KycAmlStatusTypeInput } from "../../../document-models/accounts/gen/schema/types.js";
+interface AccountsListProps {
+    accounts: AccountEntry[];
+    onEdit: (account: AccountEntry) => void;
+    onDelete: (id: string) => void;
+    onUpdateKycStatus: (id: string, status: KycAmlStatusTypeInput) => void;
+    onCreateTransactions?: (account: AccountEntry) => void;
+    creatingTransactionsFor?: string;
+}
+export declare function AccountsList({ accounts, onEdit, onDelete, onUpdateKycStatus, onCreateTransactions, creatingTransactionsFor, }: AccountsListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AccountsList.d.ts.map

package/dist/editors/accounts-editor/components/AccountsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsList.d.ts","sourceRoot":"","sources":["../../../../editors/accounts-editor/components/AccountsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACtB,MAAM,uDAAuD,CAAC;AAG/D,UAAU,iBAAiB;IACzB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACvE,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvD,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,GACxB,EAAE,iBAAiB,2CAkDnB"}

package/dist/editors/accounts-editor/components/AccountsList.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccountCard } from "./AccountCard.js";
+export function AccountsList({ accounts, onEdit, onDelete, onUpdateKycStatus, onCreateTransactions, creatingTransactionsFor, }) {
+    if (accounts.length === 0) {
+        return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-12 text-center", children: [_jsx("svg", { className: "mx-auto h-12 w-12 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }), _jsx("h3", { className: "mt-4 text-lg font-medium text-gray-900", children: "No accounts found" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Try adjusting your search or filter criteria" })] }));
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "text-sm text-gray-600", children: [accounts.length, " account", accounts.length !== 1 ? "s" : ""] }), _jsx("div", { className: "space-y-4", children: accounts.map((account) => (_jsx(AccountCard, { account: account, onEdit: onEdit, onDelete: onDelete, onUpdateKycStatus: onUpdateKycStatus, onCreateTransactions: onCreateTransactions, isCreatingTransactions: creatingTransactionsFor === account.id }, account.id))) })] }));
+}

package/dist/editors/accounts-editor/components/DocumentHeader.d.ts

@@ -0,0 +1,15 @@
+interface DocumentHeaderProps {
+    document: {
+        header: {
+            id: string;
+            name: string;
+            documentType: string;
+            createdAtUtcIso: string;
+            lastModifiedAtUtcIso: string;
+        };
+    };
+    onNameChange: (name: string) => void;
+}
+export declare function DocumentHeader({ document, onNameChange, }: DocumentHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentHeader.d.ts.map

package/dist/editors/accounts-editor/components/DocumentHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentHeader.d.ts","sourceRoot":"","sources":["../../../../editors/accounts-editor/components/DocumentHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE,MAAM,CAAC;YACb,YAAY,EAAE,MAAM,CAAC;YACrB,eAAe,EAAE,MAAM,CAAC;YACxB,oBAAoB,EAAE,MAAM,CAAC;SAC9B,CAAC;KACH,CAAC;IACF,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,YAAY,GACb,EAAE,mBAAmB,2CAwGrB"}