@powerhousedao/contributor-billing 0.0.1

package/dist/editors/invoice/ingestUBL.js

@@ -0,0 +1,169 @@
+import { actions, } from "../../document-models/invoice/index.js";
+export class UBLConverter {
+    dispatch;
+    constructor(config) {
+        this.dispatch = config.dispatch;
+    }
+    convertUBLToInvoice(ublXml) {
+        const parser = new DOMParser();
+        const xmlDoc = parser.parseFromString(ublXml, "text/xml");
+        // Handle parsing errors
+        const parserError = xmlDoc.querySelector("parsererror");
+        if (parserError) {
+            throw new Error(`Invalid XML: ${parserError.textContent}`);
+        }
+        // Find Invoice element (handling potential namespace)
+        const invoice = xmlDoc.querySelector("Invoice, ubl\\:Invoice");
+        if (!invoice) {
+            throw new Error("Invalid UBL document: No Invoice element found");
+        }
+        this.processGeneralData(invoice);
+        this.processParties(invoice);
+        this.processLineItems(invoice);
+    }
+    getElementText(node, selector, schemeID) {
+        const elements = node.querySelectorAll(selector);
+        for (const el of elements) {
+            if (!schemeID || el.getAttribute("schemeID") === schemeID) {
+                return el.textContent?.trim() ?? null;
+            }
+        }
+        return null;
+    }
+    getElementTextList(parent, selector) {
+        const elements = parent.querySelectorAll(selector);
+        return Array.from(elements).map((el) => el.textContent || "");
+    }
+    processGeneralData(invoice) {
+        // Process basic invoice data
+        this.dispatch(actions.editInvoice({
+            invoiceNo: this.getElementText(invoice, "ID, cbc\\:ID"),
+            dateIssued: this.getElementText(invoice, "IssueDate, cbc\\:IssueDate"),
+            dateDue: this.getElementText(invoice, "PaymentDueDate, cbc\\:PaymentDueDate"),
+            dateDelivered: this.getElementText(invoice, "ActualDeliveryDate, cbc\\:ActualDeliveryDate") ||
+                this.getElementText(invoice, "TaxPointDate, cbc\\:TaxPointDate") ||
+                null,
+            currency: this.getElementText(invoice, "CurrencyCode, cbc\\:CurrencyCode") ||
+                this.getElementText(invoice, "DocumentCurrencyCode, cbc\\:DocumentCurrencyCode"),
+        }));
+    }
+    processParties(invoice) {
+        // Process issuer (AccountingSupplierParty)
+        const supplier = invoice.querySelector("AccountingSupplierParty Party, cac\\:AccountingSupplierParty cac\\:Party");
+        if (supplier) {
+            this.dispatch(actions.editIssuer({
+                id: this.getElementText(supplier, "PartyIdentification ID, cac\\:PartyIdentification cbc\\:ID") ||
+                    this.getElementText(supplier, "CompanyID, cac\\:CompanyID cbc\\:ID"),
+                name: this.getElementText(supplier, "PartyName Name, cac\\:PartyName cbc\\:Name"),
+                streetAddress: this.getElementText(supplier, "PostalAddress StreetName, cac\\:PostalAddress cbc\\:StreetName"),
+                city: this.getElementText(supplier, "PostalAddress CityName, cac\\:PostalAddress cbc\\:CityName"),
+                postalCode: this.getElementText(supplier, "PostalAddress PostalZone, cac\\:PostalAddress cbc\\:PostalZone"),
+                country: this.getElementText(supplier, "PostalAddress Country IdentificationCode, cac\\:PostalAddress cac\\:Country cbc\\:IdentificationCode"),
+                stateProvince: this.getElementText(supplier, "PostalAddress CountrySubentity, cac\\:PostalAddress cbc\\:CountrySubentity"),
+                tel: this.getElementText(supplier, "Contact Telephone, cac\\:Contact cbc\\:Telephone"),
+                email: this.getElementText(supplier, "Contact ElectronicMail, cac\\:Contact cbc\\:ElectronicMail"),
+            }));
+            const paymentMeans = invoice.querySelector("PaymentMeans, cac\\:PaymentMeans");
+            if (paymentMeans) {
+                const financialAccount = paymentMeans.querySelector("PayeeFinancialAccount, cac\\:PayeeFinancialAccount");
+                if (financialAccount) {
+                    const walletAddress = this.getElementText(financialAccount, "cbc\\:ID, ID", "walletAddress");
+                    if (walletAddress) {
+                        this.dispatch(actions.editIssuerWallet({
+                            address: walletAddress,
+                            chainName: this.getElementText(financialAccount, "cbc\\:ID, ID", "chainName"),
+                            chainId: this.getElementText(financialAccount, "cbc\\:ID, ID", "chainId"),
+                        }));
+                    }
+                    else {
+                        this.dispatch(actions.editIssuerBank({
+                            accountNum: this.getElementText(financialAccount, "cbc\\:ID, ID", "IBAN") ?? this.getElementText(financialAccount, "cbc\\:ID, ID"),
+                            BIC: this.getElementText(financialAccount, "cbc\\:ID, ID", "BIC"),
+                            SWIFT: this.getElementText(financialAccount, "cbc\\:ID, ID", "SWIFT"),
+                            ABA: this.getElementText(financialAccount, "cbc\\:ID, ID", "ABA"),
+                            name: this.getElementText(financialAccount, "FinancialInstitutionBranch FinancialInstitution Name, " +
+                                "cac\\:FinancialInstitutionBranch cac\\:FinancialInstitution cbc\\:Name"),
+                            streetAddress: this.getElementText(financialAccount, "cbc\\:StreetName, StreetName", "streetAddress"),
+                            extendedAddress: this.getElementText(financialAccount, "cbc\\:AdditionalStreetName, AdditionalStreetName", "extendedAddress"),
+                            city: this.getElementText(financialAccount, "cbc\\:CityName, CityName", "city"),
+                            stateProvince: this.getElementText(financialAccount, "cbc\\:CountrySubentity, CountrySubentity", "stateProvince"),
+                            postalCode: this.getElementText(financialAccount, "cbc\\:PostalZone, PostalZone", "postalCode"),
+                            country: this.getElementText(financialAccount, "cbc\\:IdentificationCode, IdentificationCode", "country"),
+                        }));
+                    }
+                }
+            }
+        }
+        // Process payer (AccountingCustomerParty)
+        const customer = invoice.querySelector("AccountingCustomerParty Party, cac\\:AccountingCustomerParty cac\\:Party");
+        if (customer) {
+            this.dispatch(actions.editPayer({
+                id: this.getElementText(customer, "PartyIdentification ID, cac\\:PartyIdentification cbc\\:ID") ||
+                    this.getElementText(customer, "CompanyID, cac\\:CompanyID cbc\\:ID"),
+                name: this.getElementText(customer, "PartyName Name, cac\\:PartyName cbc\\:Name"),
+                streetAddress: this.getElementText(customer, "PostalAddress StreetName, cac\\:PostalAddress cbc\\:StreetName"),
+                city: this.getElementText(customer, "PostalAddress CityName, cac\\:PostalAddress cbc\\:CityName"),
+                postalCode: this.getElementText(customer, "PostalAddress PostalZone, cac\\:PostalAddress cbc\\:PostalZone"),
+                country: this.getElementText(customer, "PostalAddress Country IdentificationCode, cac\\:PostalAddress cac\\:Country cbc\\:IdentificationCode"),
+                stateProvince: this.getElementText(customer, "PostalAddress CountrySubentity, cac\\:PostalAddress cbc\\:CountrySubentity"),
+                tel: this.getElementText(customer, "Contact Telephone, cac\\:Contact cbc\\:Telephone"),
+                email: this.getElementText(customer, "Contact ElectronicMail, cac\\:Contact cbc\\:ElectronicMail"),
+            }));
+            // Process payer bank details
+            const financialAccount = customer.querySelector("FinancialAccount, cac\\:FinancialAccount");
+            if (financialAccount) {
+                this.dispatch(actions.editPayerBank({
+                    name: this.getElementText(financialAccount, "FinancialInstitutionBranch FinancialInstitution Name, cac\\:FinancialInstitutionBranch cac\\:FinancialInstitution cbc\\:Name"),
+                    accountNum: this.getElementText(financialAccount, "ID, cbc\\:ID"),
+                    SWIFT: this.getElementText(financialAccount, "FinancialInstitutionBranch FinancialInstitution ID, cac\\:FinancialInstitutionBranch cac\\:FinancialInstitution cbc\\:ID"),
+                }));
+            }
+        }
+    }
+    processLineItems(invoice) {
+        const invoiceLines = invoice.querySelectorAll("InvoiceLine, cac\\:InvoiceLine");
+        invoiceLines.forEach((line) => {
+            const taxPercent = parseFloat(this.getElementText(line, "cbc\\:Percent, Percent") ?? "0") || 0;
+            const quantity = parseFloat(this.getElementText(line, "cbc\\:InvoicedQuantity, InvoicedQuantity") ?? "0") || 0;
+            const unitPriceExcl = parseFloat(this.getElementText(line, "cbc\\:PriceAmount, PriceAmount") ?? "0") || 0;
+            const unitPriceIncl = unitPriceExcl * (1 + taxPercent / 100);
+            this.dispatch(actions.addLineItem({
+                id: this.getElementText(line, "cbc\\:ID, ID") ?? "",
+                description: this.getElementText(line, "cbc\\:Description, Description") ||
+                    this.getElementText(line, "cbc\\:Name, Name") ||
+                    "No description",
+                taxPercent,
+                quantity,
+                currency: line
+                    .querySelector("cbc\\:PriceAmount, PriceAmount")
+                    ?.getAttribute("currencyID") ||
+                    line
+                        .querySelector("cbc\\:LineExtensionAmount, LineExtensionAmount")
+                        ?.getAttribute("currencyID") ||
+                    this.getElementText(invoice, "CurrencyCode, cbc\\:CurrencyCode") ||
+                    this.getElementText(invoice, "DocumentCurrencyCode, cbc\\:DocumentCurrencyCode") ||
+                    "USD",
+                unitPriceTaxExcl: unitPriceExcl,
+                unitPriceTaxIncl: unitPriceIncl,
+                totalPriceTaxExcl: quantity * unitPriceExcl,
+                totalPriceTaxIncl: quantity * unitPriceIncl,
+            }));
+        });
+    }
+}
+export async function loadUBLFile({ file, dispatch, }) {
+    try {
+        if (!/text\/xml|application\/xml/.exec(file.type)) {
+            throw new Error("Please select a valid XML file");
+        }
+        const fileContent = await file.text();
+        const converter = new UBLConverter({
+            dispatch,
+        });
+        return converter.convertUBLToInvoice(fileContent);
+    }
+    catch (error) {
+        console.error("Error loading UBL file:", error);
+        throw error;
+    }
+}

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

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

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

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

package/dist/editors/invoice/invoiceToGnosis.js

@@ -0,0 +1,139 @@
+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 InvoiceToGnosis = ({ docState }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [responseData, setResponseData] = useState(null);
+    const [invoiceStatusResponse, setInvoiceStatusResponse] = useState(null);
+    const [safeTxHash, setsafeTxHash] = useState(null);
+    const currency = docState.currency;
+    const chainName = docState.issuer.paymentRouting.wallet.chainName;
+    const TOKEN_ADDRESSES = {
+        BASE: {
+            USDC: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
+            USDS: "0x820C137fa70C8691f0e44Dc420a5e53c168921Dc",
+            DAI: "0x50c5725949A6F0c72E6C4a641F24049A917DB0Cb",
+            // Add more tokens as needed
+        },
+        ETHEREUM: {
+            USDC: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+            USDS: "0xdC035D45d973E3EC169d2276DDab16f1e407384F",
+            DAI: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+            // Add more tokens as needed
+        },
+        "ARBITRUM ONE": {
+            USDC: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831",
+            USDS: "0x6491c05A82219b8D1479057361ff1654749b876b",
+            DAI: "0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1",
+            // Add more tokens as needed
+        },
+        // Add more networks as needed
+    };
+    // Separate payerWallet configuration
+    const payerWallet = {
+        BASE: {
+            rpc: "https://base.llamarpc.com",
+            chainName: "Base",
+            chainId: "8453",
+            address: "0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e", // Safe address
+        },
+        ETHEREUM: {
+            rpc: "https://eth.llamarpc.com",
+            chainName: "Ethereum",
+            chainId: "1",
+            address: "0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e", // Safe address
+        },
+        "ARBITRUM ONE": {
+            rpc: "https://arb1.arbitrum.io/rpc",
+            chainName: "Arbitrum One",
+            chainId: "42161",
+            address: "0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e", // Safe address
+        },
+    };
+    // Extract payment details from current-state.json
+    const paymentDetails = {
+        payeeWallet: {
+            address: docState.issuer.paymentRouting.wallet.address,
+            chainName: docState.issuer.paymentRouting.wallet.chainName,
+            chainId: docState.issuer.paymentRouting.wallet.chainId,
+        },
+        token: {
+            evmAddress: getTokenAddress(chainName, currency),
+            symbol: docState.currency,
+            chainName: docState.issuer.paymentRouting.wallet.chainName,
+            chainId: docState.issuer.paymentRouting.wallet.chainId,
+        },
+        amount: docState.totalPriceTaxIncl || 0.000015, // Make the amount small for testing
+    };
+    function getTokenAddress(chainName, symbol) {
+        const networkTokens = TOKEN_ADDRESSES[chainName.toUpperCase()];
+        if (!networkTokens) {
+            console.error(`Network ${chainName} not supported`);
+        }
+        const tokenAddress = networkTokens[symbol];
+        if (!tokenAddress) {
+            console.error(`Token ${symbol} not supported on ${chainName}`);
+        }
+        return tokenAddress;
+    }
+    const handleInvoiceToGnosis = async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(GRAPHQL_URL, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    query: `
+            mutation Invoice_processGnosisPayment($payerWallet: JSON!, $paymentDetails: JSON!, $invoiceNo: String!) {
+              Invoice_processGnosisPayment(payerWallet: $payerWallet, paymentDetails: $paymentDetails, invoiceNo: $invoiceNo) {
+                success
+                data
+                error
+              }
+            }
+          `,
+                    variables: {
+                        payerWallet: payerWallet[chainName.toUpperCase()],
+                        paymentDetails: paymentDetails,
+                        invoiceNo: docState.invoiceNo,
+                    },
+                }),
+            });
+            const result = await response.json();
+            const data = result.data.Invoice_processGnosisPayment;
+            if (data.success) {
+                const dataObj = typeof data.data === "string" ? JSON.parse(data.data) : data.data;
+                setsafeTxHash(dataObj.txHash);
+                if (dataObj.paymentDetails) {
+                    // Format the payment details for better readability
+                    const formattedDetails = {
+                        amount: dataObj.paymentDetails[0].amount,
+                        token: dataObj.paymentDetails[0].token.symbol,
+                        chain: chainName,
+                    };
+                    setInvoiceStatusResponse(`Amount: ${formattedDetails.amount} ${formattedDetails.token} on ${formattedDetails.chain}`);
+                }
+            }
+            else {
+                setError(data.error);
+            }
+            setIsLoading(false);
+        }
+        catch (error) {
+            console.error("Error during transfer:", error);
+            setIsLoading(false);
+        }
+    };
+    if (!currency || !chainName || currency === "" || chainName === "") {
+        return null;
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [currency && chainName && currency !== "" && chainName !== "" && (_jsx("button", { className: "bg-blue-500 text-black px-4 py-2 rounded-md hover:bg-blue-600", onClick: handleInvoiceToGnosis, disabled: isLoading, children: isLoading ? "Processing..." : "Send Payment to Gnosis >" })), error && (_jsx("div", { className: "text-red-500 bg-red-50 p-3 rounded-md", children: error })), safeTxHash && (_jsxs("div", { className: "bg-gray-50 p-4 rounded-md space-y-2", children: [_jsxs("p", { className: "font-medium", children: ["Safe Transaction Hash:", _jsx("span", { className: "font-mono text-sm ml-2 break-all", children: safeTxHash })] }), _jsx("a", { href: `https://app.safe.global/transactions/queue?safe=base:0x1FB6bEF04230d67aF0e3455B997a28AFcCe1F45e`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600 underline block", children: "View Transaction" })] })), invoiceStatusResponse && (_jsxs("div", { className: "bg-gray-50 p-4 rounded-md", children: [_jsx("p", { className: "font-medium", children: "Payment Details:" }), _jsx("p", { className: "text-gray-700", children: invoiceStatusResponse })] }))] }));
+};
+export default InvoiceToGnosis;

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

@@ -0,0 +1,14 @@
+import { ComponentPropsWithRef } from "react";
+import { EditLegalEntityBankInput } from "./legalEntity.js";
+import { ValidationResult } from "../validation/validationManager.js";
+export type LegalEntityBankSectionProps = Omit<ComponentPropsWithRef<"div">, "children"> & {
+    readonly value: EditLegalEntityBankInput;
+    readonly onChange: (value: EditLegalEntityBankInput) => void;
+    readonly disabled?: boolean;
+    readonly countryvalidation?: ValidationResult | null;
+    readonly ibanvalidation?: ValidationResult | null;
+    readonly bicvalidation?: ValidationResult | null;
+    readonly banknamevalidation?: ValidationResult | null;
+};
+export declare const LegalEntityBankSection: import("react").ForwardRefExoticComponent<Omit<LegalEntityBankSectionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=bankSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bankSection.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/legalEntity/bankSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAMtB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAiCtE,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,CACX,GAAG;IACF,QAAQ,CAAC,KAAK,EAAE,wBAAwB,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrD,QAAQ,CAAC,cAAc,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,aAAa,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACvD,CAAC;AAgBF,eAAO,MAAM,sBAAsB,qIAkalC,CAAC"}

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

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useState, useEffect, } from "react";
+import { twMerge } from "tailwind-merge";
+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 }));
+const ACCOUNT_TYPES = ["CHECKING", "SAVINGS", "TRUST"];
+const AccountTypeSelect = forwardRef(function AccountTypeSelect(props, ref) {
+    return (_jsxs("select", { ...props, className: twMerge("h-10 w-full rounded-md border border-gray-200 bg-white px-3 transition-colors focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50 disabled:p-0", props.className), ref: ref, children: [_jsx("option", { value: "", children: "Select Account Type" }), ACCOUNT_TYPES.map((type) => (_jsx("option", { value: type, children: type }, type)))] }));
+});
+function flattenBankInput(value) {
+    return {
+        ...value,
+        ...(value.address && {
+            streetAddress: value.address.streetAddress ?? "",
+            extendedAddress: value.address.extendedAddress ?? "",
+            city: value.address.city ?? "",
+            postalCode: value.address.postalCode ?? "",
+            country: value.address.country ?? "",
+            stateProvince: value.address.stateProvince ?? "",
+        }),
+    };
+}
+export const LegalEntityBankSection = forwardRef(function LegalEntityBankSection(props, ref) {
+    const { value, onChange, disabled, countryvalidation, ibanvalidation, bicvalidation, banknamevalidation, ...divProps } = props;
+    const [showIntermediary, setShowIntermediary] = useState(false);
+    const [localState, setLocalState] = useState(flattenBankInput(value));
+    useEffect(() => {
+        setLocalState(flattenBankInput(value));
+    }, [value]);
+    const handleInputChange = useCallback(function handleInputChange(field, event) {
+        setLocalState((prevState) => ({
+            ...prevState,
+            [field]: event.target.value,
+        }));
+    }, []);
+    const handleBlur = useCallback(function handleBlur(field, event) {
+        onChange({
+            [field]: event.target.value,
+        });
+    }, [onChange]);
+    const handleIntermediaryToggle = useCallback(function handleIntermediaryToggle(event) {
+        setShowIntermediary(event.target.checked);
+    }, []);
+    function createInputHandler(field) {
+        return function handleFieldChange(event) {
+            handleInputChange(field, event);
+        };
+    }
+    function createBlurHandler(field) {
+        return function handleFieldBlur(event) {
+            handleBlur(field, event);
+        };
+    }
+    return (_jsxs("div", { ...divProps, className: twMerge("rounded-lg border border-gray-200 bg-white p-6", props.className), ref: ref, children: [_jsx("h3", { className: "mb-4 text-lg font-semibold text-gray-900", children: "Banking Information" }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(InputField
+                                // input={localState.accountNum ?? ""}
+                                , { 
+                                    // input={localState.accountNum ?? ""}
+                                    value: localState.accountNum ?? "", label: "Account Number", placeholder: "Account Number", onBlur: createBlurHandler("accountNum"), handleInputChange: createInputHandler("accountNum"), className: "h-10 w-full text-md mb-2", validation: ibanvalidation }) }), _jsx("div", { className: "space-y-2", children: _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { children: "Account Details" }), _jsx(AccountTypeSelect, { disabled: disabled, onChange: createInputHandler("accountType"), onBlur: createBlurHandler("accountType"), value: localState.accountType ?? "" })] }), _jsx("div", { className: "space-y-2", children: _jsx(InputField
+                                            // input={
+                                            //   (localState.ABA || localState.BIC || localState.SWIFT) ??
+                                            //   ""
+                                            // }
+                                            , { 
+                                                // input={
+                                                //   (localState.ABA || localState.BIC || localState.SWIFT) ??
+                                                //   ""
+                                                // }
+                                                value: (localState.ABA || localState.BIC || localState.SWIFT) ??
+                                                    "", label: "ABA/BIC/SWIFT No.", placeholder: "ABA/BIC/SWIFT No.", onBlur: createBlurHandler("BIC"), handleInputChange: createInputHandler("BIC"), className: "h-10 w-full text-md mb-2", validation: bicvalidation }) })] }) })] }), _jsx("div", { className: "space-y-4", children: _jsx(InputField
+                        // input={localState.beneficiary ?? ""}
+                        , { 
+                            // input={localState.beneficiary ?? ""}
+                            value: localState.beneficiary ?? "", label: "Beneficiary Information", placeholder: "Beneficiary Name", onBlur: createBlurHandler("beneficiary"), handleInputChange: createInputHandler("beneficiary"), className: "h-10 w-full text-md mb-2" }) }), _jsx("div", { className: "space-y-4", children: _jsx(InputField
+                        // input={localState.name ?? ""}
+                        , { 
+                            // input={localState.name ?? ""}
+                            value: localState.name ?? "", label: "Bank Details", placeholder: "Bank Name", onBlur: createBlurHandler("name"), handleInputChange: createInputHandler("name"), className: "h-10 w-full text-md mb-2", validation: banknamevalidation }) }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-4 rounded-lg", children: [_jsx(InputField
+                                // input={localState.streetAddress ?? ""}
+                                , { 
+                                    // input={localState.streetAddress ?? ""}
+                                    value: localState.streetAddress ?? "", label: "Bank Address", placeholder: "Street Address", onBlur: createBlurHandler("streetAddress"), handleInputChange: createInputHandler("streetAddress"), className: "h-10 w-full text-md mb-2" }), _jsx(InputField
+                                // input={localState.extendedAddress ?? ""}
+                                , { 
+                                    // input={localState.extendedAddress ?? ""}
+                                    value: localState.extendedAddress ?? "", placeholder: "Extended Address", onBlur: createBlurHandler("extendedAddress"), handleInputChange: createInputHandler("extendedAddress"), className: "h-10 w-full text-md mb-2" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InputField
+                                        // input={localState.city ?? ""}
+                                        , { 
+                                            // input={localState.city ?? ""}
+                                            value: localState.city ?? "", label: "City", placeholder: "City", onBlur: createBlurHandler("city"), handleInputChange: createInputHandler("city"), className: "h-10 w-full text-md mb-2" }), _jsx(InputField
+                                        // input={localState.stateProvince ?? ""}
+                                        , { 
+                                            // input={localState.stateProvince ?? ""}
+                                            value: localState.stateProvince ?? "", label: "State/Province", placeholder: "State/Province", onBlur: createBlurHandler("stateProvince"), handleInputChange: createInputHandler("stateProvince"), className: "h-10 w-full text-md mb-2" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InputField
+                                        // input={localState.postalCode ?? ""}
+                                        , { 
+                                            // input={localState.postalCode ?? ""}
+                                            value: localState.postalCode ?? "", label: "Postal Code", placeholder: "Postal Code", onBlur: createBlurHandler("postalCode"), handleInputChange: createInputHandler("postalCode"), className: "h-10 w-full text-md mb-2" }), _jsx(CountryForm, { label: "Country", country: localState.country ?? "", handleInputChange: createInputHandler("country"), handleBlur: createBlurHandler("country"), className: "h-10 w-full text-md mb-2", validation: countryvalidation })] })] }) }), _jsx("div", { className: "space-y-2", children: _jsx(InputField
+                        // input={localState.memo ?? ""}
+                        , { 
+                            // input={localState.memo ?? ""}
+                            value: localState.memo ?? "", label: "Memo", placeholder: "Memo", onBlur: createBlurHandler("memo"), handleInputChange: createInputHandler("memo"), className: "h-10 w-full text-md mb-2" }) }), _jsx("div", { className: "pt-4", children: _jsxs("label", { className: "flex items-center space-x-2", children: [_jsx("input", { checked: showIntermediary, className: "size-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500", id: "showIntermediary", onChange: handleIntermediaryToggle, type: "checkbox" }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Include Intermediary Bank" })] }) }), showIntermediary ? (_jsxs("div", { className: "bg-blue-50 mt-4 space-y-6 rounded-lg border border-blue-100 p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Intermediary Bank Details" }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(InputField
+                                                // input={localState.accountNumIntermediary ?? ""}
+                                                , { 
+                                                    // input={localState.accountNumIntermediary ?? ""}
+                                                    value: localState.accountNumIntermediary ?? "", label: "Account Number", placeholder: "Intermediary Account Number", onBlur: createBlurHandler("accountNumIntermediary"), handleInputChange: createInputHandler("accountNumIntermediary"), className: "h-10 w-full text-md mb-2" }) }), _jsx("div", { className: "space-y-2", children: _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { children: "Account Details" }), _jsx(AccountTypeSelect, { disabled: disabled, onChange: createInputHandler("accountTypeIntermediary"), onBlur: createBlurHandler("accountTypeIntermediary"), value: localState.accountTypeIntermediary ?? "" })] }), _jsx("div", { className: "space-y-2", children: _jsx(InputField
+                                                            // input={
+                                                            //   (localState.ABAIntermediary ||
+                                                            //     localState.BICIntermediary ||
+                                                            //     localState.SWIFTIntermediary) ??
+                                                            //   ""
+                                                            // }
+                                                            , { 
+                                                                // input={
+                                                                //   (localState.ABAIntermediary ||
+                                                                //     localState.BICIntermediary ||
+                                                                //     localState.SWIFTIntermediary) ??
+                                                                //   ""
+                                                                // }
+                                                                value: (localState.ABAIntermediary ||
+                                                                    localState.BICIntermediary ||
+                                                                    localState.SWIFTIntermediary) ??
+                                                                    "", label: "ABA/BIC/SWIFT No.", placeholder: "ABA/BIC/SWIFT No.", onBlur: createBlurHandler("BICIntermediary"), handleInputChange: createInputHandler("BICIntermediary"), className: "h-10 w-full text-md mb-2" }) })] }) })] }), _jsx("div", { className: "space-y-4", children: _jsx(InputField
+                                        // input={localState.beneficiaryIntermediary ?? ""}
+                                        , { 
+                                            // input={localState.beneficiaryIntermediary ?? ""}
+                                            value: localState.beneficiaryIntermediary ?? "", label: "Beneficiary Information", placeholder: "Intermediary Beneficiary Name", onBlur: createBlurHandler("beneficiaryIntermediary"), handleInputChange: createInputHandler("beneficiaryIntermediary"), className: "h-10 w-full text-md mb-2" }) }), _jsx("div", { className: "space-y-4", children: _jsx(InputField
+                                        // input={localState.nameIntermediary ?? ""}
+                                        , { 
+                                            // input={localState.nameIntermediary ?? ""}
+                                            value: localState.nameIntermediary ?? "", label: "Bank Details", placeholder: "Intermediary Bank Name", onBlur: createBlurHandler("nameIntermediary"), handleInputChange: createInputHandler("nameIntermediary"), className: "h-10 w-full text-md mb-2" }) }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-4 rounded-lg", children: [_jsx(InputField
+                                                // input={localState.streetAddressIntermediary ?? ""}
+                                                , { 
+                                                    // input={localState.streetAddressIntermediary ?? ""}
+                                                    value: localState.streetAddressIntermediary ?? "", label: "Bank Address", placeholder: "Street Address", onBlur: createBlurHandler("streetAddressIntermediary"), handleInputChange: createInputHandler("streetAddressIntermediary"), className: "h-10 w-full text-md mb-2" }), _jsx(InputField
+                                                // input={localState.extendedAddressIntermediary ?? ""}
+                                                , { 
+                                                    // input={localState.extendedAddressIntermediary ?? ""}
+                                                    value: localState.extendedAddressIntermediary ?? "", placeholder: "Extended Address", onBlur: createBlurHandler("extendedAddressIntermediary"), handleInputChange: createInputHandler("extendedAddressIntermediary"), className: "h-10 w-full text-md mb-2" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InputField
+                                                        // input={localState.cityIntermediary ?? ""}
+                                                        , { 
+                                                            // input={localState.cityIntermediary ?? ""}
+                                                            value: localState.cityIntermediary ?? "", label: "City", placeholder: "City", onBlur: createBlurHandler("cityIntermediary"), handleInputChange: createInputHandler("cityIntermediary"), className: "h-10 w-full text-md mb-2" }), _jsx(InputField
+                                                        // input={localState.stateProvinceIntermediary ?? ""}
+                                                        , { 
+                                                            // input={localState.stateProvinceIntermediary ?? ""}
+                                                            value: localState.stateProvinceIntermediary ?? "", label: "State/Province", placeholder: "State/Province", onBlur: createBlurHandler("stateProvinceIntermediary"), handleInputChange: createInputHandler("stateProvinceIntermediary"), className: "h-10 w-full text-md mb-2" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(InputField
+                                                        // input={localState.postalCodeIntermediary ?? ""}
+                                                        , { 
+                                                            // input={localState.postalCodeIntermediary ?? ""}
+                                                            value: localState.postalCodeIntermediary ?? "", label: "Postal Code", placeholder: "Postal Code", onBlur: createBlurHandler("postalCodeIntermediary"), handleInputChange: createInputHandler("postalCodeIntermediary"), className: "h-10 w-full text-md mb-2" }), _jsx(CountryForm, { label: "Country", country: localState.countryIntermediary ?? "", handleInputChange: createInputHandler("countryIntermediary"), handleBlur: createBlurHandler("countryIntermediary"), className: "h-10 w-full text-md mb-2" })] })] }) }), _jsx("div", { className: "space-y-2", children: _jsx(InputField
+                                        // input={localState.memoIntermediary ?? ""}
+                                        , { 
+                                            // input={localState.memoIntermediary ?? ""}
+                                            value: localState.memoIntermediary ?? "", label: "Memo", placeholder: "Memo", onBlur: createBlurHandler("memoIntermediary"), handleInputChange: createInputHandler("memoIntermediary"), className: "h-10 w-full text-md mb-2" }) })] })] })) : null] })] }));
+});

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

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+export declare const FieldLabel: ({ children, }: {
+    readonly children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TextInput: (props: ComponentProps<"input">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=common.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/legalEntity/common.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,UAAU,GAAI,eAExB;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,4CAEA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,CAAC,OAAO,CAAC,4CAWvD,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+export const FieldLabel = ({ children, }) => (_jsx("label", { className: "block text-sm font-medium text-gray-700", children: children }));
+export const TextInput = (props) => {
+    return (_jsx("input", { ...props, className: twMerge("h-10 w-full rounded-md border border-gray-200 bg-white px-3 transition-colors focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 disabled:bg-gray-50 disabled:p-0", props.className), type: "text" }));
+};

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

@@ -0,0 +1,40 @@
+import { EditIssuerBankInput, EditIssuerInput, EditIssuerWalletInput, EditPayerBankInput, EditPayerInput, EditPayerWalletInput, LegalEntity } from "../../../document-models/invoice/index.js";
+import { ComponentPropsWithRef } from "react";
+import { ValidationResult } from "../validation/validationManager.js";
+export type EditLegalEntityWalletInput = EditIssuerWalletInput | EditPayerWalletInput;
+export type EditLegalEntityBankInput = EditIssuerBankInput | EditPayerBankInput;
+export type EditLegalEntityInput = EditIssuerInput | EditPayerInput;
+export type LegalEntityMainSectionProps = Omit<ComponentPropsWithRef<"div">, "children"> & {
+    readonly value: EditLegalEntityInput;
+    readonly onChange: (value: EditLegalEntityInput) => void;
+    readonly disabled?: boolean;
+    readonly countryvalidation?: ValidationResult | null;
+    readonly streetaddressvalidation?: ValidationResult | null;
+    readonly cityvalidation?: ValidationResult | null;
+    readonly postalcodevalidation?: ValidationResult | null;
+    readonly payeremailvalidation?: ValidationResult | null;
+};
+export declare const LegalEntityMainSection: (props: LegalEntityMainSectionProps) => import("react/jsx-runtime").JSX.Element;
+type LegalEntityFormProps = {
+    readonly legalEntity: LegalEntity;
+    readonly onChangeInfo?: (info: EditLegalEntityInput) => void;
+    readonly onChangeBank?: (bank: EditLegalEntityBankInput) => void;
+    readonly onChangeWallet?: (wallet: EditLegalEntityWalletInput) => void;
+    readonly basicInfoDisabled?: boolean;
+    readonly bankDisabled?: boolean;
+    readonly walletDisabled?: boolean;
+    readonly currency: string;
+    readonly status: string;
+    readonly walletvalidation?: ValidationResult | null;
+    readonly countryvalidation?: ValidationResult | null;
+    readonly ibanvalidation?: ValidationResult | null;
+    readonly bicvalidation?: ValidationResult | null;
+    readonly banknamevalidation?: ValidationResult | null;
+    readonly streetaddressvalidation?: ValidationResult | null;
+    readonly cityvalidation?: ValidationResult | null;
+    readonly postalcodevalidation?: ValidationResult | null;
+    readonly payeremailvalidation?: ValidationResult | null;
+};
+export declare function LegalEntityForm({ legalEntity, onChangeInfo, onChangeBank, onChangeWallet, basicInfoDisabled, bankDisabled, walletDisabled, currency, status, walletvalidation, countryvalidation, ibanvalidation, bicvalidation, banknamevalidation, streetaddressvalidation, cityvalidation, postalcodevalidation, payeremailvalidation }: LegalEntityFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=legalEntity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legalEntity.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/legalEntity/legalEntity.tsx"],"names":[],"mappings":"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"}