@powerhousedao/contributor-billing 0.0.98 → 0.1.0

package/dist/editors/invoice/lineItems.js

@@ -6,6 +6,9 @@ import { Tag } from "lucide-react";
 import { NumberForm } from "./components/numberForm.js";
 import { InputField } from "./components/inputField.js";
 import { LineItemTagsTable } from "./lineItemTags/lineItemTags.js";
+import { LineItemCard } from "./components/lineItemCard.js";
+import { LineItemMobileModal } from "./components/lineItemMobileModal.js";
+import { LineItemsEmptyState } from "./components/lineItemsEmptyState.js";
 // Helper function to get precision based on currency
 function getCurrencyPrecision(currency) {
     return currency === "USDS" || currency === "DAI" ? 6 : 2;
@@ -286,6 +289,8 @@ export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, o
     const [editingId, setEditingId] = useState(null);
     const [isAddingNew, setIsAddingNew] = useState(false);
     const [showTagTable, setShowTagTable] = useState(false);
+    const [mobileEditItem, setMobileEditItem] = useState(null);
+    const [showMobileModal, setShowMobileModal] = useState(false);
     const containerRef = useRef(null);
     const tableContainerRef = useRef(null);
     const tableRef = useRef(null);
@@ -340,59 +345,92 @@ export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, o
         item: item.description,
         period: "", // Default value
         expenseAccount: "", // Default value
-        total: `$${formatNumber(item.totalPriceTaxIncl)}`,
+        total: `${currency} ${formatNumber(item.totalPriceTaxIncl)}`,
         lineItemTag: item.lineItemTag,
     }));
     if (showTagTable) {
         return (_jsx(LineItemTagsTable, { lineItems: tagAssignmentRows, onClose: () => setShowTagTable(false), dispatch: dispatch, paymentAccounts: paymentAccounts }));
     }
-    return (_jsx("div", { ref: containerRef, className: "relative w-full", children: _jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("div", { className: "flex items-center gap-4", children: _jsx("h4", { className: "text-xl font-semibold text-gray-900", children: "Line Items" }) }), _jsx(RWAButton, { className: "mb-2", disabled: isAddingNew, onClick: handleAddClick, children: "Add Line Item" })] }), _jsx("div", { ref: tableContainerRef, className: "overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { ref: tableRef, className: "w-full table-fixed border-collapse bg-white", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "30%" } }), _jsx("col", { style: { width: "10%" } }), _jsx("col", { style: { width: "12%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", {}), _jsx("col", {}), _jsx("col", {})] }), _jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Description" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Quantity" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Unit Price (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Tax %" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (incl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-center", children: _jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-sm", children: "Actions" }), _jsx(Tag, { onClick: () => setShowTagTable(true), style: {
-                                                            cursor: "pointer",
-                                                            width: 28,
-                                                            height: 28,
-                                                            color: "white",
-                                                            fill: "#475264",
-                                                        } })] }) })] }) }), _jsxs("tbody", { children: [lineItems.map((item) => editingId === item.id ? (_jsx(EditableLineItem, { currency: currency, item: item, onCancel: () => setEditingId(null), onSave: (updatedItem) => {
-                                            try {
-                                                onUpdateItem(updatedItem);
-                                                setEditingId(null);
-                                            }
-                                            catch (error) {
-                                                console.error(error);
-                                                if (error?.message?.includes("Invalid action input:")) {
-                                                    try {
-                                                        const zodError = JSON.parse(error.message.split("Invalid action input: ")[1]);
-                                                        if (Array.isArray(zodError) &&
-                                                            zodError.length > 0) {
-                                                            const firstError = zodError[0];
-                                                            const errorJSX = (_jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Failed to update line item" }), _jsxs("p", { children: [firstError.message, ": "] }), zodError.map((err, index) => (_jsx("ul", { children: _jsxs("li", { className: "text-red-500 font-semibold", children: ["- ", err.path.join(".")] }) }, index)))] }));
-                                                            toast(errorJSX, {
+    // Calculate totals for mobile footer
+    const totalPriceTaxExcl = lineItems.reduce((sum, item) => sum + item.totalPriceTaxExcl, 0);
+    const totalPriceTaxIncl = lineItems.reduce((sum, item) => sum + item.totalPriceTaxIncl, 0);
+    return (_jsxs("div", { ref: containerRef, className: "relative w-full", children: [showMobileModal && (_jsx(LineItemMobileModal, { item: mobileEditItem || {}, currency: currency, isNew: !mobileEditItem?.id || mobileEditItem.id === "", onSave: (item) => {
+                    try {
+                        // If editing an item with empty ID, delete it first, then add new one
+                        if (mobileEditItem?.id === "") {
+                            onDeleteItem({ id: "" });
+                            onAddItem(item);
+                        }
+                        else if (mobileEditItem?.id) {
+                            onUpdateItem(item);
+                        }
+                        else {
+                            onAddItem(item);
+                        }
+                        setShowMobileModal(false);
+                        setMobileEditItem(null);
+                    }
+                    catch (error) {
+                        toast(error.message || "Failed to save line item", {
+                            type: "error",
+                        });
+                    }
+                }, onCancel: () => {
+                    setShowMobileModal(false);
+                    setMobileEditItem(null);
+                } }, mobileEditItem?.id || "new")), _jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h4", { className: "text-xl font-semibold text-gray-900", children: "Line Items" }), _jsxs("div", { className: "hidden md:flex items-center gap-3", children: [_jsxs("button", { onClick: () => setShowTagTable(true), className: "flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors text-sm font-medium text-gray-700", title: "Manage Tags for All Line Items", children: [_jsx(Tag, { className: "w-4 h-4" }), _jsx("span", { className: "hidden md:inline", children: "Manage Tags" })] }), _jsx(RWAButton, { className: "hidden md:block", disabled: isAddingNew, onClick: handleAddClick, children: "Add Line Item" })] })] }), lineItems.length === 0 && !isAddingNew && (_jsx("div", { className: "md:hidden", children: _jsx(LineItemsEmptyState, { onAddItem: () => {
+                                setMobileEditItem({});
+                                setShowMobileModal(true);
+                            } }) })), lineItems.length === 0 && !isAddingNew && (_jsx("div", { className: "hidden md:block", children: _jsx(LineItemsEmptyState, { onAddItem: handleAddClick }) })), lineItems.length > 0 && (_jsxs("div", { className: "md:hidden space-y-3", children: [_jsxs("div", { className: "flex gap-2 mb-4", children: [_jsxs("button", { onClick: () => setShowTagTable(true), className: "flex items-center justify-center gap-2 px-4 py-3 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors font-medium text-gray-700", title: "Manage Tags for All Line Items", children: [_jsx(Tag, { className: "w-4 h-4" }), _jsx("span", { children: "Tags" })] }), _jsx("button", { onClick: () => {
+                                            setMobileEditItem({});
+                                            setShowMobileModal(true);
+                                        }, className: "flex-1 py-3 px-4 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors font-medium", children: "Add Line Item" })] }), lineItems.map((item) => (_jsx(LineItemCard, { item: item, currency: currency, onEdit: () => {
+                                    setMobileEditItem(item);
+                                    setShowMobileModal(true);
+                                }, onDelete: () => {
+                                    const input = { id: item.id };
+                                    onDeleteItem(input);
+                                } }, item.id)))] })), (lineItems.length > 0 || isAddingNew) && (_jsx("div", { ref: tableContainerRef, className: "hidden md:block overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { ref: tableRef, className: "w-full table-fixed border-collapse bg-white", children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "30%" } }), _jsx("col", { style: { width: "10%" } }), _jsx("col", { style: { width: "12%" } }), _jsx("col", { style: { width: "8%" } }), _jsx("col", {}), _jsx("col", {}), _jsx("col", {})] }), _jsx("thead", { children: _jsxs("tr", { className: "bg-gray-50", children: [_jsx("th", { className: "border-b border-gray-200 p-3 text-left", children: "Description" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Quantity" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Unit Price (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Tax %" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (excl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-right", children: "Total (incl. tax)" }), _jsx("th", { className: "border-b border-gray-200 p-3 text-center", children: "Actions" })] }) }), _jsxs("tbody", { children: [lineItems.map((item) => editingId === item.id ? (_jsx(EditableLineItem, { currency: currency, item: item, onCancel: () => setEditingId(null), onSave: (updatedItem) => {
+                                                try {
+                                                    onUpdateItem(updatedItem);
+                                                    setEditingId(null);
+                                                }
+                                                catch (error) {
+                                                    console.error(error);
+                                                    if (error?.message?.includes("Invalid action input:")) {
+                                                        try {
+                                                            const zodError = JSON.parse(error.message.split("Invalid action input: ")[1]);
+                                                            if (Array.isArray(zodError) &&
+                                                                zodError.length > 0) {
+                                                                const firstError = zodError[0];
+                                                                const errorJSX = (_jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Failed to update line item" }), _jsxs("p", { children: [firstError.message, ": "] }), zodError.map((err, index) => (_jsx("ul", { children: _jsxs("li", { className: "text-red-500 font-semibold", children: ["- ", err.path.join(".")] }) }, index)))] }));
+                                                                toast(errorJSX, {
+                                                                    type: "error",
+                                                                });
+                                                                return;
+                                                            }
+                                                        }
+                                                        catch (parseError) {
+                                                            console.error("Failed to parse Zod error:", parseError);
+                                                            toast("Invalid input data", {
                                                                 type: "error",
                                                             });
                                                             return;
                                                         }
                                                     }
-                                                    catch (parseError) {
-                                                        console.error("Failed to parse Zod error:", parseError);
-                                                        toast("Invalid input data", {
+                                                    else if (error?.message) {
+                                                        toast(error.message, {
                                                             type: "error",
                                                         });
                                                         return;
                                                     }
-                                                }
-                                                else if (error?.message) {
-                                                    toast(error.message, {
+                                                    toast("Failed to update line item", {
                                                         type: "error",
                                                     });
-                                                    return;
                                                 }
-                                                toast("Failed to update line item", {
-                                                    type: "error",
-                                                });
-                                            }
-                                        }, onEditingItemChange: onEditingItemChange }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50 table-row", children: [_jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: item.quantity % 1 === 0
-                                                    ? item.quantity.toString()
-                                                    : item.quantity.toFixed(2) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: [typeof item.taxPercent === "number"
-                                                        ? Math.round(item.taxPercent)
-                                                        : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { className: "rounded bg-blue-500 px-3 py-1 text-white hover:bg-blue-200", onClick: () => setEditingId(item.id), children: "Edit" }), _jsx("button", { className: "rounded bg-red-600 px-3 py-1 text-white hover:bg-red-700", onClick: () => onDeleteItem({ id: item.id }), children: "Delete" })] }) })] }, item.id))), isAddingNew ? (_jsx(EditableLineItem, { currency: currency, item: {}, onCancel: handleCancelNewItem, onSave: handleSaveNewItem, onEditingItemChange: onEditingItemChange })) : null] })] }) })] }) }));
+                                            }, onEditingItemChange: onEditingItemChange }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50 table-row", children: [_jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: item.quantity % 1 === 0
+                                                        ? item.quantity.toString()
+                                                        : item.quantity.toFixed(2) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right table-cell", children: [typeof item.taxPercent === "number"
+                                                            ? Math.round(item.taxPercent)
+                                                            : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium table-cell", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3 table-cell", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { className: "rounded bg-blue-500 px-3 py-1 text-white hover:bg-blue-200", onClick: () => setEditingId(item.id), children: "Edit" }), _jsx("button", { className: "rounded bg-red-600 px-3 py-1 text-white hover:bg-red-700", onClick: () => onDeleteItem({ id: item.id }), children: "Delete" })] }) })] }, item.id))), isAddingNew ? (_jsx(EditableLineItem, { currency: currency, item: {}, onCancel: handleCancelNewItem, onSave: handleSaveNewItem, onEditingItemChange: onEditingItemChange })) : null] })] }) }))] }), lineItems.length > 0 && (_jsxs("div", { className: "md:hidden mt-4 bg-white border border-gray-200 rounded-lg p-4 space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Subtotal (excl. tax):" }), _jsxs("span", { className: "font-medium text-gray-900", children: [currency, " ", formatNumber(totalPriceTaxExcl)] })] }), _jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: "Total tax:" }), _jsxs("span", { className: "font-medium text-gray-900", children: [currency, " ", formatNumber(totalPriceTaxIncl - totalPriceTaxExcl)] })] }), _jsxs("div", { className: "flex justify-between text-base pt-2 border-t border-gray-200", children: [_jsx("span", { className: "font-semibold text-gray-900", children: "Total (incl. tax):" }), _jsxs("span", { className: "font-bold text-gray-900", children: [currency, " ", formatNumber(totalPriceTaxIncl)] })] })] }))] }));
 }

package/dist/editors/invoice/requestFinance.js

@@ -3,8 +3,8 @@ import { useState } from "react";
 import { actions } from "../../document-models/invoice/index.js";
 import { generateId } from "document-model";
 let GRAPHQL_URL = "http://localhost:4001/graphql/invoice";
-if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://jetstream.powerhouse.io/api/graphql/invoice';
+if (!window.document.baseURI.includes("localhost")) {
+    GRAPHQL_URL = "https://switchboard-dev.powerhouse.xyz/graphql/invoice";
 }
 const RequestFinance = ({ docState, dispatch, }) => {
     const [isLoading, setIsLoading] = useState(false);

package/dist/editors/invoice/uploadPdfChunked.js

@@ -7,7 +7,7 @@
  */
 let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
 if (!window.document.baseURI.includes('localhost')) {
-    GRAPHQL_URL = 'https://jetstream.powerhouse.io/api/graphql/invoice';
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
 }
 export async function uploadPdfChunked(pdfData, endpoint = GRAPHQL_URL, chunkSize = 500 * 1024, // 500KB chunks
 onProgress) {

package/dist/editors/invoice/validation/validationHandler.d.ts

@@ -1,4 +1,4 @@
 import { ValidationResult } from "./validationManager.js";
-declare const validateStatusBeforeContinue: (newStatus: string, state: any, setInvoiceValidation: (validation: ValidationResult) => void, setWalletValidation: (validation: ValidationResult) => void, setCurrencyValidation: (validation: ValidationResult) => void, setMainCountryValidation: (validation: ValidationResult) => void, setBankCountryValidation: (validation: ValidationResult) => void, setIbanValidation: (validation: ValidationResult) => void, setBicValidation: (validation: ValidationResult) => void, setBankNameValidation: (validation: ValidationResult) => void, setStreetAddressValidation: (validation: ValidationResult) => void, setCityValidation: (validation: ValidationResult) => void, setPostalCodeValidation: (validation: ValidationResult) => void, setPayerEmailValidation: (validation: ValidationResult) => void, setLineItemValidation: (validation: ValidationResult) => void, setRoutingNumberValidation: (validation: ValidationResult) => void, isFiatCurrency: (currency: string) => boolean) => boolean | undefined;
+declare const validateStatusBeforeContinue: (newStatus: string, state: any, setInvoiceValidation: (validation: ValidationResult) => void, setWalletValidation: (validation: ValidationResult) => void, setCurrencyValidation: (validation: ValidationResult) => void, setMainCountryValidation: (validation: ValidationResult) => void, setBankCountryValidation: (validation: ValidationResult) => void, setIbanValidation: (validation: ValidationResult) => void, setBicValidation: (validation: ValidationResult) => void, setAccountNumberValidation: (validation: ValidationResult) => void, setBankNameValidation: (validation: ValidationResult) => void, setStreetAddressValidation: (validation: ValidationResult) => void, setCityValidation: (validation: ValidationResult) => void, setPostalCodeValidation: (validation: ValidationResult) => void, setPayerEmailValidation: (validation: ValidationResult) => void, setLineItemValidation: (validation: ValidationResult) => void, setRoutingNumberValidation: (validation: ValidationResult) => void, isFiatCurrency: (currency: string) => boolean) => boolean | undefined;
 export default validateStatusBeforeContinue;
 //# sourceMappingURL=validationHandler.d.ts.map

package/dist/editors/invoice/validation/validationHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validationHandler.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/validation/validationHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAoC,MAAM,wBAAwB,CAAC;AAG5F,QAAA,MAAM,4BAA4B,GAC9B,WAAW,MAAM,EACjB,OAAO,GAAG,EACV,sBAAsB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC5D,qBAAqB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC3D,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC7D,0BAA0B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAChE,0BAA0B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAChE,mBAAmB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EACzD,kBAAkB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EACxD,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC7D,4BAA4B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAClE,mBAAmB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EACzD,yBAAyB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC/D,yBAAyB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC/D,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC7D,4BAA4B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAClE,gBAAgB,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,wBAmMhD,CAAA;AAED,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"validationHandler.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/validation/validationHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAoC,MAAM,wBAAwB,CAAC;AAI5F,QAAA,MAAM,4BAA4B,GAC9B,WAAW,MAAM,EACjB,OAAO,GAAG,EACV,sBAAsB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC5D,qBAAqB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC3D,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC7D,0BAA0B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAChE,0BAA0B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAChE,mBAAmB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EACzD,kBAAkB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EACxD,4BAA4B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAClE,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC7D,4BAA4B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAClE,mBAAmB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EACzD,yBAAyB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC/D,yBAAyB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC/D,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAC7D,4BAA4B,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,EAClE,gBAAgB,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,wBAqNhD,CAAA;AAED,eAAe,4BAA4B,CAAC"}

package/dist/editors/invoice/validation/validationHandler.js

@@ -1,6 +1,7 @@
 import { validateField } from "./validationManager.js";
 import { toast } from "@powerhousedao/design-system";
-const validateStatusBeforeContinue = (newStatus, state, setInvoiceValidation, setWalletValidation, setCurrencyValidation, setMainCountryValidation, setBankCountryValidation, setIbanValidation, setBicValidation, setBankNameValidation, setStreetAddressValidation, setCityValidation, setPostalCodeValidation, setPayerEmailValidation, setLineItemValidation, setRoutingNumberValidation, isFiatCurrency) => {
+import { isValidIBAN } from "./validationRules.js";
+const validateStatusBeforeContinue = (newStatus, state, setInvoiceValidation, setWalletValidation, setCurrencyValidation, setMainCountryValidation, setBankCountryValidation, setIbanValidation, setBicValidation, setAccountNumberValidation, setBankNameValidation, setStreetAddressValidation, setCityValidation, setPostalCodeValidation, setPayerEmailValidation, setLineItemValidation, setRoutingNumberValidation, isFiatCurrency) => {
     if (newStatus === "PAYMENTSCHEDULED" || newStatus === "ISSUED") {
         const context = {
             currency: state.currency,
@@ -43,11 +44,25 @@ const validateStatusBeforeContinue = (newStatus, state, setInvoiceValidation, se
         if (bankCountryValidation && !bankCountryValidation.isValid) {
             validationErrors.push(bankCountryValidation);
         }
-        // Validate EUR&GBP IBAN account number
-        const ibanValidation = validateField("accountNum", state.issuer.paymentRouting?.bank?.accountNum, context);
-        setIbanValidation(ibanValidation);
-        if (ibanValidation && !ibanValidation.isValid) {
-            validationErrors.push(ibanValidation);
+        // Validate account number or IBAN depending on currency to avoid duplicate validation of the same field
+        const IBAN_CURRENCIES = ["EUR", "GBP", "DKK"];
+        if (IBAN_CURRENCIES.includes(state.currency)) {
+            // Only IBAN applies
+            const ibanValidation = validateField("accountNum", state.issuer.paymentRouting?.bank?.accountNum, context);
+            setIbanValidation(ibanValidation);
+            setAccountNumberValidation(null);
+            if (ibanValidation && !ibanValidation.isValid) {
+                validationErrors.push(ibanValidation);
+            }
+        }
+        else {
+            // Generic account number applies
+            const accountNumberValidation = validateField("accountNum", state.issuer.paymentRouting?.bank?.accountNum, context);
+            setAccountNumberValidation(accountNumberValidation);
+            setIbanValidation(null);
+            if (accountNumberValidation && !accountNumberValidation.isValid) {
+                validationErrors.push(accountNumberValidation);
+            }
         }
         // Validate BIC/SWIFT number
         const bicValidation = validateField("bicNumber", state.issuer.paymentRouting?.bank?.BIC || state.issuer.paymentRouting?.bank?.SWIFT, context);
@@ -57,9 +72,10 @@ const validateStatusBeforeContinue = (newStatus, state, setInvoiceValidation, se
         }
         // Validate routing number
         const routingNumberValidation = validateField("routingNumber", state.issuer.paymentRouting?.bank?.ABA, context);
-        setRoutingNumberValidation(routingNumberValidation);
-        if (routingNumberValidation && !routingNumberValidation.isValid) {
-            validationErrors.push(routingNumberValidation);
+        const usdIbanPayment = isValidIBAN(state.issuer.paymentRouting?.bank?.accountNum ?? "") && state.currency === "USD";
+        setRoutingNumberValidation(usdIbanPayment ? null : routingNumberValidation);
+        if (usdIbanPayment ? null : routingNumberValidation && !routingNumberValidation.isValid) {
+            validationErrors.push(usdIbanPayment ? { isValid: true, message: '', severity: 'none' } : routingNumberValidation);
         }
         // Validate bank name
         const bankNameValidation = validateField("bankName", state.issuer.paymentRouting?.bank?.name, context);

package/dist/editors/invoice/validation/validationManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validationManager.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/validation/validationManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAInE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,kBAAkB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,gBAAgB,CAAC;IAC1D,SAAS,EAAE;QACP,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;QAClC,iBAAiB,EAAE;YACf,IAAI,EAAE,MAAM,EAAE,CAAC;YACf,EAAE,EAAE,MAAM,EAAE,CAAC;SAChB,CAAC;KACL,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAgCF,wBAAgB,aAAa,CACzB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,iBAAiB,GAC3B,gBAAgB,GAAG,IAAI,CAqBzB;AAGD,wBAAgB,wBAAwB,CACpC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,OAAO,EAAE,iBAAiB,GAC3B,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAalC;AAGD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAE5D;AAGD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAKxD"}
+{"version":3,"file":"validationManager.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/validation/validationManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAoBnE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,kBAAkB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,gBAAgB,CAAC;IAC1D,SAAS,EAAE;QACP,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;QAClC,iBAAiB,EAAE;YACf,IAAI,EAAE,MAAM,EAAE,CAAC;YACf,EAAE,EAAE,MAAM,EAAE,CAAC;SAChB,CAAC;KACL,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAiCF,wBAAgB,aAAa,CACzB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,iBAAiB,GAC3B,gBAAgB,GAAG,IAAI,CAqBzB;AAGD,wBAAgB,wBAAwB,CACpC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,OAAO,EAAE,iBAAiB,GAC3B,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAalC;AAGD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAE5D;AAGD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAKxD"}

package/dist/editors/invoice/validation/validationManager.js

@@ -1,4 +1,4 @@
-import { accountNumberRule, bicNumberRule, bankNameRule, currencyRule, ethereumAddressRule, invoiceNumberRule, issuerPostalCodeRule, issuerStreetAddressRule, issuerCityRule, payerEmailRule, lineItemRule, mainCountryRule, bankCountryRule, routingNumberRule } from "./validationRules.js";
+import { accountIbanRule, bicNumberRule, bankNameRule, currencyRule, ethereumAddressRule, invoiceNumberRule, issuerPostalCodeRule, issuerStreetAddressRule, issuerCityRule, payerEmailRule, lineItemRule, mainCountryRule, bankCountryRule, routingNumberRule, accountNumberRule } from "./validationRules.js";
 // Validation rules registry
 const validationRules = [];
 // Register rules
@@ -7,7 +7,7 @@ validationRules.push(ethereumAddressRule);
 validationRules.push(currencyRule);
 validationRules.push(mainCountryRule);
 validationRules.push(bankCountryRule);
-validationRules.push(accountNumberRule);
+validationRules.push(accountIbanRule);
 validationRules.push(bicNumberRule);
 validationRules.push(bankNameRule);
 validationRules.push(issuerStreetAddressRule);
@@ -16,6 +16,7 @@ validationRules.push(issuerPostalCodeRule);
 validationRules.push(payerEmailRule);
 validationRules.push(lineItemRule);
 validationRules.push(routingNumberRule);
+validationRules.push(accountNumberRule);
 // Helper to check if a rule applies to the current context
 function ruleAppliesToContext(rule, context) {
     const { currencies, statusTransitions } = rule.appliesTo;

package/dist/editors/invoice/validation/validationRules.d.ts

@@ -1,9 +1,11 @@
 import { ValidationRule } from "./validationManager.js";
+export declare function isValidIBAN(iban: string): boolean;
 export declare const invoiceNumberRule: ValidationRule;
 export declare const ethereumAddressRule: ValidationRule;
 export declare const currencyRule: ValidationRule;
 export declare const mainCountryRule: ValidationRule;
 export declare const bankCountryRule: ValidationRule;
+export declare const accountIbanRule: ValidationRule;
 export declare const accountNumberRule: ValidationRule;
 export declare const bicNumberRule: ValidationRule;
 export declare const bankNameRule: ValidationRule;

package/dist/editors/invoice/validation/validationRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validationRules.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/validation/validationRules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AA8BxD,eAAO,MAAM,iBAAiB,EAAE,cAuB/B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,cA8BjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAuB1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAuB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAuB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cA8B/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,cAkC3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAuB1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAuBrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAuB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,cAuBlC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAuB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAqC/B,CAAC"}
+{"version":3,"file":"validationRules.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/validation/validationRules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAQxD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAYjD;AAQD,eAAO,MAAM,iBAAiB,EAAE,cAuB/B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,cA8BjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAuB1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAuB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAuB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cA8B7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cA+B/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,cAkC3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAuB1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,cAuBrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAuB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,cAuBlC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAuB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAqC/B,CAAC"}

package/dist/editors/invoice/validation/validationRules.js

@@ -3,17 +3,15 @@ function isValidEthereumAddress(address) {
     const ethereumAddressRegex = /^0x[a-fA-F0-9]{40}$/;
     return ethereumAddressRegex.test(address);
 }
-function isValidIBAN(iban) {
-    const ibanRegex = /^([A-Z]{2}[0-9]{2})(?=(?:[A-Z0-9]){9,30}$)((?:[A-Z0-9]{3,5}){2,7})([A-Z0-9]{1,3})?$/;
-    const hasNumbers = /\d/.test(iban);
+export function isValidIBAN(iban) {
+    const ibanRegex = /^([A-Z]{2}[-]?[0-9]{2})(?=(?:[ -]?[A-Z0-9]){9,30}$)((?:[ -]?[A-Z0-9]{3,5}){2,7})([-]?[A-Z0-9]{1,3})?$/;
     // Extract country code from IBAN (first 2 letters)
     const countryCode = iban.substring(0, 2).toUpperCase();
     // If IBAN starts with a valid country code (2 letters), validate full IBAN format
     if (/^[A-Z]{2}$/.test(countryCode)) {
         return ibanRegex.test(iban);
     }
-    // Otherwise just check if it's not empty and has numbers
-    return iban.trim() !== '' && hasNumbers;
+    return false;
 }
 function isValidEmail(email) {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -148,7 +146,7 @@ export const bankCountryRule = {
         }
     }
 };
-export const accountNumberRule = {
+export const accountIbanRule = {
     field: 'accountNum',
     validate: (value, document) => {
         if (!value || value.trim() === '') {
@@ -172,7 +170,39 @@ export const accountNumberRule = {
         };
     },
     appliesTo: {
-        currencies: ['EUR', 'GBP'],
+        currencies: ['EUR', 'GBP', 'DKK'],
+        statusTransitions: {
+            from: ['DRAFT'],
+            to: ['ISSUED']
+        }
+    }
+};
+export const accountNumberRule = {
+    field: 'accountNum',
+    validate: (value) => {
+        if (!value || value.trim() === '') {
+            return {
+                isValid: false,
+                message: 'Account number is required',
+                severity: 'warning'
+            };
+        }
+        // Valid account numbers are 6-25 alphanumeric characters. If it DOES NOT match, it's invalid.
+        if (!/^[\da-zA-Z]{6,25}$/.test(value)) {
+            return {
+                isValid: false,
+                message: 'Invalid account number format - For account number, ensure it is 6-25 characters long',
+                severity: 'warning'
+            };
+        }
+        return {
+            isValid: true,
+            message: '',
+            severity: 'none'
+        };
+    },
+    appliesTo: {
+        currencies: ['USD', 'JPY', 'CNY', 'CHF'],
         statusTransitions: {
             from: ['DRAFT'],
             to: ['ISSUED']

package/dist/scripts/contributor-billing/createExpenseReportCsv.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Creates an expense report CSV that categorizes line items by their tags
+ */
+export declare function exportExpenseReportCSV(invoiceStates: any[], baseCurrency: string): Promise<void>;
+//# sourceMappingURL=createExpenseReportCsv.d.ts.map

package/dist/scripts/contributor-billing/createExpenseReportCsv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createExpenseReportCsv.d.ts","sourceRoot":"","sources":["../../../scripts/contributor-billing/createExpenseReportCsv.ts"],"names":[],"mappings":"AA+CA;;GAEG;AACH,wBAAsB,sBAAsB,CAAC,aAAa,EAAE,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAgGtG"}

package/dist/scripts/contributor-billing/createExpenseReportCsv.js

@@ -0,0 +1,122 @@
+// Simple in-memory cache for exchange rates
+const exchangeRateCache = {};
+/**
+ * Fetches the exchange rate from `from` currency to `to` currency for a given date using Frankfurter API.
+ * Returns 1 for unsupported currencies or errors.
+ */
+async function getExchangeRate(date, from, to) {
+    if (!date || !from || !to || from === to)
+        return 1;
+    // Convert crypto currencies to USD for API compatibility
+    let effectiveFrom = from;
+    if (from === 'DAI' || from === 'USDS') {
+        effectiveFrom = 'USD';
+    }
+    let effectiveTo = to;
+    if (to === 'DAI' || to === 'USDS') {
+        effectiveTo = 'USD';
+    }
+    const formattedDate = date.split('T')[0];
+    const cacheKey = `${formattedDate}|${effectiveFrom}|${effectiveTo}`;
+    if (exchangeRateCache[cacheKey] !== undefined) {
+        return exchangeRateCache[cacheKey];
+    }
+    try {
+        const url = `https://api.frankfurter.dev/v1/${formattedDate}?base=${effectiveFrom}&symbols=${effectiveTo}`;
+        console.log('Fetching from Frankfurter URL:', url);
+        const res = await fetch(url);
+        if (!res.ok) {
+            throw new Error(`Failed to fetch Frankfurter exchange rate: ${res.status} ${res.statusText}`);
+        }
+        const data = await res.json();
+        const rate = data?.rates?.[effectiveTo];
+        if (typeof rate !== 'number') {
+            throw new Error(`Frankfurter exchange rate for ${effectiveFrom} to ${effectiveTo} on ${formattedDate} not found in response`);
+        }
+        exchangeRateCache[cacheKey] = rate;
+        return rate;
+    }
+    catch (err) {
+        console.error('Frankfurter ForEx API error:', err);
+        return 1; // Fallback to 1:1 on error
+    }
+}
+/**
+ * Creates an expense report CSV that categorizes line items by their tags
+ */
+export async function exportExpenseReportCSV(invoiceStates, baseCurrency) {
+    // Track invoices missing tags
+    const missingTagInvoices = [];
+    // Data structure to aggregate expenses by tag label
+    const expensesByTag = {};
+    // Process each selected invoice
+    for (const invoiceState of invoiceStates) {
+        const state = invoiceState.state.global;
+        const invoiceId = invoiceState.header.id;
+        const invoiceName = state.name || invoiceId;
+        const items = state.lineItems || [];
+        const dateIssued = state.dateIssued;
+        const currency = state.currency || 'USD';
+        // Check if any line item is missing tags
+        const hasMissingTags = items.some((item) => {
+            return !item.lineItemTag || item.lineItemTag.length === 0;
+        });
+        if (hasMissingTags) {
+            missingTagInvoices.push(invoiceName);
+            continue; // Skip this invoice
+        }
+        // Get exchange rate for this invoice
+        let effectiveCurrency = currency;
+        if (currency === 'DAI' || currency === 'USDS') {
+            effectiveCurrency = 'USD';
+        }
+        const exchangeRate = await getExchangeRate(dateIssued, effectiveCurrency, baseCurrency);
+        // Aggregate line items by tag
+        items.forEach((item) => {
+            const lineItemTags = item.lineItemTag || [];
+            const lineItemTotal = item.totalPriceTaxIncl || 0;
+            const convertedAmount = lineItemTotal * exchangeRate;
+            lineItemTags.forEach((tag) => {
+                const dimension = tag.dimension || '';
+                const label = tag.label || tag.value || 'Unknown';
+                // Skip accounting-period dimension
+                if (dimension === 'accounting-period') {
+                    return;
+                }
+                // Aggregate by tag label in base currency
+                if (!expensesByTag[label]) {
+                    expensesByTag[label] = 0;
+                }
+                expensesByTag[label] += convertedAmount;
+            });
+        });
+    }
+    // If any invoices are missing tags, throw an error
+    if (missingTagInvoices.length > 0) {
+        throw {
+            message: `The following invoices have line items missing tags: ${[...new Set(missingTagInvoices)].join(', ')}`,
+            missingTagInvoices: missingTagInvoices
+        };
+    }
+    // Create CSV headers
+    const headers = ['Tag Label', 'Currency', 'Total Amount'];
+    // Convert aggregated data to rows
+    const expenseRows = Object.entries(expensesByTag)
+        .sort(([labelA], [labelB]) => labelA.localeCompare(labelB))
+        .map(([label, total]) => [label, baseCurrency, total.toFixed(2)]);
+    // Combine headers and data rows
+    const allRows = [headers, ...expenseRows];
+    // Convert to CSV format
+    const csvLines = allRows.map((row) => row.map((value) => `"${value}"`).join(','));
+    const csvData = csvLines.join('\n');
+    // Download CSV file (browser)
+    const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
+    const link = document.createElement('a');
+    const url = URL.createObjectURL(blob);
+    link.setAttribute('href', url);
+    link.setAttribute('download', `expense-report-by-tag-${new Date().toISOString().split('T')[0]}.csv`);
+    link.style.visibility = 'hidden';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+}