@powerhousedao/contributor-billing 0.1.22 → 0.1.23

package/dist/document-models/invoice/utils.js

@@ -0,0 +1,7 @@
+import { utils as genUtils } from "./gen/utils.js";
+import * as customUtils from "./src/utils.js";
+/** Utils for the Invoice document model */
+export const utils = {
+    ...genUtils,
+    ...customUtils,
+};

package/dist/editors/billing-statement/components/objectSetTable.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Tag } from "lucide-react";
 import { ObjectSetTable, Select } from "@powerhousedao/document-engineering";
-import { useMemo } from "react";
+import { useMemo, useRef, useEffect } from "react";
+import { actions, } from "../../../document-models/billing-statement/index.js";
 const ObjectSetTableComponent = (props) => {
     const { state, dispatch } = props;
     // console.log("lineItems", state.lineItems);

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

@@ -0,0 +1,3 @@
+import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
+export declare const editorConfig: PHDocumentEditorConfig;
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/billing-statement/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

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

@@ -0,0 +1,3 @@
+export const editorConfig = {
+    isExternalControlsEnabled: false,
+};

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/billing-statement/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDAiGnF"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/billing-statement/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,kDA4GtD"}

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

@@ -6,6 +6,8 @@ import { Textarea } from "@powerhousedao/document-engineering";
 import LineItemsTable from "./components/lineItemsTable.js";
 import { formatNumber } from "../invoice/lineItems.js";
 import { useSelectedBillingStatementDocument } from "../hooks/useBillingStatementDocument.js";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
 export default function Editor(props) {
     const [doc, dispatch] = useSelectedBillingStatementDocument();
     const state = doc?.state.global;
@@ -14,14 +16,20 @@ export default function Editor(props) {
         return null;
     }
     const [notes, setNotes] = useState(state.notes ?? "");
-    return (_jsxs("div", { className: "editor-container", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2 border border-gray-500 p-2 rounded-md bg-gray-1001", children: [_jsx("div", { className: "col-span-1 flex items-center", children: _jsx("h1", { className: "text-xl md:text-2xl font-bold", children: "Billing Statement" }) }), _jsxs("div", { className: "grid col-span-1 grid-rows-2 gap-2 justify-end ", children: [_jsxs("div", { className: "col-span-1 space-x-2", children: [_jsx("span", { children: "Submitter" }), _jsx("span", { children: state.contributor })] }), _jsxs("div", { className: "col-span-1 space-x-2", children: [_jsx("span", { children: "Status" }), _jsx("span", { children: state.status })] })] })] }), _jsx("div", { className: "mt-6 p-2", children: _jsxs("div", { className: "flex justify-end", children: [_jsx("span", { className: "mr-2 pt-2", children: "Currency: " }), _jsx(CurrencyForm, { currency: state.currency, handleInputChange: (e) => {
-                                dispatch(actions.editBillingStatement({ currency: e.target.value }));
-                            } })] }) }), _jsx("div", { className: "", children: _jsx(LineItemsTable, { state: state, dispatch: dispatch }) }), _jsxs("div", { className: "grid sm:grid-cols-2", children: [_jsx("div", { className: "mt-6 p-2 two-column-grid:mt-2", children: _jsx(Textarea, { label: "Notes", placeholder: "Add notes", autoExpand: true, rows: 4, multiline: true, value: notes, onBlur: (e) => {
-                                const newValue = e.target.value;
-                                if (newValue !== state.notes) {
-                                    dispatch(actions.editBillingStatement({ notes: newValue }));
-                                }
-                            }, onChange: (e) => {
-                                setNotes(e.target.value);
-                            }, className: "p-2 mb-4" }) }), _jsx("div", { className: "p-2 flex justify-center items-center sm:mt-6", children: _jsxs("table", { className: "border border-gray-300", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-100", children: [_jsx("th", { className: "border px-4 py-2", children: "Total Fiat" }), _jsx("th", { className: "border px-4 py-2", children: "Total POWT" })] }) }), _jsx("tbody", { children: _jsxs("tr", { children: [_jsx("td", { className: "border px-4 py-2 text-center", children: formatNumber(state.totalCash) }), _jsx("td", { className: "border px-4 py-2 text-center", children: formatNumber(state.totalPowt) })] }) })] }) })] })] }));
+    // Get the parent folder node for the currently selected node
+    const parentFolder = useParentFolderForSelectedNode();
+    // Set the selected node to the parent folder node (close the editor)
+    function handleClose() {
+        setSelectedNode(parentFolder?.id);
+    }
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "editor-container", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2 border border-gray-500 p-2 rounded-md bg-gray-1001", children: [_jsx("div", { className: "col-span-1 flex items-center", children: _jsx("h1", { className: "text-xl md:text-2xl font-bold", children: "Billing Statement" }) }), _jsxs("div", { className: "grid col-span-1 grid-rows-2 gap-2 justify-end ", children: [_jsxs("div", { className: "col-span-1 space-x-2", children: [_jsx("span", { children: "Submitter" }), _jsx("span", { children: state.contributor })] }), _jsxs("div", { className: "col-span-1 space-x-2", children: [_jsx("span", { children: "Status" }), _jsx("span", { children: state.status })] })] })] }), _jsx("div", { className: "mt-6 p-2", children: _jsxs("div", { className: "flex justify-end", children: [_jsx("span", { className: "mr-2 pt-2", children: "Currency: " }), _jsx(CurrencyForm, { currency: state.currency, handleInputChange: (e) => {
+                                        dispatch(actions.editBillingStatement({ currency: e.target.value }));
+                                    } })] }) }), _jsx("div", { className: "", children: _jsx(LineItemsTable, { state: state, dispatch: dispatch }) }), _jsxs("div", { className: "grid sm:grid-cols-2", children: [_jsx("div", { className: "mt-6 p-2 two-column-grid:mt-2", children: _jsx(Textarea, { label: "Notes", placeholder: "Add notes", autoExpand: true, rows: 4, multiline: true, value: notes, onBlur: (e) => {
+                                        const newValue = e.target.value;
+                                        if (newValue !== state.notes) {
+                                            dispatch(actions.editBillingStatement({ notes: newValue }));
+                                        }
+                                    }, onChange: (e) => {
+                                        setNotes(e.target.value);
+                                    }, className: "p-2 mb-4" }) }), _jsx("div", { className: "p-2 flex justify-center items-center sm:mt-6", children: _jsxs("table", { className: "border border-gray-300", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-gray-100", children: [_jsx("th", { className: "border px-4 py-2", children: "Total Fiat" }), _jsx("th", { className: "border px-4 py-2", children: "Total POWT" })] }) }), _jsx("tbody", { children: _jsxs("tr", { children: [_jsx("td", { className: "border px-4 py-2 text-center", children: formatNumber(state.totalCash) }), _jsx("td", { className: "border px-4 py-2 text-center", children: formatNumber(state.totalPowt) })] }) })] }) })] })] })] }));
 }

package/dist/editors/billing-statement/lineItemTags/lineItemTags.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch } from "react";
-import { BillingStatementTag, type BillingStatementAction } from "../../../document-models/billing-statement/index.js";
+import type { Dispatch } from "react";
+import { type BillingStatementTag, type BillingStatementAction } from "../../../document-models/billing-statement/index.js";
 interface TagAssignmentRow {
     id: string;
     description: string;

package/dist/editors/billing-statement/lineItemTags/lineItemTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineItemTags.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/lineItemTags/lineItemTags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,EAEL,mBAAmB,EACnB,KAAK,sBAAsB,EAC5B,MAAM,qDAAqD,CAAC;AAG7D,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,mBAAmB,EAAE,CAAC;CACpC;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,sBAAsB,2CAyKxB"}
+{"version":3,"file":"lineItemTags.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/lineItemTags/lineItemTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKtC,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qDAAqD,CAAC;AAG7D,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,mBAAmB,EAAE,CAAC;CACpC;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,sBAAsB,2CAyKxB"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { X, Tag } from "lucide-react";
-import { Button } from "@powerhousedao/design-system";
+import { PowerhouseButton as Button } from "@powerhousedao/design-system/powerhouse/components/index";
 import { Select, DatePicker } from "@powerhousedao/document-engineering/ui";
 import { budgetOptions, expenseAccountOptions } from "./tagMapping.js";
 import { actions, } from "../../../document-models/billing-statement/index.js";
@@ -39,7 +39,7 @@ export function LineItemTagsTable({ lineItems, onClose, dispatch, }) {
                                                     month: "long",
                                                     year: "numeric",
                                                 }),
-                                            })), className: "w-full text-xs" }) }), _jsx("td", { className: "border-b border-gray-200 p-2", children: _jsx(Select, { options: expenseAccountOptions, value: item.lineItemTag.find((tag) => tag.dimension === "expense-account")?.value || "", placeholder: "Select Expense Account", searchable: true, onChange: (value) => {
+                                            })), className: "w-full text-xs bg-white" }) }), _jsx("td", { className: "border-b border-gray-200 p-2", children: _jsx(Select, { options: expenseAccountOptions, value: item.lineItemTag.find((tag) => tag.dimension === "expense-account")?.value || "", placeholder: "Select Expense Account", searchable: true, onChange: (value) => {
                                                 const selectedOption = expenseAccountOptions.find((option) => option.value === value);
                                                 dispatch(actions.editLineItemTag({
                                                     lineItemId: item.id,

package/dist/editors/billing-statement/lineItemTags/tagMapping.d.ts

@@ -1,5 +1,5 @@
-import { SelectOption } from "@powerhousedao/document-engineering/ui";
-import { InvoiceTag } from "../../../document-models/invoice/gen/types.js";
+import { type SelectOption } from "@powerhousedao/document-engineering/ui";
+import { type InvoiceTag } from "../../../document-models/invoice/gen/types.js";
 export declare const expenseAccountOptions: SelectOption[];
 export declare const budgetOptions: SelectOption[];
 export declare const mapTags: (lineItemTags: InvoiceTag[]) => (InvoiceTag | undefined)[];

package/dist/editors/billing-statement/lineItemTags/tagMapping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tagMapping.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/lineItemTags/tagMapping.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAkG3E,eAAO,MAAM,qBAAqB,EAAE,YAAY,EAO9C,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,YAAY,EAGvC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,cAAc,UAAU,EAAE,+BAmBjD,CAAC"}
+{"version":3,"file":"tagMapping.d.ts","sourceRoot":"","sources":["../../../../editors/billing-statement/lineItemTags/tagMapping.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAkGhF,eAAO,MAAM,qBAAqB,EAAE,YAAY,EAO9C,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,YAAY,EAGvC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,cAAc,UAAU,EAAE,+BAmBjD,CAAC"}

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

@@ -1,3 +1,5 @@
+import {} from "@powerhousedao/document-engineering/ui";
+import {} from "../../../document-models/invoice/gen/types.js";
 const billingTagMapping = [
     { fusion: "Budget", xero: "200 - Grants from Maker DAO" },
     { fusion: "Current Asset", xero: "2001 - Clearing Account" },

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { lazy } from "react";
+export const BillingStatement = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/billing-statement"],
+    config: {
+        id: "powerhouse-billing-statement-editor",
+        name: "Billing Statement",
+    },
+};

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

@@ -1,14 +1,7 @@
-import { type DriveEditorProps, type Reactor } from "@powerhousedao/reactor-browser";
-declare global {
-    interface Window {
-        driveContext?: {
-            reactor?: Reactor;
-        };
-    }
-}
+import type { EditorProps } from "document-model";
 /**
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */
-export declare function DriveExplorer(props: DriveEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function DriveExplorer(props: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DriveExplorer.d.ts.map

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":"AAIA,OAAO,EAEL,KAAK,gBAAgB,EAOrB,KAAK,OAAO,EACb,MAAM,gCAAgC,CAAC;AAOxC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,CAAC,EAAE;YACb,OAAO,CAAC,EAAE,OAAO,CAAC;SACnB,CAAC;KACH;CACF;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,2CAwSpD"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/DriveExplorer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkBlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,2CA4R/C"}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CreateDocumentModal, ToastContainer, } from "@powerhousedao/design-system";
-import { addDocument, useDocumentModelModules, useEditorModules, useFileChildNodes, useSelectedDrive, useSelectedDriveDocuments, useSelectedFolder, } from "@powerhousedao/reactor-browser";
+import { CreateDocumentModal, ToastContainer, } from "@powerhousedao/design-system/connect";
+import { addDocument, useDocumentModelModules, useDocumentsInSelectedDrive, useEditorModules, useFileNodesInSelectedDrive, useSelectedDrive, useSelectedFolder, } from "@powerhousedao/reactor-browser";
+import { useReactor } from "@powerhousedao/reactor-browser/connect";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { InvoiceTable } from "./InvoiceTable/InvoiceTable.js";
 import { HeaderStats } from "./InvoiceTable/HeaderStats.js";
@@ -9,9 +10,10 @@ import { HeaderStats } from "./InvoiceTable/HeaderStats.js";
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */
 export function DriveExplorer(props) {
-    const { children, editorConfig } = props;
+    const { children } = props;
     const [selected, setSelected] = useState({});
     const [selectedStatuses, setSelectedStatuses] = useState([]);
+    const reactor = useReactor();
     // Handler for status filter changes
     const handleStatusChange = useCallback((value) => {
         setSelectedStatuses(Array.isArray(value) ? value : [value]);
@@ -25,9 +27,9 @@ export function DriveExplorer(props) {
     // Core state hooks for drive navigation
     const [selectedDrive] = useSelectedDrive(); // Currently selected drive
     const selectedFolder = useSelectedFolder(); // Currently selected folder
-    const fileChildren = useFileChildNodes();
+    const fileChildren = useFileNodesInSelectedDrive();
     // All document states
-    const allDocuments = useSelectedDriveDocuments();
+    const allDocuments = useDocumentsInSelectedDrive();
     // Handler for row selection (does not affect status filter display)
     const handleRowSelection = useCallback((rowId, checked, rowStatus) => {
         setSelected((prev) => ({
@@ -67,22 +69,13 @@ export function DriveExplorer(props) {
                 // We need to create a dispatch function that can handle actions
                 // Try to access the reactor instance through the global window object
                 // This is a common pattern in React applications
-                if (window.reactor) {
-                    const result = await window.reactor.addAction(docId, action);
+                if (reactor) {
+                    const result = await reactor.addAction(docId, action);
                     if (result.status !== "SUCCESS") {
                         throw new Error(result.error?.message ?? "Failed to dispatch action");
                     }
                     return;
                 }
-                // Alternative: Try to access through the context
-                // The DriveContextProvider might expose the reactor instance
-                if (window.driveContext?.reactor) {
-                    const result = await window.driveContext?.reactor?.addAction(docId, action);
-                    if (result?.status !== "SUCCESS") {
-                        throw new Error(result?.error?.message ?? "Failed to dispatch action");
-                    }
-                    return;
-                }
                 // Fallback: Use a custom event system
                 // This allows the reactor system to listen for actions
                 const actionEvent = new CustomEvent("reactor-action", {
@@ -156,14 +149,14 @@ export function DriveExplorer(props) {
         if (!documentModel || !selectedDrive?.header.id)
             return;
         let editorType = "integrations-editor";
-        if (documentModel.documentModel.id === "powerhouse/invoice") {
+        if (documentModel.id === "powerhouse/invoice") {
             editorType = "powerhouse-invoice-editor";
         }
-        else if (documentModel.documentModel.id === "powerhouse/expense-report") {
+        else if (documentModel.id === "powerhouse/expense-report") {
             editorType = "powerhouse-expense-report-editor";
         }
         try {
-            const node = await addDocument(selectedDrive.header.id, fileName, documentModel.documentModel.id, selectedFolder?.id, undefined, undefined, editorType);
+            const node = await addDocument(selectedDrive.header.id, fileName, documentModel.id, selectedFolder?.id, undefined, undefined, editorType);
             selectedDocumentModel.current = null;
             if (node) {
                 // Customize: Auto-open created document by uncommenting below
@@ -187,5 +180,5 @@ export function DriveExplorer(props) {
     // === RENDER ===
     return (_jsx("div", { className: `flex h-full ${showDocumentEditor ? "w-full" : "editor-container"}`, children: _jsxs("div", { className: `h-full ${showDocumentEditor ? "w-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" }), _jsx("div", { className: "flex-1", children: showDocumentEditor ? (
                     // Document editor view
-                    children) : (_jsxs(_Fragment, { children: [_jsx(HeaderStats, {}), _jsx(InvoiceTable, { files: fileChildren, state: allDocuments || [], selected: selected, setSelected: setSelected, filteredDocumentModels: documentModelModules, onSelectDocumentModel: onSelectDocumentModel, getDocDispatcher: getDocDispatcher, selectedStatuses: selectedStatuses, onStatusChange: handleStatusChange, onRowSelection: handleRowSelection, canExportSelectedRows: canExportSelectedRows })] })) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] }) }));
+                    children) : (_jsxs(_Fragment, { children: [_jsx(HeaderStats, {}), _jsx(InvoiceTable, { files: fileChildren || [], state: allDocuments || [], selected: selected, setSelected: setSelected, filteredDocumentModels: documentModelModules || [], onSelectDocumentModel: onSelectDocumentModel, getDocDispatcher: getDocDispatcher, selectedStatuses: selectedStatuses, onStatusChange: handleStatusChange, onRowSelection: handleRowSelection, canExportSelectedRows: canExportSelectedRows })] })) }), _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: ({ statusOptions, onStatusChange, onSearchChange, onExport, onExpenseReportExport, selectedStatuses, createIntegrationsDocument, integrationsDoc, canExportSelectedRows, hasBillingStatements, expenseReportDoc, onCreateOrOpenExpenseReport, }: {
+export declare const HeaderControls: ({ statusOptions, onStatusChange, onSearchChange, onExport, onExpenseReportExport, selectedStatuses, createIntegrationsDocument, integrationsDoc, canExportSelectedRows, hasBillingStatements, expenseReportDoc, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, }: {
     statusOptions?: {
         label: string;
         value: string;
@@ -14,5 +14,12 @@ export declare const HeaderControls: ({ statusOptions, onStatusChange, onSearchC
     hasBillingStatements?: boolean;
     expenseReportDoc?: any | null;
     onCreateOrOpenExpenseReport?: () => void;
+    selected?: {
+        [id: string]: boolean;
+    };
+    handleCreateBillingStatement: (id: string) => Promise<void>;
+    setSelected: (selected: {
+        [id: string]: boolean;
+    }) => void;
 }) => 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":"AAcA,eAAO,MAAM,cAAc,GAAI,gPAa5B;IACD,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,OAAO,CAAC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1C,4CAoMA,CAAC"}
+{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,cAAc,GAAI,qSAgB5B;IACD,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,OAAO,CAAC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;IACrC,4BAA4B,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D,4CAySA,CAAC"}

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

@@ -3,7 +3,9 @@ import { useState } from "react";
 import { Select } from "@powerhousedao/document-engineering";
 import ConfirmationModal from "../../../invoice/components/confirmationModal.js";
 import { Icon } from "@powerhousedao/design-system";
+import { toast } from "@powerhousedao/design-system/connect";
 import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { useDocumentsInSelectedDrive, useDocumentById, } from "@powerhousedao/reactor-browser";
 const currencyOptions = [
     { label: "CHF", value: "CHF" },
     { label: "USD", value: "USD" },
@@ -11,11 +13,12 @@ const currencyOptions = [
     { label: "GBP", value: "GBP" },
     { label: "JPY", value: "JPY" },
 ];
-export const HeaderControls = ({ statusOptions = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, selectedStatuses = [], createIntegrationsDocument, integrationsDoc, canExportSelectedRows, hasBillingStatements = false, expenseReportDoc, onCreateOrOpenExpenseReport, }) => {
+export const HeaderControls = ({ statusOptions = [], onStatusChange, onSearchChange, onExport, onExpenseReportExport, selectedStatuses = [], createIntegrationsDocument, integrationsDoc, canExportSelectedRows, hasBillingStatements = false, expenseReportDoc, onCreateOrOpenExpenseReport, selected, handleCreateBillingStatement, setSelected, }) => {
     const batchOptions = [
-        { label: "$ Pay Selected", value: "pay" },
-        { label: "Approve Selected", value: "approve" },
-        { label: "Reject Selected", value: "reject" },
+        // { label: "$ Pay Selected", value: "pay" },
+        // { label: "Approve Selected", value: "approve" },
+        // { label: "Reject Selected", value: "reject" },
+        { label: "Generate Bill Statements", value: "generate-bills" },
         { label: "Export CSV Expense Report", value: "export-csv-expense-report" },
     ];
     // Use the function to determine if export should be enabled based on selected rows
@@ -24,15 +27,97 @@ export const HeaderControls = ({ statusOptions = [], onStatusChange, onSearchCha
     const [selectedCurrency, setSelectedCurrency] = useState("CHF");
     const [showExpenseReportCurrencyModal, setShowExpenseReportCurrencyModal] = useState(false);
     const [selectedExpenseReportCurrency, setSelectedExpenseReportCurrency] = useState("CHF");
+    const [selectedBatchAction, setSelectedBatchAction] = useState(undefined);
+    const allDocuments = useDocumentsInSelectedDrive();
+    const invoices = allDocuments?.filter((doc) => {
+        return (doc.header.documentType === "powerhouse/invoice" &&
+            doc.state.global.status !== "DRAFT");
+    });
+    const billingStatements = allDocuments?.filter((doc) => {
+        return doc.header.documentType === "powerhouse/billing-statement";
+    });
     const handleBatchAction = (action) => {
         if (action === "export-csv-expense-report") {
             setShowExpenseReportCurrencyModal(true);
+            const updatedSelected = { ...selected };
+            Object.keys(updatedSelected).forEach((id) => {
+                updatedSelected[id] = false;
+            });
+            setSelected(updatedSelected);
+            // Reset the select value after action is triggered
+            setTimeout(() => setSelectedBatchAction(undefined), 0);
+        }
+        if (action === "generate-bills") {
+            const selectedIds = Object.keys(selected || {}).filter((id) => selected?.[id]);
+            // Check for existing billing statements
+            const existingBills = [];
+            const invoicesToProcess = [];
+            selectedIds.forEach((id) => {
+                const invoice = invoices?.find((doc) => doc.header.id === id);
+                if (invoice) {
+                    const invoiceName = invoice.header.name || "";
+                    const expectedBillName = `bill-${invoiceName}`;
+                    const existingBill = billingStatements?.find((bill) => bill.header.name === expectedBillName);
+                    if (existingBill) {
+                        existingBills.push(invoiceName);
+                    }
+                    else {
+                        invoicesToProcess.push(id);
+                    }
+                }
+            });
+            if (selectedIds.length === 0) {
+                toast("No invoices selected", {
+                    type: "warning",
+                });
+            }
+            // Notify user if bills already exist
+            if (existingBills.length > 0) {
+                // Deconstruct selectedIds to set each ID to false
+                const updatedSelected = { ...selected };
+                selectedIds.forEach((id) => {
+                    updatedSelected[id] = false;
+                });
+                setSelected(updatedSelected);
+                const billNames = existingBills.join(", ");
+                toast(`Billing statements already exist for: ${billNames}`, {
+                    type: "warning",
+                });
+                // Reset the select value after action is triggered
+                setTimeout(() => setSelectedBatchAction(undefined), 0);
+            }
+            if (selectedIds.length > 0 &&
+                invoicesToProcess.length === 0 &&
+                existingBills.length === 0) {
+                // Deconstruct selectedIds to set each ID to false
+                const updatedSelected = { ...selected };
+                selectedIds.forEach((id) => {
+                    updatedSelected[id] = false;
+                });
+                setSelected(updatedSelected);
+                toast("Invoice not ready, change status to ISSUED", {
+                    type: "warning",
+                });
+                // Reset the select value after action is triggered
+                setTimeout(() => setSelectedBatchAction(undefined), 0);
+                return;
+            }
+            // Create billing statements for invoices that don't have them yet
+            invoicesToProcess.forEach(async (id) => {
+                setSelected({ ...selected, [id]: false });
+                await handleCreateBillingStatement(id);
+            });
+            // Reset the select value after action is triggered
+            setTimeout(() => setSelectedBatchAction(undefined), 100);
         }
     };
     return (_jsxs("div", { className: "flex flex-col gap-4 mb-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_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, value: selectedStatuses }), _jsx("input", { type: "text", className: "border rounded px-2 py-1 text-sm", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] }), _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 ${!hasBillingStatements ? "opacity-50 cursor-not-allowed" : ""}`, onClick: onCreateOrOpenExpenseReport, disabled: !hasBillingStatements, children: expenseReportDoc ? "Expense Report" : "Create Expense Report" }), _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, { className: "h-[29px]", contentClassName: "w-54", options: batchOptions, onChange: (value) => handleBatchAction(value), placeholder: "Batch Action" }), _jsx("div", { className: "cursor-pointer", children: _jsx(Icon, { name: "Settings", className: "hover:text-blue-300", onClick: () => {
+                                }, options: statusOptions, onChange: onStatusChange, placeholder: "Status", selectionIcon: "checkmark", multiple: true, value: selectedStatuses }), _jsx("input", { type: "text", className: "border rounded px-2 py-1 text-sm", placeholder: "Search", onChange: (e) => onSearchChange?.(e.target.value) })] }), _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 ${!hasBillingStatements ? "opacity-50 cursor-not-allowed" : ""}`, onClick: onCreateOrOpenExpenseReport, disabled: !hasBillingStatements, children: expenseReportDoc ? "Expense Report" : "Create Expense Report" }), _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, { className: "h-[29px]", contentClassName: "w-54", options: batchOptions, value: selectedBatchAction, onChange: (value) => {
+                                    setSelectedBatchAction(value);
+                                    handleBatchAction(value);
+                                }, placeholder: "Batch Action" }), _jsx("div", { className: "cursor-pointer", children: _jsx(Icon, { name: "Settings", className: "hover:text-blue-300", onClick: () => {
                                         console.log("Settings");
                                         if (!integrationsDoc) {
                                             createIntegrationsDocument?.();

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select } from "@powerhousedao/document-engineering/ui";
 import { useState, useEffect } from "react";
-import { useSelectedDriveDocuments } from "@powerhousedao/reactor-browser";
+import { useDocumentsInSelectedDrive } from "@powerhousedao/reactor-browser";
 import { getExchangeRate } from "../../util.js";
-import { Tooltip, TooltipProvider } from "@powerhousedao/design-system";
+import { Tooltip, TooltipProvider } from "@powerhousedao/design-system/ui";
 const currencyList = [
     { ticker: "USDS", crypto: true },
     { ticker: "USDC", crypto: true },
@@ -19,7 +19,7 @@ const currencyList = [
 export const HeaderStats = () => {
     const [selectedCurrency, setSelectedCurrency] = useState("USD");
     const [totalExpenses, setTotalExpenses] = useState(0);
-    const documents = useSelectedDriveDocuments();
+    const documents = useDocumentsInSelectedDrive();
     const invoices = documents?.filter((doc) => doc.header.documentType === "powerhouse/invoice");
     useEffect(() => {
         const calculateTotalExpenses = async () => {

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

@@ -1,4 +1,4 @@
-import { type DocumentModelModule } from "document-model";
+import { type VetraDocumentModelModule } from "@powerhousedao/reactor-browser";
 type FileNodeLite = {
     id: string;
     name: string;
@@ -17,14 +17,14 @@ interface InvoiceTableProps {
     }) => {
         [id: string]: boolean;
     })) => void;
-    filteredDocumentModels: DocumentModelModule[];
-    onSelectDocumentModel: (model: DocumentModelModule) => void;
+    filteredDocumentModels: VetraDocumentModelModule[];
+    onSelectDocumentModel: (model: VetraDocumentModelModule) => void;
     getDocDispatcher: (id: string) => any;
     selectedStatuses: string[];
     onStatusChange: (value: string | string[]) => void;
     onRowSelection: (rowId: string, checked: boolean, rowStatus: string) => void;
     canExportSelectedRows: () => boolean;
 }
-export declare const InvoiceTable: ({ files, state, selected, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, selectedStatuses, onStatusChange, onRowSelection, canExportSelectedRows, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InvoiceTable: ({ files, state, selected, setSelected, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, selectedStatuses, onStatusChange, onRowSelection, canExportSelectedRows, }: InvoiceTableProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InvoiceTable.d.ts.map

package/dist/editors/contributor-billing/components/InvoiceTable/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,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA6B1D,KAAK,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,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,sBAAsB,EAAE,mBAAmB,EAAE,CAAC;IAC9C,qBAAqB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IACtC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,GAAI,uKAW1B,iBAAiB,4CA8pBnB,CAAC"}
+{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AAaA,OAAO,EAKL,KAAK,wBAAwB,EAC9B,MAAM,gCAAgC,CAAC;AAexC,KAAK,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,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,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;IACnD,qBAAqB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IACtC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,GAAI,oLAY1B,iBAAiB,4CAiqBnB,CAAC"}