@powerhousedao/contributor-billing 0.0.76 → 0.0.78

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

@@ -1,33 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDriveContext, exportDocument, } from "@powerhousedao/reactor-browser";
-import { DocumentToolbar, RevisionHistory, DefaultEditorLoader, } from "@powerhousedao/design-system";
-import { useState, Suspense, useCallback } from "react";
+import { getRevisionFromDate, useTimelineItems } from "@powerhousedao/common";
+import { DocumentToolbar, RevisionHistory, } from "@powerhousedao/design-system";
+import { exportFile, useDocumentById, useEditorModuleById, useSelectedDrive, } from "@powerhousedao/reactor-browser";
+import { Suspense, useCallback, useState } from "react";
+/**
+ * Document editor container that wraps individual document editors.
+ * Handles document loading, toolbar, revision history, and dynamic editor loading.
+ * Customize toolbar actions and editor context here.
+ */
 export const EditorContainer = (props) => {
-    const { title, driveId, context, onClose, documentId, documentType, editorModule, documentModelModule, } = props;
+    const { handleClose } = props;
+    // UI state for revision history and timeline
+    const [selectedTimelineItem, setSelectedTimelineItem] = useState(null);
     const [showRevisionHistory, setShowRevisionHistory] = useState(false);
-    const { useDocumentEditorProps } = useDriveContext();
-    const user = context.user;
-    const { dispatch, error, document } = useDocumentEditorProps({
-        documentId,
-        documentType,
-        driveId,
-        documentModelModule,
-        user,
-    });
+    const [selectedDocument, dispatch] = useDocumentById(props.activeDocumentId);
+    const [selectedDrive] = useSelectedDrive();
+    // Timeline data for revision history
+    const timelineItems = useTimelineItems(selectedDocument?.header.id, selectedDocument?.header.createdAtUtcIso, selectedDrive?.header.id);
+    const preferredEditor = selectedDocument?.header.meta?.preferredEditor ?? "powerhouse-invoice-editor";
+    const editorModule = useEditorModuleById(preferredEditor);
+    // Document export functionality - customize export behavior here
     const onExport = useCallback(async () => {
-        if (document) {
-            const ext = documentModelModule.documentModel.extension;
-            await exportDocument(document, title, ext);
+        if (selectedDocument) {
+            await exportFile(selectedDocument);
         }
-    }, [document?.header?.revision?.global, document?.header?.revision?.local]);
-    const loadingContent = (_jsx("div", { className: "flex-1 flex justify-center items-center h-full", children: _jsx(DefaultEditorLoader, {}) }));
-    if (!document)
+    }, [selectedDocument]);
+    // Loading state component
+    const loadingContent = (_jsx("div", { className: "flex h-full flex-1 items-center justify-center", children: "Sth wrong with the document" }));
+    if (!selectedDocument)
         return loadingContent;
-    const EditorComponent = editorModule.Component;
-    return showRevisionHistory ? (_jsx(RevisionHistory, { documentId: documentId, documentTitle: title, globalOperations: document.operations.global, localOperations: document.operations.local, onClose: () => setShowRevisionHistory(false) }, documentId)) : (_jsxs(Suspense, { fallback: loadingContent, children: [_jsx(DocumentToolbar, { onClose: onClose, onExport: onExport, onShowRevisionHistory: () => setShowRevisionHistory(true), onSwitchboardLinkClick: () => { }, title: title }), _jsx(EditorComponent, { context: {
-                    ...context,
-                    getDocumentRevision: context.getDocumentRevision
-                        ? (options) => context.getDocumentRevision(documentId, options)
-                        : undefined,
-                }, dispatch: dispatch, document: document, error: error })] }));
+    // Dynamically load the appropriate editor component for this document type
+    const EditorComponent = editorModule?.Component;
+    if (!EditorComponent)
+        return loadingContent;
+    return showRevisionHistory ? (
+    // Revision history view
+    _jsx(RevisionHistory, { documentId: selectedDocument.header.id, documentTitle: selectedDocument.header.name, globalOperations: selectedDocument.operations.global, localOperations: selectedDocument.operations.local, onClose: () => setShowRevisionHistory(false) }, selectedDocument.header.id)) : (
+    // Main editor view
+    _jsxs(Suspense, { fallback: loadingContent, children: [_jsx(DocumentToolbar, { onClose: handleClose, onExport: onExport, onShowRevisionHistory: () => setShowRevisionHistory(true), onSwitchboardLinkClick: () => { }, title: selectedDocument.header.name, timelineButtonVisible: editorModule.config.timelineEnabled, timelineItems: timelineItems.data, onTimelineItemClick: setSelectedTimelineItem }), _jsx(EditorComponent, { context: {
+                    readMode: !!selectedTimelineItem,
+                    selectedTimelineRevision: getRevisionFromDate(selectedTimelineItem?.startDate, selectedTimelineItem?.endDate, selectedDocument.operations.global),
+                }, dispatch: dispatch, document: selectedDocument, error: console.error })] }));
 };

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

@@ -1,9 +1,13 @@
-import type { UiFolderNode } from "@powerhousedao/design-system";
+import type { FolderNode } from "document-drive";
 interface FolderTreeProps {
-    folders: UiFolderNode[];
+    folders: FolderNode[];
     selectedNodeId?: string;
-    onSelectNode: (node: UiFolderNode) => void;
+    onSelectNode: (nodeId: string | undefined) => void;
 }
+/**
+ * Hierarchical folder tree navigation component.
+ * Displays folders in a tree structure with expand/collapse functionality.
+ */
 export declare function FolderTree({ folders, selectedNodeId, onSelectNode, }: FolderTreeProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FolderTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CA2EjB"}
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/components/FolderTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,UAAU,eAAe;IACvB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACpD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAiFjB"}

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

@@ -1,7 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
+/**
+ * Hierarchical folder tree navigation component.
+ * Displays folders in a tree structure with expand/collapse functionality.
+ */
 export function FolderTree({ folders, selectedNodeId, onSelectNode, }) {
+    // Track which folders are expanded
     const [expandedFolders, setExpandedFolders] = useState(new Set());
+    // Toggle folder expansion state
     const toggleFolder = (folderId) => {
         setExpandedFolders((prev) => {
             const next = new Set(prev);
@@ -14,18 +20,19 @@ export function FolderTree({ folders, selectedNodeId, onSelectNode, }) {
             return next;
         });
     };
+    // Recursive function to render folder tree structure
     const renderFolder = (folder, level = 0) => {
         const hasChildren = folders.some((f) => f.parentFolder === folder.id);
         const isExpanded = expandedFolders.has(folder.id);
         const isSelected = selectedNodeId === folder.id;
-        return (_jsxs("div", { children: [_jsxs("div", { className: `flex items-center py-1 px-2 cursor-pointer hover:bg-gray-100 rounded ${isSelected ? "bg-gray-100" : ""}`, style: { paddingLeft: `${level * 16 + 8}px` }, onClick: () => onSelectNode(folder), children: [hasChildren && (_jsx("button", { className: "w-4 h-4 mr-1 flex items-center justify-center", onClick: (e) => {
+        return (_jsxs("div", { children: [_jsxs("div", { className: `flex cursor-pointer items-center rounded px-2 py-1 text-sm hover:bg-gray-100 ${isSelected ? "bg-blue-100 text-blue-800" : ""}`, style: { paddingLeft: `${level * 16 + 8}px` }, onClick: () => onSelectNode(folder.id), children: [hasChildren && (_jsxs("button", { className: "mr-1 flex h-4 w-4 items-center justify-center", onClick: (e) => {
                                 e.stopPropagation();
                                 toggleFolder(folder.id);
-                            }, children: isExpanded ? "▼" : "▶" })), _jsx("span", { className: "text-sm", children: folder.name })] }), isExpanded && hasChildren && (_jsx("div", { children: folders
+                            }, children: [isExpanded ? "▼" : "▶", " "] })), !hasChildren && _jsx("div", { className: "mr-1 w-5" }), _jsxs("span", { children: ["\uD83D\uDCC1 ", folder.name] })] }), isExpanded && hasChildren && (_jsx("div", { children: folders
                         .filter((f) => f.parentFolder === folder.id)
                         .map((child) => renderFolder(child, level + 1)) }))] }, folder.id));
     };
-    return (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: `flex items-center py-1 px-2 cursor-pointer hover:bg-gray-100 rounded ${!selectedNodeId ? "bg-gray-100" : ""}`, onClick: () => onSelectNode({ id: "", name: "Root", kind: "FOLDER" }), children: _jsx("span", { className: "text-sm font-medium", children: "Root" }) }), folders
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: `flex cursor-pointer items-center rounded px-2 py-1 text-sm hover:bg-gray-100 ${!selectedNodeId ? "bg-blue-100 text-blue-800" : ""}`, onClick: () => onSelectNode(undefined), children: _jsx("span", { children: "\uD83C\uDFE0 Root" }) }), folders
                 .filter((folder) => !folder.parentFolder)
                 .map((folder) => renderFolder(folder))] }));
 }

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

@@ -1,4 +1,3 @@
-import { UiFileNode } from "@powerhousedao/design-system";
 export declare const HeaderControls: ({ contributorOptions, statusOptions, onContributorChange, onStatusChange, onSearchChange, onExport, onBatchAction, selectedStatuses, createIntegrationsDocument, integrationsDoc, setActiveDocumentId }: {
     contributorOptions?: {
         label: string;
@@ -15,7 +14,7 @@ export declare const HeaderControls: ({ contributorOptions, statusOptions, onCon
     onBatchAction?: (action: string) => void;
     selectedStatuses?: string[];
     createIntegrationsDocument?: () => void;
-    integrationsDoc?: UiFileNode | null;
+    integrationsDoc?: any | null;
     setActiveDocumentId?: (id: string) => 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":"AAGA,OAAO,EAAQ,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAWhE,eAAO,MAAM,cAAc,GAAI,yMAY5B;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;IAC5B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,4CAgKA,CAAC"}
+{"version":3,"file":"HeaderControls.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/HeaderControls.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,GAAI,yMAY5B;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;IAC5B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,4CAgKA,CAAC"}

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

@@ -1,11 +1,8 @@
-import { type UiFileNode } from "@powerhousedao/design-system";
 import { type DocumentModelModule } from "document-model";
-import { type InvoiceAction } from "../../../../document-models/invoice/index.js";
 interface InvoiceTableProps {
-    files: UiFileNode[];
-    state: Record<string, any>;
+    files: any[];
+    state: Record<string, any>[];
     setActiveDocumentId: (id: string) => void;
-    getDispatch: () => (action: any, onErrorCallback?: any) => void;
     selected: {
         [id: string]: boolean;
     };
@@ -21,9 +18,8 @@ interface InvoiceTableProps {
     renameNode: (nodeId: string, name: string) => void;
     filteredDocumentModels: DocumentModelModule[];
     onSelectDocumentModel: (model: DocumentModelModule) => void;
-    dispatchMap: Record<string, (action: InvoiceAction) => void>;
-    driveId: string;
+    getDocDispatcher: (id: string) => any;
 }
-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 declare const InvoiceTable: ({ files, state, setActiveDocumentId, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, }: 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":"AAKA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI/D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,8CAA8C,CAAC;AActD,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,4CAwqBnB,CAAC"}
+{"version":3,"file":"InvoiceTable.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTable.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAsB1D,UAAU,iBAAiB;IACzB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC7B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,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,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;CACvC;AAED,eAAO,MAAM,YAAY,GAAI,yKAY1B,iBAAiB,4CA+qBnB,CAAC"}

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

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { useState, useMemo } from "react";
+import { useState } from "react";
 import { HeaderControls } from "./HeaderControls.js";
 import { InvoiceTableSection } from "./InvoiceTableSection.js";
 import { InvoiceTableRow } from "./InvoiceTableRow.js";
-import { useDriveContext } from "@powerhousedao/reactor-browser";
 import { createPresignedHeader } 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";
+import { actions, } from "../../../../document-models/invoice/index.js";
+import { addDocument, useSelectedDrive } from "@powerhousedao/reactor-browser";
 const statusOptions = [
     { label: "Draft", value: "DRAFT" },
     { label: "Issued", value: "ISSUED" },
@@ -20,21 +21,15 @@ const statusOptions = [
     { label: "Rejected", value: "REJECTED" },
     { label: "Other", value: "OTHER" },
 ];
-export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, dispatchMap, driveId, }) => {
+export const InvoiceTable = ({ files, state, setActiveDocumentId, selected, setSelected, onBatchAction, onDeleteNode, renameNode, filteredDocumentModels, onSelectDocumentModel, getDocDispatcher, }) => {
     const [selectedStatuses, setSelectedStatuses] = useState([]);
-    const { addDocument, addFile, documentModels, useDriveDocumentStates, selectedNode, useDocumentEditorProps, } = useDriveContext();
-    const billingDocStates = Object.entries(state)
-        .filter(([_, doc]) => doc.documentType === "powerhouse/billing-statement")
-        .map(([id, doc]) => ({
-        id,
-        contributor: doc.global.contributor,
+    const [selectedDrive] = useSelectedDrive();
+    const billingDocStates = state
+        .filter((doc) => doc.header.documentType === "powerhouse/billing-statement")
+        .map((doc) => ({
+        id: doc.header.id,
+        contributor: doc.state.global.contributor,
     }));
-    const getMenuOptions = () => {
-        return [
-            { label: "View Invoice", value: "view-invoice" },
-            // { label: "View Payment Transaction", value: "view-payment" },
-        ];
-    };
     const handleStatusChange = (value) => {
         setSelectedStatuses(Array.isArray(value) ? value : [value]);
     };
@@ -42,44 +37,43 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
         return selectedStatuses.length === 0 || selectedStatuses.includes(status);
     };
     const getInvoicesByStatus = (status) => {
-        return Object.entries(state)
-            .filter(([_, doc]) => doc.documentType === "powerhouse/invoice" &&
-            doc.global.status === status)
-            .map(([id, doc]) => ({
-            id,
-            issuer: doc.global.issuer?.name || "Unknown",
-            status: doc.global.status,
-            invoiceNo: doc.global.invoiceNo,
-            issueDate: doc.global.dateIssued,
-            dueDate: doc.global.dateDue,
-            currency: doc.global.currency,
-            amount: doc.global.totalPriceTaxIncl?.toString() ?? "",
-            exported: doc.global.exported,
+        return state
+            .filter((doc) => doc.header.documentType === "powerhouse/invoice" &&
+            doc.state.global.status === status)
+            .map((doc) => ({
+            id: doc.header.id,
+            issuer: doc.state.global.issuer?.name || "Unknown",
+            status: doc.state.global.status,
+            invoiceNo: doc.state.global.invoiceNo,
+            issueDate: doc.state.global.dateIssued,
+            dueDate: doc.state.global.dateDue,
+            currency: doc.state.global.currency,
+            amount: doc.state.global.totalPriceTaxIncl?.toString() ?? "",
+            exported: doc.state.global.exported,
         }));
     };
-    // console.log('filteredDocumentModels', filteredDocumentModels)
     const getOtherInvoices = () => {
-        return Object.entries(state)
-            .filter(([_, doc]) => doc.documentType === "powerhouse/invoice" &&
-            doc.global.status !== "DRAFT" &&
-            doc.global.status !== "ISSUED" &&
-            doc.global.status !== "ACCEPTED" &&
-            doc.global.status !== "PAYMENTSCHEDULED" &&
-            doc.global.status !== "PAYMENTSENT" &&
-            doc.global.status !== "PAYMENTISSUE" &&
-            doc.global.status !== "PAYMENTCLOSED" &&
-            doc.global.status !== "REJECTED")
-            .map(([id, doc]) => ({
-            id,
-            issuer: doc.global.issuer?.name || "Unknown",
-            status: doc.global.status,
-            invoiceNo: doc.global.invoiceNo,
-            issueDate: doc.global.dateIssued,
-            dueDate: doc.global.dateDue,
-            currency: doc.global.currency,
-            amount: doc.global.totalPriceTaxIncl?.toString() ?? "",
-            documentType: doc.documentType,
-            exported: doc.global.exported,
+        return state
+            .filter((doc) => doc.header.documentType === "powerhouse/invoice" &&
+            doc.state.global.status !== "DRAFT" &&
+            doc.state.global.status !== "ISSUED" &&
+            doc.state.global.status !== "ACCEPTED" &&
+            doc.state.global.status !== "PAYMENTSCHEDULED" &&
+            doc.state.global.status !== "PAYMENTSENT" &&
+            doc.state.global.status !== "PAYMENTISSUE" &&
+            doc.state.global.status !== "PAYMENTCLOSED" &&
+            doc.state.global.status !== "REJECTED")
+            .map((doc) => ({
+            id: doc.header.id,
+            issuer: doc.state.global.issuer?.name || "Unknown",
+            status: doc.state.global.status,
+            invoiceNo: doc.state.global.invoiceNo,
+            issueDate: doc.state.global.dateIssued,
+            dueDate: doc.state.global.dateDue,
+            currency: doc.state.global.currency,
+            amount: doc.state.global.totalPriceTaxIncl?.toString() ?? "",
+            documentType: doc.header.documentType,
+            exported: doc.state.global.exported,
         }));
     };
     const draft = getInvoicesByStatus("DRAFT");
@@ -111,12 +105,12 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
             .toLowerCase();
     };
     const handleCreateBillingStatement = async (id) => {
-        const driveId = selectedNode?.id;
-        if (!driveId)
-            return;
         const invoiceFile = files.find((file) => file.id === id);
-        const invoiceState = state[id];
-        await addDocument(driveId, `bill-${invoiceFile?.name}`, "powerhouse/billing-statement", undefined, {
+        const invoiceState = state.find((doc) => doc.header.id === id);
+        if (!invoiceState) {
+            return;
+        }
+        await addDocument(selectedDrive?.header.id || "", `bill-${invoiceFile?.name}`, "powerhouse/billing-statement", undefined, {
             header: {
                 ...createPresignedHeader(),
                 ...{
@@ -126,46 +120,16 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
                 },
             },
             state: {
-                global: {
-                    contributor: id,
-                    dateIssued: invoiceState.global.dateIssued,
-                    dateDue: invoiceState.global.dateDue,
-                    lineItems: invoiceState.global.lineItems.map((item) => {
-                        return {
-                            id: item.id,
-                            description: item.description,
-                            quantity: item.quantity,
-                            unit: "UNIT",
-                            unitPricePwt: 0,
-                            unitPriceCash: item.unitPriceTaxIncl,
-                            totalPricePwt: 0,
-                            totalPriceCash: item.totalPriceTaxIncl,
-                            lineItemTag: mapTags(item.lineItemTag || []),
-                        };
-                    }),
-                    status: invoiceState.global.status,
-                    currency: invoiceState.global.currency,
-                    totalCash: invoiceState.global.lineItems.reduce((acc, item) => acc + item.totalPriceTaxIncl, 0),
-                    totalPowt: 0,
-                    notes: invoiceState.global.notes,
+                auth: {},
+                document: {
+                    version: "1.0.0",
                 },
-                local: {},
-            },
-            operations: {
-                global: [],
-                local: [],
-            },
-            history: {
-                global: [],
-                local: [],
-            },
-            initialState: {
-                state: {
+                ...{
                     global: {
                         contributor: id,
-                        dateIssued: invoiceState.global.dateIssued,
-                        dateDue: invoiceState.global.dateDue,
-                        lineItems: invoiceState.global.lineItems.map((item) => {
+                        dateIssued: invoiceState.state.global.dateIssued,
+                        dateDue: invoiceState.state.global.dateDue,
+                        lineItems: invoiceState.state.global.lineItems.map((item) => {
                             return {
                                 id: item.id,
                                 description: item.description,
@@ -178,44 +142,86 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
                                 lineItemTag: mapTags(item.lineItemTag || []),
                             };
                         }),
-                        status: invoiceState.global.status,
-                        currency: invoiceState.global.currency,
-                        totalCash: invoiceState.global.lineItems.reduce((acc, item) => acc + item.totalPriceTaxIncl, 0),
+                        status: invoiceState.state.global.status,
+                        currency: invoiceState.state.global.currency,
+                        totalCash: invoiceState.state.global.lineItems.reduce((acc, item) => acc + item.totalPriceTaxIncl, 0),
                         totalPowt: 0,
-                        notes: invoiceState.global.notes,
+                        notes: invoiceState.state.global.notes,
                     },
                     local: {},
                 },
             },
+            operations: {
+                global: [],
+                local: [],
+            },
+            history: {
+                global: [],
+                local: [],
+            },
+            initialState: {
+                ...{
+                    state: {
+                        global: {
+                            contributor: id,
+                            dateIssued: invoiceState.state.global.dateIssued,
+                            dateDue: invoiceState.state.global.dateDue,
+                            lineItems: invoiceState.state.global.lineItems.map((item) => {
+                                return {
+                                    id: item.id,
+                                    description: item.description,
+                                    quantity: item.quantity,
+                                    unit: "UNIT",
+                                    unitPricePwt: 0,
+                                    unitPriceCash: item.unitPriceTaxIncl,
+                                    totalPricePwt: 0,
+                                    totalPriceCash: item.totalPriceTaxIncl,
+                                    lineItemTag: mapTags(item.lineItemTag || []),
+                                };
+                            }),
+                            status: invoiceState.state.global.status,
+                            currency: invoiceState.state.global.currency,
+                            totalCash: invoiceState.state.global.lineItems.reduce((acc, item) => acc + item.totalPriceTaxIncl, 0),
+                            totalPowt: 0,
+                            notes: invoiceState.state.global.notes,
+                        },
+                        local: {},
+                    },
+                },
+            },
             clipboard: [],
-        });
+        }, undefined, "powerhouse-billing-statement-editor");
     };
     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 selectedInvoices = selectedInvoiceIds
+        .map((id) => {
+        const doc = state.find((doc) => doc.header.id === id);
+        return doc ? { ...doc, id } : null;
+    })
+        .filter((inv) => inv !== null); // Filter out null/undefined invoices
+    const selectedInvoiceStatuses = selectedInvoices.map((inv) => inv?.state?.global?.status || inv?.state?.global?.status);
     const handleCSVExport = async (baseCurrency) => {
-        console.log("Exporting selected invoices:", selectedInvoiceIds.map((id, idx) => ({
-            id,
-            state: selectedInvoices[idx],
+        console.log("Exporting selected invoices:", selectedInvoices.map((inv) => ({
+            id: inv.id,
+            state: inv,
         })));
         try {
-            await exportInvoicesToXeroCSV(selectedInvoices, baseCurrency);
+            const exportedData = await exportInvoicesToXeroCSV(selectedInvoices, baseCurrency);
             toast("Invoices exported successfully", {
                 type: "success",
             });
+            selectedInvoices.forEach((invoice) => {
+                const invoiceDoc = getDocDispatcher(invoice.id);
+                const exportedInvoiceData = exportedData[invoice.id];
+                if (!invoiceDoc || !exportedInvoiceData) {
+                    return;
+                }
+                const invoiceDispatcher = invoiceDoc[1];
+                invoiceDispatcher(actions.setExportedData({
+                    timestamp: exportedInvoiceData.timestamp,
+                    exportedLineItems: exportedInvoiceData.exportedLineItems,
+                }));
+            });
         }
         catch (error) {
             console.error("Error exporting invoices:", error);
@@ -229,9 +235,9 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
         }
     };
     // check if integrations document exists
-    const integrationsDoc = files.find(file => file.documentType === "powerhouse/integrations");
+    const integrationsDoc = files.find((file) => file.documentType === "powerhouse/integrations");
     const createIntegrationsDocument = () => {
-        const integrationsDocument = filteredDocumentModels?.find(model => model.documentModel.id === "powerhouse/integrations");
+        const integrationsDocument = filteredDocumentModels?.find((model) => model.documentModel.id === "powerhouse/integrations");
         if (integrationsDocument) {
             onSelectDocumentModel(integrationsDocument);
         }
@@ -263,5 +269,5 @@ export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, s
                                 })), 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) => ({
                                     ...prev,
                                     [row.id]: checked,
-                                })), setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode }, row.id))) })] }) }))] }, `${Object.keys(state).length}`));
+                                })), setActiveDocumentId: setActiveDocumentId, onDeleteNode: handleDelete, renameNode: renameNode }, row.id))) })] }) }))] }, `${state.length}`));
 };

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

@@ -1,6 +1,5 @@
-import { type UiFileNode } from "@powerhousedao/design-system";
 export declare const InvoiceTableRow: ({ files, row, isSelected, onSelect, setActiveDocumentId, onDeleteNode, renameNode, onCreateBillingStatement, billingDocStates, }: {
-    files?: UiFileNode[];
+    files?: any[];
     row: any;
     isSelected: boolean;
     onSelect: (checked: boolean) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"InvoiceTableRow.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTableRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,8BAA8B,CAAC;AAEtC,eAAO,MAAM,eAAe,GAAI,kIAU7B;IACD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,GAAG,EAAE,GAAG,CAAC;IACT,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,wBAAwB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1D,4CA2GA,CAAC"}
+{"version":3,"file":"InvoiceTableRow.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTableRow.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,GAAI,kIAU7B;IACD,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,GAAG,EAAE,GAAG,CAAC;IACT,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,wBAAwB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1D,4CA2JA,CAAC"}

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

@@ -1,13 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { FileItem, } from "@powerhousedao/design-system";
+import { FileItem } from "@powerhousedao/design-system";
+import { useDriveContext } from "@powerhousedao/reactor-browser";
 export const InvoiceTableRow = ({ files, row, isSelected, onSelect, setActiveDocumentId, onDeleteNode, renameNode, onCreateBillingStatement, billingDocStates, }) => {
     const [menuOpen, setMenuOpen] = useState(false);
     const menuRef = useRef(null);
+    const formatTimestamp = (timestamp) => {
+        const date = new Date(timestamp);
+        const day = date.getDate().toString().padStart(2, '0');
+        // Use ISO short month names (Jan, Feb, etc.)
+        const monthNames = [
+            'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
+            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
+        ];
+        const month = monthNames[date.getMonth()];
+        const year = date.getFullYear();
+        const hours = date.getHours().toString().padStart(2, '0');
+        const minutes = date.getMinutes().toString().padStart(2, '0');
+        return `${day}-${month}-${year} ${hours}:${minutes}`;
+    };
     const 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);
-    const hasExportedData = row.exported != null &&
-        (Boolean(row.exported.timestamp?.trim()));
-    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 === "ACCEPTED" || row.status === "PAYMENTSCHEDULED" || row.status === "PAYMENTRECEIVED" || row.status === "PAYMENTSENT") && !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: hasExportedData ? (_jsx("span", { className: "text-green-500", children: "Yes" })) : (_jsx("span", { className: "text-red-500", children: "No" })) })] }));
+    const hasExportedData = row.exported != null && Boolean(row.exported.timestamp?.trim());
+    const { onAddFile, onAddFolder, onCopyNode, onDuplicateNode, onMoveNode, onRenameNode, showDeleteNodeModal, } = useDriveContext();
+    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, { fileNode: file, sharingType: "PUBLIC", onRenameNode: onRenameNode, onDuplicateNode: () => new Promise((resolve) => resolve(undefined)), showDeleteNodeModal: showDeleteNodeModal, isAllowedToCreateDocuments: true, className: "h-10", onAddFile: () => new Promise((resolve) => resolve(undefined)), onAddFolder: () => new Promise((resolve) => resolve(undefined)), onCopyNode: () => new Promise((resolve) => resolve(undefined)), onMoveNode: () => new Promise((resolve) => resolve(undefined)), onAddAndSelectNewFolder: () => new Promise((resolve) => resolve(undefined)), getSyncStatusSync: () => undefined, setSelectedNode: () => setActiveDocumentId(row.id) }, 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 === "ACCEPTED" ||
+                row.status === "PAYMENTSCHEDULED" ||
+                row.status === "PAYMENTRECEIVED" ||
+                row.status === "PAYMENTSENT") &&
+                !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, { fileNode: billingFile, sharingType: "PUBLIC", onRenameNode: onRenameNode, onDuplicateNode: () => new Promise((resolve) => resolve(undefined)), showDeleteNodeModal: showDeleteNodeModal, isAllowedToCreateDocuments: true, className: "h-10", onAddFile: () => new Promise((resolve) => resolve(undefined)), onAddFolder: () => new Promise((resolve) => resolve(undefined)), onCopyNode: () => new Promise((resolve) => resolve(undefined)), onMoveNode: () => new Promise((resolve) => resolve(undefined)), onAddAndSelectNewFolder: () => new Promise((resolve) => resolve(undefined)), getSyncStatusSync: () => undefined, setSelectedNode: () => setActiveDocumentId(billingDoc?.id) }, billingDoc?.id) })), _jsx("td", { className: "px-2 py-2 text-center", children: hasExportedData ? (_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("span", { className: "text-green-500", children: "Yes" }), _jsx("span", { className: "text-green-500 text-xs", children: formatTimestamp(row.exported.timestamp) })] })) : (_jsx("span", { className: "text-red-500", children: "No" })) })] }));
 };

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

@@ -1,6 +1,11 @@
 import { type DriveEditorProps } from "@powerhousedao/reactor-browser";
-import { type DocumentDriveDocument } from "document-drive";
-export type IProps = DriveEditorProps<DocumentDriveDocument>;
-export declare function BaseEditor(props: IProps): import("react/jsx-runtime").JSX.Element;
-export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Base editor component that renders the drive explorer interface.
+ * Customize document opening behavior and drive-level actions here.
+ */
+export declare function BaseEditor(props: DriveEditorProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main editor entry point with required providers.
+ */
+export default function Editor(props: DriveEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EACL,KAAK,qBAAqB,EAM3B,MAAM,gBAAgB,CAAC;AAMxB,MAAM,MAAM,MAAM,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;AAE7D,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,2CAgFvC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAQ3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,gCAAgC,CAAC;AAGxC;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAOjD;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,gBAAgB,2CAarD"}