@powerhousedao/contributor-billing 0.0.1

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { HeaderControls } from "./HeaderControls.js";
+import { InvoiceTableSection } from "./InvoiceTableSection.js";
+import { InvoiceTableRow } from "./InvoiceTableRow.js";
+const statusOptions = [
+    { label: "Awaiting Approval", value: "AWAITINGAPPROVAL" },
+    { label: "Awaiting Payment", value: "AWAITINGPAYMENT" },
+    { label: "Payment Received", value: "PAYMENTRECEIVED" },
+    { label: "Rejected", value: "REJECTED" },
+];
+export const InvoiceTable = ({ files, state, setActiveDocumentId, getDispatch, selected, setSelected, onBatchAction, }) => {
+    const [selectedStatuses, setSelectedStatuses] = useState([]);
+    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]);
+    };
+    const shouldShowSection = (status) => {
+        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",
+            invoiceNo: doc.global.invoiceNo,
+            issueDate: doc.global.dateIssued,
+            dueDate: doc.global.dateDue,
+            currency: doc.global.currency,
+            amount: doc.global.totalPriceTaxIncl?.toString() ?? "",
+        }));
+    };
+    const awaitingApproval = getInvoicesByStatus("ISSUED");
+    const awaitingPayment = getInvoicesByStatus("AWAITINGPAYMENT");
+    const paid = getInvoicesByStatus("PAYMENTRECEIVED");
+    const rejected = getInvoicesByStatus("REJECTED");
+    return (_jsxs("div", { className: "w-full h-full bg-white rounded-lg p-4 border border-gray-200 shadow-md overflow-y-auto max-h-[500px] mt-4", children: [_jsx(HeaderControls, { statusOptions: statusOptions, onStatusChange: handleStatusChange, onBatchAction: onBatchAction }), 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-left", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-left", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Amount" }), _jsx("th", { className: "px-2 py-2 w-8" })] }) }), _jsx("tbody", { children: awaitingApproval.map((row) => (_jsx(InvoiceTableRow, { row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({ ...prev, [row.id]: checked })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId }, 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-left", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-left", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Amount" }), _jsx("th", { className: "px-2 py-2 w-8" })] }) }), _jsx("tbody", { children: awaitingPayment.map((row) => (_jsx(InvoiceTableRow, { row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({ ...prev, [row.id]: checked })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId }, 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-left", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-left", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Amount" }), _jsx("th", { className: "px-2 py-2 w-8" })] }) }), _jsx("tbody", { children: paid.map((row) => (_jsx(InvoiceTableRow, { row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({ ...prev, [row.id]: checked })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId }, 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-left", children: "Issuer" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Invoice No." }), _jsx("th", { className: "px-2 py-2 text-left", children: "Issue Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Due Date" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Currency" }), _jsx("th", { className: "px-2 py-2 text-left", children: "Amount" }), _jsx("th", { className: "px-2 py-2 w-8" })] }) }), _jsx("tbody", { children: rejected.map((row) => (_jsx(InvoiceTableRow, { row: row, isSelected: !!selected[row.id], onSelect: (checked) => setSelected((prev) => ({ ...prev, [row.id]: checked })), menuOptions: getMenuOptions(), onMenuAction: (action) => { }, setActiveDocumentId: setActiveDocumentId }, row.id))) })] }) }))] }));
+};

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

@@ -0,0 +1,12 @@
+export declare const InvoiceTableRow: ({ row, isSelected, onSelect, menuOptions, onMenuAction, setActiveDocumentId }: {
+    row: any;
+    isSelected: boolean;
+    onSelect: (checked: boolean) => void;
+    menuOptions: {
+        label: string;
+        value: string;
+    }[];
+    onMenuAction: (action: string) => void;
+    setActiveDocumentId: (id: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvoiceTableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceTableRow.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTableRow.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,+EAO7B;IACD,GAAG,EAAE,GAAG,CAAC;IACT,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,4CAiDA,CAAC"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { RowActionMenu } from "./RowActionMenu.js";
+export const InvoiceTableRow = ({ row, isSelected, onSelect, menuOptions, onMenuAction, setActiveDocumentId }) => {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    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: "px-2 py-2", children: row.issuer }), _jsx("td", { className: "px-2 py-2", children: row.invoiceNo }), _jsx("td", { className: "px-2 py-2", children: row.issueDate }), _jsx("td", { className: "px-2 py-2", children: row.dueDate }), _jsx("td", { className: "px-2 py-2", children: row.currency }), _jsx("td", { className: "px-2 py-2", children: row.amount }), _jsx("td", { className: "px-2 py-2 text-right relative", ref: menuRef, children: _jsxs("div", { className: "relative inline-block", children: [_jsx("button", { className: "px-2 py-1 hover:bg-gray-200 rounded", onClick: () => setMenuOpen(v => !v), children: "\u2026" }), menuOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: () => setMenuOpen(false) }), _jsx(RowActionMenu, { options: menuOptions, onAction: action => {
+                                        onMenuAction(action);
+                                        setMenuOpen(false);
+                                        setActiveDocumentId(row.id);
+                                    } })] }))] }) })] }));
+};

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

@@ -0,0 +1,7 @@
+export declare const InvoiceTableSection: ({ title, count, children, color, }: {
+    title: string;
+    count: number;
+    children: React.ReactNode;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvoiceTableSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceTableSection.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/InvoiceTableSection.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,GAAI,oCAKjC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,4CA8BA,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+export const InvoiceTableSection = ({ title, count, children, color = "bg-blue-100 text-blue-600", }) => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    return (_jsxs("div", { className: "mb-2", children: [_jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center gap-2 hover:opacity-80 transition-opacity", children: [_jsx("span", { className: "font-medium", children: title }), _jsx("span", { className: `inline-flex items-center justify-center rounded-full text-xs font-bold px-2 ${color}`, children: count }), isExpanded ? (_jsx(ChevronDown, { className: "w-4 h-4 text-gray-900" })) : (_jsx(ChevronRight, { className: "w-4 h-4 text-gray-900" }))] }), isExpanded && (_jsx("div", { className: "mt-2", children: children }))] }));
+};

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

@@ -0,0 +1,8 @@
+export declare const RowActionMenu: ({ options, onAction }: {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    onAction: (action: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RowActionMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowActionMenu.d.ts","sourceRoot":"","sources":["../../../../../editors/contributor-billing/components/InvoiceTable/RowActionMenu.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,uBAG3B;IACD,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,4CAiBA,CAAC"}

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

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RowActionMenu = ({ options, onAction }) => (_jsx("div", { className: "absolute right-0 mt-2 w-[200px] rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50", onClick: e => e.stopPropagation(), children: _jsx("div", { className: "py-1", children: options.map(opt => (_jsx("button", { className: "block w-full text-left px-4 py-2 text-sm hover:bg-gray-100", onClick: () => onAction(opt.value), children: opt.label }, opt.value))) }) }));

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

@@ -0,0 +1,6 @@
+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;
+//# sourceMappingURL=editor.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DriveContextProvider } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
+import { addFolder, deleteNode, updateNode, generateNodesCopy, copyNode, } from "document-drive";
+import { WagmiContext } from "@powerhousedao/design-system";
+import { DriveExplorer } from "./components/DriveExplorer.js";
+import { useCallback, useState, useEffect } from "react";
+import { generateId } from "document-model";
+export function BaseEditor(props) {
+    const { dispatch, context } = props;
+    // Use state for nodes
+    const [nodes, setNodes] = useState(props.document.state.global.nodes);
+    // Keep nodes in sync with props (in case of external updates)
+    useEffect(() => {
+        setNodes(props.document.state.global.nodes);
+    }, [props.document.state.global.nodes]);
+    const onAddFolder = useCallback((name, parentFolder) => {
+        dispatch(addFolder({
+            id: generateId(),
+            name,
+            parentFolder,
+        }));
+    }, [dispatch]);
+    const onDeleteNode = useCallback((nodeId) => {
+        dispatch(deleteNode({ id: nodeId }));
+        setNodes([...props.document.state.global.nodes]);
+    }, [dispatch, props.document.state.global.nodes]);
+    const renameNode = useCallback((nodeId, name) => {
+        dispatch(updateNode({ id: nodeId, name }));
+    }, [dispatch]);
+    const onCopyNode = useCallback((nodeId, targetName, parentId) => {
+        const generateIdWrapper = (prevId) => generateId();
+        const copyNodesInput = generateNodesCopy({
+            srcId: nodeId,
+            targetParentFolder: parentId,
+            targetName,
+        }, generateIdWrapper, props.document.state.global.nodes);
+        const copyNodesAction = copyNodesInput.map((input) => {
+            return copyNode(input);
+        });
+        for (const copyNodeAction of copyNodesAction) {
+            dispatch(copyNodeAction);
+        }
+    }, [dispatch, props.document.state.global.nodes]);
+    return (_jsx("div", { className: "new-drive-explorer", style: { height: "100%" }, children: _jsx(DriveExplorer, { driveId: props.document.state.global.id, nodes: nodes, onAddFolder: onAddFolder, onDeleteNode: onDeleteNode, renameNode: renameNode, onCopyNode: onCopyNode, context: context, document: props.document, dispatch: dispatch }, nodes.length) }));
+}
+export default function Editor(props) {
+    return (_jsx(DriveContextProvider, { value: props.context, children: _jsx(WagmiContext, { children: _jsx(BaseEditor, { ...props }) }) }));
+}

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

@@ -0,0 +1,9 @@
+import { type DriveEditorContext } from "@powerhousedao/reactor-browser";
+import { type Node } from "document-drive";
+export declare const useDispatchMap: (nodes: Node[], driveId: string, documentModelModule: any, context: DriveEditorContext) => {
+    dispatchMap: {
+        [id: string]: (action: any) => void;
+    };
+    handleDispatchReady: (nodeId: string, dispatch: (action: any) => void) => void;
+};
+//# sourceMappingURL=useDispatchMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDispatchMap.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useDispatchMap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,cAAc,GACzB,OAAO,IAAI,EAAE,EACb,SAAS,MAAM,EACf,qBAAqB,GAAG,EACxB,SAAS,kBAAkB;;+BAE6C,GAAG,KAAK,IAAI;;kCAGnC,MAAM,YAAY,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI;CAiBzF,CAAC"}

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

@@ -0,0 +1,21 @@
+import { useState, useCallback } from 'react';
+export const useDispatchMap = (nodes, driveId, documentModelModule, context) => {
+    const [dispatchMap, setDispatchMap] = useState({});
+    // Update dispatch map when a new dispatch is ready
+    const handleDispatchReady = useCallback((nodeId, dispatch) => {
+        setDispatchMap(prev => {
+            // Only update if the dispatch is different
+            if (prev[nodeId] === dispatch) {
+                return prev;
+            }
+            return {
+                ...prev,
+                [nodeId]: dispatch
+            };
+        });
+    }, []);
+    return {
+        dispatchMap,
+        handleDispatchReady
+    };
+};

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

@@ -0,0 +1,22 @@
+import { UiNode } from "@powerhousedao/design-system";
+import { type DragEvent } from "react";
+type Props = {
+    uiNode: UiNode | null;
+    onAddFile: (file: File, parentNode: UiNode | null) => Promise<void>;
+    onMoveNode: (uiNode: UiNode, targetNode: UiNode) => Promise<void>;
+    onCopyNode: (uiNode: UiNode, targetNode: UiNode) => Promise<void>;
+};
+export declare function useDrop(props: Props): {
+    isDropTarget: boolean;
+    dropProps: {
+        onDragOver: (event: DragEvent<HTMLDivElement>) => void;
+        onDragLeave: () => void;
+        onDrop: (event: DragEvent<HTMLDivElement>) => Promise<void>;
+    } | {
+        onDragOver: undefined;
+        onDragLeave: undefined;
+        onDrop: undefined;
+    };
+};
+export {};
+//# sourceMappingURL=useDrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDrop.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAEvE,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AACF,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK;;;4BAKK,SAAS,CAAC,cAAc,CAAC;;wBAUhD,SAAS,CAAC,cAAc,CAAC;;;;;;EA2C1C"}

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

@@ -0,0 +1,57 @@
+import { FILE, UI_NODE } from "@powerhousedao/design-system";
+import { useCallback, useMemo, useState } from "react";
+export function useDrop(props) {
+    const { uiNode, onAddFile, onCopyNode, onMoveNode } = props;
+    const [isDropTarget, setIsDropTarget] = useState(false);
+    const allowedToBeDropTarget = !uiNode || uiNode.kind !== FILE;
+    const onDragOver = useCallback((event) => {
+        event.preventDefault();
+        setIsDropTarget(true);
+    }, []);
+    const onDragLeave = useCallback(() => {
+        setIsDropTarget(false);
+    }, []);
+    const onDrop = useCallback(async (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const droppedFiles = getDroppedFiles(event.dataTransfer.items).filter(Boolean);
+        if (droppedFiles.length) {
+            for (const file of droppedFiles) {
+                if (file) {
+                    await onAddFile(file, uiNode);
+                }
+            }
+        }
+        else if (uiNode) {
+            const altOrOptionKeyPressed = event.getModifierState("Alt");
+            const data = event.dataTransfer.getData(UI_NODE);
+            const droppedNode = JSON.parse(data);
+            if (altOrOptionKeyPressed) {
+                await onCopyNode(droppedNode, uiNode);
+            }
+            else {
+                await onMoveNode(droppedNode, uiNode);
+            }
+        }
+        setIsDropTarget(false);
+    }, [onAddFile, onCopyNode, onMoveNode, uiNode]);
+    return useMemo(() => {
+        const dropProps = allowedToBeDropTarget
+            ? { onDragOver, onDragLeave, onDrop }
+            : {
+                onDragOver: undefined,
+                onDragLeave: undefined,
+                onDrop: undefined,
+            };
+        return {
+            isDropTarget,
+            dropProps,
+        };
+    }, [allowedToBeDropTarget, isDropTarget, onDragLeave, onDragOver, onDrop]);
+}
+function getDroppedFiles(items) {
+    const droppedFiles = Array.from(items)
+        .map((item) => (item.kind === "file" ? item.getAsFile() : null))
+        .filter(Boolean);
+    return droppedFiles;
+}

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

@@ -0,0 +1,8 @@
+import type { UiFileNode, UiFolderNode } from "@powerhousedao/design-system";
+interface SelectedFolderChildren {
+    folders: UiFolderNode[];
+    files: UiFileNode[];
+}
+export declare function useSelectedFolderChildren(selectedNodeId: string | undefined, folders: UiFolderNode[], files: UiFileNode[]): SelectedFolderChildren;
+export {};
+//# sourceMappingURL=useSelectedFolderChildren.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectedFolderChildren.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useSelectedFolderChildren.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE7E,UAAU,sBAAsB;IAC9B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,OAAO,EAAE,YAAY,EAAE,EACvB,KAAK,EAAE,UAAU,EAAE,GAClB,sBAAsB,CAkBxB"}

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

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+export function useSelectedFolderChildren(selectedNodeId, folders, files) {
+    return useMemo(() => {
+        if (!selectedNodeId) {
+            // Show root-level items when no folder is selected
+            return {
+                folders: folders.filter((f) => !f.parentFolder),
+                files: files.filter((f) => !f.parentFolder),
+            };
+        }
+        const selectedFolder = folders.find((f) => f.id === selectedNodeId);
+        if (!selectedFolder)
+            return { folders: [], files: [] };
+        return {
+            folders: folders.filter((f) => f.parentFolder === selectedFolder.id),
+            files: files.filter((f) => f.parentFolder === selectedFolder.id),
+        };
+    }, [selectedNodeId, folders, files]);
+}

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

@@ -0,0 +1,4 @@
+import type { Node } from "document-drive";
+import type { UiFileNode, UiFolderNode } from "@powerhousedao/design-system";
+export declare function useTransformedNodes(nodes: Node[], driveId: string): (UiFileNode | UiFolderNode)[];
+//# sourceMappingURL=useTransformedNodes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransformedNodes.d.ts","sourceRoot":"","sources":["../../../../editors/contributor-billing/hooks/useTransformedNodes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE7E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,iCA8BjE"}

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

@@ -0,0 +1,32 @@
+import { useMemo } from "react";
+export function useTransformedNodes(nodes, driveId) {
+    return useMemo(() => {
+        return nodes
+            .map((node) => {
+            const isFolder = "kind" in node && node.kind === "folder";
+            if (isFolder) {
+                return {
+                    id: node.id,
+                    name: node.name,
+                    kind: "FOLDER",
+                    parentFolder: node.parentFolder || "",
+                    driveId,
+                    children: nodes
+                        .filter((n) => n.parentFolder === node.id)
+                        .map((n) => n.id),
+                };
+            }
+            else {
+                return {
+                    id: node.id,
+                    name: node.name,
+                    kind: "FILE",
+                    parentFolder: node.parentFolder || "",
+                    driveId,
+                    documentType: node.documentType,
+                };
+            }
+        })
+            .filter(Boolean);
+    }, [nodes, driveId]);
+}

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

@@ -0,0 +1,5 @@
+import { type DriveEditorModule } from "@powerhousedao/reactor-browser";
+import { type DocumentDriveDocument } from "document-drive";
+export declare const module: DriveEditorModule<DocumentDriveDocument>;
+export default module;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/contributor-billing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,qBAAqB,CAS3D,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,12 @@
+import Editor from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/document-drive"],
+    config: {
+        id: "contributor-billing",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};
+export default module;

package/dist/editors/index.d.ts

@@ -0,0 +1,3 @@
+export { module as Invoice } from "./invoice/index.js";
+export { module as ContributorBilling } from "./contributor-billing/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/editors/index.js

@@ -0,0 +1,2 @@
+export { module as Invoice } from "./invoice/index.js";
+export { module as ContributorBilling } from "./contributor-billing/index.js";

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

@@ -0,0 +1,8 @@
+import { InvoiceState } from "../../document-models/invoice/index.js";
+interface InvoicePDFProps {
+    invoice: InvoiceState;
+    fiatMode: boolean;
+}
+export declare const InvoicePDF: React.FC<InvoicePDFProps>;
+export {};
+//# sourceMappingURL=InvoicePDF.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoicePDF.d.ts","sourceRoot":"","sources":["../../../editors/invoice/InvoicePDF.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAA+D,MAAM,wCAAwC,CAAC;AAsSnI,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyRhD,CAAC"}