@powerhousedao/contributor-billing 0.0.33 → 0.0.35

package/dist/editors/billing-statement/lineItemTags/tagMapping.js

@@ -1,68 +1,68 @@
 const billingTagMapping = [
-    { fusion: "Budget", xero: "Grants from Maker DAO" },
-    { fusion: "Current Asset", xero: "Clearing Account" },
-    { fusion: "Current Liability", xero: "Request Finance IC account" },
-    { fusion: "Interest Income", xero: "Interest Income" },
-    { fusion: "Travel & Entertainment", xero: "Activities and Events" },
-    { fusion: "Travel & Entertainment", xero: "Meals" },
-    { fusion: "Travel & Entertainment", xero: "Airfare" },
-    { fusion: "Travel & Entertainment", xero: "Hotels" },
-    { fusion: "Travel & Entertainment", xero: "Transportation (Uber, Taxi etc)" },
-    { fusion: "Travel & Entertainment", xero: "Other travel cost" },
-    { fusion: "Cost of Goods Sold", xero: "Cost of Goods Sold" },
-    { fusion: "Marketing Expense", xero: "Advertising" },
-    { fusion: "Professional Services", xero: "Legal Fees Abroad" },
-    { fusion: "Professional Services", xero: "Legal Fees Switzerland" },
-    { fusion: "Professional Services", xero: "Finance Team Fees Abroad" },
-    { fusion: "Professional Services", xero: "Fnance and Accounting Fees Switzerland" },
-    { fusion: "Software Development Expense", xero: "Software Development Team Fees" },
-    { fusion: "Professional Services", xero: "Research Team Fees" },
-    { fusion: "Marketing Expense", xero: "Marketing Team Fees" },
-    { fusion: "Compensation & Benefits", xero: "Health Care Fees" },
-    { fusion: "Compensation & Benefits", xero: "Contractor Fees" },
-    { fusion: "Compensation & Benefits", xero: "Insurance Fees Team" },
-    { fusion: "Compensation & Benefits", xero: "HR Fees" },
-    { fusion: "Compensation & Benefits", xero: "Team Bonus" },
-    { fusion: "Compensation & Benefits", xero: "Refferal Fees" },
-    { fusion: "Other", xero: "Depreciation" },
-    { fusion: "Other", xero: "Freight & Courier" },
-    { fusion: "Other", xero: "Interest Expense" },
-    { fusion: "Admin Expense", xero: "Office Expenses" },
-    { fusion: "Admin Expense", xero: "Rent" },
-    { fusion: "Admin Expense", xero: "Subscriptions" },
-    { fusion: "Other Income Expense (Non-operating)", xero: "Bank Revaluations" },
-    { fusion: "Other Income", xero: "Unrealised Currency Gains" },
-    { fusion: "Other Income", xero: "Realised Currency Gains" },
-    { fusion: "Income Tax Expense", xero: "Income Tax Expense" },
-    { fusion: "Current Asset", xero: "Accounts Receivable" },
-    { fusion: "Current Asset", xero: "Prepayments" },
-    { fusion: "Current Asset", xero: "Inventory" },
-    { fusion: "Software Expense", xero: "Software/IT Subscriptions" },
-    { fusion: "Software Expense", xero: "Telephone and Internet Charges" },
-    { fusion: "Fixed Asset", xero: "Office Equipment" },
-    { fusion: "Fixed Asset", xero: "Less Accumulated Depreciation on Office Equipment" },
-    { fusion: "Non-Current Asset", xero: "Computer Equipment" },
-    { fusion: "Non-Current Asset", xero: "Less Accumulated Depreciation on Computer Equipment" },
-    { fusion: "Current Liability", xero: "Accounts Payable" },
-    { fusion: "Other", xero: "Bank Fees" },
-    { fusion: "Gas Expense", xero: "Gas Fees" },
-    { fusion: "Other", xero: "Exchange Fees" },
-    { fusion: "Current Liability", xero: "Unpaid Expense Claims" },
-    { fusion: "Current Liability", xero: "Accrued Expenses" },
-    { fusion: "Current Liability", xero: "Wages Payable" },
-    { fusion: "Current Liability", xero: "Employee Tax Payable" },
-    { fusion: "Current Liability", xero: "Superannuation Payable" },
-    { fusion: "Current Liability", xero: "Income Tax Payable" },
-    { fusion: "Other", xero: "Sales Tax" },
-    { fusion: "Adjustment A/C", xero: "Historical Adjustment" },
-    { fusion: "Temporary Holding Account", xero: "Suspense" },
-    { fusion: "Other", xero: "Rounding" },
-    { fusion: "Internal Transfers", xero: "Tracking Transfers" },
-    { fusion: "Owner Equity", xero: "Owner A Drawings" },
-    { fusion: "Owner Equity", xero: "Owner A Funds Introduced" },
-    { fusion: "Non-current Liability", xero: "Loan" },
-    { fusion: "Equity", xero: "Retained Earnings" },
-    { fusion: "Equity", xero: "Owner A Share Capital" }
+    { fusion: "Budget", xero: "200 - Grants from Maker DAO" },
+    { fusion: "Current Asset", xero: "2001 - Clearing Account" },
+    { fusion: "Current Liability", xero: "2222 - Request Finance IC account" },
+    { fusion: "Interest Income", xero: "270 - Interest Income" },
+    { fusion: "Travel & Entertainment", xero: "3000 - Activities and Events" },
+    { fusion: "Travel & Entertainment", xero: "3001 - Meals" },
+    { fusion: "Travel & Entertainment", xero: "3002 - Airfare" },
+    { fusion: "Travel & Entertainment", xero: "3003 - Hotels" },
+    { fusion: "Travel & Entertainment", xero: "3004 - Transportation (Uber, Taxi etc)" },
+    { fusion: "Travel & Entertainment", xero: "3005 - Other travel cost" },
+    { fusion: "Cost of Goods Sold", xero: "310 - Cost of Goods Sold" },
+    { fusion: "Marketing Expense", xero: "400 - Advertising" },
+    { fusion: "Professional Services", xero: "4001 - Legal Fees Abroad" },
+    { fusion: "Professional Services", xero: "4002 - Legal Fees Switzerland" },
+    { fusion: "Professional Services", xero: "4003 - Finance Team Fees Abroad" },
+    { fusion: "Professional Services", xero: "4004 - Finance and Accounting Fees Switzerland" },
+    { fusion: "Software Development Expense", xero: "4005 - Software Development Team Fees" },
+    { fusion: "Professional Services", xero: "4006 - Research Team Fees" },
+    { fusion: "Marketing Expense", xero: "4007 - Marketing Team Fees" },
+    { fusion: "Compensation & Benefits", xero: "4008 - Health Care Fees" },
+    { fusion: "Compensation & Benefits", xero: "4009 - Contractor Fees" },
+    { fusion: "Compensation & Benefits", xero: "4010 - Insurance Fees Team" },
+    { fusion: "Compensation & Benefits", xero: "4011 - HR Fees" },
+    { fusion: "Compensation & Benefits", xero: "4012 - Team Bonus" },
+    { fusion: "Compensation & Benefits", xero: "4013 - Refferal Fees" },
+    { fusion: "Other", xero: "416 - Depreciation" },
+    { fusion: "Other", xero: "425 - Freight & Courier" },
+    { fusion: "Other", xero: "437 - Interest Expense" },
+    { fusion: "Admin Expense", xero: "453 - Office Expenses" },
+    { fusion: "Admin Expense", xero: "469 - Rent" },
+    { fusion: "Admin Expense", xero: "485 - Subscriptions" },
+    { fusion: "Other Income Expense (Non-operating)", xero: "497 - Bank Revaluations" },
+    { fusion: "Other Income", xero: "498 - Unrealised Currency Gains" },
+    { fusion: "Other Income", xero: "499 - Realised Currency Gains" },
+    { fusion: "Income Tax Expense", xero: "505 - Income Tax Expense" },
+    { fusion: "Current Asset", xero: "610 - Accounts Receivable" },
+    { fusion: "Current Asset", xero: "620 - Prepayments" },
+    { fusion: "Current Asset", xero: "630 - Inventory" },
+    { fusion: "Software Expense", xero: "701 - Software/IT Subscriptions" },
+    { fusion: "Software Expense", xero: "702 - Telephone and Internet Charges" },
+    { fusion: "Fixed Asset", xero: "710 - Office Equipment" },
+    { fusion: "Fixed Asset", xero: "711 - Less Accumulated Depreciation on Office Equipment" },
+    { fusion: "Non-Current Asset", xero: "720 - Computer Equipment" },
+    { fusion: "Non-Current Asset", xero: "721 - Less Accumulated Depreciation on Computer Equipment" },
+    { fusion: "Current Liability", xero: "800 - Accounts Payable" },
+    { fusion: "Other", xero: "8000 - Bank Fees" },
+    { fusion: "Gas Expense", xero: "8001 - Gas Fees" },
+    { fusion: "Other", xero: "8003 - Exchange Fees" },
+    { fusion: "Current Liability", xero: "801 - Unpaid Expense Claims" },
+    { fusion: "Current Liability", xero: "802 - Accrued Expenses" },
+    { fusion: "Current Liability", xero: "803 - Wages Payable" },
+    { fusion: "Current Liability", xero: "825 - Employee Tax Payable" },
+    { fusion: "Current Liability", xero: "826 - Superannuation Payable" },
+    { fusion: "Current Liability", xero: "830 - Income Tax Payable" },
+    { fusion: "Other", xero: "820 - Sales Tax" },
+    { fusion: "Adjustment A/C", xero: "840 - Historical Adjustment" },
+    { fusion: "Temporary Holding Account", xero: "850 - Suspense" },
+    { fusion: "Other", xero: "860 - Rounding" },
+    { fusion: "Internal Transfers", xero: "877 - Tracking Transfers" },
+    { fusion: "Owner Equity", xero: "880 - Owner A Drawings" },
+    { fusion: "Owner Equity", xero: "881 - Owner A Funds Introduced" },
+    { fusion: "Non-current Liability", xero: "900 - Loan" },
+    { fusion: "Equity", xero: "960 - Retained Earnings" },
+    { fusion: "Equity", xero: "970 - Owner A Share Capital" }
 ];
 // Mapping of labels to values
 const fusionLabelToValue = {

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

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAGL,mBAAmB,EAEnB,KAAK,qBAAqB,EAE1B,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AASxB,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,gCAAgC,CAAC;AAKxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,QAAQ,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,2CAyQpB"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAGL,mBAAmB,EAEnB,KAAK,qBAAqB,EAE1B,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AASxB,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,gCAAgC,CAAC;AAMxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,QAAQ,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,2CAsRpB"}

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

@@ -11,6 +11,7 @@ import { useDriveActionsWithUiNodes, useDriveContext, } from "@powerhousedao/rea
 import { InvoiceTable } from "./InvoiceTable/InvoiceTable.js";
 import { actions } from "../../../document-models/invoice/index.js";
 import { useDrop } from "../hooks/useDrop.js";
+import { ToastContainer } from '@powerhousedao/design-system';
 export function DriveExplorer({ driveId, nodes, onDeleteNode, renameNode, onAddFolder, onCopyNode, context, document, dispatch, }) {
     const [selectedNodeId, setSelectedNodeId] = useState();
     const [activeDocumentId, setActiveDocumentId] = useState();
@@ -28,7 +29,7 @@ export function DriveExplorer({ driveId, nodes, onDeleteNode, renameNode, onAddF
             if (checked) {
                 if (action === "approve" && dispatchMap[id]) {
                     dispatchMap[id](actions.editStatus({
-                        status: "AWAITINGPAYMENT",
+                        status: "ACCEPTED",
                     }));
                 }
                 else if (action === "reject" && dispatchMap[id]) {
@@ -105,5 +106,5 @@ export function DriveExplorer({ driveId, nodes, onDeleteNode, renameNode, onAddF
     const editorModule = activeDocument
         ? context.getEditor(activeDocument.documentType)
         : null;
-    return (_jsxs("div", { className: "flex h-full", children: [nodes.map((node) => (_jsx(DocumentDispatch, { documentId: node.id, driveId: driveId, documentModelModule: documentModels, context: context, onDispatchReady: (dispatch) => handleDispatchReady(node.id, dispatch) }, node.id))), _jsx("div", { className: "flex-1 p-4 overflow-y-auto", children: activeDocument && documentModelModule && editorModule ? (_jsx(EditorContainer, { context: context, documentId: activeDocumentId, documentType: activeDocument.documentType, driveId: driveId, onClose: handleEditorClose, title: activeDocument.name, documentModelModule: documentModelModule, editorModule: editorModule })) : (_jsx("div", { ...dropProps, className: twMerge("editor-container rounded-md border-2 border-transparent ", isDropTarget && "border-dashed border-blue-100"), children: _jsx(InvoiceTable, { setActiveDocumentId: setActiveDocumentId, files: files, state: state, getDispatch: () => dispatchMap[activeDocumentId || ""], selected: selected, setSelected: setSelected, onBatchAction: handleBatchAction, onDeleteNode: onDeleteNode, renameNode: renameNode, filteredDocumentModels: filteredDocumentModels, onSelectDocumentModel: onSelectDocumentModel, dispatchMap: dispatchMap }) })) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] }));
+    return (_jsxs("div", { className: "flex h-full", children: [_jsx(ToastContainer, { position: "bottom-right", autoClose: 5000, hideProgressBar: false, newestOnTop: false, closeOnClick: false, rtl: false, pauseOnFocusLoss: true, draggable: true, pauseOnHover: true, theme: "light" }), nodes.map((node) => (_jsx(DocumentDispatch, { documentId: node.id, driveId: driveId, documentModelModule: documentModels, context: context, onDispatchReady: (dispatch) => handleDispatchReady(node.id, dispatch) }, node.id))), _jsx("div", { className: "flex-1 p-4 overflow-y-auto", children: activeDocument && documentModelModule && editorModule ? (_jsx(EditorContainer, { context: context, documentId: activeDocumentId, documentType: activeDocument.documentType, driveId: driveId, onClose: handleEditorClose, title: activeDocument.name, documentModelModule: documentModelModule, editorModule: editorModule })) : (_jsx("div", { ...dropProps, className: twMerge("editor-container rounded-md border-2 border-transparent ", isDropTarget && "border-dashed border-blue-100"), children: _jsx(InvoiceTable, { setActiveDocumentId: setActiveDocumentId, files: files, state: state, getDispatch: () => dispatchMap[activeDocumentId || ""], selected: selected, setSelected: setSelected, onBatchAction: handleBatchAction, onDeleteNode: onDeleteNode, renameNode: renameNode, filteredDocumentModels: filteredDocumentModels, onSelectDocumentModel: onSelectDocumentModel, dispatchMap: dispatchMap, driveId: driveId }) })) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] }));
 }

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

@@ -1,4 +1,4 @@
-export declare const HeaderControls: ({ contributorOptions, statusOptions, onContributorChange, onStatusChange, onSearchChange, onExport, onBatchAction, }: {
+export declare const HeaderControls: ({ contributorOptions, statusOptions, onContributorChange, onStatusChange, onSearchChange, onExport, onBatchAction, selectedStatuses, }: {
     contributorOptions?: {
         label: string;
         value: string;
@@ -10,7 +10,8 @@ export declare const HeaderControls: ({ contributorOptions, statusOptions, onCon
     onContributorChange?: (value: string | string[]) => void;
     onStatusChange?: (value: string | string[]) => void;
     onSearchChange?: (value: string) => void;
-    onExport?: () => void;
+    onExport?: (baseCurrency: string) => void;
     onBatchAction?: (action: string) => void;
+    selectedStatuses?: string[];
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HeaderControls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,GAAI,sHAQ5B;IACD,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACzD,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,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,4CAwDA,CAAC"}
+{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc,GAAI,wIAS5B;IACD,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACzD,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,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,4CAyFA,CAAC"}

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

@@ -1,16 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Select } from "@powerhousedao/document-engineering";
-export const HeaderControls = ({ contributorOptions = [], statusOptions = [], onContributorChange, onStatusChange, onSearchChange, onExport, onBatchAction, }) => {
+import ConfirmationModal from "../../../invoice/components/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 = ({ contributorOptions = [], statusOptions = [], onContributorChange, onStatusChange, onSearchChange, onExport, onBatchAction, selectedStatuses = [], }) => {
     const batchOptions = [
         { label: "$ Pay Selected", value: "pay" },
         { label: "Approve Selected", value: "approve" },
         { label: "Reject Selected", value: "reject" },
     ];
-    return (_jsxs("div", { className: "flex flex-col gap-4 mb-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h3", { className: "text-lg font-bold", children: "Powerhouse OH Admin Drive" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { className: "bg-white border border-gray-300 rounded px-3 py-1 text-sm hover:bg-gray-100", onClick: onExport, children: "Export to CSV" }), _jsx(Select, { style: {
+    // Only enable if all selected statuses are in the allowed set
+    const allowedStatuses = [
+        "ACCEPTED",
+        "AWAITINGPAYMENT",
+        "PAYMENTSCHEDULED",
+        "PAYMENTSENT",
+        "PAYMENTRECEIVED",
+    ];
+    const canExport = selectedStatuses.length > 0 &&
+        selectedStatuses.every((status) => allowedStatuses.includes(status));
+    const [showCurrencyModal, setShowCurrencyModal] = useState(false);
+    const [selectedCurrency, setSelectedCurrency] = useState("CHF");
+    return (_jsxs("div", { className: "flex flex-col gap-4 mb-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h3", { className: "text-lg font-bold", children: "Powerhouse OH Admin Drive" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { className: `bg-white border border-gray-300 rounded px-3 py-1 text-sm hover:bg-gray-100 ${!canExport ? "opacity-50 cursor-not-allowed" : ""}`, onClick: () => setShowCurrencyModal(true), disabled: !canExport, children: "Export to CSV" }), _jsx(Select, { style: {
                                     width: "180px",
                                     height: "30px",
                                 }, options: batchOptions, onChange: (value) => onBatchAction?.(value), placeholder: "Batch Action", selectionIcon: "checkmark" })] })] }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Select, { style: {
                             width: "200px",
                             height: "30px",
-                        }, options: statusOptions, onChange: onStatusChange, placeholder: "Status", selectionIcon: "checkmark", multiple: true }), _jsx("input", { type: "text", className: "border rounded px-2 py-1 text-sm", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] })] }));
+                        }, options: statusOptions, onChange: onStatusChange, placeholder: "Status", selectionIcon: "checkmark", multiple: true }), _jsx("input", { type: "text", className: "border rounded px-2 py-1 text-sm", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] }), _jsx(ConfirmationModal, { open: showCurrencyModal, onCancel: () => setShowCurrencyModal(false), onContinue: () => {
+                    setShowCurrencyModal(false);
+                    onExport?.(selectedCurrency);
+                }, header: "Select Base Currency", continueLabel: "Export", cancelLabel: "Cancel", children: _jsx(Select, { options: currencyOptions, onChange: (value) => setSelectedCurrency(value), placeholder: "Select Base Currency" }) })] }));
 };

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

@@ -1,7 +1,6 @@
 import { type UiFileNode } from "@powerhousedao/design-system";
-import { EditorDispatch } from "document-model";
 import { DocumentModelModule } from "document-model";
-import { DocumentDriveAction } from "document-drive";
+import { type InvoiceAction } from "../../../../document-models/invoice/index.js";
 interface InvoiceTableProps {
     files: UiFileNode[];
     state: Record<string, any>;
@@ -22,8 +21,9 @@ interface InvoiceTableProps {
     renameNode: (nodeId: string, name: string) => void;
     filteredDocumentModels: DocumentModelModule[];
     onSelectDocumentModel: (model: DocumentModelModule) => void;
-    dispatchMap: Record<string, EditorDispatch<DocumentDriveAction>>;
+    dispatchMap: Record<string, (action: InvoiceAction) => void>;
+    driveId: string;
 }
-export declare const InvoiceTable: ({ files, state, setActiveDocumentId, getDispatch, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, dispatchMap, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InvoiceTable: ({ files, state, setActiveDocumentId, getDispatch, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, dispatchMap, driveId, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InvoiceTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAM/D,OAAO,EAAE,cAAc,EAA0B,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAsBrD,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACpC,WAAW,EAAE,CACX,QAAQ,EACJ;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GACzB,CAAC,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,KAAK;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,KACjE,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,sBAAsB,EAAE,mBAAmB,EAAE,CAAC;IAC9C,qBAAqB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,YAAY,GAAI,iLAa1B,iBAAiB,4CA8dnB,CAAC"}
+{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAU/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,8CAA8C,CAAC;AAwBtD,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACpC,WAAW,EAAE,CACX,QAAQ,EACJ;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GACzB,CAAC,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,KAAK;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,KACjE,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,sBAAsB,EAAE,mBAAmB,EAAE,CAAC;IAC9C,qBAAqB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,0LAc1B,iBAAiB,4CA4rBnB,CAAC"}

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

@@ -1,22 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { useState, useMemo } from "react";
 import { HeaderControls } from "./HeaderControls.js";
 import { InvoiceTableSection } from "./InvoiceTableSection.js";
 import { InvoiceTableRow } from "./InvoiceTableRow.js";
 import { useDriveContext, } from "@powerhousedao/reactor-browser";
 import { generateId } from "document-model";
 import { mapTags } from "../../../billing-statement/lineItemTags/tagMapping.js";
+import { exportInvoicesToXeroCSV } from "../../../../scripts/contributor-billing/createXeroCsv.js";
+import { toast } from "@powerhousedao/design-system";
 const statusOptions = [
     { label: "Draft", value: "DRAFT" },
-    { label: "Awaiting Approval", value: "AWAITINGAPPROVAL" },
-    { label: "Awaiting Payment", value: "AWAITINGPAYMENT" },
-    { label: "Payment Received", value: "PAYMENTRECEIVED" },
+    { 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" },
 ];
-export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, dispatchMap, }) => {
+export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, dispatchMap, driveId, }) => {
     const [selectedStatuses, setSelectedStatuses] = useState([]);
-    const { addDocument, addFile, documentModels, useDriveDocumentStates, selectedNode, } = useDriveContext();
+    const { addDocument, addFile, documentModels, useDriveDocumentStates, selectedNode, useDocumentEditorProps, } = useDriveContext();
     const billingDocStates = Object.entries(state)
         .filter(([_, doc]) => doc.documentType === "powerhouse/billing-statement")
         .map(([id, doc]) => ({
@@ -57,9 +63,11 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
             .filter(([_, doc]) => doc.documentType === "powerhouse/invoice" &&
             doc.global.status !== "DRAFT" &&
             doc.global.status !== "ISSUED" &&
-            doc.global.status !== "AWAITINGAPPROVAL" &&
+            doc.global.status !== "ACCEPTED" &&
             doc.global.status !== "PAYMENTSCHEDULED" &&
-            doc.global.status !== "PAYMENTRECEIVED" &&
+            doc.global.status !== "PAYMENTSENT" &&
+            doc.global.status !== "PAYMENTISSUE" &&
+            doc.global.status !== "PAYMENTCLOSED" &&
             doc.global.status !== "REJECTED")
             .map(([id, doc]) => ({
             id,
@@ -75,9 +83,12 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
         }));
     };
     const draft = getInvoicesByStatus("DRAFT");
-    const awaitingApproval = getInvoicesByStatus("ISSUED");
-    const awaitingPayment = getInvoicesByStatus("PAYMENTSCHEDULED");
-    const paid = getInvoicesByStatus("PAYMENTRECEIVED");
+    const issued = getInvoicesByStatus("ISSUED");
+    const accepted = getInvoicesByStatus("ACCEPTED");
+    const paymentScheduled = getInvoicesByStatus("PAYMENTSCHEDULED");
+    const paymentSent = getInvoicesByStatus("PAYMENTSENT");
+    const paymentIssue = getInvoicesByStatus("PAYMENTISSUE");
+    const paymentClosed = getInvoicesByStatus("PAYMENTCLOSED");
     const rejected = getInvoicesByStatus("REJECTED");
     const otherInvoices = getOtherInvoices();
     const handleDelete = (id) => {
@@ -115,7 +126,7 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
                             id: item.id,
                             description: item.description,
                             quantity: item.quantity,
-                            unit: 'UNIT',
+                            unit: "UNIT",
                             unitPricePwt: 0,
                             unitPriceCash: item.unitPriceTaxIncl,
                             totalPricePwt: 0,
@@ -160,7 +171,7 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
                                 id: item.id,
                                 description: item.description,
                                 quantity: item.quantity,
-                                unit: 'UNIT',
+                                unit: "UNIT",
                                 unitPricePwt: 0,
                                 unitPriceCash: item.unitPriceTaxIncl,
                                 totalPricePwt: 0,
@@ -180,22 +191,81 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
             clipboard: [],
         });
     };
-    const handleCSVExport = () => {
-        console.log('exporting...', selected);
+    const selectedInvoiceIds = Object.keys(selected).filter((id) => selected[id]);
+    const selectedInvoices = selectedInvoiceIds.map((id) => ({
+        ...state[id],
+        id,
+    }));
+    const selectedInvoiceStatuses = selectedInvoices.map((inv) => inv?.global?.status || inv?.status);
+    // Create dispatch map for selected invoices using the existing dispatchMap prop
+    const selectedInvoiceDispatchMap = useMemo(() => {
+        const map = {};
+        selectedInvoiceIds.forEach((invoiceId) => {
+            if (dispatchMap[invoiceId]) {
+                map[invoiceId] = dispatchMap[invoiceId];
+            }
+        });
+        return map;
+    }, [selectedInvoiceIds, dispatchMap]);
+    const handleCSVExport = async (baseCurrency) => {
+        console.log("Exporting selected invoices:", selectedInvoiceIds.map((id, idx) => ({
+            id,
+            state: selectedInvoices[idx],
+        })));
+        try {
+            const exportedInvoices = await exportInvoicesToXeroCSV(selectedInvoices, baseCurrency);
+            // Object.entries(exportedInvoices).forEach(
+            //   ([invoiceId, invoiceData]: [string, any]) => {
+            //     const dispatch = selectedInvoiceDispatchMap[invoiceId];
+            //     if (dispatch) {
+            //       dispatch(
+            //         actions.setExportedData({
+            //           timestamp: invoiceData.exportTimestamp as string,
+            //           exportedLineItems: invoiceData.exportedLines as string[][],
+            //         })
+            //       );
+            //     } else {
+            //       console.warn(`No dispatch function found for invoice ${invoiceId}`);
+            //     }
+            //   }
+            // );
+            toast("Invoices exported successfully", {
+                type: "success",
+            });
+        }
+        catch (error) {
+            console.error("Error exporting invoices:", error);
+            const missingExpenseTagInvoices = error.missingExpenseTagInvoices || [];
+            const missingExpenseTagInvoicesList = missingExpenseTagInvoices.map((invoiceId) => {
+                const invoice = files.find((file) => file.id === invoiceId);
+                return invoice?.name || invoiceId;
+            });
+            console.log("missingExpenseTagInvoicesList", missingExpenseTagInvoicesList);
+            toast(_jsxs(_Fragment, { children: ["Invoice Line Item Tags need to be set for:", _jsx("br", {}), missingExpenseTagInvoicesList.map((name, idx) => (_jsxs(React.Fragment, { children: ["- ", name, _jsx("br", {})] }, name)))] }), { type: "error" });
+        }
     };
-    return (_jsxs("div", { className: "w-full h-full bg-white rounded-lg p-4 border border-gray-200 shadow-md mt-4 overflow-x-auto", children: [_jsx(HeaderControls, { statusOptions: statusOptions, onStatusChange: handleStatusChange, onBatchAction: onBatchAction, onExport: handleCSVExport }), shouldShowSection("DRAFT") && (_jsx(InvoiceTableSection, { title: "Draft", count: draft.length, onSelectDocumentModel: onSelectDocumentModel, filteredDocumentModels: filteredDocumentModels, children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: draft.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+    return (_jsxs("div", { className: "w-full h-full bg-white rounded-lg p-4 border border-gray-200 shadow-md mt-4 overflow-x-auto", children: [_jsx(HeaderControls, { statusOptions: statusOptions, onStatusChange: handleStatusChange, onBatchAction: onBatchAction, onExport: handleCSVExport, selectedStatuses: selectedInvoiceStatuses }), shouldShowSection("DRAFT") && (_jsx(InvoiceTableSection, { title: "Draft", count: draft.length, onSelectDocumentModel: onSelectDocumentModel, filteredDocumentModels: filteredDocumentModels, children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: draft.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                    ...prev,
+                                    [row.id]: checked,
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode }, row.id))) })] }) })), shouldShowSection("ISSUED") && (_jsx(InvoiceTableSection, { title: "Issued", count: issued.length, children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _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" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Billing Statement" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: issued.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                    ...prev,
+                                    [row.id]: checked,
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("ACCEPTED") && (_jsx(InvoiceTableSection, { title: "Accepted", count: accepted.length, color: "bg-green-100 text-green-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: accepted.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                    ...prev,
+                                    [row.id]: checked,
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("PAYMENTSCHEDULED") && (_jsx(InvoiceTableSection, { title: "Payment Scheduled", count: paymentScheduled.length, color: "bg-green-100 text-green-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: paymentScheduled.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
                                     ...prev,
                                     [row.id]: checked,
-                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode }, row.id))) })] }) })), shouldShowSection("AWAITINGAPPROVAL") && (_jsx(InvoiceTableSection, { title: "Awaiting Approval", count: awaitingApproval.length, children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _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" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Billing Statement" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: awaitingApproval.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("PAYMENTSENT") && (_jsx(InvoiceTableSection, { title: "Payment Sent", count: paymentSent.length, color: "bg-green-100 text-green-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: paymentSent.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
                                     ...prev,
                                     [row.id]: checked,
-                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("AWAITINGPAYMENT") && (_jsx(InvoiceTableSection, { title: "Awaiting Payment", count: awaitingPayment.length, color: "bg-yellow-100 text-yellow-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _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" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Billing Statement" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: awaitingPayment.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("PAYMENTISSUE") && (_jsx(InvoiceTableSection, { title: "Payment Issue", count: paymentIssue.length, color: "bg-yellow-100 text-yellow-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: paymentIssue.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
                                     ...prev,
                                     [row.id]: checked,
-                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("PAYMENTRECEIVED") && (_jsx(InvoiceTableSection, { title: "Payment Received", count: paid.length, color: "bg-green-100 text-green-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _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" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Billing Statement" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Exported" })] }) }), _jsx("tbody", { children: paid.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("PAYMENTCLOSED") && (_jsx(InvoiceTableSection, { title: "Payment Closed", count: paymentClosed.length, color: "bg-red-500 text-black-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: paymentClosed.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
                                     ...prev,
                                     [row.id]: checked,
-                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode, onCreateBillingStatement: handleCreateBillingStatement, billingDocStates: billingDocStates }, row.id))) })] }) })), shouldShowSection("REJECTED") && (_jsx(InvoiceTableSection, { title: "Rejected", count: rejected.length, color: "bg-red-500 text-black-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: rejected.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
+                                })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode }, row.id))) })] }) })), shouldShowSection("REJECTED") && (_jsx(InvoiceTableSection, { title: "Rejected", count: rejected.length, color: "bg-red-500 text-black-600", children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-centert", 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" }), _jsx("th", { className: "px-2 py-2", children: "Exported" })] }) }), _jsx("tbody", { children: rejected.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({
                                     ...prev,
                                     [row.id]: checked,
                                 })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode }, row.id))) })] }) })), shouldShowSection("OTHER") && (_jsx(InvoiceTableSection, { title: "Other", count: otherInvoices.length, children: _jsxs("table", { className: "w-full text-sm border-separate border-spacing-0 border border-gray-400", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "px-2 py-2 w-8" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Issuer" }), _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" }), _jsx("th", { className: "px-2 py-2 text-center", children: "Exported" })] }) }), _jsx("tbody", { children: otherInvoices.map((row) => (_jsx(InvoiceTableRow, { files: files, row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({

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

@@ -7,5 +7,5 @@ export const InvoiceTableRow = ({ files, row, isSelected, onSelect, menuOptions,
     const billingDoc = billingDocStates?.find((doc) => doc.contributor === row.id);
     const billingFile = files?.find((file) => file.id === billingDoc?.id);
     const file = files?.find((file) => file.id === row.id);
-    return (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "px-2 py-2", children: _jsx("input", { type: "checkbox", checked: isSelected, onChange: (e) => onSelect(e.target.checked), className: "size-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500" }) }), _jsx("td", { className: "py-1 w-10", children: file && (_jsx(FileItem, { uiNode: file, onSelectNode: () => setActiveDocumentId(row.id), onRenameNode: (name) => renameNode(row.id, name), onDuplicateNode: () => { }, onDeleteNode: () => onDeleteNode(row.id), isAllowedToCreateDocuments: true, className: "h-10" }, row.id)) }), _jsx("td", { className: "px-2 py-2 text-center", children: row.invoiceNo }), _jsx("td", { className: "px-2 py-2 text-center", children: row.issueDate }), _jsx("td", { className: "px-2 py-2 text-center", children: row.dueDate }), _jsx("td", { className: "px-2 py-2 text-center", children: row.currency }), _jsx("td", { className: "px-2 py-2 text-center", children: row.amount }), (row.status === "ISSUED" || row.status === "PAYMENTSCHEDULED" || row.status === "PAYMENTRECEIVED") && !billingFile && (_jsx("td", { className: "px-2 py-2 text-center", children: _jsx("button", { className: "bg-white border border-gray-300 rounded px-3 py-1 text-sm hover:bg-gray-100 col-span-1 justify-self-end", onClick: () => onCreateBillingStatement?.(row.id), children: "Generate Billing Statement" }) })), billingFile && (_jsx("td", { className: "px-2 py-2 text-center", children: _jsx(FileItem, { uiNode: billingFile, onSelectNode: () => setActiveDocumentId(billingDoc?.id), onRenameNode: (name) => renameNode(billingDoc?.id, name), onDuplicateNode: () => { }, onDeleteNode: () => onDeleteNode(billingDoc?.id), isAllowedToCreateDocuments: true, className: "h-10" }, billingDoc?.id) })), _jsx("td", { className: "px-2 py-2 text-center", children: row.exported ? _jsx("span", { className: "text-green-500", children: "Yes" }) : _jsx("span", { className: "text-red-500", children: "No" }) })] }));
+    return (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "px-2 py-2", children: _jsx("input", { type: "checkbox", checked: isSelected, onChange: (e) => onSelect(e.target.checked), className: "size-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500" }) }), _jsx("td", { className: "py-1 w-10", children: file && (_jsx(FileItem, { uiNode: file, onSelectNode: () => setActiveDocumentId(row.id), onRenameNode: (name) => renameNode(row.id, name), onDuplicateNode: () => { }, onDeleteNode: () => onDeleteNode(row.id), isAllowedToCreateDocuments: true, className: "h-10" }, row.id)) }), _jsx("td", { className: "px-2 py-2 text-center", children: row.invoiceNo }), _jsx("td", { className: "px-2 py-2 text-center", children: row.issueDate }), _jsx("td", { className: "px-2 py-2 text-center", children: row.dueDate }), _jsx("td", { className: "px-2 py-2 text-center", children: row.currency }), _jsx("td", { className: "px-2 py-2 text-center", children: row.amount }), (row.status === "ISSUED" || row.status === "PAYMENTSCHEDULED" || row.status === "PAYMENTRECEIVED") && !billingFile && (_jsx("td", { className: "px-2 py-2 text-center", children: _jsx("button", { className: "bg-white border border-gray-300 rounded px-3 py-1 text-sm hover:bg-gray-100 col-span-1 justify-self-end", onClick: () => onCreateBillingStatement?.(row.id), children: "Generate Billing Statement" }) })), billingFile && (_jsx("td", { className: "px-2 py-2 text-center", children: _jsx(FileItem, { uiNode: billingFile, onSelectNode: () => setActiveDocumentId(billingDoc?.id), onRenameNode: (name) => renameNode(billingDoc?.id, name), onDuplicateNode: () => { }, onDeleteNode: () => onDeleteNode(billingDoc?.id), isAllowedToCreateDocuments: true, className: "h-10" }, billingDoc?.id) })), _jsx("td", { className: "px-2 py-2 text-center", children: row.exported.timestamp ? _jsx("span", { className: "text-green-500", children: "Yes" }) : _jsx("span", { className: "text-red-500", children: "No" }) })] }));
 };

package/dist/editors/invoice/components/confirmationModal.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface ConfirmationModalProps {
+    open: boolean;
+    header: React.ReactNode;
+    onCancel: () => void;
+    onContinue: () => void;
+    cancelLabel?: string;
+    continueLabel?: string;
+    children?: React.ReactNode;
+    continueDisabled?: boolean;
+}
+declare const ConfirmationModal: React.FC<ConfirmationModalProps>;
+export default ConfirmationModal;
+//# sourceMappingURL=confirmationModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirmationModal.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/confirmationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,sBAAsB;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsCvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ConfirmationModal = ({ open, header, onCancel, onContinue, cancelLabel = "Cancel", continueLabel = "Continue", children, continueDisabled = false, }) => {
+    if (!open)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/10 backdrop-blur-sm", children: _jsxs("div", { className: "bg-white rounded-3xl shadow-xl w-full max-w-md p-6", children: [_jsx("div", { className: "border-b border-slate-100 pb-2 text-2xl font-bold text-gray-800", children: header }), _jsx("div", { className: "my-6 rounded-md bg-slate-50 p-4 text-center flex flex-col items-center justify-center min-h-[64px]", children: children }), _jsxs("div", { className: "mt-8 flex justify-between gap-3", children: [_jsx("button", { onClick: onCancel, className: "flex-1 min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all bg-slate-50 text-slate-800", children: cancelLabel }), _jsx("button", { onClick: onContinue, disabled: continueDisabled, className: `flex-1 min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all bg-gray-800 text-gray-50 ${continueDisabled ? 'opacity-50 cursor-not-allowed' : ''}`, children: continueLabel })] })] }) }));
+};
+export default ConfirmationModal;

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

@@ -1 +1 @@
-{"version":3,"file":"selectField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/selectField.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAoFD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAgPlD,CAAC"}
+{"version":3,"file":"selectField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/selectField.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAsGD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAqOlD,CAAC"}