@powerhousedao/contributor-billing 0.1.29 → 0.1.30

package/dist/editors/contributor-billing/components/InvoiceTableContainer.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useCallback, useRef } from "react";
+import { useNodesInSelectedDriveOrFolder, isFileNodeKind, useDocumentModelModules, showCreateDocumentModal, useDocumentsInSelectedDrive, useOnDropFile, } from "@powerhousedao/reactor-browser";
+import { InvoiceTable } from "./InvoiceTable.js";
+/**
+ * Container that renders the InvoiceTable.
+ * Uses useNodesInSelectedDriveOrFolder pattern to avoid freeze issues.
+ */
+export function InvoiceTableContainer() {
+    const [selected, setSelected] = useState({});
+    const [selectedStatuses, setSelectedStatuses] = useState([]);
+    const containerRef = useRef(null);
+    const pendingFilesRef = useRef(new Set());
+    const documentModelModules = useDocumentModelModules();
+    // Use the simple pattern - just nodes, no document fetching
+    const nodes = useNodesInSelectedDriveOrFolder();
+    const fileNodes = nodes.filter((n) => isFileNodeKind(n));
+    const allDocuments = useDocumentsInSelectedDrive();
+    // Get the drop file handler
+    const onDropFile = useOnDropFile();
+    // Handle file drop
+    const handleDrop = useCallback(async (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const files = Array.from(event.dataTransfer.files);
+        if (files.length === 0)
+            return;
+        if (!onDropFile)
+            return;
+        // Track all files being processed
+        files.forEach((file) => pendingFilesRef.current.add(file));
+        // Process all files
+        const filePromises = files.map(async (file) => {
+            try {
+                await onDropFile(file, (progress) => {
+                    // Handle progress updates if needed
+                    if (progress.stage === "complete" || progress.stage === "failed") {
+                        pendingFilesRef.current.delete(file);
+                        // If all files are done, reload the page
+                        if (pendingFilesRef.current.size === 0) {
+                            window.location.reload();
+                        }
+                    }
+                });
+            }
+            catch (error) {
+                console.error("Error dropping file:", error);
+                pendingFilesRef.current.delete(file);
+                // If all files are done (including failed ones), reload
+                if (pendingFilesRef.current.size === 0) {
+                    window.location.reload();
+                }
+            }
+        });
+        // Wait for all files to complete
+        await Promise.allSettled(filePromises);
+        // Final check - reload if all files are done
+        if (pendingFilesRef.current.size === 0) {
+            window.location.reload();
+        }
+    }, [onDropFile]);
+    const handleDragOver = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        event.dataTransfer.dropEffect = "copy";
+    }, []);
+    const handleDragEnter = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+    }, []);
+    // Handler for status filter changes
+    const handleStatusChange = useCallback((value) => {
+        setSelectedStatuses(Array.isArray(value) ? value : [value]);
+    }, []);
+    // Handler for row selection
+    const handleRowSelection = useCallback((rowId, checked, _rowStatus) => {
+        setSelected((prev) => ({
+            ...prev,
+            [rowId]: checked,
+        }));
+    }, []);
+    // Stub for getDocDispatcher - requires documents to work properly
+    const getDocDispatcher = useCallback((_id) => {
+        return null;
+    }, []);
+    // Handle document model selection for create modal
+    const onSelectDocumentModel = useCallback((documentModel) => {
+        showCreateDocumentModal(documentModel.id);
+    }, []);
+    // Determine if CSV export should be enabled based on selected rows
+    const canExportSelectedRows = useCallback(() => {
+        const allowedStatuses = [
+            "ACCEPTED",
+            "AWAITINGPAYMENT",
+            "PAYMENTSCHEDULED",
+            "PAYMENTSENT",
+            "PAYMENTRECEIVED",
+            "PAYMENTCLOSED",
+        ];
+        // Get all selected row IDs
+        const selectedRowIds = Object.keys(selected).filter((id) => selected[id]);
+        if (selectedRowIds.length === 0)
+            return false;
+        // Check if all selected rows have allowed statuses
+        const selectedRows = allDocuments?.filter((doc) => selectedRowIds.includes(doc.header.id)) ||
+            [];
+        return selectedRows.every((row) => allowedStatuses.includes(row.state.global
+            .status));
+    }, [selected, allDocuments]);
+    return (_jsx("div", { ref: containerRef, className: "w-full h-full", onDrop: handleDrop, onDragOver: handleDragOver, onDragEnter: handleDragEnter, children: _jsx(InvoiceTable, { files: fileNodes, selected: selected, setSelected: setSelected, filteredDocumentModels: documentModelModules || [], onSelectDocumentModel: onSelectDocumentModel, getDocDispatcher: getDocDispatcher, selectedStatuses: selectedStatuses, onStatusChange: handleStatusChange, onRowSelection: handleRowSelection, canExportSelectedRows: canExportSelectedRows }) }));
+}

package/dist/editors/contributor-billing/components/InvoiceTableRow.d.ts

@@ -0,0 +1,32 @@
+import type { FileNode } from "document-drive";
+export interface InvoiceRowData {
+    id: string;
+    issuer?: string;
+    status: string;
+    invoiceNo?: string;
+    issueDate?: string;
+    dueDate?: string;
+    currency?: string;
+    amount?: string;
+    exported?: {
+        timestamp?: string;
+        exportedLineItems?: unknown[];
+    };
+}
+export interface BillingDocState {
+    id: string;
+    contributor: string;
+}
+interface InvoiceTableRowProps {
+    files?: FileNode[];
+    row: InvoiceRowData;
+    isSelected: boolean;
+    onSelect: (checked: boolean) => void;
+    onCreateBillingStatement?: (id: string) => void;
+    billingDocStates?: BillingDocState[];
+    showIssuerColumn?: boolean;
+    showBillingStatementColumn?: boolean;
+}
+export declare const InvoiceTableRow: ({ files, row, isSelected, onSelect, onCreateBillingStatement, billingDocStates, showIssuerColumn, showBillingStatementColumn, }: InvoiceTableRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InvoiceTableRow.d.ts.map

package/dist/editors/contributor-billing/components/InvoiceTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceTableRow.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/InvoiceTableRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC;KAC/B,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,wBAAwB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAoCD,eAAO,MAAM,eAAe,GAAI,iIAS7B,oBAAoB,4CA2GtB,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTableRow.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileItem } from "@powerhousedao/design-system/connect";
+const formatTimestamp = (timestamp) => {
+    const date = new Date(timestamp);
+    const day = date.getDate().toString().padStart(2, "0");
+    const monthNames = [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Oct",
+        "Nov",
+        "Dec",
+    ];
+    const month = monthNames[date.getMonth()];
+    const year = date.getFullYear();
+    const hours = date.getHours().toString().padStart(2, "0");
+    const minutes = date.getMinutes().toString().padStart(2, "0");
+    return `${day}-${month}-${year} ${hours}:${minutes}`;
+};
+const formatAmount = (amount) => {
+    if (amount === undefined)
+        return "0.00";
+    const numAmount = typeof amount === "string" ? parseFloat(amount) : amount;
+    if (isNaN(numAmount))
+        return "0.00";
+    return numAmount.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+};
+export const InvoiceTableRow = ({ files, row, isSelected, onSelect, onCreateBillingStatement, billingDocStates, showIssuerColumn = true, showBillingStatementColumn = false, }) => {
+    // Simple computed values like old working code
+    const billingDoc = billingDocStates?.find((doc) => doc.contributor === row.id);
+    const billingFile = files?.find((file) => file.id === billingDoc?.id);
+    const invoiceFile = files?.find((file) => file.id === row.id);
+    const hasExportedData = row.exported != null && Boolean(row.exported.timestamp?.trim());
+    // Check if button should be shown
+    const allowedStatuses = [
+        "ISSUED",
+        "ACCEPTED",
+        "PAYMENTSCHEDULED",
+        "PAYMENTRECEIVED",
+        "PAYMENTSENT",
+    ];
+    const canShowBillingStatementButton = showBillingStatementColumn &&
+        allowedStatuses.includes(row.status) &&
+        !billingFile;
+    return (_jsxs("tr", { className: "hover:bg-gray-50 transition-colors", children: [_jsx("td", { className: "px-2 py-2", children: _jsx("input", { type: "checkbox", checked: isSelected, onChange: (e) => onSelect(e.target.checked), className: "w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500" }) }), _jsx("td", { className: "py-1 px-2", children: showIssuerColumn ? (invoiceFile ? (_jsx(FileItem, { fileNode: invoiceFile, className: "h-10" })) : (_jsx("span", { className: "text-gray-500", children: row.issuer || "Unknown" }))) : invoiceFile ? (_jsx(FileItem, { fileNode: invoiceFile, className: "h-10" })) : (_jsx("span", { className: "text-gray-400", children: "-" })) }), _jsx("td", { className: "px-2 py-2 text-center text-sm text-gray-700", children: row.invoiceNo || "-" }), _jsx("td", { className: "px-2 py-2 text-center text-sm text-gray-700", children: row.issueDate ? new Date(row.issueDate).toLocaleDateString() : "-" }), _jsx("td", { className: "px-2 py-2 text-center text-sm text-gray-700", children: row.dueDate ? new Date(row.dueDate).toLocaleDateString() : "-" }), _jsx("td", { className: "px-2 py-2 text-center text-sm text-gray-700", children: row.currency || "-" }), _jsx("td", { className: "px-2 py-2 text-center text-sm font-medium text-gray-800", children: formatAmount(row.amount) }), showBillingStatementColumn && (_jsx("td", { className: "px-2 py-2 text-center", children: canShowBillingStatementButton ? (_jsx("button", { type: "button", className: "bg-white border border-gray-300 rounded px-3 py-1 text-xs font-medium hover:bg-gray-50 transition-colors", onClick: () => onCreateBillingStatement?.(row.id), children: "Generate Billing Statement" })) : billingFile ? (_jsx(FileItem, { fileNode: billingFile, className: "h-10" })) : null })), _jsx("td", { className: "px-2 py-2 text-center", children: hasExportedData ? (_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("span", { className: "text-green-600 text-sm font-medium", children: "Yes" }), _jsx("span", { className: "text-green-600 text-xs", children: formatTimestamp(row.exported.timestamp) })] })) : (_jsx("span", { className: "text-red-500 text-sm", children: "No" })) })] }));
+};

package/dist/editors/contributor-billing/components/InvoiceTableSection.d.ts

@@ -0,0 +1,13 @@
+import type { VetraDocumentModelModule } from "@powerhousedao/reactor-browser";
+interface InvoiceTableSectionProps {
+    title: string;
+    count: number;
+    children: React.ReactNode;
+    color?: string;
+    onSelectDocumentModel?: (model: VetraDocumentModelModule) => void;
+    filteredDocumentModels?: VetraDocumentModelModule[];
+    defaultExpanded?: boolean;
+}
+export declare const InvoiceTableSection: ({ title, count, children, color, onSelectDocumentModel, filteredDocumentModels, defaultExpanded, }: InvoiceTableSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InvoiceTableSection.d.ts.map

package/dist/editors/contributor-billing/components/InvoiceTableSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceTableSection.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/InvoiceTableSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAClE,sBAAsB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,GAAI,oGAQjC,wBAAwB,4CAoD1B,CAAC"}

package/dist/editors/contributor-billing/components/InvoiceTableSection.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+export const InvoiceTableSection = ({ title, count, children, color = "bg-blue-100 text-blue-600", onSelectDocumentModel, filteredDocumentModels, defaultExpanded = true, }) => {
+    const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+    const invoiceDocModel = filteredDocumentModels?.find((model) => model.id === "powerhouse/invoice");
+    const handleToggle = useCallback(() => {
+        setIsExpanded((prev) => !prev);
+    }, []);
+    const handleCreateInvoice = useCallback(() => {
+        if (invoiceDocModel) {
+            onSelectDocumentModel?.(invoiceDocModel);
+        }
+    }, [invoiceDocModel, onSelectDocumentModel]);
+    return (_jsxs("div", { className: "contributor-billing-section mb-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("button", { type: "button", onClick: handleToggle, className: "flex items-center gap-2 hover:opacity-80 transition-opacity py-1", children: [_jsx("span", { className: "font-medium text-gray-800", children: title }), _jsx("span", { className: `inline-flex items-center justify-center rounded-full text-xs font-semibold px-2 py-0.5 min-w-[24px] ${color}`, children: count }), isExpanded ? (_jsx(ChevronDown, { className: "w-4 h-4 text-gray-600" })) : (_jsx(ChevronRight, { className: "w-4 h-4 text-gray-600" }))] }), title === "Draft" && invoiceDocModel && (_jsx("button", { type: "button", className: "bg-white border border-gray-300 rounded px-3 py-1 text-sm font-medium hover:bg-gray-50 transition-colors", onClick: handleCreateInvoice, children: "Create Invoice" }))] }), isExpanded && _jsx("div", { className: "mt-2", children: children })] }));
+};

package/dist/editors/contributor-billing/components/NavigationBreadcrumbs.d.ts

@@ -0,0 +1,3 @@
+/** Shows the navigation breadcrumbs for the selected drive or folder */
+export declare function NavigationBreadcrumbs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NavigationBreadcrumbs.d.ts.map

package/dist/editors/contributor-billing/components/NavigationBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/NavigationBreadcrumbs.tsx"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,wBAAgB,qBAAqB,4CAMpC"}

package/dist/editors/contributor-billing/components/NavigationBreadcrumbs.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Breadcrumbs } from "@powerhousedao/design-system/connect";
+/** Shows the navigation breadcrumbs for the selected drive or folder */
+export function NavigationBreadcrumbs() {
+    return (_jsx("div", { className: "border-b border-gray-200 pb-3 space-y-3", children: _jsx(Breadcrumbs, {}) }));
+}

package/dist/editors/contributor-billing/config.d.ts

@@ -1,3 +1,4 @@
 import type { PHDriveEditorConfig } from "@powerhousedao/reactor-browser";
+/** Editor config for the ContributorBilling */
 export declare const editorConfig: PHDriveEditorConfig;
 //# sourceMappingURL=config.d.ts.map

package/dist/editors/contributor-billing/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,eAAO,MAAM,YAAY,EAAE,mBAM1B,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,+CAA+C;AAC/C,eAAO,MAAM,YAAY,EAAE,mBAQ1B,CAAC"}

package/dist/editors/contributor-billing/config.js

@@ -1,7 +1,10 @@
+/** Editor config for the ContributorBilling */
 export const editorConfig = {
+    isDragAndDropEnabled: true,
     allowedDocumentTypes: [
         "powerhouse/invoice",
         "powerhouse/billing-statement",
+        "powerhouse/expense-report",
+        "powerhouse/integrations",
     ],
-    isDragAndDropEnabled: true,
 };

package/dist/editors/contributor-billing/editor.d.ts

@@ -1,3 +1,4 @@
 import type { EditorProps } from "document-model";
+/** Editor component for the ContributorBilling drive editor */
 export default function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/contributor-billing/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAG9C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,+DAA+D;AAC/D,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAKhD"}

package/dist/editors/contributor-billing/editor.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DriveExplorer } from "./components/DriveExplorer.js";
 import { useSetPHDriveEditorConfig } from "@powerhousedao/reactor-browser";
+import { DriveExplorer } from "./components/DriveExplorer.js";
 import { editorConfig } from "./config.js";
+/** Editor component for the ContributorBilling drive editor */
 export default function Editor(props) {
+    // set the config for this drive editor
+    // you can update these configs in `./config.ts`
     useSetPHDriveEditorConfig(editorConfig);
     return _jsx(DriveExplorer, { ...props });
 }

package/dist/editors/contributor-billing/module.d.ts

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

package/dist/editors/contributor-billing/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,kBAAkB,EAAE,YAOhC,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,kBAAkB,EAAE,YAOhC,CAAC"}

package/dist/editors/contributor-billing/module.js

@@ -1,9 +1,10 @@
+import {} from "document-model";
 import { lazy } from "react";
 export const ContributorBilling = {
     Component: lazy(() => import("./editor.js")),
     documentTypes: ["powerhouse/document-drive"],
     config: {
-        id: "contributor-billing",
-        name: "Contributor Billing",
+        id: "contributor-billing-editor",
+        name: "contributor-billing",
     },
 };

package/dist/editors/contributor-billing/utils/exchangeRate.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Fetches the exchange rate between two currencies using ExchangeRate-API.
+ * Supports both fiat and crypto currencies.
+ * @param fromCurrency - The currency code to convert from (e.g., 'USD', 'DAI').
+ * @param toCurrency - The currency code to convert to (e.g., 'EUR', 'USDS').
+ * @param amount - The amount to convert (optional, used for validation).
+ * @returns The exchange rate from fromCurrency to toCurrency.
+ */
+export declare const getExchangeRate: (fromCurrency: string, toCurrency: string, amount?: number) => Promise<number>;
+/** Currency list for selectors */
+export declare const currencyList: {
+    ticker: string;
+    crypto: boolean;
+}[];
+//# sourceMappingURL=exchangeRate.d.ts.map

package/dist/editors/contributor-billing/utils/exchangeRate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exchangeRate.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/utils/exchangeRate.ts"],"names":[],"mappings":"AAoBA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAC1B,cAAc,MAAM,EACpB,YAAY,MAAM,EAClB,SAAS,MAAM,KACd,OAAO,CAAC,MAAM,CAyHhB,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,YAAY;;;GAWxB,CAAC"}

package/dist/editors/contributor-billing/utils/exchangeRate.js

@@ -0,0 +1,122 @@
+// Cache for exchange rates to avoid repeated API calls
+const exchangeRateCache = {};
+/**
+ * Validates if an amount should trigger an exchange rate fetch
+ */
+const isValidAmount = (amount) => {
+    if (amount === undefined)
+        return false;
+    return !isNaN(amount) && amount > 0;
+};
+/**
+ * Fetches the exchange rate between two currencies using ExchangeRate-API.
+ * Supports both fiat and crypto currencies.
+ * @param fromCurrency - The currency code to convert from (e.g., 'USD', 'DAI').
+ * @param toCurrency - The currency code to convert to (e.g., 'EUR', 'USDS').
+ * @param amount - The amount to convert (optional, used for validation).
+ * @returns The exchange rate from fromCurrency to toCurrency.
+ */
+export const getExchangeRate = async (fromCurrency, toCurrency, amount) => {
+    // Normalize inputs
+    const base = (fromCurrency || "").trim().toUpperCase();
+    const quote = (toCurrency || "").trim().toUpperCase();
+    // Guard empty currencies
+    if (!base || !quote) {
+        return 1;
+    }
+    // Return 1 if currencies are the same
+    if (base === quote) {
+        return 1;
+    }
+    // Skip API call if amount is explicitly provided and invalid
+    if (amount !== undefined && !isValidAmount(amount)) {
+        return 1;
+    }
+    // Create cache key
+    const cacheKey = `${base}_${quote}`;
+    // Return cached rate if available
+    const cachedRate = exchangeRateCache[cacheKey];
+    if (cachedRate !== undefined) {
+        return cachedRate;
+    }
+    try {
+        // Use a CORS-friendly endpoint that does not redirect
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 10000);
+        const response = await fetch(`https://open.er-api.com/v6/latest/${base}`, {
+            signal: controller.signal,
+        });
+        clearTimeout(timeoutId);
+        if (!response.ok) {
+            throw new Error(`Failed to fetch exchange rates: ${response.status}`);
+        }
+        const data = (await response.json());
+        if (!data.rates || !data.rates[quote]) {
+            throw new Error(`Exchange rate not found for ${base} to ${quote}`);
+        }
+        const exchangeRate = data.rates[quote];
+        // Cache the result
+        exchangeRateCache[cacheKey] = exchangeRate;
+        return exchangeRate;
+    }
+    catch (error) {
+        console.error("ExchangeRate-API error:", error);
+        // Fallback: try CoinGecko for crypto currencies
+        if (["USDS", "DAI"].includes(base) || ["USDS", "DAI"].includes(quote)) {
+            try {
+                const cryptoMapping = {
+                    USDS: "usd-coin",
+                    DAI: "dai",
+                };
+                const fromMapped = cryptoMapping[base] || base.toLowerCase();
+                const toMapped = cryptoMapping[quote] || quote.toLowerCase();
+                if (cryptoMapping[base]) {
+                    const cryptoController = new AbortController();
+                    const cryptoTimeoutId = setTimeout(() => cryptoController.abort(), 8000);
+                    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${fromMapped}&vs_currencies=${toMapped}`, { signal: cryptoController.signal });
+                    clearTimeout(cryptoTimeoutId);
+                    if (response.ok) {
+                        const data = (await response.json());
+                        const rate = data[fromMapped]?.[toMapped];
+                        if (rate) {
+                            exchangeRateCache[cacheKey] = rate;
+                            return rate;
+                        }
+                    }
+                }
+                else if (cryptoMapping[quote]) {
+                    const cryptoController2 = new AbortController();
+                    const cryptoTimeoutId2 = setTimeout(() => cryptoController2.abort(), 8000);
+                    const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${toMapped}&vs_currencies=${fromMapped}`, { signal: cryptoController2.signal });
+                    clearTimeout(cryptoTimeoutId2);
+                    if (response.ok) {
+                        const data = (await response.json());
+                        const rate = data[toMapped]?.[fromMapped];
+                        if (rate) {
+                            const invertedRate = 1 / rate;
+                            exchangeRateCache[cacheKey] = invertedRate;
+                            return invertedRate;
+                        }
+                    }
+                }
+            }
+            catch (cryptoError) {
+                console.error("Crypto fallback error:", cryptoError);
+            }
+        }
+        return 1; // Final fallback to 1:1 on error
+    }
+};
+/** Currency list for selectors */
+export const currencyList = [
+    { ticker: "USDS", crypto: true },
+    { ticker: "USDC", crypto: true },
+    { ticker: "DAI", crypto: true },
+    { ticker: "USD", crypto: false },
+    { ticker: "EUR", crypto: false },
+    { ticker: "DKK", crypto: false },
+    { ticker: "GBP", crypto: false },
+    { ticker: "JPY", crypto: false },
+    { ticker: "CNY", crypto: false },
+    { ticker: "CHF", crypto: false },
+];

package/dist/editors/editors.js

@@ -1,8 +1,8 @@
+import { Invoice } from "./invoice/module.js";
 import { BillingStatement } from "./billing-statement/module.js";
 import { ContributorBilling } from "./contributor-billing/module.js";
-import { ExpenseReport } from "./expense-report/module.js";
 import { Integrations } from "./integrations/module.js";
-import { Invoice } from "./invoice/module.js";
+import { ExpenseReport } from "./expense-report/module.js";
 export const editors = [
     BillingStatement,
     ContributorBilling,

package/dist/editors/expense-report/components/AddBillingStatementModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddBillingStatementModal.d.ts","sourceRoot":"","sources":["../../../../editors/expense-report/components/AddBillingStatementModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AAO1F,UAAU,6BAA6B;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AA+BD,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,aAAa,EACb,QAAQ,EACR,MAAM,GACP,EAAE,6BAA6B,kDAuU/B"}
+{"version":3,"file":"AddBillingStatementModal.d.ts","sourceRoot":"","sources":["../../../../editors/expense-report/components/AddBillingStatementModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AAM1F,UAAU,6BAA6B;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AA+BD,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,OAAO,EACP,aAAa,EACb,QAAQ,EACR,MAAM,GACP,EAAE,6BAA6B,kDAuU/B"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { useSelectedExpenseReportDocument } from "../hooks/useExpenseReportDocument.js";
+import { useSelectedExpenseReportDocument } from "../../document-models/expense-report/hooks.js";
 import { actions } from "../../document-models/expense-report/index.js";
 import { DatePicker, Icon, Button } from "@powerhousedao/document-engineering";
 import { WalletsTable } from "./components/WalletsTable.js";
@@ -15,22 +15,22 @@ export default 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;
+    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 }));
+            dispatch?.(actions.setPeriodStart({ periodStart: value }));
         }
     };
     const handlePeriodEndChange = (e) => {
         const value = e.target.value;
         setPeriodEnd(value);
         if (value) {
-            dispatch(actions.setPeriodEnd({ periodEnd: value }));
+            dispatch?.(actions.setPeriodEnd({ periodEnd: value }));
         }
     };
     // Handle wallet selection for adding billing statements
@@ -46,7 +46,7 @@ export default function Editor() {
     // Handle PDF export
     const handleExportPDF = async () => {
         try {
-            const blob = await pdf(_jsx(ExpenseReportPDF, { periodStart: periodStart, periodEnd: periodEnd, wallets: wallets, groups: groups })).toBlob();
+            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");
@@ -79,5 +79,5 @@ export default function Editor() {
     function handleClose() {
         setSelectedNode(parentFolder?.id);
     }
-    return (_jsxs("div", { children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _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, className: "bg-white" }), _jsx("span", { children: "to" }), _jsx(DatePicker, { name: "periodEnd", value: periodEnd, onChange: handlePeriodEndChange, className: "bg-white" })] }) })] }), _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 }))] })] }));
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, { document: document, onClose: handleClose }), _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, className: "bg-white" }), _jsx("span", { children: "to" }), _jsx(DatePicker, { name: "periodEnd", value: periodEnd, onChange: handlePeriodEndChange, className: "bg-white" })] }) })] }), _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 && 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/index.d.ts

@@ -1,6 +1,6 @@
+export { Invoice } from "./invoice/module.js";
 export { BillingStatement } from "./billing-statement/module.js";
 export { ContributorBilling } from "./contributor-billing/module.js";
-export { ExpenseReport } from "./expense-report/module.js";
 export { Integrations } from "./integrations/module.js";
-export { Invoice } from "./invoice/module.js";
+export { ExpenseReport } from "./expense-report/module.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,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/editors/index.js

@@ -1,5 +1,5 @@
+export { Invoice } from "./invoice/module.js";
 export { BillingStatement } from "./billing-statement/module.js";
 export { ContributorBilling } from "./contributor-billing/module.js";
-export { ExpenseReport } from "./expense-report/module.js";
 export { Integrations } from "./integrations/module.js";
-export { Invoice } from "./invoice/module.js";
+export { ExpenseReport } from "./expense-report/module.js";

package/dist/editors/integrations/components/EditName.d.ts

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

package/dist/editors/integrations/components/EditName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditName.d.ts","sourceRoot":"","sources":["../../../../editors/integrations/components/EditName.tsx"],"names":[],"mappings":"AAKA,oFAAoF;AACpF,wBAAgB,oBAAoB,mDAuEnC"}

package/dist/editors/integrations/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 { useSelectedIntegrationsDocument } from "@powerhousedao/contributor-billing/document-models/integrations";
+/** Displays the name of the selected Integrations document and allows editing it */
+export function EditIntegrationsName() {
+    const [integrationsDocument, dispatch] = useSelectedIntegrationsDocument();
+    const [isEditing, setIsEditing] = useState(false);
+    if (!integrationsDocument)
+        return null;
+    const integrationsDocumentName = integrationsDocument.header.name;
+    const onClickEditIntegrationsName = () => {
+        setIsEditing(true);
+    };
+    const onClickCancelEditIntegrationsName = () => {
+        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: integrationsDocumentName, 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: onClickCancelEditIntegrationsName, children: "Cancel" })] })] }));
+    return (_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: integrationsDocumentName }), _jsx("button", { className: "text-sm text-gray-600", onClick: onClickEditIntegrationsName, children: "Edit Name" })] }));
+}