@powerhousedao/builder-team-admin 0.0.1

package/dist/editors/expense-report/hooks/useSyncWallet.js

@@ -0,0 +1,150 @@
+import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
+import { actions } from "../../../document-models/expense-report/index.js";
+import { generateId } from "document-model";
+export function useSyncWallet() {
+    const documents = useDocumentsInSelectedDrive();
+    const syncWallet = (walletAddress, existingLineItems, billingStatementIds, groups, allWallets, accountTransactionsDocumentId, periodStart, periodEnd, dispatch) => {
+        if (!documents)
+            return;
+        // Get billing statement documents
+        const billingStatements = new Map();
+        documents
+            .filter((doc) => doc.header.documentType === "powerhouse/billing-statement")
+            .forEach((doc) => {
+            billingStatements.set(doc.header.id, doc);
+        });
+        // Helper function to map tag to group
+        const mapTagToGroup = (billingLineItem) => {
+            // Find expense-account tag
+            const expenseAccountTag = billingLineItem.lineItemTag?.find((tag) => tag.dimension === "expense-account");
+            if (!expenseAccountTag || !expenseAccountTag.label)
+                return null;
+            // Find matching group by label
+            const group = groups.find((g) => g.label === expenseAccountTag.label);
+            return group ? group.id : null;
+        };
+        // Helper function to calculate payments from AccountTransactions document
+        const calculatePaymentsFromTransactions = (txDocumentId, start, end) => {
+            // Find AccountTransactions document
+            const txDoc = documents?.find((doc) => doc.header.id === txDocumentId &&
+                doc.header.documentType === "powerhouse/account-transactions");
+            if (!txDoc?.state?.global?.transactions) {
+                return 0;
+            }
+            const transactions = txDoc.state.global.transactions || [];
+            const startDate = new Date(start);
+            const endDate = new Date(end);
+            // USD stablecoin list
+            const USD_STABLECOINS = ["USDC", "USDT", "USDS", "DAI", "GUSD", "TUSD"];
+            // Create set of all wallet addresses for intergroup detection
+            const walletAddresses = new Set(allWallets.map((w) => w.wallet?.toLowerCase()).filter(Boolean));
+            // Calculate total payments from USD transactions
+            const totalPayments = transactions.reduce((sum, tx) => {
+                // Only count OUTFLOW transactions
+                if (tx.direction !== "OUTFLOW")
+                    return sum;
+                // Check if transaction is within period
+                const txDate = new Date(tx.datetime);
+                if (txDate < startDate || txDate > endDate)
+                    return sum;
+                // Extract currency unit from amount
+                const unit = tx.amount?.unit || tx.details?.token;
+                if (!USD_STABLECOINS.includes(unit))
+                    return sum;
+                // Exclude intergroup transactions (transactions to other wallets in this report)
+                const counterParty = tx.counterParty?.toLowerCase();
+                if (counterParty && walletAddresses.has(counterParty))
+                    return sum;
+                // Add the transaction amount (convert to number if it's a string)
+                const amount = parseFloat(tx.amount?.value || 0);
+                return sum + amount;
+            }, 0);
+            return totalPayments;
+        };
+        // Aggregate line items by category
+        const categoryAggregation = new Map();
+        // Extract and aggregate line items from all billing statements
+        billingStatementIds.forEach((statementId) => {
+            const statement = billingStatements.get(statementId);
+            if (!statement?.state?.global?.lineItems)
+                return;
+            const lineItems = statement.state.global.lineItems || [];
+            lineItems.forEach((billingLineItem) => {
+                const groupId = mapTagToGroup(billingLineItem);
+                const categoryKey = groupId || "uncategorized";
+                const existing = categoryAggregation.get(categoryKey);
+                if (existing) {
+                    // Aggregate values for the same category
+                    existing.actuals += billingLineItem.totalPriceCash || 0;
+                }
+                else {
+                    // Create new category entry
+                    const group = groups.find((g) => g.id === groupId);
+                    categoryAggregation.set(categoryKey, {
+                        groupId: groupId,
+                        groupLabel: group?.label || "Uncategorized",
+                        budget: 0,
+                        actuals: billingLineItem.totalPriceCash || 0,
+                        forecast: 0,
+                        payments: 0,
+                    });
+                }
+            });
+        });
+        // Calculate payments from transactions for "Uncategorized" items
+        if (accountTransactionsDocumentId && periodStart && periodEnd) {
+            const transactionPayments = calculatePaymentsFromTransactions(accountTransactionsDocumentId, periodStart, periodEnd);
+            if (transactionPayments > 0) {
+                // Add payments to "uncategorized" category
+                const uncategorized = categoryAggregation.get("uncategorized");
+                if (uncategorized) {
+                    // Update existing uncategorized category with payments
+                    uncategorized.payments = transactionPayments;
+                }
+                else {
+                    // Create new uncategorized category entry with payments
+                    categoryAggregation.set("uncategorized", {
+                        groupId: null,
+                        groupLabel: "Uncategorized",
+                        budget: 0,
+                        actuals: 0,
+                        forecast: 0,
+                        payments: transactionPayments,
+                    });
+                }
+            }
+        }
+        // Now add or update line items in wallet
+        categoryAggregation.forEach((aggregatedItem) => {
+            // Check if this line item already exists for this wallet
+            const existingLineItem = existingLineItems.find((item) => item.group === aggregatedItem.groupId);
+            if (existingLineItem && existingLineItem.id) {
+                // Update existing line item
+                dispatch(actions.updateLineItem({
+                    wallet: walletAddress,
+                    lineItemId: existingLineItem.id,
+                    actuals: aggregatedItem.actuals,
+                    payments: aggregatedItem.payments,
+                }));
+            }
+            else {
+                // Add new line item
+                const expenseLineItem = {
+                    id: generateId(),
+                    label: aggregatedItem.groupLabel,
+                    group: aggregatedItem.groupId,
+                    budget: aggregatedItem.budget,
+                    actuals: aggregatedItem.actuals,
+                    forecast: aggregatedItem.forecast,
+                    payments: aggregatedItem.payments,
+                    comments: null,
+                };
+                dispatch(actions.addLineItem({
+                    wallet: walletAddress,
+                    lineItem: expenseLineItem,
+                }));
+            }
+        });
+    };
+    return { syncWallet };
+}

package/dist/editors/expense-report/hooks/useWalletSync.d.ts

@@ -0,0 +1,9 @@
+import type { Wallet } from "../../../document-models/expense-report/gen/types.js";
+interface SyncStatus {
+    needsSync: boolean;
+    outdatedWallets: string[];
+    tagChangedWallets: string[];
+}
+export declare function useWalletSync(wallets: Wallet[]): SyncStatus;
+export {};
+//# sourceMappingURL=useWalletSync.d.ts.map

package/dist/editors/expense-report/hooks/useWalletSync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletSync.d.ts","sourceRoot":"","sources":["../../../../editors/expense-report/hooks/useWalletSync.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sDAAsD,CAAC;AAEnF,UAAU,UAAU;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,UAAU,CA2G3D"}

package/dist/editors/expense-report/hooks/useWalletSync.js

@@ -0,0 +1,78 @@
+import { useMemo } from "react";
+import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
+export function useWalletSync(wallets) {
+    const documents = useDocumentsInSelectedDrive();
+    const syncStatus = useMemo(() => {
+        if (!documents || wallets.length === 0) {
+            return { needsSync: false, outdatedWallets: [], tagChangedWallets: [] };
+        }
+        // Create a map of billing statement documents
+        const billingStatements = new Map();
+        documents
+            .filter((doc) => doc.header.documentType === "powerhouse/billing-statement")
+            .forEach((doc) => {
+            billingStatements.set(doc.header.id, doc);
+        });
+        const outdatedWallets = [];
+        const tagChangedWallets = [];
+        // Check each wallet
+        wallets.forEach((wallet) => {
+            if (!wallet.billingStatements || wallet.billingStatements.length === 0) {
+                return; // No billing statements to sync
+            }
+            // Get current aggregated totals by category from wallet line items
+            const currentCategoryTotals = new Map();
+            wallet.lineItems?.forEach((item) => {
+                if (item?.group) {
+                    const currentTotal = currentCategoryTotals.get(item.group) || 0;
+                    currentCategoryTotals.set(item.group, currentTotal + (item.actuals || 0));
+                }
+            });
+            // Calculate expected aggregated totals by category from billing statements
+            const expectedCategoryTotals = new Map();
+            const expectedCategoryLabels = new Set();
+            wallet.billingStatements.forEach((statementId) => {
+                if (!statementId)
+                    return;
+                const statement = billingStatements.get(statementId);
+                if (statement?.state?.global?.lineItems) {
+                    statement.state.global.lineItems.forEach((item) => {
+                        // Find expense-account tag
+                        const expenseAccountTag = item.lineItemTag?.find((tag) => tag.dimension === "expense-account");
+                        if (expenseAccountTag?.label) {
+                            expectedCategoryLabels.add(expenseAccountTag.label);
+                            const currentTotal = expectedCategoryTotals.get(expenseAccountTag.label) || 0;
+                            expectedCategoryTotals.set(expenseAccountTag.label, currentTotal + (item.totalPriceCash || 0));
+                        }
+                    });
+                }
+            });
+            // Check if categories have changed
+            const currentCategories = new Set(currentCategoryTotals.keys());
+            const hasTagChanges = currentCategories.size !== expectedCategoryLabels.size;
+            // Check if totals per category have changed
+            let hasTotalMismatch = false;
+            // We need to check if the aggregated totals match
+            // Since wallet stores group IDs but billing statements have labels,
+            // we need to sum up all line items regardless of category structure
+            const currentTotalActuals = Array.from(currentCategoryTotals.values()).reduce((sum, total) => sum + total, 0);
+            const expectedTotalActuals = Array.from(expectedCategoryTotals.values()).reduce((sum, total) => sum + total, 0);
+            hasTotalMismatch =
+                Math.abs(currentTotalActuals - expectedTotalActuals) > 0.01;
+            if (hasTagChanges || hasTotalMismatch) {
+                if (wallet.wallet) {
+                    outdatedWallets.push(wallet.wallet);
+                    if (hasTagChanges) {
+                        tagChangedWallets.push(wallet.wallet);
+                    }
+                }
+            }
+        });
+        return {
+            needsSync: outdatedWallets.length > 0,
+            outdatedWallets,
+            tagChangedWallets,
+        };
+    }, [documents, wallets]);
+    return syncStatus;
+}

package/dist/editors/expense-report/module.d.ts

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

package/dist/editors/expense-report/module.d.ts.map

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

package/dist/editors/expense-report/module.js

@@ -0,0 +1,9 @@
+import { lazy } from "react";
+export const ExpenseReport = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/expense-report"],
+    config: {
+        id: "powerhouse-expense-report-editor",
+        name: "Expense Report",
+    },
+};

package/dist/editors/index.d.ts

@@ -0,0 +1,4 @@
+export { ServiceSubscriptionsEditor } from "./service-subscriptions-editor/module.js";
+export { BuilderTeamAdmin } from "./builder-team-admin/module.js";
+export { ExpenseReport } from "./expense-report/module.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/editors/index.js

@@ -0,0 +1,3 @@
+export { ServiceSubscriptionsEditor } from "./service-subscriptions-editor/module.js";
+export { BuilderTeamAdmin } from "./builder-team-admin/module.js";
+export { ExpenseReport } from "./expense-report/module.js";

package/dist/editors/service-subscriptions-editor/components/AddCategoryModal.d.ts

@@ -0,0 +1,7 @@
+interface AddCategoryModalProps {
+    onClose: () => void;
+    isDarkMode: boolean;
+}
+export declare function AddCategoryModal({ onClose, isDarkMode, }: AddCategoryModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddCategoryModal.d.ts.map

package/dist/editors/service-subscriptions-editor/components/AddCategoryModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddCategoryModal.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/AddCategoryModal.tsx"],"names":[],"mappings":"AAKA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,GACX,EAAE,qBAAqB,2CA4HvB"}

package/dist/editors/service-subscriptions-editor/components/AddCategoryModal.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { generateId } from "document-model/core";
+import { useSelectedServiceSubscriptionsDocument } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+import { addCategory } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function AddCategoryModal({ onClose, isDarkMode, }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [formData, setFormData] = useState({
+        name: "",
+        description: "",
+    });
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!formData.name) {
+            alert("Name is required");
+            return;
+        }
+        dispatch?.(addCategory({
+            id: generateId(),
+            name: formData.name,
+            description: formData.description || undefined,
+        }));
+        onClose();
+    };
+    const updateField = (field, value) => {
+        setFormData((prev) => ({ ...prev, [field]: value }));
+    };
+    const inputClass = `w-full px-3 py-2.5 text-sm rounded-lg border transition-colors focus:outline-none focus:border-indigo-500 ${isDarkMode
+        ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500"
+        : "bg-gray-50 border-gray-200 text-gray-900 placeholder-gray-400"}`;
+    const labelClass = `block text-sm font-medium mb-1.5 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`;
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center z-50 ${isDarkMode ? "bg-black/70" : "bg-black/40"}`, onClick: onClose, children: _jsxs("div", { className: `w-full max-w-md rounded-xl border ${isDarkMode
+                ? "bg-gray-800 border-gray-700"
+                : "bg-white border-gray-200 shadow-xl"}`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: `flex justify-between items-center px-6 py-5 border-b ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("h2", { className: `text-lg font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "Add Category" }), _jsx("button", { className: `w-8 h-8 flex items-center justify-center rounded-md transition-colors ${isDarkMode
+                                ? "text-gray-400 hover:text-gray-100 hover:bg-gray-700"
+                                : "text-gray-500 hover:text-gray-900 hover:bg-gray-100"}`, onClick: onClose, children: "\u2715" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "p-6 space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Name *" }), _jsx("input", { type: "text", className: inputClass, placeholder: "e.g., Development Tools, Cloud Infrastructure", value: formData.name, onChange: (e) => updateField("name", e.target.value), autoFocus: true })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Description" }), _jsx("textarea", { className: `${inputClass} resize-y`, placeholder: "Optional description...", value: formData.description, onChange: (e) => updateField("description", e.target.value), rows: 3 })] })] }), _jsxs("div", { className: `flex justify-end gap-3 px-6 py-4 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("button", { type: "button", className: `px-4 py-2 text-sm font-medium rounded-lg border transition-colors ${isDarkMode
+                                        ? "bg-gray-700 border-gray-600 text-gray-100 hover:bg-gray-600"
+                                        : "bg-white border-gray-200 text-gray-900 hover:bg-gray-50"}`, onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "px-4 py-2 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors", children: "Add Category" })] })] })] }) }));
+}

package/dist/editors/service-subscriptions-editor/components/AddSubscriptionModal.d.ts

@@ -0,0 +1,10 @@
+import type { Vendor, Category } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+interface AddSubscriptionModalProps {
+    vendors: Vendor[];
+    categories: Category[];
+    onClose: () => void;
+    isDarkMode: boolean;
+}
+export declare function AddSubscriptionModal({ vendors, categories, onClose, isDarkMode, }: AddSubscriptionModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddSubscriptionModal.d.ts.map

package/dist/editors/service-subscriptions-editor/components/AddSubscriptionModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddSubscriptionModal.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/AddSubscriptionModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,MAAM,EACN,QAAQ,EAGT,MAAM,yEAAyE,CAAC;AAEjF,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,UAAU,EACV,OAAO,EACP,UAAU,GACX,EAAE,yBAAyB,2CAiS3B"}

package/dist/editors/service-subscriptions-editor/components/AddSubscriptionModal.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { generateId } from "document-model/core";
+import { useSelectedServiceSubscriptionsDocument } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+import { addSubscription } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function AddSubscriptionModal({ vendors, categories, onClose, isDarkMode, }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [formData, setFormData] = useState({
+        name: "",
+        vendorId: vendors[0]?.id ?? "",
+        categoryId: "",
+        billingCycle: "MONTHLY",
+        amount: "",
+        currency: "USD",
+        status: "ACTIVE",
+        planName: "",
+        totalSeats: "",
+        accountEmail: "",
+        accountOwner: "",
+        loginUrl: "",
+        notes: "",
+    });
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!formData.name || !formData.vendorId) {
+            alert("Name and vendor are required");
+            return;
+        }
+        dispatch?.(addSubscription({
+            id: generateId(),
+            name: formData.name,
+            vendorId: formData.vendorId,
+            categoryId: formData.categoryId || undefined,
+            billingCycle: formData.billingCycle,
+            amount: formData.amount ? parseFloat(formData.amount) : undefined,
+            currency: formData.currency || undefined,
+            status: formData.status,
+            planName: formData.planName || undefined,
+            seats: formData.totalSeats
+                ? { total: parseInt(formData.totalSeats), assignedMembers: [] }
+                : undefined,
+            accountEmail: formData.accountEmail || undefined,
+            accountOwner: formData.accountOwner || undefined,
+            loginUrl: formData.loginUrl || undefined,
+            notes: formData.notes || undefined,
+            tags: [],
+        }));
+        onClose();
+    };
+    const updateField = (field, value) => {
+        setFormData((prev) => ({ ...prev, [field]: value }));
+    };
+    const inputClass = `w-full px-3 py-2.5 text-sm rounded-lg border transition-colors focus:outline-none focus:border-indigo-500 ${isDarkMode
+        ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500"
+        : "bg-gray-50 border-gray-200 text-gray-900 placeholder-gray-400"}`;
+    const labelClass = `block text-sm font-medium mb-1.5 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`;
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center z-50 ${isDarkMode ? "bg-black/70" : "bg-black/40"}`, onClick: onClose, children: _jsxs("div", { className: `w-full max-w-lg max-h-[90vh] overflow-y-auto rounded-xl border ${isDarkMode
+                ? "bg-gray-800 border-gray-700"
+                : "bg-white border-gray-200 shadow-xl"}`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: `flex justify-between items-center px-6 py-5 border-b ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("h2", { className: `text-lg font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "Add Subscription" }), _jsx("button", { className: `w-8 h-8 flex items-center justify-center rounded-md transition-colors ${isDarkMode
+                                ? "text-gray-400 hover:text-gray-100 hover:bg-gray-700"
+                                : "text-gray-500 hover:text-gray-900 hover:bg-gray-100"}`, onClick: onClose, children: "\u2715" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "p-6 space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Name *" }), _jsx("input", { type: "text", className: inputClass, placeholder: "e.g., GitHub Enterprise", value: formData.name, onChange: (e) => updateField("name", e.target.value), autoFocus: true })] }), _jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Vendor *" }), _jsxs("select", { className: inputClass, value: formData.vendorId, onChange: (e) => updateField("vendorId", e.target.value), children: [vendors.length === 0 && (_jsx("option", { value: "", children: "No vendors available" })), vendors.map((v) => (_jsx("option", { value: v.id, children: v.name }, v.id)))] })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Category" }), _jsxs("select", { className: inputClass, value: formData.categoryId, onChange: (e) => updateField("categoryId", e.target.value), children: [_jsx("option", { value: "", children: "None" }), categories.map((c) => (_jsx("option", { value: c.id, children: c.name }, c.id)))] })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Status" }), _jsxs("select", { className: inputClass, value: formData.status, onChange: (e) => updateField("status", e.target.value), children: [_jsx("option", { value: "ACTIVE", children: "Active" }), _jsx("option", { value: "TRIAL", children: "Trial" }), _jsx("option", { value: "PENDING", children: "Pending" }), _jsx("option", { value: "PAUSED", children: "Paused" }), _jsx("option", { value: "CANCELLED", children: "Cancelled" }), _jsx("option", { value: "EXPIRED", children: "Expired" })] })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Plan Name" }), _jsx("input", { type: "text", className: inputClass, placeholder: "e.g., Pro, Enterprise", value: formData.planName, onChange: (e) => updateField("planName", e.target.value) })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Amount" }), _jsx("input", { type: "number", className: inputClass, placeholder: "0.00", value: formData.amount, onChange: (e) => updateField("amount", e.target.value) })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Billing Cycle" }), _jsxs("select", { className: inputClass, value: formData.billingCycle, onChange: (e) => updateField("billingCycle", e.target.value), children: [_jsx("option", { value: "MONTHLY", children: "Monthly" }), _jsx("option", { value: "QUARTERLY", children: "Quarterly" }), _jsx("option", { value: "ANNUAL", children: "Annual" }), _jsx("option", { value: "BIENNIAL", children: "Biennial" }), _jsx("option", { value: "ONE_TIME", children: "One-time" }), _jsx("option", { value: "USAGE_BASED", children: "Usage-based" })] })] })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Total Seats" }), _jsx("input", { type: "number", className: inputClass, placeholder: "Leave empty if not applicable", value: formData.totalSeats, onChange: (e) => updateField("totalSeats", e.target.value) })] }), _jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Account Owner" }), _jsx("input", { type: "text", className: inputClass, placeholder: "Name", value: formData.accountOwner, onChange: (e) => updateField("accountOwner", e.target.value) })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: labelClass, children: "Account Email" }), _jsx("input", { type: "email", className: inputClass, placeholder: "email@company.com", value: formData.accountEmail, onChange: (e) => updateField("accountEmail", e.target.value) })] })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Login URL" }), _jsx("input", { type: "url", className: inputClass, placeholder: "https://...", value: formData.loginUrl, onChange: (e) => updateField("loginUrl", e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Notes" }), _jsx("textarea", { className: `${inputClass} resize-y`, placeholder: "Additional notes...", value: formData.notes, onChange: (e) => updateField("notes", e.target.value), rows: 3 })] })] }), _jsxs("div", { className: `flex justify-end gap-3 px-6 py-4 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("button", { type: "button", className: `px-4 py-2 text-sm font-medium rounded-lg border transition-colors ${isDarkMode
+                                        ? "bg-gray-700 border-gray-600 text-gray-100 hover:bg-gray-600"
+                                        : "bg-white border-gray-200 text-gray-900 hover:bg-gray-50"}`, onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "px-4 py-2 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors", children: "Add Subscription" })] })] })] }) }));
+}

package/dist/editors/service-subscriptions-editor/components/AddVendorModal.d.ts

@@ -0,0 +1,7 @@
+interface AddVendorModalProps {
+    onClose: () => void;
+    isDarkMode: boolean;
+}
+export declare function AddVendorModal({ onClose, isDarkMode }: AddVendorModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddVendorModal.d.ts.map

package/dist/editors/service-subscriptions-editor/components/AddVendorModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddVendorModal.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/AddVendorModal.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CAsJ1E"}

package/dist/editors/service-subscriptions-editor/components/AddVendorModal.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { generateId } from "document-model/core";
+import { useSelectedServiceSubscriptionsDocument } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+import { addVendor } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function AddVendorModal({ onClose, isDarkMode }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [formData, setFormData] = useState({
+        name: "",
+        website: "",
+        supportEmail: "",
+        supportUrl: "",
+    });
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!formData.name) {
+            alert("Name is required");
+            return;
+        }
+        dispatch?.(addVendor({
+            id: generateId(),
+            name: formData.name,
+            website: formData.website || undefined,
+            supportEmail: formData.supportEmail || undefined,
+            supportUrl: formData.supportUrl || undefined,
+        }));
+        onClose();
+    };
+    const updateField = (field, value) => {
+        setFormData((prev) => ({ ...prev, [field]: value }));
+    };
+    const inputClass = `w-full px-3 py-2.5 text-sm rounded-lg border transition-colors focus:outline-none focus:border-indigo-500 ${isDarkMode
+        ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500"
+        : "bg-gray-50 border-gray-200 text-gray-900 placeholder-gray-400"}`;
+    const labelClass = `block text-sm font-medium mb-1.5 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`;
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center z-50 ${isDarkMode ? "bg-black/70" : "bg-black/40"}`, onClick: onClose, children: _jsxs("div", { className: `w-full max-w-md rounded-xl border ${isDarkMode
+                ? "bg-gray-800 border-gray-700"
+                : "bg-white border-gray-200 shadow-xl"}`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: `flex justify-between items-center px-6 py-5 border-b ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("h2", { className: `text-lg font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "Add Vendor" }), _jsx("button", { className: `w-8 h-8 flex items-center justify-center rounded-md transition-colors ${isDarkMode
+                                ? "text-gray-400 hover:text-gray-100 hover:bg-gray-700"
+                                : "text-gray-500 hover:text-gray-900 hover:bg-gray-100"}`, onClick: onClose, children: "\u2715" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "p-6 space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Name *" }), _jsx("input", { type: "text", className: inputClass, placeholder: "e.g., Google, Microsoft, Anthropic", value: formData.name, onChange: (e) => updateField("name", e.target.value), autoFocus: true })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Website" }), _jsx("input", { type: "url", className: inputClass, placeholder: "https://...", value: formData.website, onChange: (e) => updateField("website", e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Support Email" }), _jsx("input", { type: "email", className: inputClass, placeholder: "support@vendor.com", value: formData.supportEmail, onChange: (e) => updateField("supportEmail", e.target.value) })] }), _jsxs("div", { children: [_jsx("label", { className: labelClass, children: "Support URL" }), _jsx("input", { type: "url", className: inputClass, placeholder: "https://support.vendor.com", value: formData.supportUrl, onChange: (e) => updateField("supportUrl", e.target.value) })] })] }), _jsxs("div", { className: `flex justify-end gap-3 px-6 py-4 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: [_jsx("button", { type: "button", className: `px-4 py-2 text-sm font-medium rounded-lg border transition-colors ${isDarkMode
+                                        ? "bg-gray-700 border-gray-600 text-gray-100 hover:bg-gray-600"
+                                        : "bg-white border-gray-200 text-gray-900 hover:bg-gray-50"}`, onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "px-4 py-2 text-sm font-medium bg-indigo-500 text-white rounded-lg hover:bg-indigo-600 transition-colors", children: "Add Vendor" })] })] })] }) }));
+}

package/dist/editors/service-subscriptions-editor/components/CategoriesList.d.ts

@@ -0,0 +1,8 @@
+import type { Category } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+interface CategoriesListProps {
+    categories: Category[];
+    isDarkMode: boolean;
+}
+export declare function CategoriesList({ categories, isDarkMode, }: CategoriesListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CategoriesList.d.ts.map

package/dist/editors/service-subscriptions-editor/components/CategoriesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesList.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/CategoriesList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yEAAyE,CAAC;AAExG,UAAU,mBAAmB;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,UAAU,GACX,EAAE,mBAAmB,2CAwCrB"}

package/dist/editors/service-subscriptions-editor/components/CategoriesList.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelectedServiceSubscriptionsDocument } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+import { deleteCategory } from "../../../document-models/service-subscriptions/gen/creators.js";
+export function CategoriesList({ categories, isDarkMode, }) {
+    if (categories.length === 0) {
+        return (_jsxs("div", { className: `text-center py-16 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: [_jsx("svg", { className: "w-12 h-12 mx-auto mb-4 opacity-50", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("div", { className: `text-base font-medium mb-2 ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: "No categories yet" }), _jsx("p", { children: "Add categories to organize your subscriptions." })] }));
+    }
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: categories.map((category) => (_jsx(CategoryCard, { category: category, isDarkMode: isDarkMode }, category.id))) }));
+}
+function CategoryCard({ category, isDarkMode }) {
+    const [, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const handleDelete = () => {
+        if (confirm(`Delete category "${category.name}"?`)) {
+            dispatch?.(deleteCategory({ id: category.id }));
+        }
+    };
+    const cardClass = `p-4 rounded-lg border transition-colors ${isDarkMode
+        ? "bg-gray-800 border-gray-700 hover:border-indigo-500"
+        : "bg-white border-gray-200 hover:border-indigo-500 shadow-sm"}`;
+    return (_jsxs("div", { className: cardClass, children: [_jsx("div", { className: "mb-3", children: _jsx("h3", { className: `text-base font-semibold ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: category.name }) }), category.description && (_jsx("div", { className: "flex flex-col gap-2", children: _jsx("p", { className: `text-sm m-0 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, children: category.description }) })), _jsx("div", { className: `flex gap-2 mt-3 pt-3 border-t ${isDarkMode ? "border-gray-700" : "border-gray-200"}`, children: _jsx("button", { className: `px-2.5 py-1.5 text-xs rounded-lg transition-colors ${isDarkMode
+                        ? "text-red-400 hover:bg-red-500/10"
+                        : "text-red-600 hover:bg-red-500/10"}`, onClick: handleDelete, children: "Delete" }) })] }));
+}

package/dist/editors/service-subscriptions-editor/components/EditName.d.ts

@@ -0,0 +1,3 @@
+/** Displays the name of the selected ServiceSubscriptions document and allows editing it */
+export declare function EditServiceSubscriptionsName(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EditName.d.ts.map

package/dist/editors/service-subscriptions-editor/components/EditName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditName.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/EditName.tsx"],"names":[],"mappings":"AAKA,4FAA4F;AAC5F,wBAAgB,4BAA4B,mDAyE3C"}

package/dist/editors/service-subscriptions-editor/components/EditName.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setName } from "document-model";
+import { useState } from "react";
+import { useSelectedServiceSubscriptionsDocument } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+/** Displays the name of the selected ServiceSubscriptions document and allows editing it */
+export function EditServiceSubscriptionsName() {
+    const [serviceSubscriptionsDocument, dispatch] = useSelectedServiceSubscriptionsDocument();
+    const [isEditing, setIsEditing] = useState(false);
+    if (!serviceSubscriptionsDocument)
+        return null;
+    const serviceSubscriptionsDocumentName = serviceSubscriptionsDocument.header.name;
+    const onClickEditServiceSubscriptionsName = () => {
+        setIsEditing(true);
+    };
+    const onClickCancelEditServiceSubscriptionsName = () => {
+        setIsEditing(false);
+    };
+    const onSubmitSetName = (event) => {
+        event.preventDefault();
+        const form = event.currentTarget;
+        const nameInput = form.elements.namedItem("name");
+        const name = nameInput.value;
+        if (!name)
+            return;
+        dispatch(setName(name));
+        setIsEditing(false);
+    };
+    if (isEditing)
+        return (_jsxs("form", { className: "flex gap-2 items-center justify-between", onSubmit: onSubmitSetName, children: [_jsx("input", { className: "text-lg font-semibold text-gray-900 p-1", type: "text", name: "name", defaultValue: serviceSubscriptionsDocumentName, autoFocus: true }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "submit", className: "text-sm text-gray-600", children: "Save" }), _jsx("button", { className: "text-sm text-red-800", onClick: onClickCancelEditServiceSubscriptionsName, children: "Cancel" })] })] }));
+    return (_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: serviceSubscriptionsDocumentName }), _jsx("button", { className: "text-sm text-gray-600", onClick: onClickEditServiceSubscriptionsName, children: "Edit Name" })] }));
+}

package/dist/editors/service-subscriptions-editor/components/StatsOverview.d.ts

@@ -0,0 +1,8 @@
+import type { ServiceSubscription } from "@powerhousedao/builder-team-admin/document-models/service-subscriptions";
+interface StatsOverviewProps {
+    subscriptions: ServiceSubscription[];
+    isDarkMode: boolean;
+}
+export declare function StatsOverview({ subscriptions, isDarkMode, }: StatsOverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatsOverview.d.ts.map

package/dist/editors/service-subscriptions-editor/components/StatsOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsOverview.d.ts","sourceRoot":"","sources":["../../../../editors/service-subscriptions-editor/components/StatsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yEAAyE,CAAC;AAEnH,UAAU,kBAAkB;IAC1B,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,UAAU,GACX,EAAE,kBAAkB,2CA0EpB"}

package/dist/editors/service-subscriptions-editor/components/StatsOverview.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StatsOverview({ subscriptions, isDarkMode, }) {
+    const activeCount = subscriptions.filter((s) => s.status === "ACTIVE").length;
+    const trialCount = subscriptions.filter((s) => s.status === "TRIAL").length;
+    const totalMonthly = subscriptions.reduce((sum, sub) => {
+        if (!sub.amount)
+            return sum;
+        const amount = sub.amount;
+        switch (sub.billingCycle) {
+            case "MONTHLY":
+                return sum + amount;
+            case "QUARTERLY":
+                return sum + amount / 3;
+            case "ANNUAL":
+                return sum + amount / 12;
+            case "BIENNIAL":
+                return sum + amount / 24;
+            default:
+                return sum;
+        }
+    }, 0);
+    const totalSeats = subscriptions.reduce((sum, sub) => sum + (sub.seats?.total ?? 0), 0);
+    const usedSeats = subscriptions.reduce((sum, sub) => sum + (sub.seats?.assignedMembers.length ?? 0), 0);
+    const cardClass = `p-4 rounded-lg border ${isDarkMode
+        ? "bg-gray-800 border-gray-700"
+        : "bg-white border-gray-200 shadow-sm"}`;
+    const labelClass = `text-sm mb-2 ${isDarkMode ? "text-gray-400" : "text-gray-500"}`;
+    return (_jsxs("div", { className: "grid grid-cols-4 gap-4 mb-6", children: [_jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Active Subscriptions" }), _jsx("div", { className: "text-3xl font-semibold tracking-tight text-green-500", children: activeCount })] }), _jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Trial Subscriptions" }), _jsx("div", { className: "text-3xl font-semibold tracking-tight text-amber-500", children: trialCount })] }), _jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Monthly Cost (est.)" }), _jsxs("div", { className: `text-3xl font-semibold tracking-tight ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: ["$", totalMonthly.toLocaleString(undefined, {
+                                minimumFractionDigits: 0,
+                                maximumFractionDigits: 0,
+                            })] })] }), _jsxs("div", { className: cardClass, children: [_jsx("div", { className: labelClass, children: "Seats Used" }), _jsxs("div", { className: `text-3xl font-semibold tracking-tight ${isDarkMode ? "text-gray-100" : "text-gray-900"}`, children: [usedSeats, "/", totalSeats] })] })] }));
+}