@powerhousedao/contributor-billing 0.1.3 → 0.1.5

package/dist/editors/expense-report/components/WalletsTable.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, TextInput } from "@powerhousedao/document-engineering";
+import { Plus, Trash2, Pencil, Check, X, Copy, CheckCheck, RefreshCw } from "lucide-react";
+import { actions } from "../../../document-models/expense-report/index.js";
+import { useWalletSync } from "../hooks/useWalletSync.js";
+import { useSyncWallet } from "../hooks/useSyncWallet.js";
+export function WalletsTable({ wallets, groups, onAddBillingStatement, dispatch, }) {
+    const [newWalletAddress, setNewWalletAddress] = useState("");
+    const [newWalletName, setNewWalletName] = useState("");
+    const [walletError, setWalletError] = useState("");
+    const [hoveredWallet, setHoveredWallet] = useState(null);
+    const [editingWallet, setEditingWallet] = useState(null);
+    const [editingName, setEditingName] = useState("");
+    const [copiedWallet, setCopiedWallet] = useState(null);
+    const [syncingWallet, setSyncingWallet] = useState(null);
+    // Check sync status
+    const { needsSync, outdatedWallets, tagChangedWallets } = useWalletSync(wallets);
+    const { syncWallet } = useSyncWallet();
+    const handleAddWallet = () => {
+        const trimmedAddress = newWalletAddress.trim();
+        if (trimmedAddress) {
+            // Check if wallet already exists
+            const walletExists = wallets.some(w => w.wallet === trimmedAddress);
+            if (walletExists) {
+                setWalletError("This wallet already exists");
+                return;
+            }
+            dispatch(actions.addWallet({
+                wallet: trimmedAddress,
+                name: newWalletName.trim() || undefined,
+            }));
+            setNewWalletAddress("");
+            setNewWalletName("");
+            setWalletError("");
+        }
+    };
+    const handleStartEditName = (wallet) => {
+        setEditingWallet(wallet.wallet || null);
+        setEditingName(wallet.name || "");
+    };
+    const handleSaveEditName = (walletAddress) => {
+        const wallet = wallets.find(w => w.wallet === walletAddress);
+        const trimmedName = editingName.trim();
+        // Only update if the name has changed
+        if (trimmedName && wallet && trimmedName !== (wallet.name || "")) {
+            dispatch(actions.updateWallet({
+                address: walletAddress,
+                name: trimmedName,
+            }));
+        }
+        setEditingWallet(null);
+        setEditingName("");
+    };
+    const handleCancelEditName = () => {
+        setEditingWallet(null);
+        setEditingName("");
+    };
+    const handleCopyAddress = (address) => {
+        navigator.clipboard.writeText(address);
+        setCopiedWallet(address);
+        setTimeout(() => setCopiedWallet(null), 2000);
+    };
+    const formatAddress = (address) => {
+        if (!address || address.length < 11)
+            return address;
+        return `${address.substring(0, 6)}...${address.substring(address.length - 5)}`;
+    };
+    const handleSyncWallet = async (wallet) => {
+        if (!wallet.wallet || !wallet.billingStatements || wallet.billingStatements.length === 0) {
+            return;
+        }
+        setSyncingWallet(wallet.wallet);
+        try {
+            // Remove all existing line items first
+            const lineItemsToRemove = [...(wallet.lineItems || [])];
+            lineItemsToRemove.forEach((item) => {
+                if (item?.id) {
+                    dispatch(actions.removeLineItem({
+                        wallet: wallet.wallet,
+                        lineItemId: item.id,
+                    }));
+                }
+            });
+            // Re-extract line items from billing statements
+            const billingStatementIds = wallet.billingStatements.filter((id) => id !== null && id !== undefined);
+            syncWallet(wallet.wallet, billingStatementIds, groups, dispatch);
+            // Small delay to show sync animation
+            setTimeout(() => {
+                setSyncingWallet(null);
+            }, 500);
+        }
+        catch (error) {
+            console.error("Error syncing wallet:", error);
+            setSyncingWallet(null);
+        }
+    };
+    const handleRemoveWallet = (walletAddress) => {
+        dispatch(actions.removeWallet({
+            wallet: walletAddress,
+        }));
+    };
+    // Calculate totals for a wallet
+    const calculateWalletTotals = (wallet) => {
+        const lineItems = wallet.lineItems || [];
+        return {
+            budget: lineItems.reduce((sum, item) => sum + (item?.budget || 0), 0),
+            forecast: lineItems.reduce((sum, item) => sum + (item?.forecast || 0), 0),
+            actuals: lineItems.reduce((sum, item) => sum + (item?.actuals || 0), 0),
+            difference: lineItems.reduce((sum, item) => {
+                const budget = item?.budget || 0;
+                const actuals = item?.actuals || 0;
+                return sum + (actuals - budget);
+            }, 0),
+            payments: lineItems.reduce((sum, item) => sum + (item?.payments || 0), 0),
+        };
+    };
+    const formatCurrency = (value) => {
+        return new Intl.NumberFormat("en-US", {
+            style: "currency",
+            currency: "USD",
+            minimumFractionDigits: 2,
+        }).format(value);
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [wallets.length > 0 ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Wallet" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Monthly Budget" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Forecast" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Actuals" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Difference" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Payments" }), _jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Actions" })] }) }), _jsx("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700", children: wallets.map((wallet) => {
+                                const totals = calculateWalletTotals(wallet);
+                                const isHovered = hoveredWallet === wallet.wallet;
+                                return (_jsxs("tr", { onMouseEnter: () => setHoveredWallet(wallet.wallet || null), onMouseLeave: () => setHoveredWallet(null), className: "hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors", children: [_jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: editingWallet === wallet.wallet ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(TextInput, { value: editingName, onChange: (e) => setEditingName(e.target.value), placeholder: "Enter wallet name", className: "flex-1", onKeyDown: (e) => {
+                                                            if (e.key === "Enter") {
+                                                                handleSaveEditName(wallet.wallet || "");
+                                                            }
+                                                            else if (e.key === "Escape") {
+                                                                handleCancelEditName();
+                                                            }
+                                                        }, autoFocus: true }), _jsx("button", { onClick: () => handleSaveEditName(wallet.wallet || ""), className: "inline-flex items-center justify-center w-7 h-7 text-green-600 dark:text-green-400 hover:bg-green-50 dark:hover:bg-green-900/20 rounded-md transition-colors", title: "Save", children: _jsx(Check, { size: 14 }) }), _jsx("button", { onClick: handleCancelEditName, className: "inline-flex items-center justify-center w-7 h-7 text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-900/20 rounded-md transition-colors", title: "Cancel", children: _jsx(X, { size: 14 }) })] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: wallet.name || "Unnamed Wallet" }), _jsx("button", { onClick: () => handleStartEditName(wallet), className: "inline-flex items-center justify-center w-6 h-6 text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors", title: "Edit name", children: _jsx(Pencil, { size: 12 }) }), _jsxs("button", { onClick: () => handleCopyAddress(wallet.wallet || ""), className: "inline-flex items-center gap-1 px-2 py-1 text-xs text-gray-500 dark:text-gray-400 font-mono hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors", title: `Copy address: ${wallet.wallet}`, children: [formatAddress(wallet.wallet || ""), copiedWallet === wallet.wallet ? (_jsx(CheckCheck, { size: 12, className: "text-green-500" })) : (_jsx(Copy, { size: 12 }))] })] })) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm text-gray-900 dark:text-white", children: formatCurrency(totals.budget) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm text-gray-900 dark:text-white", children: formatCurrency(totals.forecast) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm text-gray-900 dark:text-white", children: formatCurrency(totals.actuals) }), _jsx("td", { className: `px-6 py-4 whitespace-nowrap text-right text-sm font-medium ${totals.difference > 0
+                                                ? "text-red-600 dark:text-red-400"
+                                                : totals.difference < 0
+                                                    ? "text-green-600 dark:text-green-400"
+                                                    : "text-gray-900 dark:text-white"}`, children: formatCurrency(totals.difference) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm text-gray-900 dark:text-white", children: formatCurrency(totals.payments) }), _jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm", children: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsxs("button", { onClick: () => onAddBillingStatement(wallet.wallet || ""), className: "inline-flex items-center gap-1 px-3 py-1 text-sm font-medium text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 rounded-md transition-colors", title: "Add billing statement", children: [_jsx(Plus, { size: 16 }), _jsx("span", { children: "Add Bills" })] }), wallet.billingStatements && wallet.billingStatements.length > 0 && (_jsxs("button", { onClick: () => handleSyncWallet(wallet), disabled: syncingWallet === wallet.wallet, className: `inline-flex items-center gap-1 px-3 py-1 text-sm font-medium rounded-md transition-colors ${tagChangedWallets.includes(wallet.wallet || "")
+                                                            ? "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 hover:bg-red-100 dark:hover:bg-red-900/30 animate-pulse"
+                                                            : outdatedWallets.includes(wallet.wallet || "")
+                                                                ? "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30 animate-pulse"
+                                                                : "text-gray-600 dark:text-gray-400 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700"} disabled:opacity-50 disabled:cursor-not-allowed`, title: tagChangedWallets.includes(wallet.wallet || "")
+                                                            ? "ALERT: Tags have changed in billing statements - sync required!"
+                                                            : outdatedWallets.includes(wallet.wallet || "")
+                                                                ? "Sync needed - billing statements have been updated"
+                                                                : "Sync with latest billing statements", children: [_jsx(RefreshCw, { size: 16, className: syncingWallet === wallet.wallet ? "animate-spin" : "" }), _jsx("span", { children: tagChangedWallets.includes(wallet.wallet || "")
+                                                                    ? "Tags Changed!"
+                                                                    : outdatedWallets.includes(wallet.wallet || "")
+                                                                        ? "Sync"
+                                                                        : "Synced" })] })), _jsx("button", { onClick: () => handleRemoveWallet(wallet.wallet || ""), className: "inline-flex items-center justify-center w-8 h-8 text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-md transition-colors", title: "Remove wallet", children: _jsx(Trash2, { size: 16 }) })] }) })] }, wallet.wallet));
+                            }) })] }) })) : (_jsx("div", { className: "text-center py-12 text-gray-500 dark:text-gray-400", children: _jsx("p", { className: "text-sm", children: "No wallets added yet. Add a wallet to get started." }) })), _jsxs("div", { className: "flex items-end gap-3 pt-4 border-t border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Wallet Name" }), _jsx(TextInput, { value: newWalletName, onChange: (e) => setNewWalletName(e.target.value), placeholder: "Enter wallet name (optional)", onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        handleAddWallet();
+                                    }
+                                } })] }), _jsxs("div", { className: "flex-1 relative", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Wallet Address" }), _jsx(TextInput, { value: newWalletAddress, onChange: (e) => {
+                                    setNewWalletAddress(e.target.value);
+                                    setWalletError(""); // Clear error when typing
+                                }, placeholder: "Enter wallet address (e.g., 0x1234...)", onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        handleAddWallet();
+                                    }
+                                } }), walletError && (_jsx("div", { className: "absolute left-0 right-0 top-full mt-1 px-3 py-2 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md shadow-lg z-10", children: _jsx("p", { className: "text-sm text-red-600 dark:text-red-400", children: walletError }) }))] }), _jsx(Button, { onClick: handleAddWallet, disabled: !newWalletAddress.trim(), children: "Add Wallet" })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/expense-report/editor.tsx"],"names":[],"mappings":"AAWA,wBAAgB,MAAM,4CAmMrB"}

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

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { useSelectedExpenseReportDocument } from "../hooks/useExpenseReportDocument.js";
+import { actions } from "../../document-models/expense-report/index.js";
+import { DatePicker, Icon, Button } from "@powerhousedao/document-engineering";
+import { WalletsTable } from "./components/WalletsTable.js";
+import { AggregatedExpensesTable } from "./components/AggregatedExpensesTable.js";
+import { AddBillingStatementModal } from "./components/AddBillingStatementModal.js";
+import { ExpenseReportPDF } from "./components/ExpenseReportPDF.js";
+import { pdf } from "@react-pdf/renderer";
+export function Editor() {
+    const [document, dispatch] = useSelectedExpenseReportDocument();
+    const [selectedWallet, setSelectedWallet] = useState(null);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [periodStart, setPeriodStart] = useState(document.state.global.periodStart || "");
+    const [periodEnd, setPeriodEnd] = useState(document.state.global.periodEnd || "");
+    const { wallets, groups } = document.state.global;
+    // Handle period date changes
+    const handlePeriodStartChange = (e) => {
+        const value = e.target.value;
+        setPeriodStart(value);
+        if (value) {
+            dispatch(actions.setPeriodStart({ periodStart: value }));
+        }
+    };
+    const handlePeriodEndChange = (e) => {
+        const value = e.target.value;
+        setPeriodEnd(value);
+        if (value) {
+            dispatch(actions.setPeriodEnd({ periodEnd: value }));
+        }
+    };
+    // Handle wallet selection for adding billing statements
+    const handleAddBillingStatement = (walletAddress) => {
+        setSelectedWallet(walletAddress);
+        setIsModalOpen(true);
+    };
+    // Handle closing modal
+    const handleCloseModal = () => {
+        setIsModalOpen(false);
+        setSelectedWallet(null);
+    };
+    // Handle PDF export
+    const handleExportPDF = async () => {
+        try {
+            const blob = await pdf(_jsx(ExpenseReportPDF, { periodStart: periodStart, periodEnd: periodEnd, wallets: wallets, groups: groups })).toBlob();
+            // Create download link
+            const url = URL.createObjectURL(blob);
+            const link = window.document.createElement("a");
+            link.href = url;
+            // Generate filename with period
+            const filename = periodStart
+                ? `expense-report-${new Date(periodStart).toISOString().split('T')[0]}.pdf`
+                : "expense-report.pdf";
+            link.download = filename;
+            link.click();
+            // Cleanup
+            URL.revokeObjectURL(url);
+        }
+        catch (error) {
+            console.error("Error generating PDF:", error);
+        }
+    };
+    // Format period title for the breakdown section
+    const breakdownTitle = useMemo(() => {
+        if (!periodStart)
+            return "Breakdown";
+        const date = new Date(periodStart);
+        const month = date.toLocaleDateString("en-US", { month: "short" });
+        const year = date.getFullYear();
+        return `${month} ${year} Breakdown`;
+    }, [periodStart]);
+    return (_jsxs("div", { className: "ph-default-styles flex flex-col h-full w-full bg-gray-50 dark:bg-gray-900", children: [_jsx("div", { className: "flex-1 overflow-auto px-8 py-6", children: _jsxs("div", { className: "max-w-7xl mx-auto space-y-8", children: [_jsx("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: _jsx("div", { className: "px-6 py-6", children: _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-4", children: "Expense Report" }), _jsx("div", { className: "flex items-center justify-center gap-4 text-sm text-gray-600 dark:text-gray-400", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium", children: "Period:" }), _jsx(DatePicker, { name: "periodStart", value: periodStart, onChange: handlePeriodStartChange }), _jsx("span", { children: "to" }), _jsx(DatePicker, { name: "periodEnd", value: periodEnd, onChange: handlePeriodEndChange })] }) })] }), _jsxs(Button, { variant: "ghost", onClick: handleExportPDF, className: "absolute top-0 right-0 flex items-center gap-2", children: [_jsx(Icon, { name: "ExportPdf", size: 18 }), "Export to PDF"] })] }) }) }), _jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Wallets" }) }), _jsx("div", { className: "p-6", children: _jsx(WalletsTable, { wallets: wallets, groups: groups, onAddBillingStatement: handleAddBillingStatement, dispatch: dispatch }) })] }), wallets.length > 0 && (_jsxs("section", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: breakdownTitle }) }), _jsx("div", { className: "p-6", children: _jsx(AggregatedExpensesTable, { wallets: wallets, groups: groups, periodStart: periodStart, periodEnd: periodEnd, dispatch: dispatch }) })] }))] }) }), isModalOpen && selectedWallet && (_jsx(AddBillingStatementModal, { isOpen: isModalOpen, onClose: handleCloseModal, walletAddress: selectedWallet, dispatch: dispatch, groups: groups }))] }));
+}

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

@@ -0,0 +1,5 @@
+import type { LineItemGroup } from "../../../document-models/expense-report/gen/types.js";
+export declare function useSyncWallet(): {
+    syncWallet: (walletAddress: string, billingStatementIds: string[], groups: LineItemGroup[], dispatch: any) => void;
+};
+//# sourceMappingURL=useSyncWallet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncWallet.d.ts","sourceRoot":"","sources":["../../../../editors/expense-report/hooks/useSyncWallet.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AAkB1F,wBAAgB,aAAa;gCAIV,MAAM,uBACA,MAAM,EAAE,UACrB,aAAa,EAAE,YACb,GAAG;EA0FhB"}

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

@@ -0,0 +1,75 @@
+import { useSelectedDriveDocuments } from "@powerhousedao/reactor-browser";
+import { actions } from "../../../document-models/expense-report/index.js";
+import { generateId } from "document-model";
+export function useSyncWallet() {
+    const documents = useSelectedDriveDocuments();
+    const syncWallet = (walletAddress, billingStatementIds, groups, 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;
+        };
+        // 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 || "Uncategorised",
+                        budget: 0,
+                        actuals: billingLineItem.totalPriceCash || 0,
+                        forecast: 0,
+                        payments: 0,
+                    });
+                }
+            });
+        });
+        // Now add aggregated line items to wallet
+        categoryAggregation.forEach((aggregatedItem) => {
+            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,CAoG3D"}

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

@@ -0,0 +1,77 @@
+import { useMemo } from "react";
+import { useSelectedDriveDocuments } from "@powerhousedao/reactor-browser";
+export function useWalletSync(wallets) {
+    const documents = useSelectedDriveDocuments();
+    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/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/expense-report/index.d.ts.map

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

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

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

package/dist/editors/hooks/useExpenseReportDocument.d.ts

@@ -0,0 +1,4 @@
+import type { ExpenseReportDocument } from "../../document-models/expense-report/index.js";
+export declare function useExpenseReportDocument(documentId: string | null | undefined): never[] | [ExpenseReportDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/expense-report/gen/actions.js").ExpenseReportWalletAction>];
+export declare function useSelectedExpenseReportDocument(): never[] | [ExpenseReportDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/expense-report/gen/actions.js").ExpenseReportWalletAction>];
+//# sourceMappingURL=useExpenseReportDocument.d.ts.map

package/dist/editors/hooks/useExpenseReportDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpenseReportDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useExpenseReportDocument.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,+CAA+C,CAAC;AAEvD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,yLAMtC;AAED,wBAAgB,gCAAgC,0LAG/C"}

package/dist/editors/hooks/useExpenseReportDocument.js

@@ -0,0 +1,8 @@
+import { useDocumentOfType, useSelectedDocumentId, } from "@powerhousedao/reactor-browser";
+export function useExpenseReportDocument(documentId) {
+    return useDocumentOfType(documentId, "powerhouse/expense-report");
+}
+export function useSelectedExpenseReportDocument() {
+    const selectedDocumentId = useSelectedDocumentId();
+    return useExpenseReportDocument(selectedDocumentId);
+}

package/dist/editors/index.d.ts

@@ -2,4 +2,5 @@ export { module as Invoice } from "./invoice/index.js";
 export { module as ContributorBilling } from "./contributor-billing/index.js";
 export { module as BillingStatement } from "./billing-statement/index.js";
 export { module as Integrations } from "./integrations/index.js";
+export { module as ExpenseReport } from "./expense-report/index.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/editors/index.js

@@ -2,3 +2,4 @@ export { module as Invoice } from "./invoice/index.js";
 export { module as ContributorBilling } from "./contributor-billing/index.js";
 export { module as BillingStatement } from "./billing-statement/index.js";
 export { module as Integrations } from "./integrations/index.js";
+export { module as ExpenseReport } from "./expense-report/index.js";

package/dist/editors/invoice/components/statusModalComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statusModalComponents.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/statusModalComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,OAAO,EAEb,MAAM,2CAA2C,CAAC;AAYnD,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AACD,wBAAgB,wBAAwB,CAAC,EACvC,cAAc,EACd,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,6BAA6B,2CAqD/B;AAED,UAAU,8BAA8B;IACtC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AACD,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,eAAe,EACf,cAAc,EACd,WAAW,EACX,YAAY,GACb,EAAE,8BAA8B,2CAwBhC;AAED,wBAAgB,0BAA0B,CAAC,EACzC,YAAY,GACb,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;CACtB,2CAIA;AAED,UAAU,gCAAgC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EACV,aAAa,GACd,EAAE,gCAAgC,2CAelC;AAED,UAAU,6BAA6B;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,gBAAgB,GACjB,EAAE,6BAA6B,2CA4B/B;AAED,UAAU,kCAAkC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,WAAW,EACX,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE,kCAAkC,2CA0BpC;AAED,UAAU,mCAAmC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EACZ,eAAe,GAChB,EAAE,mCAAmC,2CAerC;AAED,UAAU,+BAA+B;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,+BAA+B,2CAiCjC"}
+{"version":3,"file":"statusModalComponents.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/statusModalComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,OAAO,EAEb,MAAM,2CAA2C,CAAC;AAYnD,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AACD,wBAAgB,wBAAwB,CAAC,EACvC,cAAc,EACd,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,6BAA6B,2CAqD/B;AAED,UAAU,8BAA8B;IACtC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AACD,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,eAAe,EACf,cAAc,EACd,WAAW,EACX,YAAY,GACb,EAAE,8BAA8B,2CAyBhC;AAED,wBAAgB,0BAA0B,CAAC,EACzC,YAAY,GACb,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;CACtB,2CAIA;AAED,UAAU,gCAAgC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EACV,aAAa,GACd,EAAE,gCAAgC,2CAgBlC;AAED,UAAU,6BAA6B;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,gBAAgB,GACjB,EAAE,6BAA6B,2CA4B/B;AAED,UAAU,kCAAkC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,WAAW,EACX,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE,kCAAkC,2CA2BpC;AAED,UAAU,mCAAmC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EACZ,eAAe,GAChB,EAAE,mCAAmC,2CAgBrC;AAED,UAAU,+BAA+B;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,+BAA+B,2CAuCjC"}

package/dist/editors/invoice/components/statusModalComponents.js

@@ -27,7 +27,7 @@ export function IssueInvoiceModalContent({ invoiceNoInput, setInvoiceNoInput, st
                         }, value: state.dateIssued })] })] }));
 }
 export function RejectInvoiceModalContent({ state, dispatch, setWarning, setRejectReason, setFinalReason, finalReason, rejectReason, }) {
-    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Reason:" }), _jsx(Textarea, { placeholder: "Add reason", value: rejectReason, onChange: (e) => {
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Reason:" }), _jsx(Textarea, { autoExpand: true, placeholder: "Add reason", value: rejectReason, onChange: (e) => {
                             setRejectReason(e.target.value);
                         } })] }), _jsx("div", { className: "mt-4 flex justify-center gap-2", children: _jsx(Checkbox, { label: "Final", value: finalReason, onChange: () => {
                         setFinalReason(!finalReason);
@@ -37,7 +37,7 @@ export function FinalRejectionModalContent({ rejectReason, }) {
     return (_jsxs("div", { children: ["Invoice is rejected with reason: ", rejectReason, " and is final."] }));
 }
 export function SchedulePaymentModalContent({ paymentRef, setPaymentRef, }) {
-    return (_jsx("div", { className: "w-full", children: _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Reference:" }), _jsx(Textarea, { placeholder: "Add payment reference", value: paymentRef, onChange: (e) => {
+    return (_jsx("div", { className: "w-full", children: _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Reference:" }), _jsx(Textarea, { autoExpand: true, placeholder: "Add payment reference", value: paymentRef, onChange: (e) => {
                         setPaymentRef(e.target.value);
                     } })] }) }));
 }
@@ -62,12 +62,12 @@ export function ClosePaymentModalContent({ closureReason, setClosureReason, }) {
 export function RegisterPaymentTxModalContent({ paymentDate, setPaymentDate, txnRef, setTxnRef, }) {
     return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Date:" }), _jsx(DatePicker, { name: "paymentDate", className: String.raw `w-full p-0`, onChange: (e) => {
                             setPaymentDate(e.target.value);
-                        }, value: paymentDate })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Transaction Reference:" }), _jsx(Textarea, { placeholder: "Add transaction reference", value: txnRef, onChange: (e) => {
+                        }, value: paymentDate })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Transaction Reference:" }), _jsx(Textarea, { autoExpand: true, placeholder: "Add transaction reference", value: txnRef, onChange: (e) => {
                             setTxnRef(e.target.value);
                         } })] })] }));
 }
 export function ReportPaymentIssueModalContent({ paymentIssue, setPaymentIssue, }) {
-    return (_jsx("div", { className: "w-full", children: _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Issue:" }), _jsx(Textarea, { placeholder: "Add payment issue", value: paymentIssue, onChange: (e) => {
+    return (_jsx("div", { className: "w-full", children: _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Issue:" }), _jsx(Textarea, { autoExpand: true, placeholder: "Add payment issue", value: paymentIssue, onChange: (e) => {
                         setPaymentIssue(e.target.value);
                     } })] }) }));
 }

package/dist/editors/invoice/editor.js

@@ -416,7 +416,7 @@ export default function Editor(props) {
                     })), onAddItem: (item) => dispatch(actions.addLineItem(item)), onDeleteItem: (input) => dispatch(actions.deleteLineItem(input)), onUpdateCurrency: (input) => {
                         setFiatMode(input.currency !== "USDS");
                         dispatch(actions.editInvoice(input));
-                    }, onUpdateItem: (item) => dispatch(actions.editLineItem(item)), onEditingItemChange: setEditingItemValues, dispatch: dispatch, paymentAccounts: state.invoiceTags || [] }) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx("div", { className: "col-span-1", children: _jsx("div", { className: "", children: _jsx(Textarea, { label: "Notes", placeholder: "Add notes", autoExpand: false, rows: 4, multiline: true, value: notes, onBlur: (e) => {
+                    }, onUpdateItem: (item) => dispatch(actions.editLineItem(item)), onEditingItemChange: setEditingItemValues, dispatch: dispatch, paymentAccounts: state.invoiceTags || [] }) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx("div", { className: "col-span-1", children: _jsx("div", { className: "", children: _jsx(Textarea, { label: "Notes", placeholder: "Add notes", autoExpand: true, rows: 4, multiline: true, value: notes, onBlur: (e) => {
                                     const newValue = e.target.value;
                                     if (newValue !== state.notes) {
                                         dispatch(actions.editInvoice({ notes: newValue }));

package/dist/editors/invoice/ingestPDF.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ingestPDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/ingestPDF.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAW,MAAM,wCAAwC,CAAC;AAWhF,wBAAsB,WAAW,CAAC,EAChC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,iBAUA;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,kBAAkB,GACnB,EAAE,gBAAgB,2CAmRlB"}
+{"version":3,"file":"ingestPDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/ingestPDF.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAW,MAAM,wCAAwC,CAAC;AAYhF,wBAAsB,WAAW,CAAC,EAChC,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,iBAUA;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,kBAAkB,GACnB,EAAE,gBAAgB,2CAoRlB"}

package/dist/editors/invoice/ingestPDF.js

@@ -4,9 +4,9 @@ import { actions } from "../../document-models/invoice/index.js";
 import { toast } from "@powerhousedao/design-system";
 import { uploadPdfChunked } from "./uploadPdfChunked.js";
 import { getCountryCodeFromName } from "./utils/utils.js";
-let GRAPHQL_URL = "http://localhost:4001/graphql/invoice";
-if (!window.document.baseURI.includes("localhost")) {
-    GRAPHQL_URL = "https://jetstream.powerhouse.io/api/graphql/invoice";
+let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
+if (!window.document.baseURI.includes('localhost')) {
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 export async function loadPDFFile({ file, dispatch, }) {
     if (!file)

package/dist/editors/invoice/invoiceToGnosis.js

@@ -4,7 +4,7 @@ import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql/invoice";
 if (!window.document.baseURI.includes("localhost")) {
-    GRAPHQL_URL = "https://jetstream.powerhouse.io/api/graphql/invoice";
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql/invoice";
 }
 const InvoiceToGnosis = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/requestFinance.js

@@ -4,7 +4,7 @@ import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql/invoice";
 if (!window.document.baseURI.includes("localhost")) {
-    GRAPHQL_URL = "https://jetstream.powerhouse.io/api/graphql/invoice";
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql/invoice";
 }
 const RequestFinance = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/uploadPdfChunked.js

@@ -7,7 +7,7 @@
  */
 let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
 if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = "https://jetstream.powerhouse.io/api/graphql/invoice";
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 export async function uploadPdfChunked(pdfData, endpoint = GRAPHQL_URL, chunkSize = 500 * 1024, // 500KB chunks
 onProgress) {