@powerhousedao/contributor-billing 0.0.1

package/dist/editors/invoice/legalEntity/legalEntity.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+import { LegalEntityWalletSection } from "./walletSection.js";
+import { LegalEntityBankSection } from "./bankSection.js";
+import { CountryForm } from "../components/countryForm.js";
+import { InputField } from "../components/inputField.js";
+const FieldLabel = ({ children }) => (_jsx("label", { className: "block text-sm font-medium text-gray-700", children: children }));
+export const LegalEntityMainSection = (props) => {
+    const { value, onChange, disabled, countryvalidation, streetaddressvalidation, cityvalidation, postalcodevalidation, payeremailvalidation, ...divProps } = props;
+    const handleInputChange = (field) => (e) => {
+        // No-op
+    };
+    const handleBlur = (field) => (e) => {
+        if (e.target.value !== value[field]) {
+            onChange({ [field]: e.target.value });
+        }
+    };
+    const handleTextareaChange = (field) => (e) => {
+        // No-op
+    };
+    const handleTextareaBlur = (field) => (e) => {
+        if (e.target.value !== value[field]) {
+            onChange({ [field]: e.target.value });
+        }
+    };
+    return (_jsxs("div", { ...divProps, className: twMerge("rounded-lg border border-gray-200 bg-white p-6 mb-2", props.className), children: [_jsx("h3", { className: "mb-4 text-lg font-semibold text-gray-900", children: "Basic Information" }), _jsxs("div", { className: "space-y-6", children: [_jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.name ?? "", label: "Name", placeholder: "Legal Entity Name", onBlur: handleTextareaBlur("name"), handleInputChange: handleTextareaChange("name"), className: "h-10 w-full text-md mb-2" }) }), _jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.id ?? "", label: "Tax ID / Corp. Reg", placeholder: "332...", onBlur: handleTextareaBlur("id"), handleInputChange: handleTextareaChange("id"), className: "h-10 w-full text-md mb-2" }) }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(InputField, { value: value.streetAddress ?? "", label: "Address", placeholder: "Street Address", onBlur: handleTextareaBlur("streetAddress"), handleInputChange: handleTextareaChange("streetAddress"), className: "h-10 w-full text-md mb-2", validation: streetaddressvalidation }), _jsx(InputField, { value: value.extendedAddress ?? "", placeholder: "Extended Address", onBlur: handleTextareaBlur("extendedAddress"), handleInputChange: handleTextareaChange("extendedAddress"), className: "h-10 w-full text-md mb-2" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.city ?? "", label: "City", placeholder: "City", onBlur: handleTextareaBlur("city"), handleInputChange: handleTextareaChange("city"), className: "h-10 w-full text-md mb-2", validation: cityvalidation }) }), _jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.stateProvince ?? "", label: "State/Province", placeholder: "State/Province", onBlur: handleTextareaBlur("stateProvince"), handleInputChange: handleTextareaChange("stateProvince"), className: "h-10 w-full text-md mb-2" }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.postalCode ?? "", label: "Postal Code", placeholder: "Postal Code", onBlur: handleTextareaBlur("postalCode"), handleInputChange: handleTextareaChange("postalCode"), className: "h-10 w-full text-md mb-2", validation: postalcodevalidation }) }), _jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { children: "Country" }), _jsx(CountryForm, { country: value.country ?? "", handleInputChange: handleInputChange("country"), handleBlur: handleBlur("country"), className: "h-10 w-full text-md mb-2", validation: countryvalidation })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.email ?? "", label: "Email", placeholder: "Email", onBlur: handleTextareaBlur("email"), handleInputChange: handleTextareaChange("email"), className: "h-10 w-full text-md mb-2", validation: payeremailvalidation }) }), _jsx("div", { className: "space-y-2", children: _jsx(InputField, { value: value.tel ?? "", label: "Telephone", placeholder: "Telephone", onBlur: handleTextareaBlur("tel"), handleInputChange: handleTextareaChange("tel"), className: "h-10 w-full text-md mb-2" }) })] })] })] }));
+};
+// Helper to flatten LegalEntity to EditLegalEntityInput
+function flattenLegalEntityToEditInput(legalEntity) {
+    let id = "";
+    if (typeof legalEntity.id === "string") {
+        id = legalEntity.id;
+    }
+    else if (legalEntity.id && typeof legalEntity.id === "object") {
+        if (legalEntity.id && typeof legalEntity.id === "object") {
+            id =
+                "taxId" in legalEntity.id
+                    ? legalEntity.id.taxId
+                    : legalEntity.id.corpRegId;
+        }
+    }
+    return {
+        id,
+        name: legalEntity.name ?? "",
+        streetAddress: legalEntity.address?.streetAddress ?? "",
+        extendedAddress: legalEntity.address?.extendedAddress ?? "",
+        city: legalEntity.address?.city ?? "",
+        postalCode: legalEntity.address?.postalCode ?? "",
+        country: legalEntity.address?.country ?? "",
+        stateProvince: legalEntity.address?.stateProvince ?? "",
+        tel: legalEntity.contactInfo?.tel ?? "",
+        email: legalEntity.contactInfo?.email ?? "",
+    };
+}
+export function LegalEntityForm({ legalEntity, onChangeInfo, onChangeBank, onChangeWallet, basicInfoDisabled, bankDisabled, walletDisabled, currency, status, walletvalidation, countryvalidation, ibanvalidation, bicvalidation, banknamevalidation, streetaddressvalidation, cityvalidation, postalcodevalidation, payeremailvalidation }) {
+    // Handler for main info section
+    const handleChangeInfo = (update) => {
+        if (!onChangeInfo)
+            return;
+        onChangeInfo(update);
+    };
+    return (_jsxs("div", { className: "space-y-8", children: [!basicInfoDisabled && !!onChangeInfo && (_jsx(LegalEntityMainSection, { onChange: handleChangeInfo, value: flattenLegalEntityToEditInput(legalEntity), countryvalidation: countryvalidation, streetaddressvalidation: streetaddressvalidation, cityvalidation: cityvalidation, postalcodevalidation: postalcodevalidation, payeremailvalidation: payeremailvalidation })), !walletDisabled && !!onChangeWallet && (_jsx(LegalEntityWalletSection, { onChange: onChangeWallet, value: legalEntity.paymentRouting?.wallet || {}, currency: currency, status: status, walletvalidation: walletvalidation })), !bankDisabled && !!onChangeBank && (_jsx(LegalEntityBankSection, { onChange: onChangeBank, value: legalEntity.paymentRouting?.bank || {}, countryvalidation: countryvalidation, ibanvalidation: ibanvalidation, bicvalidation: bicvalidation, banknamevalidation: banknamevalidation }))] }));
+}

package/dist/editors/invoice/legalEntity/walletSection.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+import { EditLegalEntityWalletInput } from "./legalEntity.js";
+import { ValidationResult } from "../validation/validationManager.js";
+export type LegalEntityWalletSectionProps = Omit<ComponentProps<"div">, "children" | "onChange"> & {
+    readonly value: EditLegalEntityWalletInput;
+    readonly onChange: (value: EditLegalEntityWalletInput) => void;
+    readonly disabled?: boolean;
+    readonly currency: string;
+    readonly status: string;
+    readonly walletvalidation?: ValidationResult | null;
+};
+export declare const LegalEntityWalletSection: (props: LegalEntityWalletSectionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=walletSection.d.ts.map

package/dist/editors/invoice/legalEntity/walletSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"walletSection.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/legalEntity/walletSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAGtE,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,QAAQ,CAAC,KAAK,EAAE,0BAA0B,CAAC;IAC3C,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,4CA4GrC,CAAC"}

package/dist/editors/invoice/legalEntity/walletSection.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { twMerge } from "tailwind-merge";
+import { InputField } from "../components/inputField.js";
+import { Select } from "@powerhousedao/document-engineering";
+export const LegalEntityWalletSection = (props) => {
+    const { value, onChange, disabled, currency, status, walletvalidation, ...divProps } = props;
+    const [localState, setLocalState] = useState(value);
+    useEffect(() => {
+        setLocalState(value);
+    }, [value]);
+    const handleInputChange = (field, event) => {
+        setLocalState(prev => ({
+            ...prev,
+            [field]: event.target.value,
+        }));
+    };
+    const handleBlur = (field, event) => {
+        const newValue = event.target.value;
+        onChange({
+            // ...localState,
+            [field]: newValue,
+        });
+    };
+    const CHAIN_PRESETS = [
+        { chainName: "Base", chainId: "8453" },
+        { chainName: "Ethereum", chainId: "1" },
+        { chainName: "Arbitrum One", chainId: "42161" },
+        // { chainName: "Gnosis", chainId: "100" },
+    ];
+    // Map CHAIN_PRESETS to Select options
+    const chainOptions = CHAIN_PRESETS.map((preset) => ({
+        label: preset.chainName,
+        value: preset.chainId,
+    }));
+    // Find the selected option by chainId
+    const selectedChain = chainOptions.find((opt) => opt.value === localState.chainId)?.value;
+    const handleChainChange = (value) => {
+        const chainId = Array.isArray(value) ? value[0] : value;
+        const preset = CHAIN_PRESETS.find((p) => p.chainId === chainId);
+        if (preset) {
+            setLocalState(prev => ({
+                ...prev,
+                chainId: preset.chainId,
+                chainName: preset.chainName,
+            }));
+            onChange({
+                ...localState,
+                chainId: preset.chainId,
+                chainName: preset.chainName,
+            });
+        }
+    };
+    return (_jsxs("div", { ...divProps, className: twMerge("rounded-lg border border-gray-200 bg-white p-6", props.className), children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 items-center", children: [_jsx("h3", { className: "mb-4 text-lg font-semibold text-black-200", children: "Wallet Information" }), _jsx(Select, { style: { width: "100%" }, options: chainOptions, value: selectedChain || "", onChange: handleChainChange, placeholder: "Select Chain" })] }), _jsx("div", { className: "space-y-6", children: _jsx("div", { className: "space-y-4", children: _jsx(InputField, { value: localState.address ?? "", label: "Wallet Address", placeholder: "0x...", onBlur: (e) => handleBlur("address", e), handleInputChange: (e) => handleInputChange("address", e), validation: walletvalidation }) }) })] }));
+};

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

@@ -0,0 +1,23 @@
+import { EditInvoiceInput, DeleteLineItemInput } from "../../document-models/invoice/index.js";
+type LineItem = {
+    currency: string;
+    description: string;
+    id: string;
+    quantity: number;
+    taxPercent: number;
+    totalPriceTaxExcl: number;
+    totalPriceTaxIncl: number;
+    unitPriceTaxExcl: number;
+    unitPriceTaxIncl: number;
+};
+type LineItemsTableProps = {
+    readonly lineItems: LineItem[];
+    readonly currency: string;
+    readonly onAddItem: (item: LineItem) => void;
+    readonly onUpdateItem: (item: LineItem) => void;
+    readonly onDeleteItem: (input: DeleteLineItemInput) => void;
+    readonly onUpdateCurrency: (input: EditInvoiceInput) => void;
+};
+export declare function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, onDeleteItem, onUpdateCurrency, }: LineItemsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=lineItems.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lineItems.d.ts","sourceRoot":"","sources":["../../../editors/invoice/lineItems.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AA+B/F,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAmNF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,gBAAgB,GACjB,EAAE,mBAAmB,2CA+HrB"}

package/dist/editors/invoice/lineItems.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+/* eslint-disable react/jsx-no-bind */
+/* eslint-disable react/button-has-type */
+import { RWAButton } from "@powerhousedao/design-system";
+import { forwardRef, useState, useMemo } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { NumberForm } from "./components/numberForm.js";
+import { InputField } from "./components/inputField.js";
+// Helper function to get precision based on currency
+function getCurrencyPrecision(currency) {
+    return currency === "USDS" || currency === "DAI" ? 6 : 2;
+}
+// Helper function to format numbers with appropriate decimal places
+function formatNumber(value) {
+    // Check if the value has decimal places
+    const hasDecimals = value % 1 !== 0;
+    // If no decimals or only trailing zeros after 2 decimal places, show 2 decimal places
+    if (!hasDecimals || value.toFixed(5).endsWith("000")) {
+        return value.toFixed(2);
+    }
+    // Otherwise, show atual decimal places up to 5
+    const stringValue = value.toString();
+    const decimalPart = stringValue.split(".")[1] || "";
+    // Determine how many decimal places to show (up to 5)
+    const decimalPlaces = Math.min(Math.max(2, decimalPart.length), 5);
+    return value.toFixed(decimalPlaces);
+}
+const EditableLineItem = forwardRef(function EditableLineItem(props, ref) {
+    const { item, onSave, onCancel, currency } = props;
+    const [editedItem, setEditedItem] = useState({
+        ...item,
+        currency,
+        quantity: item.quantity ?? "",
+        taxPercent: item.taxPercent ?? "",
+        unitPriceTaxExcl: item.unitPriceTaxExcl ?? "",
+    });
+    const calculatedValues = useMemo(() => {
+        const quantity = typeof editedItem.quantity === "string"
+            ? editedItem.quantity === ""
+                ? 0
+                : Number(editedItem.quantity)
+            : (editedItem.quantity ?? 0);
+        const unitPriceTaxExcl = typeof editedItem.unitPriceTaxExcl === "string"
+            ? editedItem.unitPriceTaxExcl === ""
+                ? 0
+                : Number(editedItem.unitPriceTaxExcl)
+            : (editedItem.unitPriceTaxExcl ?? 0);
+        const taxPercent = typeof editedItem.taxPercent === "string"
+            ? editedItem.taxPercent === ""
+                ? 0
+                : Number(editedItem.taxPercent)
+            : (editedItem.taxPercent ?? 0);
+        const totalPriceTaxExcl = quantity * unitPriceTaxExcl;
+        const taxAmount = totalPriceTaxExcl * (taxPercent / 100);
+        const totalPriceTaxIncl = totalPriceTaxExcl + taxAmount;
+        const unitPriceTaxIncl = unitPriceTaxExcl * (1 + taxPercent / 100);
+        return {
+            totalPriceTaxExcl,
+            totalPriceTaxIncl,
+            unitPriceTaxIncl,
+        };
+    }, [editedItem.quantity, editedItem.unitPriceTaxExcl, editedItem.taxPercent]);
+    function handleInputChange(field) {
+        return function handleChange(event) {
+            const value = event.target.value;
+            if (field === "description") {
+                setEditedItem((prev) => ({ ...prev, [field]: value }));
+                return;
+            }
+            // For numeric fields
+            if (value === "" || value === "0") {
+                setEditedItem((prev) => ({ ...prev, [field]: value }));
+                return;
+            }
+            if (field === "quantity") {
+                // Allow only integers for quantity
+                if (/^\d+$/.test(value)) {
+                    setEditedItem((prev) => ({ ...prev, [field]: value }));
+                }
+            }
+            else if (field === "taxPercent") {
+                // Allow integers from 0-100 for tax percent, with more permissive validation
+                const numValue = parseInt(value, 10);
+                if (!isNaN(numValue) && numValue >= 0 && numValue <= 100) {
+                    setEditedItem((prev) => ({ ...prev, [field]: value }));
+                }
+            }
+            else if (field === "unitPriceTaxExcl") {
+                // For unit price, allow up to dynamic decimal places based on currency
+                const maxDecimals = getCurrencyPrecision(currency);
+                const regex = new RegExp(`^-?\\d*\\.?\\d{0,${maxDecimals}}$`);
+                if (regex.test(value)) {
+                    setEditedItem((prev) => ({ ...prev, [field]: value }));
+                }
+            }
+            else {
+                // For other decimal fields
+                if (/^-?\d*\.?\d*$/.test(value)) {
+                    setEditedItem((prev) => ({ ...prev, [field]: value }));
+                }
+            }
+        };
+    }
+    function handleSave() {
+        const quantity = typeof editedItem.quantity === "string"
+            ? editedItem.quantity === ""
+                ? 0
+                : Number(editedItem.quantity)
+            : (editedItem.quantity ?? 0);
+        const unitPriceTaxExcl = typeof editedItem.unitPriceTaxExcl === "string"
+            ? editedItem.unitPriceTaxExcl === ""
+                ? 0
+                : Number(editedItem.unitPriceTaxExcl)
+            : (editedItem.unitPriceTaxExcl ?? 0);
+        const taxPercent = typeof editedItem.taxPercent === "string"
+            ? editedItem.taxPercent === ""
+                ? 0
+                : Number(editedItem.taxPercent)
+            : (editedItem.taxPercent ?? 0);
+        const completeItem = {
+            id: editedItem.id ?? uuidv4(),
+            currency: editedItem.currency,
+            description: editedItem.description ?? "",
+            quantity: quantity,
+            taxPercent: taxPercent,
+            unitPriceTaxExcl: unitPriceTaxExcl,
+            unitPriceTaxIncl: calculatedValues.unitPriceTaxIncl,
+            totalPriceTaxExcl: calculatedValues.totalPriceTaxExcl,
+            totalPriceTaxIncl: calculatedValues.totalPriceTaxIncl,
+        };
+        onSave(completeItem);
+    }
+    return (_jsxs("tr", { ref: ref, className: "hover:bg-gray-50", children: [_jsx("td", { className: "border border-gray-200 p-3", children: _jsx(InputField, { onBlur: () => { }, handleInputChange: (e) => {
+                        setEditedItem((prev) => ({ ...prev, description: e.target.value }));
+                    }, value: editedItem.description ?? "", placeholder: "Description" }) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsx(NumberForm, { number: editedItem.quantity ?? "", precision: 0, handleInputChange: handleInputChange("quantity"), placeholder: "Quantity" }) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsx(NumberForm, { number: editedItem.unitPriceTaxExcl ?? "", precision: getCurrencyPrecision(currency), handleInputChange: handleInputChange("unitPriceTaxExcl"), placeholder: "Unit Price (excl. tax)" }) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsx(NumberForm, { number: editedItem.taxPercent ?? "", precision: 0, min: 0, max: 100, handleInputChange: handleInputChange("taxPercent"), placeholder: "Tax %" }) }), _jsx("td", { className: "border border-gray-200 p-3 text-right font-medium", children: formatNumber(calculatedValues.totalPriceTaxExcl) }), _jsx("td", { className: "border border-gray-200 p-3 text-right font-medium", children: formatNumber(calculatedValues.totalPriceTaxIncl) }), _jsx("td", { className: "border border-gray-200 p-3", children: _jsxs("div", { className: "flex space-x-2", children: [_jsx("button", { style: { backgroundColor: "blue" }, className: "rounded bg-blue-600 px-3 py-1 text-white hover:bg-blue-700", onClick: handleSave, children: "Save" }), _jsx("button", { className: "rounded bg-gray-500 px-3 py-1 text-white hover:bg-gray-600", onClick: onCancel, children: "Cancel" })] }) })] }));
+});
+export function LineItemsTable({ lineItems, currency, onAddItem, onUpdateItem, onDeleteItem, onUpdateCurrency, }) {
+    const [editingId, setEditingId] = useState(null);
+    const [isAddingNew, setIsAddingNew] = useState(false);
+    function handleAddClick() {
+        setIsAddingNew(true);
+    }
+    function handleSaveNewItem(item) {
+        onAddItem(item);
+        setIsAddingNew(false);
+    }
+    function handleCancelNewItem() {
+        setIsAddingNew(false);
+    }
+    return (_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", { className: "overflow-x-auto rounded-lg border border-gray-200", children: _jsxs("table", { className: "w-full border-collapse bg-white", children: [_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) => {
+                                        onUpdateItem(updatedItem);
+                                        setEditingId(null);
+                                    } }, item.id)) : (_jsxs("tr", { className: "hover:bg-gray-50", children: [_jsx("td", { className: "border-b border-gray-200 p-3", children: item.description }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right", children: item.quantity }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right", children: formatNumber(item.unitPriceTaxExcl) }), _jsxs("td", { className: "border-b border-gray-200 p-3 text-right", children: [typeof item.taxPercent === "number"
+                                                    ? Math.round(item.taxPercent)
+                                                    : 0, "%"] }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: formatNumber(item.totalPriceTaxExcl) }), _jsx("td", { className: "border-b border-gray-200 p-3 text-right font-medium", children: formatNumber(item.totalPriceTaxIncl) }), _jsx("td", { className: "border-b border-gray-200 p-3", children: _jsxs("div", { className: "flex justify-center space-x-2", children: [_jsx("button", { style: { backgroundColor: "lightblue" }, className: "rounded bg-blue-600 px-3 py-1 text-white hover:bg-blue-700", 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 })) : null] })] }) })] }));
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface RequestFinanceProps {
+    docState: any;
+}
+declare const RequestFinance: React.FC<RequestFinanceProps>;
+export default RequestFinance;
+//# sourceMappingURL=requestFinance.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"requestFinance.d.ts","sourceRoot":"","sources":["../../../editors/invoice/requestFinance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2MjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/editors/invoice/requestFinance.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
+if (window.document.baseURI !== 'http://localhost:3000/') {
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
+}
+const RequestFinance = ({ docState }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [responseData, setResponseData] = useState(null);
+    const [invoiceLink, setInvoiceLink] = useState(null);
+    const [directPaymentStatus, setDirectPaymentStatus] = useState(null);
+    // Function to call the createDirectPayment mutation
+    const createDirectPayment = async (paymentData) => {
+        try {
+            // GraphQL mutation request
+            const response = await fetch(GRAPHQL_URL, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    query: `
+            mutation Invoice_createRequestFinancePayment($paymentData: JSON!) {
+              Invoice_createRequestFinancePayment(paymentData: $paymentData) {
+                success
+                data
+                error
+              }
+            }
+          `,
+                    variables: {
+                        paymentData,
+                    },
+                }),
+            });
+            const result = await response.json();
+            if (result.errors) {
+                throw new Error(result.errors[0].message);
+            }
+            if (result.data?.Invoice_createRequestFinancePayment?.success) {
+                setDirectPaymentStatus("Direct payment created successfully");
+                return result.data.Invoice_createRequestFinancePayment.data;
+            }
+            else {
+                throw new Error(result.data?.Invoice_createRequestFinancePayment?.error || "Unknown error");
+            }
+        }
+        catch (err) {
+            console.error("Error creating direct payment:", err);
+            setDirectPaymentStatus(`Error creating direct payment: ${err instanceof Error ? err.message : "Unknown error"}`);
+            throw err;
+        }
+    };
+    const handleRequestFinance = async () => {
+        console.log("state when request finance is clicked", docState);
+        setIsLoading(true);
+        setError(null);
+        setInvoiceLink(null);
+        setDirectPaymentStatus(null);
+        const bankDetails = {
+            currency: docState.currency,
+            accountNumber: docState.issuer.paymentRouting.bank.accountNum,
+            country: docState.issuer.paymentRouting.bank.address.country.toUpperCase(),
+            bankName: docState.issuer.paymentRouting.bank.name,
+            firstName: docState.issuer.paymentRouting.bank.beneficiary.split(" ")[0] ||
+                "Liberuum",
+            lastName: docState.issuer.paymentRouting.bank.beneficiary.split(" ")[1] ||
+                "Liberty",
+            bicSwift: docState.issuer.paymentRouting.bank.BIC,
+        };
+        try {
+            const invoiceData = {
+                meta: {
+                    format: "rnf_generic",
+                    version: "0.0.3",
+                },
+                creationDate: docState.dateIssued,
+                invoiceItems: docState.lineItems.map((item) => ({
+                    currency: bankDetails.currency,
+                    name: item.description,
+                    quantity: item.quantity,
+                    unitPrice: item.totalPriceTaxIncl * 100,
+                })),
+                invoiceNumber: docState.invoiceNo,
+                buyerInfo: {
+                    email: docState.payer.contactInfo.email,
+                    firstName: docState.payer.name,
+                    // lastName: docState.payer.name.split(" ")[1] || "Liberty",
+                    businessName: docState.payer.name,
+                    address: {
+                        country: docState.payer.address.country,
+                        city: docState.payer.address.city,
+                        streetAddress: docState.payer.address.streetAddress,
+                        extendedAddress: docState.payer.address.extendedAddress,
+                        postalCode: docState.payer.address.postalCode,
+                    },
+                },
+                sellerInfo: {
+                    email: docState.issuer.contactInfo.email,
+                    firstName: docState.issuer.name,
+                    lastName: '',
+                    address: {
+                        country: docState.issuer.address.country,
+                        city: docState.issuer.address.city,
+                        streetAddress: docState.issuer.address.streetAddress,
+                        extendedAddress: docState.issuer.address.extendedAddress,
+                        postalCode: docState.issuer.address.postalCode,
+                    },
+                },
+                paymentOptions: [
+                    {
+                        type: "bank-account",
+                        value: {
+                            currency: bankDetails.currency,
+                            paymentInformation: {
+                                bankAccountDetails: {
+                                    accountNumber: bankDetails.accountNumber, // the IBAN
+                                    country: bankDetails.country,
+                                    currency: bankDetails.currency,
+                                    bankName: bankDetails.bankName,
+                                    firstName: bankDetails.firstName,
+                                    lastName: bankDetails.lastName,
+                                    bicSwift: bankDetails.bicSwift,
+                                },
+                            },
+                        },
+                    },
+                ],
+            };
+            // Instead of calling the API endpoint directly, use the createDirectPayment function
+            const directPaymentResult = await createDirectPayment(invoiceData);
+            console.log("Direct payment created:", directPaymentResult);
+            // Process the response
+            if (directPaymentResult?.response?.invoiceLinks?.pay) {
+                setInvoiceLink(directPaymentResult.response.invoiceLinks.pay);
+            }
+            setResponseData(directPaymentResult);
+            setDirectPaymentStatus("Direct payment created successfully");
+        }
+        catch (err) {
+            // Handle error with proper typing
+            let errorMessage = "An error occurred";
+            if (err instanceof Error) {
+                errorMessage = err.message;
+            }
+            setError(errorMessage);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsxs("div", { children: [_jsx("button", { className: "bg-blue-500 text-black px-4 py-2 rounded-md", onClick: handleRequestFinance, disabled: isLoading, children: isLoading ? "Processing..." : "Send Payment to Request Finance >" }), error && (_jsx("div", { className: "error-message", style: { color: "red" }, children: error })), invoiceLink && (_jsxs("div", { children: [_jsx("div", { className: "direct-payment-status", children: _jsx("p", { children: directPaymentStatus }) }), _jsx("div", { className: "invoice-link", children: _jsx("a", { style: { color: "blue" }, href: invoiceLink, target: "_blank", rel: "noopener noreferrer", className: "view-invoice-button", children: "View Invoice" }) })] }))] }));
+};
+export default RequestFinance;

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

@@ -0,0 +1,10 @@
+/**
+ * Utility function to upload a PDF file in chunks
+ * @param pdfData Base64 encoded PDF data
+ * @param endpoint GraphQL endpoint
+ * @param chunkSize Size of each chunk in bytes (default: 500KB)
+ * @param onProgress Callback for upload progress
+ */
+export declare function uploadPdfChunked(pdfData: string, endpoint?: string, chunkSize?: number, // 500KB chunks
+onProgress?: (progress: number) => void): Promise<any>;
+//# sourceMappingURL=uploadPdfChunked.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uploadPdfChunked.d.ts","sourceRoot":"","sources":["../../../editors/invoice/uploadPdfChunked.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,MAAM,EACf,QAAQ,GAAE,MAAoB,EAC9B,SAAS,GAAE,MAAmB,EAAE,eAAe;AAC/C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACtC,OAAO,CAAC,GAAG,CAAC,CA6Ed"}

package/dist/editors/invoice/uploadPdfChunked.js

@@ -0,0 +1,79 @@
+/**
+ * Utility function to upload a PDF file in chunks
+ * @param pdfData Base64 encoded PDF data
+ * @param endpoint GraphQL endpoint
+ * @param chunkSize Size of each chunk in bytes (default: 500KB)
+ * @param onProgress Callback for upload progress
+ */
+let GRAPHQL_URL = 'http://localhost:4001/graphql/invoice';
+if (window.document.baseURI !== 'http://localhost:3000/') {
+    GRAPHQL_URL = 'https://switchboard-dev.powerhouse.xyz/graphql/invoice';
+}
+export async function uploadPdfChunked(pdfData, endpoint = GRAPHQL_URL, chunkSize = 500 * 1024, // 500KB chunks
+onProgress) {
+    // Generate a unique session ID for this upload
+    const sessionId = `upload_${Date.now()}_${Math.random().toString(36).substring(2, 10)}`;
+    const fileName = `invoice_${Date.now()}.pdf`;
+    // Calculate total chunks
+    const totalChunks = Math.ceil(pdfData.length / chunkSize);
+    console.log(`Splitting file into ${totalChunks} chunks of ${chunkSize} bytes each`);
+    // Upload each chunk
+    const results = [];
+    for (let i = 0; i < totalChunks; i++) {
+        const start = i * chunkSize;
+        const end = Math.min(start + chunkSize, pdfData.length);
+        const chunk = pdfData.substring(start, end);
+        const response = await fetch(endpoint, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                query: `
+          mutation Invoice_uploadInvoicePdfChunk(
+            $chunk: String!
+            $chunkIndex: Int!
+            $totalChunks: Int!
+            $fileName: String!
+            $sessionId: String!
+          ) {
+            Invoice_uploadInvoicePdfChunk(
+              chunk: $chunk
+              chunkIndex: $chunkIndex
+              totalChunks: $totalChunks
+              fileName: $fileName
+              sessionId: $sessionId
+            ) {
+              success
+              data
+              error
+            }
+          }
+        `,
+                variables: {
+                    chunk,
+                    chunkIndex: i,
+                    totalChunks,
+                    fileName,
+                    sessionId,
+                },
+            }),
+        });
+        const result = await response.json();
+        results.push(result);
+        // Call progress callback if provided
+        if (onProgress) {
+            onProgress(((i + 1) / totalChunks) * 100);
+        }
+        // If this is the last chunk and it was successful, return the final result
+        if (i === totalChunks - 1 && result.data?.Invoice_uploadInvoicePdfChunk?.success) {
+            return result.data.Invoice_uploadInvoicePdfChunk;
+        }
+    }
+    // If we get here, something went wrong
+    const lastResult = results[results.length - 1];
+    return (lastResult?.data?.Invoice_uploadInvoicePdfChunk || {
+        success: false,
+        error: "Failed to upload all chunks",
+    });
+}

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

@@ -0,0 +1,2 @@
+export declare const getCountryCodeFromName: (countryName: string | undefined | null) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/utils/utils.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB,GACjC,aAAa,MAAM,GAAG,SAAS,GAAG,IAAI,KACrC,MA8DF,CAAC"}