@powerhousedao/contributor-billing 0.0.1

package/dist/editors/invoice/InvoicePDF.js

@@ -0,0 +1,359 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Document, Page, Text, View, StyleSheet, Image, } from "@react-pdf/renderer";
+import powerhouseLogo from "./assets/powerhouseLogo.png";
+import countries from "world-countries";
+const countriesArray = countries;
+function getCountryName(countryCode) {
+    const country = countriesArray.find((c) => c.cca2 === countryCode);
+    return country?.name.common;
+}
+// Create styles
+const styles = StyleSheet.create({
+    defaultText: {
+        fontFamily: "Helvetica", // Built-in font as fallback
+    },
+    pageBackground: {
+        backgroundColor: "#f8fafc",
+    },
+    page: {
+        flexDirection: "column",
+        backgroundColor: "#FFFFFF",
+        padding: 15,
+        margin: 15,
+        height: "92%",
+        borderRadius: 15,
+        borderColor: "#fcfbfb",
+        borderWidth: 0.5,
+    },
+    header: {
+        marginBottom: 20,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    title: {
+        fontSize: 12,
+        fontWeight: "bold",
+        fontFamily: "Helvetica",
+    },
+    invoiceNumber: {
+        fontSize: 12,
+        marginLeft: 0,
+    },
+    section: {
+        margin: 10,
+        padding: 10,
+    },
+    sectionTitle: {
+        marginBottom: 5,
+        fontSize: 14,
+        marginRight: 4,
+        fontFamily: "Helvetica",
+        color: "#9ea0a2",
+        fontWeight: "normal",
+    },
+    row: {
+        flexDirection: "row",
+        marginBottom: 8,
+    },
+    label: {
+        width: 70,
+        color: "#4B5563", // text-gray-600
+        fontSize: 10,
+    },
+    value: {
+        flex: 1,
+        fontSize: 10,
+    },
+    gridContainer: {
+        flexDirection: "row",
+        marginHorizontal: 5,
+        marginTop: 20,
+    },
+    gridColumn: {
+        flex: 2,
+    },
+    table: {
+        marginTop: 20,
+    },
+    tableHeader: {
+        flexDirection: "row",
+        backgroundColor: "#fff",
+        padding: 8,
+        borderBottomWidth: 1,
+        borderBottomColor: "#E5E7EB",
+        fontSize: 10,
+        textTransform: "uppercase",
+        color: "#9ea0a2",
+        fontWeight: "normal",
+        letterSpacing: 1,
+    },
+    tableRow: {
+        flexDirection: "row",
+        borderBottomWidth: 0,
+        padding: 8,
+        fontSize: 10,
+        alignItems: "flex-start",
+    },
+    itemName: {
+        fontWeight: "bold",
+        fontSize: 12,
+        color: "#374151",
+        marginBottom: 2,
+    },
+    itemDescription: {
+        fontSize: 12,
+        color: "#6B7280",
+        fontWeight: "normal",
+    },
+    tableCol40: {
+        width: "40%",
+        paddingRight: 8,
+    },
+    tableCol15: {
+        width: "15%",
+        textAlign: "right",
+    },
+    totals: {
+        marginTop: 20,
+        marginRight: 0,
+        alignItems: "flex-end",
+        width: "100%",
+    },
+    totalRow: {
+        flexDirection: "row",
+        marginBottom: 8,
+        justifyContent: "flex-end",
+        width: "100%",
+    },
+    totalLabel: {
+        marginRight: 8,
+        color: "#6B7280",
+        fontSize: 16,
+        fontWeight: "normal",
+        width: 120,
+        textAlign: "right",
+    },
+    totalValue: {
+        minWidth: 100,
+        textAlign: "right",
+        fontSize: 16,
+        fontWeight: "normal",
+        color: "#374151",
+    },
+    totalRowBold: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        borderTopWidth: 1,
+        borderTopColor: "#E5E7EB",
+        paddingTop: 8,
+        marginTop: 8,
+        width: "100%",
+    },
+    totalLabelBold: {
+        marginRight: 8,
+        color: "#000",
+        fontSize: 18,
+        fontWeight: "bold",
+        width: 120,
+        textAlign: "right",
+    },
+    totalValueBold: {
+        minWidth: 100,
+        textAlign: "right",
+        fontSize: 18,
+        fontWeight: "bold",
+        color: "#000",
+    },
+    status: {
+        fontSize: 10,
+        fontWeight: "bold",
+        color: "#1F2937",
+        marginLeft: 4,
+    },
+    totalAmount: {
+        fontSize: 25,
+        paddingTop: 7,
+        fontWeight: "bold",
+        color: "#black",
+    },
+    paymentSection: {
+        marginTop: 20,
+        marginBottom: 20,
+    },
+    paymentTitle: {
+        fontSize: 12,
+        fontWeight: "bold",
+        marginBottom: 10,
+        color: "#1F2937",
+    },
+    paymentRow: {
+        flexDirection: "row",
+        marginBottom: 4,
+    },
+    logo: {
+        width: 170,
+        marginTop: -15,
+        marginLeft: -15,
+    },
+    statusLabel: {
+        fontSize: 14,
+        marginTop: -13,
+        fontFamily: "Helvetica",
+        fontWeight: "normal",
+        color: "#9ea0a2",
+        marginRight: 4,
+    },
+    invoiceLabel: {
+        fontSize: 14,
+        marginRight: 4,
+        marginBottom: 4,
+        fontFamily: "Helvetica",
+        color: "#9ea0a2",
+        fontWeight: "normal",
+    },
+    companyInfo: {
+        fontSize: 12,
+        color: "#4B5563",
+        marginBottom: 4,
+    },
+    companyName: {
+        fontSize: 12,
+        fontWeight: "bold",
+        marginBottom: 4,
+    },
+    termsTitle: {
+        fontSize: 10,
+        color: "#6B7280",
+        fontWeight: "bold",
+        marginTop: 0,
+        marginBottom: 4,
+        fontFamily: "Helvetica",
+    },
+    termsText: {
+        fontSize: 10,
+        color: "#374151",
+        fontWeight: "normal",
+        fontFamily: "Helvetica",
+    },
+});
+// Format date to readable string
+const formatDate = (dateString) => {
+    if (!dateString)
+        return "";
+    const date = new Date(dateString);
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = date
+        .toLocaleString("default", { month: "short" })
+        .toUpperCase();
+    const year = date.getFullYear();
+    return `${day}/${month}/${year}`;
+};
+// Format currency
+const formatCurrency = (amount, currency) => {
+    // Format number with appropriate decimal places
+    const formattedAmount = formatNumber(amount);
+    return `${formattedAmount} ${currency}`;
+};
+// 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 Number(value.toFixed(2)).toLocaleString("en-US", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+    }
+    // Otherwise, show actual 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 Number(value).toLocaleString("en-US", {
+        minimumFractionDigits: decimalPlaces,
+        maximumFractionDigits: decimalPlaces,
+    });
+}
+export const InvoicePDF = ({ invoice, fiatMode, }) => {
+    console.log(invoice);
+    return (_jsx(Document, { children: _jsxs(Page, { size: "A4", style: styles.pageBackground, children: [_jsxs(View, { style: styles.page, children: [_jsxs(View, { style: {
+                                flexDirection: "row",
+                                justifyContent: "space-between",
+                                alignItems: "flex-start",
+                            }, children: [_jsxs(View, { style: { flexDirection: "column", alignItems: "flex-start" }, children: [_jsx(Image, { style: styles.logo, src: powerhouseLogo }), _jsxs(View, { children: [_jsx(Text, { style: styles.invoiceLabel, children: "Invoice number" }), _jsx(Text, { style: styles.invoiceNumber, children: invoice.invoiceNo })] })] }), _jsxs(View, { style: { alignItems: "flex-end" }, children: [_jsxs(Text, { style: styles.invoiceLabel, children: ["Invoice of (", invoice.currency, ")"] }), _jsx(Text, { style: [
+                                                styles.invoiceNumber,
+                                                { fontSize: 24, fontWeight: "bold" },
+                                            ], children: formatNumber(invoice.totalPriceTaxIncl) })] })] }), _jsxs(View, { style: {
+                                flexDirection: "row",
+                                justifyContent: "space-between",
+                                marginTop: 40,
+                            }, children: [_jsxs(View, { style: { width: "45%" }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Issuer" }), _jsx(Text, { style: styles.companyName, children: invoice.issuer.name }), _jsxs(Text, { style: styles.companyInfo, children: ["Tax/Corp ID:", " ", invoice.issuer.id?.taxId ||
+                                                    invoice.issuer.id?.corpRegId || ""] }), _jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.streetAddress || "" }), invoice.issuer.address?.extendedAddress && (_jsx(Text, { style: styles.companyInfo, children: invoice.issuer.address?.extendedAddress || "" })), _jsxs(Text, { style: styles.companyInfo, children: [invoice.issuer.address?.city || "", ",", " ", getCountryName(invoice.issuer.address?.country || "") || "", " -", " ", invoice.issuer.address?.postalCode || "00000"] }), invoice.issuer.contactInfo?.email && (_jsx(Text, { style: styles.companyInfo, children: invoice.issuer.contactInfo.email }))] }), _jsxs(View, { style: { width: "45%" }, children: [_jsx(Text, { style: styles.sectionTitle, children: "Payer" }), _jsx(Text, { style: styles.companyName, children: invoice.payer.name }), _jsxs(Text, { style: styles.companyInfo, children: ["Tax/Corp ID:", " ", invoice.payer.id?.taxId ||
+                                                    invoice.payer.id?.corpRegId || ""] }), _jsx(Text, { style: styles.companyInfo, children: invoice.payer.address?.streetAddress || "" }), invoice.payer.address?.extendedAddress && (_jsx(Text, { style: styles.companyInfo, children: invoice.payer.address?.extendedAddress || "" })), _jsxs(Text, { style: styles.companyInfo, children: [invoice.payer.address?.city || "", ",", " ", getCountryName(invoice.payer.address?.country || "") || "", " -", " ", invoice.payer.address?.postalCode || "00000"] }), invoice.payer.contactInfo?.email && (_jsx(Text, { style: styles.companyInfo, children: invoice.payer.contactInfo.email }))] }), _jsxs(View, { style: {
+                                        width: "30%",
+                                        alignItems: "flex-end",
+                                        textAlign: "right",
+                                    }, children: [_jsxs(View, { style: { marginBottom: 18, width: "100%" }, children: [_jsx(Text, { style: {
+                                                        color: "#9ea0a2",
+                                                        fontSize: 14,
+                                                        textAlign: "right",
+                                                        fontFamily: "Helvetica",
+                                                        fontWeight: "normal",
+                                                    }, children: "Invoice date" }), _jsx(Text, { style: {
+                                                        fontWeight: 4,
+                                                        fontSize: 14,
+                                                        textAlign: "right",
+                                                        color: "#000",
+                                                        fontFamily: "Helvetica",
+                                                    }, children: formatDate(invoice.dateIssued) })] }), _jsxs(View, { style: { marginBottom: 18, width: "100%" }, children: [_jsx(Text, { style: {
+                                                        color: "#9ea0a2",
+                                                        fontSize: 14,
+                                                        textAlign: "right",
+                                                        fontFamily: "Helvetica",
+                                                        fontWeight: "normal",
+                                                    }, children: "Due date" }), _jsx(Text, { style: {
+                                                        fontWeight: 4,
+                                                        fontSize: 14,
+                                                        textAlign: "right",
+                                                        color: "#000",
+                                                        fontFamily: "Helvetica",
+                                                    }, children: formatDate(invoice.dateDue) })] }), fiatMode && (_jsxs(View, { style: { marginBottom: 18, width: "100%" }, children: [_jsx(Text, { style: {
+                                                        color: "#9ea0a2",
+                                                        fontSize: 14,
+                                                        textAlign: "right",
+                                                        fontFamily: "Helvetica",
+                                                        fontWeight: "normal",
+                                                    }, children: "Account Type:" }), _jsx(Text, { style: {
+                                                        fontWeight: 4,
+                                                        fontSize: 14,
+                                                        textAlign: "right",
+                                                        color: "#000",
+                                                        fontFamily: "Helvetica",
+                                                    }, children: invoice.issuer.paymentRouting?.bank?.accountType ||
+                                                        "CHECKING" })] }))] })] }), _jsxs(View, { style: styles.paymentSection, children: [_jsx(Text, { style: styles.sectionTitle, children: "Payment Information" }), fiatMode ? (_jsxs("div", { children: [_jsx(PaymentSectionFiat, { paymentRouting: invoice.issuer.paymentRouting }), invoice.issuer.paymentRouting?.bank?.memo && (_jsxs(Text, { style: styles.companyInfo, children: ["Memo: ", invoice.issuer.paymentRouting?.bank?.memo || "", "  "] }))] })) : (_jsx(PaymentSectionCrypto, { paymentRouting: invoice.issuer.paymentRouting }))] }), _jsxs(View, { style: styles.table, children: [_jsxs(View, { style: styles.tableHeader, children: [_jsx(Text, { style: styles.tableCol40, children: "Description" }), _jsx(Text, { style: styles.tableCol15, children: "Quantity" }), _jsx(Text, { style: styles.tableCol15, children: "Unit Price" }), _jsx(Text, { style: styles.tableCol15, children: "Tax" }), _jsx(Text, { style: styles.tableCol15, children: "Total" })] }), invoice.lineItems.map((item, index) => (_jsx(InvoiceLineItem, { item: item, currency: invoice.currency }, index)))] }), _jsxs(View, { style: styles.totals, children: [_jsxs(View, { style: styles.totalRow, children: [_jsx(Text, { style: styles.totalLabel, children: "Subtotal" }), _jsx(Text, { style: styles.totalValue, children: formatCurrency(invoice.lineItems.reduce((sum, item) => sum + item.quantity * item.unitPriceTaxExcl, 0), invoice.currency) })] }), _jsxs(View, { style: styles.totalRow, children: [_jsx(Text, { style: styles.totalLabel, children: "Tax" }), _jsx(Text, { style: styles.totalValue, children: formatCurrency(invoice.lineItems.reduce((sum, item) => sum +
+                                                item.quantity *
+                                                    (item.unitPriceTaxIncl - item.unitPriceTaxExcl), 0), invoice.currency) })] }), _jsxs(View, { style: styles.totalRowBold, children: [_jsx(Text, { style: styles.totalLabelBold, children: "Total" }), _jsx(Text, { style: styles.totalValueBold, children: formatCurrency(invoice.lineItems.reduce((sum, item) => sum + item.quantity * item.unitPriceTaxIncl, 0), invoice.currency) })] })] })] }), _jsxs(View, { style: { marginLeft: 40 }, children: [_jsx(Text, { style: styles.termsTitle, children: "Terms & Conditions" }), _jsx(Text, { style: styles.termsText, children: "Please pay within 30 days of receiving this invoice." })] })] }) }));
+};
+// New component for issuer and payer sections
+const InvoiceSection = ({ title, data, }) => (_jsxs(View, { style: styles.gridColumn, children: [_jsx(Text, { style: styles.sectionTitle, children: title }), title === "Issuer" && (_jsxs(_Fragment, { children: [_jsx(InvoiceField, { label: "Issue Date", value: formatDate(data.dateIssued) }), _jsx(InvoiceField, { label: "Delivery Date", value: formatDate(data.dateDelivered) })] })), title === "Payer" && (_jsx(InvoiceField, { label: "Due Date", value: formatDate(data.dateDue) })), _jsx(InvoiceField, { label: "Name", value: data.name }), _jsx(InvoiceField, { label: data.id?.taxId ? "Tax ID" : data.id?.corpRegId ? "Corp. Reg" : "", value: data.id?.taxId || data.id?.corpRegId || "" }), _jsx(InvoiceField, { label: "Address", value: data.address?.streetAddress || "" }), _jsx(InvoiceField, { label: "City", value: data.address?.city || "" }), _jsx(InvoiceField, { label: "Country", value: getCountryName(data.address?.country || "") || "" }), _jsx(InvoiceField, { label: "Email", value: data.contactInfo?.email || "" })] }));
+{
+    /* New component for individual fields */
+}
+const InvoiceField = ({ label, value, }) => value && (_jsx(View, { style: styles.row, children: _jsx(Text, { style: styles.value, children: value }) }));
+{
+    /* New component for fiat payment section */
+}
+const PaymentSectionFiat = ({ paymentRouting, }) => (_jsxs(View, { style: [styles.gridContainer, { marginTop: 0 }], children: [_jsxs(View, { style: styles.gridColumn, children: [_jsx(Text, { style: styles.companyName, children: paymentRouting.bank?.name || "" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.address?.streetAddress || "" }), paymentRouting.bank?.address?.extendedAddress && (_jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.address?.extendedAddress })), _jsxs(Text, { style: styles.companyInfo, children: [paymentRouting.bank?.address?.city || "", ",", " ", getCountryName(paymentRouting.bank?.address?.country || "") || "", " -", " ", paymentRouting.bank?.address?.postalCode || ""] })] }), _jsxs(View, { style: styles.gridColumn, children: [_jsx(Text, { style: styles.companyName, children: paymentRouting.bank?.beneficiary || "" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.accountNum || "" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.accountType || "" }), _jsx(Text, { style: styles.companyInfo, children: paymentRouting.bank?.BIC ||
+                        paymentRouting.bank?.SWIFT ||
+                        paymentRouting.bank?.ABA ||
+                        "" })] })] }));
+{
+    /* New component for crypto payment section */
+}
+const PaymentSectionCrypto = ({ paymentRouting, }) => (_jsx(View, { style: styles.row, children: _jsxs(View, { style: styles.gridColumn, children: [_jsx(InvoiceField, { label: "Chain", value: paymentRouting.wallet?.chainName || "" }), _jsx(InvoiceField, { label: "Address", value: paymentRouting.wallet?.address || "" })] }) }));
+{
+    /* New component for line items */
+}
+const InvoiceLineItem = ({ item, currency, }) => (_jsxs(View, { style: styles.tableRow, children: [_jsxs(View, { style: styles.tableCol40, children: [_jsx(Text, { style: styles.itemName, children: item.description }), item.longDescription && (_jsx(Text, { style: styles.itemDescription, children: item.longDescription }))] }), _jsx(Text, { style: styles.tableCol15, children: item.quantity }), _jsx(Text, { style: styles.tableCol15, children: formatCurrency(item.unitPriceTaxExcl, currency) }), _jsx(Text, { style: styles.tableCol15, children: formatCurrency(item.unitPriceTaxIncl - item.unitPriceTaxExcl, currency) }), _jsx(Text, { style: styles.tableCol15, children: formatCurrency(item.quantity * item.unitPriceTaxIncl, currency) })] }));

package/dist/editors/invoice/assets/custom.d.ts

@@ -0,0 +1,4 @@
+declare module "*.png" {
+  const content: string;
+  export default content;
+} 

package/dist/editors/invoice/components/countryForm.d.ts

@@ -0,0 +1,12 @@
+import { ValidationResult } from "../validation/validationManager.js";
+interface CountryFormProps {
+    country: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    className?: string;
+    label?: string;
+    validation?: ValidationResult | null;
+}
+export declare const CountryForm: ({ country, handleInputChange, handleBlur, className, label, validation, }: CountryFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=countryForm.d.ts.map

package/dist/editors/invoice/components/countryForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countryForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/countryForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,GAAI,2EAOzB,gBAAgB,4CAyClB,CAAC"}

package/dist/editors/invoice/components/countryForm.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form, CountryCodeField } from "@powerhousedao/document-engineering/scalars";
+import { getCountryCodeFromName } from "../utils/utils.js";
+import { twMerge } from "tailwind-merge";
+export const CountryForm = ({ country, handleInputChange, handleBlur, className, label, validation, }) => {
+    // Convert country name to country code if needed
+    const countryCode = getCountryCodeFromName(country);
+    const warnings = validation && !validation.isValid ? [validation.message] : undefined;
+    return (_jsx(Form, { defaultValues: { country: countryCode || "" }, onSubmit: () => { }, resetOnSuccessfulSubmit: true, children: _jsx(CountryCodeField, { enableSearch: true, name: "country", placeholder: "Country", onChange: (value) => {
+                const syntheticEvent = {
+                    target: {
+                        value: value,
+                    },
+                };
+                handleInputChange(syntheticEvent);
+                if (handleBlur) {
+                    const blurEvent = {
+                        target: {
+                            value: value,
+                        },
+                    };
+                    handleBlur(blurEvent);
+                }
+            }, 
+            // required
+            // defaultValue={countryCode}
+            value: countryCode, className: twMerge(className), label: label, warnings: warnings }) }));
+};

package/dist/editors/invoice/components/currencyForm.d.ts

@@ -0,0 +1,13 @@
+import { ValidationResult } from "../validation/validationManager.js";
+interface CurrencyFormProps {
+    currency: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    validation?: ValidationResult | null;
+}
+export declare const currencyList: {
+    ticker: string;
+    crypto: boolean;
+}[];
+export declare const CurrencyForm: ({ currency, handleInputChange, validation, }: CurrencyFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=currencyForm.d.ts.map

package/dist/editors/invoice/components/currencyForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/currencyForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,YAAY;;;GAUxB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8CAI1B,iBAAiB,4CA8BnB,CAAC"}

package/dist/editors/invoice/components/currencyForm.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form, CurrencyCodeField } from "@powerhousedao/document-engineering/scalars";
+export const currencyList = [
+    { ticker: "USDS", crypto: true },
+    { ticker: "DAI", crypto: true },
+    { ticker: "USD", crypto: false },
+    { ticker: "EUR", crypto: false },
+    { ticker: "DKK", crypto: false },
+    { ticker: "GBP", crypto: false },
+    { ticker: "JPY", crypto: false },
+    { ticker: "CNY", crypto: false },
+    { ticker: "CHF", crypto: false },
+];
+export const CurrencyForm = ({ currency, handleInputChange, validation, }) => {
+    const warnings = validation && !validation.isValid ? [validation.message] : undefined;
+    return (_jsx(Form, { defaultValues: { currency }, onSubmit: () => { }, resetOnSuccessfulSubmit: true, children: _jsx(CurrencyCodeField, { style: {
+                width: "100px",
+            }, name: "currency", placeholder: "Currency", currencies: currencyList, searchable: false, value: currency, onChange: (value) => {
+                const syntheticEvent = {
+                    target: {
+                        value: value,
+                    },
+                };
+                handleInputChange(syntheticEvent);
+            }, warnings: warnings }) }));
+};

package/dist/editors/invoice/components/datePicker.d.ts

@@ -0,0 +1,11 @@
+interface DatePickerProps {
+    name: string;
+    value: string;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=datePicker.d.ts.map

package/dist/editors/invoice/components/datePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/datePicker.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAqBhD,CAAC"}

package/dist/editors/invoice/components/datePicker.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePickerField, Form } from "@powerhousedao/document-engineering/scalars";
+import { twMerge } from "tailwind-merge";
+export const DatePicker = (props) => {
+    return (_jsx(Form, { defaultValues: {
+            input: props.value,
+        }, onSubmit: () => { }, resetOnSuccessfulSubmit: false, className: twMerge(props.className), children: _jsx(DatePickerField, { name: props.name, value: props.value, label: props.label, placeholder: props.placeholder, onChange: props.onChange, dateFormat: "YYYY-MM-DD" }) }, props.value));
+};

package/dist/editors/invoice/components/inputField.d.ts

@@ -0,0 +1,14 @@
+import { ValidationResult } from "../validation/validationManager.js";
+interface InputFieldProps {
+    input?: string;
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    onBlur: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    validation?: ValidationResult | null;
+    className?: string;
+}
+export declare const InputField: (props: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=inputField.d.ts.map

package/dist/editors/invoice/components/inputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/inputField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAGtE,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC3D,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAsDhD,CAAC"}

package/dist/editors/invoice/components/inputField.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form, StringField } from "@powerhousedao/document-engineering/scalars";
+import { twMerge } from "tailwind-merge";
+export const InputField = (props) => {
+    const { input, value, label, placeholder, onBlur, handleInputChange, validation, className, } = props;
+    const warnings = validation && !validation.isValid ? [validation.message] : undefined;
+    return (_jsx(Form, { defaultValues: {
+            input: input,
+        }, onSubmit: () => { }, resetOnSuccessfulSubmit: true, children: _jsx(StringField, { style: {
+                color: "black",
+            }, label: label, placeholder: placeholder, name: "input", value: value, onBlur: onBlur, onChange: (e) => {
+                handleInputChange(e);
+            }, onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    e.preventDefault();
+                    e.currentTarget.blur();
+                    // Find and focus the next focusable element
+                    const focusableElements = document.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                    const currentIndex = Array.from(focusableElements).indexOf(e.currentTarget);
+                    if (currentIndex > -1 && currentIndex < focusableElements.length - 1) {
+                        focusableElements[currentIndex + 1].focus();
+                    }
+                }
+            }, warnings: warnings, className: twMerge(className) }) }));
+};

package/dist/editors/invoice/components/numberForm.d.ts

@@ -0,0 +1,11 @@
+interface NumberFormProps {
+    number: number | string;
+    precision?: number;
+    min?: number;
+    max?: number;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+}
+export declare const NumberForm: ({ number, precision, min, max, handleInputChange, placeholder, }: NumberFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=numberForm.d.ts.map

package/dist/editors/invoice/components/numberForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberForm.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/numberForm.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,kEAOxB,eAAe,4CAoBjB,CAAC"}

package/dist/editors/invoice/components/numberForm.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form, NumberField } from "@powerhousedao/document-engineering/scalars";
+export const NumberForm = ({ number, precision, min, max, handleInputChange, placeholder, }) => {
+    return (_jsx(Form, { defaultValues: { number }, onSubmit: () => { }, resetOnSuccessfulSubmit: true, children: _jsx(NumberField, { name: "number", onChange: (e) => {
+                handleInputChange(e);
+            }, precision: precision, min: min, max: max, value: Number(number), placeholder: placeholder }) }));
+};

package/dist/editors/invoice/components/selectField.d.ts

@@ -0,0 +1,8 @@
+interface SelectFieldProps {
+    options: string[];
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const SelectField: (props: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=selectField.d.ts.map

package/dist/editors/invoice/components/selectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectField.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/selectField.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAoFD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAgPlD,CAAC"}