@powerhousedao/contributor-billing 0.1.29 → 0.1.31

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

@@ -0,0 +1,38 @@
+import type { FileNode } from "document-drive";
+export interface StatusOption {
+    label: string;
+    value: string;
+}
+export type { FileNode };
+interface HeaderControlsProps {
+    statusOptions?: StatusOption[];
+    selectedStatuses?: string[];
+    onStatusChange?: (value: string | string[]) => void;
+    onSearchChange?: (value: string) => void;
+    onExport?: (baseCurrency: string) => void;
+    onExpenseReportExport?: (baseCurrency: string) => void;
+    createIntegrationsDocument?: () => void;
+    integrationsDoc?: FileNode;
+    canExport?: boolean;
+    hasBillingStatements?: boolean;
+    expenseReportDoc?: FileNode;
+    onCreateOrOpenExpenseReport?: () => void;
+    selected?: Record<string, boolean>;
+    handleCreateBillingStatement: (id: string) => Promise<void>;
+    setSelected: (selected: Record<string, boolean>) => void;
+    invoices?: Array<{
+        header: {
+            id: string;
+            name: string;
+        };
+    }>;
+    billingStatements?: Array<{
+        header: {
+            id: string;
+            name: string;
+        };
+    }>;
+    canExportSelectedRows: () => boolean;
+}
+export declare const HeaderControls: ({ statusOptions, selectedStatuses, onStatusChange, onSearchChange, onExport, onExpenseReportExport, createIntegrationsDocument, integrationsDoc, hasBillingStatements, expenseReportDoc, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, invoices, billingStatements, canExportSelectedRows, }: HeaderControlsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/HeaderControls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,UAAU,mBAAmB;IAC3B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IAC3D,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,kUAkB5B,mBAAmB,4CAuPrB,CAAC"}

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

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Select } from "@powerhousedao/document-engineering/ui";
+import { toast } from "@powerhousedao/design-system/connect";
+import { ConfirmationModal } from "./ConfirmationModal.js";
+const currencyOptions = [
+    { label: "CHF", value: "CHF" },
+    { label: "USD", value: "USD" },
+    { label: "EUR", value: "EUR" },
+    { label: "GBP", value: "GBP" },
+    { label: "JPY", value: "JPY" },
+];
+export const HeaderControls = ({ statusOptions = [], selectedStatuses = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, createIntegrationsDocument, integrationsDoc, hasBillingStatements = false, expenseReportDoc, onCreateOrOpenExpenseReport, selected = {}, handleCreateBillingStatement, setSelected, invoices = [], billingStatements = [], canExportSelectedRows, }) => {
+    const batchOptions = [
+        { label: "Generate Bill Statements", value: "generate-bills" },
+        {
+            label: "Export CSV Expense Report",
+            value: "export-csv-expense-report",
+        },
+    ];
+    const [showCurrencyModal, setShowCurrencyModal] = useState(false);
+    const [selectedCurrency, setSelectedCurrency] = useState("CHF");
+    const [showExpenseReportCurrencyModal, setShowExpenseReportCurrencyModal] = useState(false);
+    const [selectedExpenseReportCurrency, setSelectedExpenseReportCurrency] = useState("CHF");
+    const [selectedBatchAction, setSelectedBatchAction] = useState(undefined);
+    const [isProcessing, setIsProcessing] = useState(false);
+    // Simple batch action handler - matches working old code pattern
+    const handleBatchAction = async (action) => {
+        if (action === "export-csv-expense-report") {
+            setShowExpenseReportCurrencyModal(true);
+            return;
+        }
+        if (action === "generate-bills") {
+            const selectedIds = Object.keys(selected).filter((id) => selected[id]);
+            if (selectedIds.length === 0) {
+                toast("No invoices selected", { type: "warning" });
+                setTimeout(() => setSelectedBatchAction(undefined), 0);
+                return;
+            }
+            // Check for existing billing statements
+            const existingBills = [];
+            const invoicesToProcess = [];
+            selectedIds.forEach((id) => {
+                const invoice = invoices.find((doc) => doc.header.id === id);
+                if (invoice) {
+                    const invoiceName = invoice.header.name || "";
+                    const expectedBillName = `bill-${invoiceName}`;
+                    const existingBill = billingStatements.find((bill) => bill.header.name === expectedBillName);
+                    if (existingBill) {
+                        existingBills.push(invoiceName);
+                    }
+                    else {
+                        invoicesToProcess.push(id);
+                    }
+                }
+            });
+            // Notify user if bills already exist
+            if (existingBills.length > 0) {
+                const updatedSelected = { ...selected };
+                selectedIds.forEach((id) => {
+                    updatedSelected[id] = false;
+                });
+                setSelected(updatedSelected);
+                const billNames = existingBills.join(", ");
+                toast(`Billing statements already exist for: ${billNames}`, {
+                    type: "warning",
+                });
+                setTimeout(() => setSelectedBatchAction(undefined), 0);
+            }
+            if (selectedIds.length > 0 &&
+                invoicesToProcess.length === 0 &&
+                existingBills.length === 0) {
+                const updatedSelected = { ...selected };
+                selectedIds.forEach((id) => {
+                    updatedSelected[id] = false;
+                });
+                setSelected(updatedSelected);
+                toast("Invoice not ready, change status to ISSUED", {
+                    type: "warning",
+                });
+                setTimeout(() => setSelectedBatchAction(undefined), 0);
+                return;
+            }
+            // Process invoices sequentially
+            if (invoicesToProcess.length > 0) {
+                setIsProcessing(true);
+                for (const id of invoicesToProcess) {
+                    await handleCreateBillingStatement(id);
+                }
+                setIsProcessing(false);
+            }
+            // Update selection
+            const updatedSelected = { ...selected };
+            invoicesToProcess.forEach((id) => {
+                updatedSelected[id] = false;
+            });
+            setSelected(updatedSelected);
+            setTimeout(() => setSelectedBatchAction(undefined), 100);
+        }
+    };
+    // Use the function to determine if export should be enabled based on selected rows
+    const canExport = canExportSelectedRows ? canExportSelectedRows() : false;
+    // const handleSettingsClick = () => {
+    //   if (!integrationsDoc) {
+    //     createIntegrationsDocument?.();
+    //   } else {
+    //     setSelectedNode(integrationsDoc.id);
+    //   }
+    // };
+    return (_jsxs("div", { className: "contributor-billing-controls flex flex-col gap-4 mb-4", children: [_jsxs("div", { className: "flex justify-between items-center flex-wrap gap-2", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("div", { className: "w-[180px]", children: _jsx(Select, { options: statusOptions, onChange: onStatusChange, placeholder: "Status", selectionIcon: "checkmark", multiple: true, value: selectedStatuses }) }), _jsx("input", { type: "text", className: "border border-gray-300 rounded px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { type: "button", className: `bg-white border border-gray-300 rounded px-3 py-1.5 text-sm font-medium transition-colors ${hasBillingStatements
+                                    ? "hover:bg-gray-50"
+                                    : "opacity-50 cursor-not-allowed"}`, onClick: onCreateOrOpenExpenseReport, disabled: !hasBillingStatements, children: expenseReportDoc ? "Expense Report" : "Create Expense Report" }), _jsx("button", { type: "button", className: `bg-white border border-gray-300 rounded px-3 py-1.5 text-sm font-medium transition-colors ${canExport ? "hover:bg-gray-50" : "opacity-50 cursor-not-allowed"}`, onClick: () => {
+                                    setShowCurrencyModal(true);
+                                }, disabled: !canExport, children: "Export to CSV" }), _jsx("div", { className: "w-[180px]", children: _jsx(Select, { contentClassName: "w-[240px]", options: batchOptions, value: selectedBatchAction, onChange: (value) => {
+                                        setSelectedBatchAction(value);
+                                        void handleBatchAction(value);
+                                    }, placeholder: "Batch Action", disabled: isProcessing }) })] })] }), _jsxs(ConfirmationModal, { open: showCurrencyModal, onCancel: () => setShowCurrencyModal(false), onContinue: () => {
+                    setShowCurrencyModal(false);
+                    onExport?.(selectedCurrency);
+                }, header: "Select Base Currency", continueLabel: "Export", cancelLabel: "Cancel", children: [_jsx("p", { className: "text-red-600 text-sm mb-3 font-medium", children: "Warning: the chosen currency should match the base currency of the accounting system." }), _jsx("div", { className: "w-[200px]", children: _jsx(Select, { options: currencyOptions, onChange: (value) => setSelectedCurrency(value), placeholder: "Select Base Currency", value: selectedCurrency }) })] }), _jsxs(ConfirmationModal, { open: showExpenseReportCurrencyModal, onCancel: () => setShowExpenseReportCurrencyModal(false), onContinue: () => {
+                    setShowExpenseReportCurrencyModal(false);
+                    onExpenseReportExport?.(selectedExpenseReportCurrency);
+                }, header: "Select Base Currency", continueLabel: "Export", cancelLabel: "Cancel", children: [_jsx("p", { className: "text-red-600 text-sm mb-3 font-medium", children: "Warning: the chosen currency should match the base currency of the accounting system." }), _jsx("div", { className: "w-[200px]", children: _jsx(Select, { options: currencyOptions, onChange: (value) => setSelectedExpenseReportCurrency(value), placeholder: "Select Base Currency", value: selectedExpenseReportCurrency }) })] })] }));
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStats.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/HeaderStats.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,WAAW,+CAoHvB,CAAC"}

package/dist/editors/contributor-billing/components/{InvoiceTable/HeaderStats.js → HeaderStats.js}

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select } from "@powerhousedao/document-engineering/ui";
 import { useState, useEffect } from "react";
 import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
-import { getExchangeRate } from "../../util.js";
+import { getExchangeRate } from "../utils/exchangeRate.js";
 import { Tooltip, TooltipProvider } from "@powerhousedao/design-system/ui";
 const currencyList = [
     { ticker: "USDS", crypto: true },

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

@@ -0,0 +1,22 @@
+import { type VetraDocumentModelModule } from "@powerhousedao/reactor-browser";
+import type { PHDocument } from "document-model";
+import type { FileNode } from "document-drive";
+export declare const statusOptions: {
+    label: string;
+    value: string;
+}[];
+interface InvoiceTableProps {
+    files: FileNode[];
+    selected: Record<string, boolean>;
+    setSelected: (selected: Record<string, boolean> | ((prev: Record<string, boolean>) => Record<string, boolean>)) => void;
+    filteredDocumentModels: VetraDocumentModelModule[];
+    onSelectDocumentModel: (model: VetraDocumentModelModule) => void;
+    getDocDispatcher: (id: string) => [PHDocument, (action: unknown) => Promise<void>] | null;
+    selectedStatuses: string[];
+    onStatusChange: (value: string | string[]) => void;
+    onRowSelection: (rowId: string, checked: boolean, rowStatus: string) => void;
+    canExportSelectedRows: () => boolean;
+}
+export declare const InvoiceTable: ({ files, selected, setSelected, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, selectedStatuses, onStatusChange, onRowSelection, canExportSelectedRows, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InvoiceTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/InvoiceTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,wBAAwB,EAC9B,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA6D/C,eAAO,MAAM,aAAa;;;GAUzB,CAAC;AAeF,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,CACX,QAAQ,EACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC7D,IAAI,CAAC;IACV,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;IACnD,qBAAqB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,CAChB,EAAE,EAAE,MAAM,KACP,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;IAC7D,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AA6BD,eAAO,MAAM,YAAY,GAAI,6KAW1B,iBAAiB,4CAijBnB,CAAC"}

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

@@ -0,0 +1,399 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo, useState, useEffect } from "react";
+import { addDocument, dispatchActions, setSelectedNode, useSelectedDrive, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
+import { toast } from "@powerhousedao/design-system/connect";
+import { actions as invoiceActions } from "../../../document-models/invoice/index.js";
+import { actions as billingStatementActions } from "../../../document-models/billing-statement/index.js";
+import { mapTags } from "../../billing-statement/lineItemTags/tagMapping.js";
+import { exportInvoicesToXeroCSV } from "../../../scripts/contributor-billing/createXeroCsv.js";
+import { exportExpenseReportCSV } from "../../../scripts/contributor-billing/createExpenseReportCsv.js";
+import { HeaderControls } from "./HeaderControls.js";
+import { InvoiceTableSection } from "./InvoiceTableSection.js";
+import { InvoiceTableRow } from "./InvoiceTableRow.js";
+// Helper to convert partial tags to InvoiceTag array
+const toInvoiceTags = (tags) => {
+    if (!tags)
+        return [];
+    return tags
+        .filter((tag) => typeof tag.dimension === "string" && typeof tag.value === "string")
+        .map((tag) => ({
+        dimension: tag.dimension,
+        value: tag.value,
+        label: tag.label ?? null,
+    }));
+};
+// Status options for filter
+export const statusOptions = [
+    { label: "Draft", value: "DRAFT" },
+    { label: "Issued", value: "ISSUED" },
+    { label: "Accepted", value: "ACCEPTED" },
+    { label: "Payment Scheduled", value: "PAYMENTSCHEDULED" },
+    { label: "Payment Sent", value: "PAYMENTSENT" },
+    { label: "Payment Issue", value: "PAYMENTISSUE" },
+    { label: "Payment Closed", value: "PAYMENTCLOSED" },
+    { label: "Rejected", value: "REJECTED" },
+    { label: "Other", value: "OTHER" },
+];
+// Status color mappings
+const statusColors = {
+    DRAFT: "bg-blue-100 text-blue-600",
+    ISSUED: "bg-blue-100 text-blue-600",
+    ACCEPTED: "bg-green-100 text-green-600",
+    PAYMENTSCHEDULED: "bg-green-100 text-green-600",
+    PAYMENTSENT: "bg-green-100 text-green-600",
+    PAYMENTISSUE: "bg-yellow-100 text-yellow-600",
+    PAYMENTCLOSED: "bg-red-100 text-red-600",
+    REJECTED: "bg-red-100 text-red-600",
+    OTHER: "bg-blue-100 text-blue-600",
+};
+// Table header component
+const TableHeader = ({ showIssuer = true, showBillingStatement = false, }) => (_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50 font-medium text-gray-500 text-xs", children: [_jsx("th", { className: "px-2 py-2 w-8 rounded-tl-sm" }), _jsx("th", { className: "px-2 py-2 text-center", children: showIssuer ? "Issuer" : "Invoice" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Amount" }), showBillingStatement && (_jsx("th", { className: "px-2 py-2 text-center", children: "Billing Statement" })), _jsx("th", { className: "px-2 py-2 rounded-tr-sm text-center", children: "Exported" })] }) }));
+export const InvoiceTable = ({ files, selected, setSelected, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, selectedStatuses, onStatusChange, onRowSelection, canExportSelectedRows, }) => {
+    const [selectedDrive] = useSelectedDrive();
+    // State to track when export actions complete, triggering page refresh
+    const [actionsCompleted, setActionsCompleted] = useState(0);
+    // Get documents directly from the hook - this will automatically update when documents change
+    const allDocuments = useDocumentsInSelectedDrive() || [];
+    // Refresh page when actions complete to ensure state is updated
+    useEffect(() => {
+        if (actionsCompleted > 0) {
+            window.location.reload();
+        }
+    }, [actionsCompleted]);
+    // Helper function to map invoice document to InvoiceRowData
+    const mapInvoiceToRowData = (doc) => {
+        const state = doc.state;
+        return {
+            id: doc.header.id,
+            issuer: state.global?.issuer?.name || "Unknown",
+            status: state.global?.status || "",
+            invoiceNo: state.global?.invoiceNo || "",
+            issueDate: state.global?.dateIssued || "",
+            dueDate: state.global?.dateDue || "",
+            currency: state.global?.currency || "",
+            amount: state.global?.totalPriceTaxIncl?.toString() || "",
+            exported: state.global?.exported,
+        };
+    };
+    // Memoize billing doc states - updates automatically when allDocuments changes
+    const billingDocStates = useMemo(() => {
+        return allDocuments
+            .filter((doc) => doc.header.documentType === "powerhouse/billing-statement")
+            .map((doc) => {
+            const state = doc.state;
+            return {
+                id: doc.header.id,
+                contributor: state.global?.contributor || "",
+            };
+        });
+    }, [allDocuments]);
+    // Memoize filtered invoice lists - they'll automatically update when allDocuments changes
+    const draft = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "DRAFT";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const issued = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "ISSUED";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const accepted = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "ACCEPTED";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const paymentScheduled = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "PAYMENTSCHEDULED";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const paymentSent = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "PAYMENTSENT";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const paymentIssue = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "PAYMENTISSUE";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const paymentClosed = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "PAYMENTCLOSED";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const rejected = useMemo(() => {
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status === "REJECTED";
+        })
+            .map(mapInvoiceToRowData);
+    }, [allDocuments]);
+    const otherInvoices = useMemo(() => {
+        const knownStatuses = [
+            "DRAFT",
+            "ISSUED",
+            "ACCEPTED",
+            "PAYMENTSCHEDULED",
+            "PAYMENTSENT",
+            "PAYMENTISSUE",
+            "PAYMENTCLOSED",
+            "REJECTED",
+        ];
+        return allDocuments
+            .filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return !knownStatuses.includes(state.global?.status || "");
+        })
+            .map((doc) => {
+            const state = doc.state;
+            return {
+                id: doc.header.id,
+                issuer: state.global?.issuer?.name || "Unknown",
+                status: state.global?.status || "OTHER",
+                invoiceNo: state.global?.invoiceNo || "",
+                issueDate: state.global?.dateIssued || "",
+                dueDate: state.global?.dateDue || "",
+                currency: state.global?.currency || "",
+                amount: state.global?.totalPriceTaxIncl?.toString() || "",
+                exported: state.global?.exported,
+            };
+        });
+    }, [allDocuments]);
+    // Check if section should be shown based on filter
+    const shouldShowSection = (status) => selectedStatuses.length === 0 || selectedStatuses.includes(status);
+    // Create billing statement from invoice - simple async function like old code
+    const handleCreateBillingStatement = async (id) => {
+        const invoiceFile = files.find((file) => file.id === id);
+        const invoiceDoc = allDocuments.find((doc) => doc.header.id === id);
+        if (!invoiceDoc) {
+            toast("Invoice not found", { type: "error" });
+            return;
+        }
+        const invoiceState = invoiceDoc.state.global;
+        try {
+            const createdNode = await addDocument(selectedDrive?.header.id || "", `bill-${invoiceFile?.name || id}`, "powerhouse/billing-statement", undefined, undefined, undefined, "powerhouse-billing-statement-editor");
+            if (!createdNode?.id) {
+                toast("Failed to create billing statement", { type: "error" });
+                return;
+            }
+            // Prepare billing statement data
+            const billingStatementData = {
+                dateIssued: invoiceState.dateIssued?.trim()
+                    ? new Date(invoiceState.dateIssued).toISOString()
+                    : null,
+                dateDue: invoiceState.dateDue?.trim()
+                    ? new Date(invoiceState.dateDue).toISOString()
+                    : null,
+                currency: invoiceState.currency || "",
+                notes: invoiceState.notes || "",
+            };
+            // Dispatch initial setup actions
+            await dispatchActions([
+                billingStatementActions.editContributor({ contributor: id }),
+                billingStatementActions.editBillingStatement(billingStatementData),
+            ], createdNode.id);
+            // Add line items
+            const lineItems = invoiceState.lineItems || [];
+            const lineItemActions = lineItems.map((lineItem) => billingStatementActions.addLineItem({
+                id: lineItem.id,
+                description: lineItem.description || "",
+                quantity: lineItem.quantity ?? 1,
+                totalPriceCash: lineItem.totalPriceTaxIncl || 0,
+                totalPricePwt: 0,
+                unit: "UNIT",
+                unitPriceCash: lineItem.unitPriceTaxIncl || 0,
+                unitPricePwt: 0,
+            }));
+            if (lineItemActions.length > 0) {
+                await dispatchActions(lineItemActions, createdNode.id);
+            }
+            const tagActions = [];
+            for (const lineItem of lineItems) {
+                const invoiceTags = toInvoiceTags(lineItem.lineItemTag);
+                const lineItemTags = mapTags(invoiceTags);
+                for (const tag of lineItemTags) {
+                    if (tag) {
+                        tagActions.push(billingStatementActions.editLineItemTag({
+                            lineItemId: lineItem.id,
+                            dimension: tag.dimension,
+                            value: tag.value,
+                            label: tag.label,
+                        }));
+                    }
+                }
+            }
+            if (tagActions.length > 0) {
+                await dispatchActions(tagActions, createdNode.id);
+                window.location.reload();
+            }
+            toast("Billing statement created successfully", { type: "success" });
+        }
+        catch (error) {
+            console.error("Error creating billing statement:", error);
+            toast("Failed to create billing statement", { type: "error" });
+        }
+    };
+    // Get selected invoices for export - memoized to update when selected or allDocuments changes
+    const selectedInvoiceIds = Object.keys(selected).filter((id) => selected[id]);
+    const selectedInvoices = useMemo(() => {
+        return selectedInvoiceIds
+            .map((id) => allDocuments.find((doc) => doc.header.id === id))
+            .filter((inv) => inv !== undefined);
+    }, [selectedInvoiceIds, allDocuments]);
+    // CSV Export handler - simple async function
+    const handleCSVExport = async (baseCurrency) => {
+        try {
+            const exportedData = await exportInvoicesToXeroCSV(selectedInvoices, baseCurrency);
+            toast("Invoices exported successfully", { type: "success" });
+            // Update exported status on invoices
+            for (const invoice of selectedInvoices) {
+                const exportedInvoiceData = exportedData[invoice.header.id];
+                await dispatchActions([
+                    invoiceActions.setExportedData({
+                        timestamp: exportedInvoiceData.timestamp,
+                        exportedLineItems: exportedInvoiceData.exportedLineItems,
+                    }),
+                ], invoice.header.id);
+            }
+            setSelected({});
+            // Trigger page refresh after all actions complete
+            setActionsCompleted((prev) => prev + 1);
+        }
+        catch (error) {
+            console.error("Error exporting invoices:", error);
+            const err = error;
+            const missingExpenseTagInvoices = err.missingExpenseTagInvoices || [];
+            const missingList = missingExpenseTagInvoices.map((invoiceId) => files.find((file) => file.id === invoiceId)?.name || invoiceId);
+            toast(_jsxs(_Fragment, { children: ["Invoice Line Item Tags need to be set for:", _jsx("br", {}), missingList.map((name) => (_jsxs(React.Fragment, { children: ["- ", name, _jsx("br", {})] }, name)))] }), { type: "error" });
+        }
+    };
+    // Expense Report Export handler - simple async function
+    const handleExpenseReportExport = async (baseCurrency) => {
+        console.log("selectedInvoices", selectedInvoices);
+        try {
+            await exportExpenseReportCSV(selectedInvoices, baseCurrency);
+            toast("Expense report exported successfully", { type: "success" });
+            // Clear selection
+            const updatedSelected = { ...selected };
+            Object.keys(updatedSelected).forEach((id) => {
+                updatedSelected[id] = false;
+            });
+            setSelected(updatedSelected);
+        }
+        catch (error) {
+            console.error("Error exporting expense report:", error);
+            const err = error;
+            const missingTagInvoices = err.missingTagInvoices || [];
+            const missingList = missingTagInvoices.map((invoiceId) => files.find((file) => file.id === invoiceId)?.name || invoiceId);
+            toast(_jsxs(_Fragment, { children: ["Invoice Line Item Tags need to be set for:", _jsx("br", {}), missingList.map((name) => (_jsxs(React.Fragment, { children: ["- ", name, _jsx("br", {})] }, name)))] }), { type: "error" });
+        }
+    };
+    // Check for integrations document - simple computed value
+    const integrationsDoc = files.find((file) => file.documentType === "powerhouse/integrations");
+    // Create integrations document - simple async function
+    const createIntegrationsDocument = async () => {
+        const integrationsModel = filteredDocumentModels.find((model) => model.id === "powerhouse/integrations");
+        if (integrationsModel) {
+            const createdNode = await addDocument(selectedDrive?.header.id || "", "integration-settings", "powerhouse/integrations", undefined, undefined, undefined, "integrations-editor");
+            if (createdNode?.id) {
+                setSelectedNode(createdNode.id);
+            }
+        }
+    };
+    // Check for expense report document - simple computed value
+    const expenseReportDoc = files.find((file) => file.documentType === "powerhouse/expense-report");
+    // Check if billing statements exist - memoized to update when allDocuments changes
+    const hasBillingStatements = useMemo(() => {
+        return allDocuments.some((doc) => doc.header.documentType === "powerhouse/billing-statement");
+    }, [allDocuments]);
+    // Create or open expense report - simple async function
+    const handleCreateOrOpenExpenseReport = async () => {
+        if (expenseReportDoc) {
+            setSelectedNode(expenseReportDoc.id);
+        }
+        else {
+            const expenseReportModel = filteredDocumentModels.find((model) => model.id === "powerhouse/expense-report");
+            if (expenseReportModel) {
+                const createdNode = await addDocument(selectedDrive?.header.id || "", "expense-report", "powerhouse/expense-report", undefined, undefined, undefined, "powerhouse-expense-report-editor");
+                if (createdNode?.id) {
+                    setSelectedNode(createdNode.id);
+                }
+            }
+        }
+    };
+    // Get invoices and billing statements for batch actions - memoized to update when allDocuments changes
+    const invoicesDocs = useMemo(() => {
+        return allDocuments.filter((doc) => {
+            if (doc.header.documentType !== "powerhouse/invoice")
+                return false;
+            const state = doc.state;
+            return state.global?.status !== "DRAFT";
+        });
+    }, [allDocuments]);
+    const billingStatementDocs = useMemo(() => {
+        return allDocuments.filter((doc) => doc.header.documentType === "powerhouse/billing-statement");
+    }, [allDocuments]);
+    // Render section with table
+    const renderSection = (status, title, data, options) => {
+        if (!shouldShowSection(status))
+            return null;
+        const { showIssuer = true, showBillingStatement = false, showCreateButton = false, } = options || {};
+        return (_jsx(InvoiceTableSection, { title: title, count: data.length, color: statusColors[status] || statusColors.OTHER, onSelectDocumentModel: showCreateButton ? onSelectDocumentModel : undefined, filteredDocumentModels: showCreateButton ? filteredDocumentModels : undefined, children: _jsxs("table", { className: "w-full text-sm rounded-sm border-separate border-spacing-0 border border-gray-300 overflow-hidden", children: [_jsx(TableHeader, { showIssuer: showIssuer, showBillingStatement: showBillingStatement }), _jsx("tbody", { children: data.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => onRowSelection(row.id, checked, row.status), onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates, showIssuerColumn: showIssuer, showBillingStatementColumn: showBillingStatement }, row.id))) })] }) }));
+    };
+    return (_jsxs("div", { className: "contributor-billing-table w-full h-full bg-white rounded-lg p-4 border border-gray-200 shadow-sm mt-4 overflow-x-auto", children: [_jsx(HeaderControls, { statusOptions: statusOptions, selectedStatuses: selectedStatuses, onStatusChange: onStatusChange, onExport: handleCSVExport, onExpenseReportExport: handleExpenseReportExport, createIntegrationsDocument: createIntegrationsDocument, integrationsDoc: integrationsDoc, hasBillingStatements: hasBillingStatements, expenseReportDoc: expenseReportDoc, onCreateOrOpenExpenseReport: handleCreateOrOpenExpenseReport, selected: selected, handleCreateBillingStatement: handleCreateBillingStatement, setSelected: setSelected, invoices: invoicesDocs, billingStatements: billingStatementDocs, canExportSelectedRows: canExportSelectedRows }), renderSection("DRAFT", "Draft", draft, {
+                showIssuer: false,
+                showCreateButton: true,
+            }), renderSection("ISSUED", "Issued", issued, {
+                showBillingStatement: true,
+            }), renderSection("ACCEPTED", "Accepted", accepted, {
+                showBillingStatement: true,
+            }), renderSection("PAYMENTSCHEDULED", "Payment Scheduled", paymentScheduled, {
+                showBillingStatement: true,
+            }), renderSection("PAYMENTSENT", "Payment Sent", paymentSent, {
+                showBillingStatement: true,
+            }), renderSection("PAYMENTISSUE", "Payment Issue", paymentIssue, {
+                showBillingStatement: true,
+            }), renderSection("PAYMENTCLOSED", "Payment Closed", paymentClosed), renderSection("REJECTED", "Rejected", rejected), renderSection("OTHER", "Other", otherInvoices)] }));
+};

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

@@ -0,0 +1,6 @@
+/**
+ * Container that renders the InvoiceTable.
+ * Uses useNodesInSelectedDriveOrFolder pattern to avoid freeze issues.
+ */
+export declare function InvoiceTableContainer(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvoiceTableContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceTableContainer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/InvoiceTableContainer.tsx"],"names":[],"mappings":"AAaA;;;GAGG;AACH,wBAAgB,qBAAqB,4CA+JpC"}