@powerhousedao/contributor-billing 0.1.53 → 1.0.0-dev.10

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

@@ -1,11 +1,13 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useDocumentsInSelectedDrive, setSelectedNode, addDocument, dispatchActions, useSelectedDrive, isFileNodeKind, } from "@powerhousedao/reactor-browser";
 import { useMemo, useState } from "react";
-import { FileText, Camera, Plus } from "lucide-react";
+import { FileText, Camera, Plus, Trash2 } from "lucide-react";
 import { setName } from "document-model";
-import { moveNode } from "document-drive";
+import { moveNode, deleteNode } from "document-drive";
+import { ConfirmationModal } from "./InvoiceTable/ConfirmationModal.js";
 import { actions as expenseReportActions } from "../../../document-models/expense-report/index.js";
 import { actions as snapshotReportActions } from "../../../document-models/snapshot-report/index.js";
+import { useMonthlyReports } from "../hooks/useMonthlyReports.js";
 /**
  * Parse a month name like "January 2026" into start and end dates
  */
@@ -13,8 +15,9 @@ function parseMonthDates(monthName) {
     const date = new Date(monthName + " 1"); // e.g., "January 2026 1"
     if (isNaN(date.getTime()))
         return null;
-    const start = new Date(date.getFullYear(), date.getMonth(), 1);
-    const end = new Date(date.getFullYear(), date.getMonth() + 1, 0); // Last day of month
+    // Use UTC to avoid timezone offset being baked into .toISOString()
+    const start = new Date(Date.UTC(date.getFullYear(), date.getMonth(), 1));
+    const end = new Date(Date.UTC(date.getFullYear(), date.getMonth() + 1, 0, 23, 59, 59, 999));
     return { start, end };
 }
 /**
@@ -24,17 +27,42 @@ function formatMonthCode(monthName) {
     const date = new Date(monthName + " 1");
     if (isNaN(date.getTime()))
         return monthName;
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const year = date.getFullYear();
+    const month = String(date.getUTCMonth() + 1).padStart(2, "0");
+    const year = date.getUTCFullYear();
     return `${month}-${year}`;
 }
 /**
  * View for the Reporting folder showing Expense Reports and Snapshot Reports
  */
+/**
+ * Get the suggested start date for a new snapshot report based on the previous
+ * month's snapshot period end date.
+ */
+function getSuggestedSnapshotStartDate(monthName, monthReportSets) {
+    const monthDates = parseMonthDates(monthName);
+    if (!monthDates)
+        return null;
+    const currentIndex = monthReportSets.findIndex((s) => s.monthName === monthName);
+    if (currentIndex === -1)
+        return null;
+    const previousMonth = monthReportSets[currentIndex + 1];
+    if (!previousMonth?.snapshotEndDate)
+        return null;
+    const previousEnd = new Date(previousMonth.snapshotEndDate);
+    if (isNaN(previousEnd.getTime()))
+        return null;
+    const suggestedStart = new Date(previousEnd);
+    suggestedStart.setUTCDate(suggestedStart.getUTCDate() + 1);
+    suggestedStart.setUTCHours(0, 0, 0, 0);
+    return suggestedStart;
+}
 export function ReportingView({ folderId, monthName }) {
     const documentsInDrive = useDocumentsInSelectedDrive();
     const [selectedDrive] = useSelectedDrive();
     const [isCreating, setIsCreating] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const { monthReportSets } = useMonthlyReports();
     // Find expense reports and snapshot reports in this Reporting folder
     // Also includes documents that match the month by name (for backwards compatibility)
     const { expenseReports, snapshotReports } = useMemo(() => {
@@ -83,6 +111,21 @@ export function ReportingView({ folderId, monthName }) {
         setSelectedNode(docId);
     };
     const driveId = selectedDrive?.header.id;
+    const handleDeleteReport = async () => {
+        if (!driveId || !deleteTarget)
+            return;
+        setIsDeleting(true);
+        try {
+            await dispatchActions(deleteNode({ id: deleteTarget.id }), driveId);
+        }
+        catch (error) {
+            console.error("Failed to delete report:", error);
+        }
+        finally {
+            setIsDeleting(false);
+            setDeleteTarget(null);
+        }
+    };
     const handleCreateExpenseReport = async () => {
         if (!driveId || !monthName || isCreating)
             return;
@@ -134,9 +177,12 @@ export function ReportingView({ folderId, monthName }) {
             }
             // Set the document name
             await dispatchActions(setName(reportName), createdNode.id);
-            // Set period dates based on month
+            // Set reporting period to calendar month boundaries
             const dates = parseMonthDates(monthName);
             if (dates) {
+                const suggestedStart = getSuggestedSnapshotStartDate(monthName, monthReportSets);
+                // Transaction filtering start: previous period end + 1 day, or month start
+                const txStartDate = suggestedStart || dates.start;
                 await dispatchActions([
                     snapshotReportActions.setPeriodStart({
                         periodStart: dates.start.toISOString(),
@@ -145,6 +191,11 @@ export function ReportingView({ folderId, monthName }) {
                         periodEnd: dates.end.toISOString(),
                     }),
                 ], createdNode.id);
+                // Set the transaction filtering range (snapshot period) separately
+                await dispatchActions(snapshotReportActions.setReportConfig({
+                    startDate: txStartDate.toISOString(),
+                    endDate: dates.end.toISOString(),
+                }), createdNode.id);
             }
             // Open the created report
             setSelectedNode(createdNode.id);
@@ -153,5 +204,11 @@ export function ReportingView({ folderId, monthName }) {
             setIsCreating(false);
         }
     };
-    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Reporting ", monthName ? `- ${monthName}` : ""] }), _jsxs("p", { className: "text-gray-600", children: ["Manage expense reports and snapshot reports", monthName ? ` for ${monthName}` : ""] })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "w-5 h-5 text-blue-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Expense Reports" }), expenseReports.length > 0 && (_jsxs("span", { className: "text-sm text-gray-500", children: ["(", expenseReports.length, ")"] }))] }), _jsxs("button", { onClick: () => void handleCreateExpenseReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] })] }), expenseReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No expense reports yet" })) : (_jsx("div", { className: "space-y-2", children: expenseReports.map((doc) => (_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "w-full flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-md transition-colors border border-gray-100", children: [_jsx(FileText, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }, doc.header.id))) }))] }), _jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Camera, { className: "w-5 h-5 text-purple-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Snapshot Reports" })] }), snapshotReports.length === 0 && (_jsxs("button", { onClick: () => void handleCreateSnapshotReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-purple-600 hover:bg-purple-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] }))] }), snapshotReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No snapshot reports yet" })) : (_jsx("div", { className: "space-y-2", children: snapshotReports.map((doc) => (_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "w-full flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-md transition-colors border border-gray-100", children: [_jsx(Camera, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }, doc.header.id))) }))] })] })] }));
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6", children: [_jsxs("h1", { className: "text-2xl font-bold text-gray-900", children: ["Reporting ", monthName ? `- ${monthName}` : ""] }), _jsxs("p", { className: "text-gray-600", children: ["Manage expense reports and snapshot reports", monthName ? ` for ${monthName}` : ""] })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [_jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "w-5 h-5 text-blue-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Expense Reports" }), expenseReports.length > 0 && (_jsxs("span", { className: "text-sm text-gray-500", children: ["(", expenseReports.length, ")"] }))] }), _jsxs("button", { onClick: () => void handleCreateExpenseReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] })] }), expenseReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No expense reports yet" })) : (_jsx("div", { className: "space-y-2", children: expenseReports.map((doc) => (_jsxs("div", { className: "flex items-center rounded-md border border-gray-100", children: [_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "flex-1 flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-l-md transition-colors min-w-0", children: [_jsx(FileText, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }), _jsx("button", { onClick: () => setDeleteTarget({
+                                                id: doc.header.id,
+                                                name: doc.header.name || "Untitled",
+                                            }), className: "p-3 text-gray-400 hover:text-red-500 transition-colors flex-shrink-0", title: "Delete report", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }, doc.header.id))) }))] }), _jsxs("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Camera, { className: "w-5 h-5 text-purple-600" }), _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Snapshot Reports" })] }), snapshotReports.length === 0 && (_jsxs("button", { onClick: () => void handleCreateSnapshotReport(), disabled: isCreating, className: "flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-purple-600 hover:bg-purple-50 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Plus, { className: "w-4 h-4" }), isCreating ? "Creating..." : "New"] }))] }), snapshotReports.length === 0 ? (_jsx("p", { className: "text-gray-500 text-sm", children: "No snapshot reports yet" })) : (_jsx("div", { className: "space-y-2", children: snapshotReports.map((doc) => (_jsxs("div", { className: "flex items-center rounded-md border border-gray-100", children: [_jsxs("button", { onClick: () => handleOpenDocument(doc.header.id), className: "flex-1 flex items-center gap-3 p-3 text-left hover:bg-gray-50 rounded-l-md transition-colors min-w-0", children: [_jsx(Camera, { className: "w-4 h-4 text-gray-400" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: doc.header.name || "Untitled" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Modified:", " ", new Date(doc.header.lastModifiedAtUtcIso || Date.now()).toLocaleDateString()] })] })] }), _jsx("button", { onClick: () => setDeleteTarget({
+                                                id: doc.header.id,
+                                                name: doc.header.name || "Untitled",
+                                            }), className: "p-3 text-gray-400 hover:text-red-500 transition-colors flex-shrink-0", title: "Delete report", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }, doc.header.id))) }))] })] }), _jsxs(ConfirmationModal, { open: !!deleteTarget, header: "Delete Report", onCancel: () => setDeleteTarget(null), onContinue: () => void handleDeleteReport(), cancelLabel: "Cancel", continueLabel: isDeleting ? "Deleting..." : "Delete", continueDisabled: isDeleting, children: [_jsx("p", { className: "text-red-600 text-sm mb-2 font-medium", children: "This will permanently delete this report from the drive. This action cannot be undone." }), deleteTarget && (_jsx("p", { className: "text-gray-700 text-sm font-medium", children: deleteTarget.name }))] })] }));
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRenderer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/ToastRenderer.tsx"],"names":[],"mappings":"AASA,wBAAgB,aAAa,mDAwB5B"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useToasts } from "./cbToast.js";
+const typeStyles = {
+    success: "bg-green-600",
+    error: "bg-red-600",
+    warning: "bg-yellow-500 text-black",
+    info: "bg-blue-600",
+};
+export function ToastRenderer() {
+    const { toasts, removeToast } = useToasts();
+    if (toasts.length === 0)
+        return null;
+    return (_jsx("div", { className: "fixed bottom-4 right-4 z-[9999] flex flex-col gap-2 max-w-sm", children: toasts.map((t) => (_jsxs("div", { className: `${typeStyles[t.type] ?? typeStyles.info} text-white px-4 py-3 rounded shadow-lg text-sm flex items-start gap-2 animate-[slideIn_0.2s_ease-out]`, children: [_jsx("span", { className: "flex-1", children: t.message }), _jsx("button", { type: "button", className: "opacity-70 hover:opacity-100 text-lg leading-none", onClick: () => removeToast(t.id), children: "\u00D7" })] }, t.id))) }));
+}

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

@@ -0,0 +1,16 @@
+type ToastType = "success" | "error" | "warning" | "info";
+interface ToastItem {
+    id: number;
+    message: string;
+    type: ToastType;
+}
+declare function removeToast(id: number): void;
+export declare function cbToast(message: string, options?: {
+    type?: ToastType;
+}): void;
+export declare function useToasts(): {
+    toasts: ToastItem[];
+    removeToast: typeof removeToast;
+};
+export {};
+//# sourceMappingURL=cbToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cbToast.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/cbToast.ts"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;CACjB;AAcD,iBAAS,WAAW,CAAC,EAAE,EAAE,MAAM,QAG9B;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,QAKtE;AAED,wBAAgB,SAAS;;;EAWxB"}

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

@@ -0,0 +1,29 @@
+import { useState, useEffect } from "react";
+let nextId = 0;
+let toasts = [];
+const listeners = new Set();
+function emit() {
+    for (const listener of listeners) {
+        listener([...toasts]);
+    }
+}
+function removeToast(id) {
+    toasts = toasts.filter((t) => t.id !== id);
+    emit();
+}
+export function cbToast(message, options) {
+    const id = nextId++;
+    toasts = [...toasts, { id, message, type: options?.type ?? "info" }];
+    emit();
+    setTimeout(() => removeToast(id), 5000);
+}
+export function useToasts() {
+    const [state, setState] = useState([]);
+    useEffect(() => {
+        listeners.add(setState);
+        return () => {
+            listeners.delete(setState);
+        };
+    }, []);
+    return { toasts: state, removeToast };
+}

package/dist/editors/contributor-billing/hooks/useDocumentAutoPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useDocumentAutoPlacement.ts"],"names":[],"mappings":"AAiBA,UAAU,8BAA8B;IACtC,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,8BAA8B,CAiKzE"}
+{"version":3,"file":"useDocumentAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useDocumentAutoPlacement.ts"],"names":[],"mappings":"AAiBA,UAAU,8BAA8B;IACtC,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,8BAA8B,CAmNzE"}

package/dist/editors/contributor-billing/hooks/useDocumentAutoPlacement.js

@@ -20,7 +20,7 @@ export function useDocumentAutoPlacement() {
     const [driveDocument] = useSelectedDrive();
     const documentsInDrive = useDocumentsInSelectedDrive();
     const { reportingFolderIds, monthFolders, billingFolder, createMonthFolder } = useBillingFolderStructure();
-    const { onMoveNode } = useNodeActions();
+    const { onMoveNode, onRenameNode } = useNodeActions();
     const driveId = driveDocument?.header.id;
     // Initialize module-level tracking for this drive
     if (driveId && !globalProcessingState.processedDocs.has(driveId)) {
@@ -61,6 +61,17 @@ export function useDocumentAutoPlacement() {
             return null;
         }
     };
+    // Convert "August 2025" → "08-2025"
+    const formatMonthCode = (monthName) => {
+        const date = new Date(monthName + " 1");
+        if (isNaN(date.getTime()))
+            return monthName;
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const year = date.getFullYear();
+        return `${month}-${year}`;
+    };
+    // Standard naming pattern: "MM-YYYY Expense Report N"
+    const STANDARD_NAME_PATTERN = /^\d{2}-\d{4} Expense Report \d+$/;
     // Auto-place expense reports into appropriate Reporting folders
     useEffect(() => {
         if (!driveId || !driveDocument || !documentsInDrive)
@@ -73,6 +84,17 @@ export function useDocumentAutoPlacement() {
         const expenseReportNodesToProcess = allNodes.filter((node) => isFileNodeKind(node) &&
             node.documentType === "powerhouse/expense-report" &&
             !reportingFolderIds.has(node.parentFolder || ""));
+        // Count existing expense reports per reporting folder for numbering
+        const expenseCountByFolder = new Map();
+        for (const node of allNodes) {
+            if (isFileNodeKind(node) &&
+                node.documentType === "powerhouse/expense-report" &&
+                node.parentFolder &&
+                reportingFolderIds.has(node.parentFolder)) {
+                const count = expenseCountByFolder.get(node.parentFolder) || 0;
+                expenseCountByFolder.set(node.parentFolder, count + 1);
+            }
+        }
         // Process each expense report
         for (const fileNode of expenseReportNodesToProcess) {
             // Skip if already processed
@@ -94,9 +116,26 @@ export function useDocumentAutoPlacement() {
                 if (reportingFolder) {
                     // Move to the appropriate Reporting folder
                     console.log(`[DocumentAutoPlacement] Moving expense report ${fileNode.id} to Reporting folder for ${monthName}`);
+                    // Compute the new name before moving (increment folder count)
+                    const folderId = reportingFolder.id;
+                    const currentCount = expenseCountByFolder.get(folderId) || 0;
+                    const reportNumber = currentCount + 1;
+                    expenseCountByFolder.set(folderId, reportNumber);
+                    const monthCode = formatMonthCode(monthName);
+                    const standardName = `${monthCode} Expense Report ${reportNumber}`;
                     onMoveNode(fileNode, reportingFolder)
-                        .then(() => {
+                        .then(async () => {
                         console.log(`[DocumentAutoPlacement] Successfully moved expense report to ${monthName} Reporting folder`);
+                        // Rename if the node name doesn't match the standard pattern
+                        if (!STANDARD_NAME_PATTERN.test(fileNode.name)) {
+                            try {
+                                await onRenameNode(standardName, fileNode);
+                                console.log(`[DocumentAutoPlacement] Renamed "${fileNode.name}" → "${standardName}"`);
+                            }
+                            catch (renameError) {
+                                console.error(`[DocumentAutoPlacement] Failed to rename expense report:`, renameError);
+                            }
+                        }
                     })
                         .catch((error) => {
                         console.error(`[DocumentAutoPlacement] Failed to move expense report to Reporting folder:`, error);
@@ -142,6 +181,7 @@ export function useDocumentAutoPlacement() {
         billingFolder,
         createMonthFolder,
         onMoveNode,
+        onRenameNode,
     ]);
     return {
         isActive: !!driveId,

package/dist/editors/contributor-billing/hooks/useMonthlyReports.d.ts

@@ -24,6 +24,10 @@ export interface MonthReportSet {
     reportingFolderId: string | null;
     /** The month folder info */
     folderInfo: MonthFolderInfo;
+    /** The snapshot report's transaction period start date (startDate), if any */
+    snapshotStartDate: string | null;
+    /** The snapshot report's transaction period end date (endDate), if any */
+    snapshotEndDate: string | null;
 }
 export interface UseMonthlyReportsResult {
     /** All months with their reports, sorted by date descending */

package/dist/editors/contributor-billing/hooks/useMonthlyReports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMonthlyReports.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useMonthlyReports.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,2BAA2B,GAAG,4BAA4B,CAAC;IACzE,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,yCAAyC;IACzC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,2EAA2E;IAC3E,aAAa,EAAE,YAAY,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,4BAA4B;IAC5B,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,+DAA+D;IAC/D,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,wCAAwC;IACxC,SAAS,EAAE,OAAO,CAAC;CACpB;AAgFD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CA0G3D"}
+{"version":3,"file":"useMonthlyReports.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useMonthlyReports.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,2BAA2B,GAAG,4BAA4B,CAAC;IACzE,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,yCAAyC;IACzC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,2EAA2E;IAC3E,aAAa,EAAE,YAAY,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,4BAA4B;IAC5B,UAAU,EAAE,eAAe,CAAC;IAC5B,8EAA8E;IAC9E,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,0EAA0E;IAC1E,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,uBAAuB;IACtC,+DAA+D;IAC/D,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,wCAAwC;IACxC,SAAS,EAAE,OAAO,CAAC;CACpB;AAgFD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CAsH3D"}

package/dist/editors/contributor-billing/hooks/useMonthlyReports.js

@@ -139,6 +139,8 @@ export function useMonthlyReports() {
             const snapshotReport = snapshotDoc
                 ? toReportDocument(snapshotDoc, "powerhouse/snapshot-report")
                 : null;
+            // Extract snapshot transaction period dates from document state
+            const snapshotState = snapshotDoc?.state;
             // Combine all reports for status calculation
             const allReports = [...expenseReports];
             if (snapshotReport)
@@ -152,6 +154,8 @@ export function useMonthlyReports() {
                 reportCount: allReports.length,
                 reportingFolderId: folderInfo.reportingFolder?.id || null,
                 folderInfo,
+                snapshotStartDate: snapshotState?.global?.startDate || null,
+                snapshotEndDate: snapshotState?.global?.endDate || null,
             });
         }
         // Sort by date descending (most recent first)

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

@@ -5,6 +5,6 @@ export const ContributorBilling = {
     documentTypes: ["powerhouse/document-drive"],
     config: {
         id: "contributor-billing-editor",
-        name: "contributor-billing",
+        name: "Contributor Billing",
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,wCAAwC,CAAC;AAiThD,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmahD,CAAC"}
+{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,wCAAwC,CAAC;AAiThD,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4ZhD,CAAC"}

package/dist/editors/invoice/InvoicePDF.js

@@ -334,10 +334,8 @@ export const InvoicePDF = ({ invoice, fiatMode, }) => {
                                                 flexDirection: "column",
                                                 paddingRight: 30,
                                                 marginRight: 20,
-                                            }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Issuer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.id
-                                                                ?.taxId ||
-                                                                invoice.issuer
-                                                                    .id?.corpRegId ||
+                                            }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Issuer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.id?.taxId ||
+                                                                invoice.issuer.id?.corpRegId ||
                                                                 "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.address?.streetAddress || "" })] }), invoice.issuer.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.address?.extendedAddress || "" })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsxs(Text, { style: styles.companyInfo, wrap: true, children: [invoice.issuer.address?.city || "", ",", " ", invoice.issuer.address?.stateProvince || "", ",", " ", getCountryName(invoice.issuer.address?.country || "") || ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.postalCode || "00000" })] }), invoice.issuer.contactInfo?.email && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Email:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.issuer.contactInfo.email })] }))] }), _jsxs(View, { style: {
                                                 width: "48%",
                                                 minWidth: 0,
@@ -345,8 +343,7 @@ export const InvoicePDF = ({ invoice, fiatMode, }) => {
                                                 paddingRight: 0,
                                                 marginRight: 10,
                                             }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Payer" }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Name:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, hyphenationCallback: (word) => [word], children: invoice.payer.name })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Tax/Corp ID:" }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.id?.taxId ||
-                                                                invoice.payer
-                                                                    .id?.corpRegId ||
+                                                                invoice.payer.id?.corpRegId ||
                                                                 "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, hyphenationCallback: (word) => [word], children: invoice.payer.address?.streetAddress || "" })] }), invoice.payer.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, hyphenationCallback: (word) => [word] }), _jsx(Text, { style: styles.companyInfo, wrap: true, hyphenationCallback: (word) => [word], children: invoice.payer.address?.extendedAddress || "" })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, hyphenationCallback: (word) => [word] }), _jsxs(Text, { style: styles.companyInfo, wrap: true, hyphenationCallback: (word) => [word], children: [invoice.payer.address?.city || "", ",", " ", invoice.payer.address?.stateProvince || "", ",", " ", getCountryName(invoice.payer.address?.country || "") ||
                                                                     ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, hyphenationCallback: (word) => [word], children: invoice.payer.address?.postalCode || "" })] }), invoice.payer.contactInfo?.email && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Email:" }), _jsx(Text, { style: styles.companyInfo, wrap: true, children: invoice.payer.contactInfo.email })] }))] })] }), _jsxs(View, { style: [styles.paymentSection, { marginLeft: 0 }], children: [_jsx(Text, { style: styles.sectionTitle, children: "Payment Information" }), fiatMode ? (_jsx("div", { children: _jsx(PaymentSectionFiat, { paymentRouting: invoice.issuer.paymentRouting }) })) : (_jsx(PaymentSectionCrypto, { paymentRouting: invoice.issuer.paymentRouting }))] })] })), _jsxs(View, { style: styles.table, children: [_jsxs(View, { style: styles.tableHeader, children: [_jsx(Text, { style: styles.tableCol40, children: "Description" }), _jsx(Text, { style: styles.tableCol15, children: "Quantity" }), _jsx(Text, { style: styles.tableCol18, children: "Unit Price" }), _jsx(Text, { style: styles.tableCol12, children: "Tax" }), _jsx(Text, { style: styles.tableCol18, children: "Total" })] }), items.map((item, index) => (_jsx(InvoiceLineItem, { item: item, currency: invoice.currency }, index + pageIndex * 1000)))] }), pageIndex === totalPages - 1 && (_jsx(_Fragment, { children: _jsxs(View, { style: { flexDirection: "row", gap: 20 }, children: [_jsxs(View, { style: {
                                             flex: 1,
@@ -369,7 +366,9 @@ export const InvoicePDF = ({ invoice, fiatMode, }) => {
 {
     /* New component for fiat payment section */
 }
-const PaymentSectionFiat = ({ paymentRouting, }) => {
+const PaymentSectionFiat = ({ paymentRouting }) => {
+    if (!paymentRouting)
+        return null;
     console.log("paymentRouting", paymentRouting.bank);
     return (_jsxs(View, { style: [styles.gridContainer, { marginTop: 0, marginLeft: 0 }], children: [_jsxs(View, { style: styles.gridColumn, children: [_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Bank Name:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.name || "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.address?.streetAddress || "" })] }), paymentRouting.bank?.address?.extendedAddress && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.address?.extendedAddress })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel }), _jsxs(Text, { style: styles.companyInfo, children: [paymentRouting.bank?.address?.city || "", ",", " ", paymentRouting.bank?.address?.stateProvince || "", ",", " ", getCountryName(paymentRouting.bank?.address?.country || "") || ""] })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Postcode:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.address?.postalCode || "00000" })] })] }), _jsxs(View, { style: [styles.gridColumn, { paddingLeft: 12 }], children: [_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Beneficiary:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.beneficiary || "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Acct No:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.accountNum || "" })] }), paymentRouting.bank?.ABA && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "ABA/ACH:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.ABA })] })), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "BIC/SWIFT:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.BIC || paymentRouting.bank?.SWIFT || "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Acct Type:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.accountType || "" })] }), paymentRouting.bank?.intermediaryBank?.accountNum && (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Intermediary Bank:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.intermediaryBank?.name })] }), paymentRouting.bank?.intermediaryBank?.accountNum && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Intermediary Acct:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.intermediaryBank?.accountNum })] })), paymentRouting.bank?.intermediaryBank?.accountType && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Intermediary Type:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.intermediaryBank?.accountType })] })), paymentRouting.bank?.intermediaryBank?.beneficiary && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Intermediary Beneficiary:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.intermediaryBank?.beneficiary })] })), paymentRouting.bank?.intermediaryBank?.ABA && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Intermediary ABA:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.intermediaryBank?.ABA })] })), (paymentRouting.bank?.intermediaryBank?.BIC ||
                                 paymentRouting.bank?.intermediaryBank?.SWIFT) && (_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Intermediary BIC/SWIFT:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.intermediaryBank?.BIC ||
@@ -390,8 +389,12 @@ const PaymentSectionFiat = ({ paymentRouting, }) => {
 {
     /* New component for crypto payment section */
 }
-const PaymentSectionCrypto = ({ paymentRouting, }) => (_jsx(View, { style: styles.row, children: _jsxs(View, { style: styles.gridColumn, children: [_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Chain:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.wallet?.chainName || "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.wallet?.address || "" })] })] }) }));
+const PaymentSectionCrypto = ({ paymentRouting }) => {
+    if (!paymentRouting)
+        return null;
+    return (_jsx(View, { style: styles.row, children: _jsxs(View, { style: styles.gridColumn, children: [_jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Chain:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.wallet?.chainName || "" })] }), _jsxs(View, { style: styles.row, children: [_jsx(Text, { style: styles.companyInfoLabel, children: "Address:" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.wallet?.address || "" })] })] }) }));
+};
 {
     /* New component for line items */
 }
-const InvoiceLineItem = ({ item, currency, }) => (_jsxs(View, { style: styles.tableRow, children: [_jsxs(View, { style: styles.tableCol40, children: [_jsx(Text, { style: styles.itemName, hyphenationCallback: (word) => [word], children: item.description }), item.longDescription && (_jsx(Text, { style: styles.itemDescription, hyphenationCallback: (word) => [word], children: item.longDescription }))] }), _jsx(Text, { style: styles.tableCol15, children: item.quantity.toFixed(2) }), _jsx(Text, { style: styles.tableCol18, children: formatCurrency(item.unitPriceTaxExcl, currency) }), _jsx(Text, { style: styles.tableCol12, children: formatNumber(item.unitPriceTaxIncl - item.unitPriceTaxExcl) }), _jsx(Text, { style: styles.tableCol18, children: formatCurrency(item.quantity * item.unitPriceTaxIncl, currency) })] }));
+const InvoiceLineItem = ({ item, currency }) => (_jsxs(View, { style: styles.tableRow, children: [_jsx(View, { style: styles.tableCol40, children: _jsx(Text, { style: styles.itemName, hyphenationCallback: (word) => [word], children: item.description }) }), _jsx(Text, { style: styles.tableCol15, children: item.quantity.toFixed(2) }), _jsx(Text, { style: styles.tableCol18, children: formatCurrency(item.unitPriceTaxExcl, currency) }), _jsx(Text, { style: styles.tableCol12, children: formatNumber(item.unitPriceTaxIncl - item.unitPriceTaxExcl) }), _jsx(Text, { style: styles.tableCol18, children: formatCurrency(item.quantity * item.unitPriceTaxIncl, currency) })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AAwEA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA6hC7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AAgFA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAiiC7B"}

package/dist/editors/invoice/editor.js

@@ -8,7 +8,8 @@ import { loadUBLFile } from "./ingestUBL.js";
 import PDFUploader from "./ingestPDF.js";
 import RequestFinance from "./requestFinance.js";
 import InvoiceToGnosis from "./invoiceToGnosis.js";
-import { toast, ToastContainer } from "@powerhousedao/design-system/connect";
+import { ToastContainer } from "@powerhousedao/design-system/connect";
+import { invoiceToast as toast, INVOICE_TOAST_CONTAINER_ID, } from "./invoiceToast.js";
 import { PDFDownloadLink } from "@react-pdf/renderer";
 import { InvoicePDF } from "./InvoicePDF.js";
 import { createRoot } from "react-dom/client";
@@ -56,8 +57,6 @@ export default function Editor() {
     const [doc, dispatch] = useSelectedInvoiceDocument();
     const state = doc?.state.global;
     // ALL HOOKS MUST BE CALLED BEFORE ANY CONDITIONAL RETURNS
-    // Get the parent folder node for the currently selected node
-    const parentFolder = useParentFolderForSelectedNode();
     // Initialize hooks with safe defaults that don't depend on state being available
     const [fiatMode, setFiatMode] = useState(false);
     const [uploadDropdownOpen, setUploadDropdownOpen] = useState(false);
@@ -83,6 +82,7 @@ export default function Editor() {
     const [bankCountryValidation, setBankCountryValidation] = useState(null);
     const [routingNumberValidation, setRoutingNumberValidation] = useState(null);
     const [accountNumberValidation, setAccountNumberValidation] = useState(null);
+    const [chainValidation, setChainValidation] = useState(null);
     // Replace showConfirmationModal and pendingStatus with a single modal state
     const [activeModal, setActiveModal] = useState(null);
     // Track warning state for modal
@@ -319,7 +319,7 @@ export default function Editor() {
     }
     // Replace handleStatusChange logic for opening modals
     const handleStatusChange = (newStatus) => {
-        const validationResult = validateStatusBeforeContinue(newStatus, state, setInvoiceValidation, setWalletValidation, setCurrencyValidation, setMainCountryValidation, setBankCountryValidation, setIbanValidation, setBicValidation, setAccountNumberValidation, setBankNameValidation, setStreetAddressValidation, setCityValidation, setPostalCodeValidation, setPayerEmailValidation, setLineItemValidation, setRoutingNumberValidation, isFiatCurrency);
+        const validationResult = validateStatusBeforeContinue(newStatus, state, setInvoiceValidation, setWalletValidation, setCurrencyValidation, setMainCountryValidation, setBankCountryValidation, setIbanValidation, setBicValidation, setAccountNumberValidation, setBankNameValidation, setStreetAddressValidation, setCityValidation, setPostalCodeValidation, setPayerEmailValidation, setLineItemValidation, setRoutingNumberValidation, isFiatCurrency, setChainValidation);
         if (validationResult) {
             return;
         }
@@ -411,11 +411,7 @@ export default function Editor() {
         reportPaymentIssue: "Confirm",
         // Add more labels as needed
     };
-    // Set the selected node to the parent folder node (close the editor)
-    function handleClose() {
-        setSelectedNode(parentFolder);
-    }
-    return (_jsxs("div", { className: "w-full min-h-full flex flex-col", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "flex-1 max-w-7xl mx-auto w-full mt-4 px-4 pb-8", children: [_jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), _jsx("div", { className: "mb-6", children: _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [_jsx("h1", { className: "text-3xl font-bold whitespace-nowrap", children: "Invoice" }), _jsx("div", { className: "min-w-[200px]", children: _jsx(InputField, { placeholder: "Add invoice number", value: invoiceNoInput, handleInputChange: (e) => setInvoiceNoInput(e.target.value), onBlur: (e) => {
+    return (_jsxs("div", { className: "w-full min-h-full flex flex-col", children: [_jsx(DocumentToolbar, {}), _jsxs("div", { className: "flex-1 max-w-7xl mx-auto w-full mt-4 px-4 pb-8", children: [_jsx(ToastContainer, { containerId: INVOICE_TOAST_CONTAINER_ID, position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), _jsx("div", { className: "mb-6", children: _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [_jsx("h1", { className: "text-3xl font-bold whitespace-nowrap", children: "Invoice" }), _jsx("div", { className: "min-w-[200px]", children: _jsx(InputField, { placeholder: "Add invoice number", value: invoiceNoInput, handleInputChange: (e) => setInvoiceNoInput(e.target.value), onBlur: (e) => {
                                                     const newValue = e.target.value;
                                                     if (newValue !== state.invoiceNo) {
                                                         dispatch(actions.editInvoice({ invoiceNo: newValue }));
@@ -445,7 +441,7 @@ export default function Editor() {
                                                             if (datetime !== state.dateDelivered) {
                                                                 dispatch(actions.editInvoice({ dateDelivered: datetime }));
                                                             }
-                                                        }, value: datetimeToDate(state.dateDelivered) })] })] }), _jsx(LegalEntityForm, { legalEntity: state.issuer, onChangeInfo: (input) => dispatch(actions.editIssuer(input)), onChangeBank: (input) => dispatch(actions.editIssuerBank(input)), onChangeWallet: (input) => dispatch(actions.editIssuerWallet(input)), basicInfoDisabled: false, bankDisabled: !fiatMode, walletDisabled: fiatMode, currency: state.currency, status: state.status, walletvalidation: walletValidation, mainCountryValidation: mainCountryValidation, bankCountryValidation: bankCountryValidation, ibanvalidation: ibanValidation, bicvalidation: bicValidation, banknamevalidation: bankNameValidation, streetaddressvalidation: streetAddressValidation, cityvalidation: cityValidation, postalcodevalidation: postalCodeValidation, payeremailvalidation: payerEmailValidation, routingNumbervalidation: routingNumberValidation, accountNumbervalidation: accountNumberValidation })] }), _jsxs("div", { className: "border border-gray-200 rounded-lg p-4 min-w-0", children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Payer" }), _jsxs("div", { className: "mb-2 w-64", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Due Date:" }), _jsx(DatePicker, { name: "dateDue", className: String.raw `w-full p-0 bg-white`, onChange: (e) => {
+                                                        }, value: datetimeToDate(state.dateDelivered) })] })] }), _jsx(LegalEntityForm, { legalEntity: state.issuer, onChangeInfo: (input) => dispatch(actions.editIssuer(input)), onChangeBank: (input) => dispatch(actions.editIssuerBank(input)), onChangeWallet: (input) => dispatch(actions.editIssuerWallet(input)), basicInfoDisabled: false, bankDisabled: !fiatMode, walletDisabled: fiatMode, currency: state.currency, status: state.status, walletvalidation: walletValidation, chainvalidation: chainValidation, mainCountryValidation: mainCountryValidation, bankCountryValidation: bankCountryValidation, ibanvalidation: ibanValidation, bicvalidation: bicValidation, banknamevalidation: bankNameValidation, streetaddressvalidation: streetAddressValidation, cityvalidation: cityValidation, postalcodevalidation: postalCodeValidation, payeremailvalidation: payerEmailValidation, routingNumbervalidation: routingNumberValidation, accountNumbervalidation: accountNumberValidation })] }), _jsxs("div", { className: "border border-gray-200 rounded-lg p-4 min-w-0", children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Payer" }), _jsxs("div", { className: "mb-2 w-64", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Due Date:" }), _jsx(DatePicker, { name: "dateDue", className: String.raw `w-full p-0 bg-white`, onChange: (e) => {
                                                     const dateOnly = e.target.value.split("T")[0];
                                                     const datetime = dateToDatetime(dateOnly);
                                                     dispatch(actions.editInvoice({

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

@@ -1 +1 @@
-{"version":3,"file":"exportUBL.d.ts","sourceRoot":"","sources":["../../../editors/invoice/exportUBL.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAKb,MAAM,wCAAwC,CAAC;AAEhD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAqBD,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAO;gBAEX,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI;IAKjD;;;OAGG;IACG,mBAAmB,IAAI,OAAO,CAAC,MAAM,CAAC;IAiC5C;;;;OAIG;IACG,YAAY,CAAC,EACjB,QAAwB,GACzB,GAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAM7C;;OAEG;IACG,WAAW,CAAC,QAAQ,SAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAa1D;;OAEG;IACH,OAAO,CAAC,UAAU;IAalB;;OAEG;IACH,OAAO,CAAC,SAAS;IASjB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAuD7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAqC7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA2B5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuE1B;;OAEG;IACH,OAAO,CAAC,0BAA0B;IA2BlC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA+B5B;;OAEG;YACW,qBAAqB;IAuBnC;;OAEG;IACH,OAAO,CAAC,YAAY;CAarB;AAED;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,EAChC,OAAO,EACP,QAAwB,EACxB,OAAO,GACR,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAGlC;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,EAChC,OAAO,EACP,QAAwB,EACxB,OAAO,GACR,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAGlC"}
+{"version":3,"file":"exportUBL.d.ts","sourceRoot":"","sources":["../../../editors/invoice/exportUBL.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAGb,MAAM,wCAAwC,CAAC;AAEhD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAqBD,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAO;gBAEX,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI;IAKjD;;;OAGG;IACG,mBAAmB,IAAI,OAAO,CAAC,MAAM,CAAC;IAiC5C;;;;OAIG;IACG,YAAY,CAAC,EACjB,QAAwB,GACzB,GAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAM7C;;OAEG;IACG,WAAW,CAAC,QAAQ,SAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAa1D;;OAEG;IACH,OAAO,CAAC,UAAU;IAalB;;OAEG;IACH,OAAO,CAAC,SAAS;IASjB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAsD7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAqC7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA2B5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuE1B;;OAEG;IACH,OAAO,CAAC,0BAA0B;IA2BlC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA+B5B;;OAEG;YACW,qBAAqB;IAuBnC;;OAEG;IACH,OAAO,CAAC,YAAY;CAarB;AAED;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,EAChC,OAAO,EACP,QAAwB,EACxB,OAAO,GACR,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAGlC;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,EAChC,OAAO,EACP,QAAwB,EACxB,OAAO,GACR,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAGlC"}

package/dist/editors/invoice/exportUBL.js

@@ -111,8 +111,7 @@ export class UBLExporter {
         if (!issuer)
             return "";
         const taxId = issuer.id?.taxId;
-        const corpRegId = issuer.id
-            ?.corpRegId;
+        const corpRegId = issuer.id?.corpRegId;
         const companyId = taxId || corpRegId;
         return `<cac:AccountingSupplierParty>
   <cac:Party>

package/dist/editors/invoice/ingestPDF.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from "react";
 import { actions, } from "../../document-models/invoice/index.js";
-import { toast } from "@powerhousedao/design-system/connect";
+import { invoiceToast as toast } from "./invoiceToast.js";
 import { uploadPdfChunked } from "./uploadPdfChunked.js";
 import { getCountryCodeFromName, mapChainNameToConfig } from "./utils/utils.js";
 import { LoaderCircle } from "lucide-react";

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

@@ -1 +1 @@
-{"version":3,"file":"invoiceToGnosis.d.ts","sourceRoot":"","sources":["../../../editors/invoice/invoiceToGnosis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACb,MAAM,wCAAwC,CAAC;AAKhD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8RnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"invoiceToGnosis.d.ts","sourceRoot":"","sources":["../../../editors/invoice/invoiceToGnosis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACb,MAAM,wCAAwC,CAAC;AAKhD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkTnD,CAAC;AAEF,eAAe,eAAe,CAAC"}