@justifi/webcomponents 5.7.4-rc-01 → 5.7.5

package/dist/collection/components/modular-checkout-parts/card-form.js

@@ -1,102 +0,0 @@
-import { h } from "@stencil/core";
-import CardFormSkeleton from "./card-form-skeleton";
-import { StyledHost } from "../../ui-components";
-import JustifiAnalytics from "../../api/Analytics";
-import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { configState, waitForConfig } from "../config-provider/config-state";
-export class JustifiCardForm {
-    constructor() {
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.cardNumberIframeElement,
-            this.expirationMonthIframeElement,
-            this.expirationYearIframeElement,
-            this.cvvIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
-        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
-        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
-        const cvvIsValid = await this.cvvIframeElement.validate();
-        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account, }) {
-        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (h(StyledHost, { key: '1b42c4a2b0adbd4d98bffc0cc0355ba7b1e10474' }, h(CardFormSkeleton, { key: 'ae04801424ca38c3831b951bcb6835ffcc1ccd94', isReady: this.isReady }), h("hidden-input", { key: '55396096f088bc5cde3b003ddaa9afda6848dfda' }), h("div", { key: '18f68ac5871fcb7ba8ce270bb552871709f468dd', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '3c9711c64c5d60a121545394c22c382be93882ed', class: "mb-3" }, h("iframe-input", { key: '45401d0f9f8abd4197bd6651c28f531562431989', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '60bae8a0fb35d86ec46d59f400e86af4a97d4c6a', class: "row" }, h("div", { key: '44883bb16cd5bb65fefb8e6b627b52625c2776d3', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a9df6d2a23e7f586f08623a9e14c19264252c8e7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '5436effb8f457cb4dae945e3d7ca29c9441df724', class: "col-4 align-content-end" }, h("iframe-input", { key: '550096ddd5488e3cd11b0ab6985636eedc8f0dda', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'a6a207066d6ef70c7c3545d9412eb6be0d252062', class: "col-4 align-content-end" }, h("iframe-input", { key: '74a1bec5108a25f6e6f953abf25bc756293dea99', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
-    }
-    static get is() { return "justifi-card-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "isReady": {},
-            "iframeOrigin": {}
-        };
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<any>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "tokenize": {
-                "complexType": {
-                    "signature": "({ clientId, paymentMethodMetadata, account, }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout-parts/postal-code-form.js

@@ -1,114 +0,0 @@
-import { h } from "@stencil/core";
-import { StyledHost } from "../../ui-components";
-import { numberOnlyHandler } from "../../ui-components/form/utils";
-import { FormController } from "../../ui-components/form/form";
-import { billingFormSchema } from "./billing-form-schema";
-export class PostalCodeForm {
-    constructor() {
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new FormController(billingFormSchema(true));
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'e5cdb9b21be1e5f4ee6fd21a2d919b2d9271b163' }, h("form", { key: '29c0a3edaad9877d50ecc9e4424ca2f5e667dc30' }, h("form-control-text", { key: '00e8688c8a8e9b91df5089e2fb97c8b71673a3fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
-    }
-    static get is() { return "justifi-postal-code-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "formController": {},
-            "billingInfo": {},
-            "errors": {}
-        };
-    }
-    static get methods() {
-        return {
-            "getValues": {
-                "complexType": {
-                    "signature": "() => Promise<BillingFormFields>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/modular-checkout-parts/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<BillingFormFields>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "fill": {
-                "complexType": {
-                    "signature": "(fields: BillingFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "BillingFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/modular-checkout-parts/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ isValid: boolean; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout-parts/saved-payment-methods.js

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-import { StyledHost } from "../../ui-components";
-import checkoutStore from "../../store/checkout.store";
-import { radioListItem } from "../../styles/parts";
-import { CardBrandLabels } from "../checkout/payment-method-option-utils";
-export class SavedPaymentMethods {
-    constructor() {
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            checkoutStore.selectedPaymentMethod = paymentMethodId;
-        };
-    }
-    componentWillLoad() {
-        if (!checkoutStore.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-    }
-    render() {
-        return (h(StyledHost, { key: '7bebb3f8ff2a2abe400e1d099154a1729913140c' }, h("div", { key: '3a5798c5ceba63160dceecb0dc65f8a211bb5110', class: "saved-payment-methods" }, checkoutStore.paymentMethods.length ? checkoutStore.paymentMethods.map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
-    }
-    static get is() { return "justifi-saved-payment-methods"; }
-    static get encapsulation() { return "shadow"; }
-}

package/dist/collection/components/modular-checkout-parts/sezzle-payment-method.js

@@ -1,127 +0,0 @@
-import { h } from "@stencil/core";
-import { formatCurrency } from "../../utils/utils";
-import { radioListItem } from "../../styles/parts";
-import checkoutStore from "../../store/checkout.store";
-import { StyledHost } from "../../ui-components";
-const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
-        display: 'inline',
-        width: '80px',
-        marginLeft: '5px',
-        marginTop: '-5px',
-    } }));
-export class SezzlePaymentMethod {
-    constructor() {
-        this.paymentMethodOptionId = 'sezzle';
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkoutStore.paymentAmount);
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: checkoutStore.bnplProviderClientId,
-                apiMode: checkoutStore.bnplProviderMode,
-                apiVersion: checkoutStore.bnplProviderApiVersion,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: checkoutStore.bnplProviderCheckoutUrl,
-                    });
-                },
-                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
-            });
-            this.sezzleCheckout = checkout;
-            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
-        };
-    }
-    componentDidRender() {
-        if (!this.scriptRef)
-            return;
-        this.scriptRef.onload = () => {
-            this.sezzleButtonRef = document.createElement('button');
-            this.initializeSezzleCheckout();
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        if (!insuranceValidation.isValid) {
-            return { validationError: true };
-        }
-        this.sezzleButtonRef.click();
-        return this.sezzlePromise;
-    }
-    render() {
-        var _a, _b;
-        if (!checkoutStore.bnplEnabled) {
-            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
-            return null;
-        }
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
-    }
-    static get is() { return "justifi-sezzle-payment-method"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "installmentPlan": {},
-            "sezzleCheckout": {},
-            "sezzlePromise": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "paymentMethodOptionSelected",
-                "name": "paymentMethodOptionSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "resolvePaymentMethod": {
-                "complexType": {
-                    "signature": "(insuranceValidation: any) => Promise<PaymentMethodPayload>",
-                    "parameters": [{
-                            "name": "insuranceValidation",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PaymentMethodPayload": {
-                            "location": "import",
-                            "path": "../checkout/payment-method-payload",
-                            "id": "src/components/checkout/payment-method-payload.ts::PaymentMethodPayload"
-                        }
-                    },
-                    "return": "Promise<PaymentMethodPayload>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout-parts/summary.js

@@ -1,12 +0,0 @@
-import { h } from "@stencil/core";
-import { text } from "../../styles/parts";
-import { formatCurrency } from "../../utils/utils";
-import checkoutStore from "../../store/checkout.store";
-import { StyledHost } from "../../ui-components";
-export class Summary {
-    render() {
-        return (h(StyledHost, { key: '9a2eea1693287ad73dfedd3ddc24e949e9d75148' }, h("section", { key: '1943be6cef0c4a1c830ddfc14d893c3906482534' }, h("div", { key: 'cf3f41d3dd3c9829d93d7e56e3d2dfabbd99ccef' }, h("div", { key: 'b5bc944a5310252dc0720e3e7d709f1a57f898c8', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'dbe53880d7c3ff8d4513a570e1b024f1e2f43028' }, h("span", { key: 'd8986a9265463d8f9d7f62598cc4ec3203081c09', part: text }, "Total"), "\u00A0", h("span", { key: '32cbc6e259fdee2c71ad72fcf59ab157704c4758', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
-    }
-    static get is() { return "justifi-checkout-summary"; }
-    static get encapsulation() { return "shadow"; }
-}

package/dist/collection/store/checkout.store.js

@@ -1,25 +0,0 @@
-import { createStore } from "@stencil/store";
-const initialState = {
-    authToken: '',
-    accountId: '',
-    paymentMethods: [],
-    paymentMethodGroupId: '',
-    paymentDescription: '',
-    totalAmount: 0,
-    paymentAmount: 0,
-    selectedPaymentMethod: '',
-    checkoutId: '',
-    bnplEnabled: false,
-    bnplProviderClientId: '',
-    bnplProviderMode: '',
-    bnplProviderApiVersion: '',
-    bnplProviderCheckoutUrl: '',
-};
-const { state, onChange } = createStore(initialState);
-Object.keys(initialState).forEach((key) => {
-    // @ts-ignore
-    onChange(key, (newValue) => {
-        state[key] = newValue;
-    });
-});
-export default state;

package/dist/esm/billing-form-schema-BQf2Ydp0.js

@@ -1,24 +0,0 @@
-import { c as create$3 } from './form-BjGUIqxU.js';
-import { p as postalValidation, s as stateValidation, c as cityValidation, l as lineTwoValidation, a as lineOneValidation, i as identityNameValidation } from './schema-validations-C7pC-de1.js';
-
-const billingFormSchema = (postalOnly) => {
-    const fullBillingForm = create$3({
-        name: identityNameValidation.required('Enter full name'),
-        address_line1: lineOneValidation.required('Enter street address'),
-        address_line2: lineTwoValidation.nullable(),
-        address_city: cityValidation.required('Enter city'),
-        address_state: stateValidation.required('Select state'),
-        address_postal_code: postalValidation.required('Enter postal code'),
-    });
-    const postalForm = create$3({
-        name: identityNameValidation.nullable(),
-        address_line1: lineOneValidation.nullable(),
-        address_line2: lineTwoValidation.nullable(),
-        address_city: cityValidation.nullable(),
-        address_state: stateValidation.nullable(),
-        address_postal_code: postalValidation.required('Enter postal code'),
-    });
-    return postalOnly ? postalForm : fullBillingForm;
-};
-
-export { billingFormSchema as b };

package/dist/esm/checkout-actions-UQ6g1s7I.js

@@ -1,58 +0,0 @@
-import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
-
-const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchCheckout(authToken, checkoutId);
-        if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.complete(authToken, checkoutId, payment);
-        if (!response.error) {
-            onSuccess(response);
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-export { makeCheckoutComplete as a, makeGetCheckout as m };

package/dist/esm/checkout.store-Ffl2B_i4.js

@@ -1,27 +0,0 @@
-import { c as createStore } from './index-BAq5IUBW.js';
-
-const initialState = {
-    authToken: '',
-    accountId: '',
-    paymentMethods: [],
-    paymentMethodGroupId: '',
-    paymentDescription: '',
-    totalAmount: 0,
-    paymentAmount: 0,
-    selectedPaymentMethod: '',
-    checkoutId: '',
-    bnplEnabled: false,
-    bnplProviderClientId: '',
-    bnplProviderMode: '',
-    bnplProviderApiVersion: '',
-    bnplProviderCheckoutUrl: '',
-};
-const { state, onChange } = createStore(initialState);
-Object.keys(initialState).forEach((key) => {
-    // @ts-ignore
-    onChange(key, (newValue) => {
-        state[key] = newValue;
-    });
-});
-
-export { state as s };

package/dist/esm/justifi-bank-account-form.entry.js

@@ -1,83 +0,0 @@
-import { h, r as registerInstance } from './index-N3w5zrz2.js';
-import { S as StyledHost } from './styled-host-DtvbNFVU.js';
-import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-C0KgFH0Z.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-B3nThWuq.js';
-import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.js';
-import './parts-_6eQgwfE.js';
-import './package-rzqedGq4.js';
-import './Api-C3T8XYbb.js';
-import './utils-BjLkBMLe.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
-import './Pagination-CLHwhyvu.js';
-import './Payment-BEvE6jAC.js';
-import './Dispute-7MWRbTXI.js';
-import './Refund-BKe90wSq.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.js';
-import './index-BAq5IUBW.js';
-
-const BankAccountFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
-    return (h("div", { class: "container-fluid p-0" },
-        h("div", { class: "row mb-3" },
-            h("div", { class: "col-12 align-content-end" },
-                h(Skeleton, { height: "18px", width: "120px" }),
-                h(Skeleton, { height: "36px" }))),
-        h("div", { class: "row" },
-            h("div", { class: "col-12 align-content-end" },
-                h(Skeleton, { height: "18px", width: "110px" }),
-                h(Skeleton, { height: "36px" })))));
-};
-
-const BankAccountForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.accountNumberIframeElement,
-            this.routingNumberIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
-        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
-        return accountNumberIsValid && routingNumberIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account }) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (h(StyledHost, { key: '4c176e2293be710024294860fa0be41f36395f72' }, h(BankAccountFormSkeleton, { key: 'c86a619edf7d99ce572a104ddde18598b057ebce', isReady: this.isReady }), h("hidden-input", { key: '0c8e152754b1746e7533d14450e3559df5a3c8cd' }), h("div", { key: '291c1adf2f8152fc13ed9296245fbbabd719bec7', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '53a755a4b1f9bf844c3dc68fa0a3343d415d7048', class: "row mb-3" }, h("iframe-input", { key: '369109cd12f6efd9768420cff1993f7b22d7cb76', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: 'd1ab53be0be78e24d0cfd3b93a0e94661f61f990', class: "row" }, h("iframe-input", { key: '96913caa7a1a2b338bf2fd63717fc8ad1d5fbcc5', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
-    }
-};
-
-export { BankAccountForm as justifi_bank_account_form };

package/dist/esm/justifi-billing-information-form.entry.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, h } from './index-N3w5zrz2.js';
-import { b as billingFormSchema } from './billing-form-schema-BQf2Ydp0.js';
-import { d as billingForm } from './parts-_6eQgwfE.js';
-import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { S as StateOptions } from './state-options-BX8GieXu.js';
-import { F as FormController } from './form-BjGUIqxU.js';
-import { S as StyledHost } from './styled-host-DtvbNFVU.js';
-import './event-types-CZfYo5-1.js';
-import './schema-validations-C7pC-de1.js';
-import './business-form-options-CgssATyg.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-
-const BillingInformationForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new FormController(billingFormSchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '69c50df0f08e367aeb924bdde683793a542179d5' }, h("div", { key: 'de669a4fc15f3041672d9a093ce6cc80cef65d9e', part: billingForm }, h("form", { key: 'fb079f46703caaed345a9d7cadd380eba599a972' }, h("fieldset", { key: '8ebed9ab4c21b4c4bd490df6654287ac5dd301c8' }, h("div", { key: 'a5a9d27770724af4ea4e2ffed03b26a1d12773f9', class: "row gy-3" }, h("div", { key: 'e5ed5cca7c1bee4033df78c86c8e992b6851ed10', class: "col-12" }, h("form-control-text", { key: '427c31a6f1344a2786dbde7288a0f958957fdd22', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '6e222b1644b34f20f11f516d6de5e8e85f8277ac', class: "col-12" }, h("form-control-text", { key: '011574712b4ae735bfee96c7d6739e23ddd7318c', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'ecddd8f79102ef471053b5920072350e39ac313d', class: "col-12" }, h("form-control-text", { key: '95a37ac3c37c4c717bbefe9fa1b172e84027422e', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '3b14bb063904e57a5e2b1112b6f719875bbf33b7', class: "col-12" }, h("form-control-text", { key: 'cfaf3a8bd3c7ce50f47d721170829e2bfb92fff6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5613add4617df1e292ed0b0ea3a8cefc619c71e2', class: "col-12" }, h("form-control-select", { key: '698b66f67beb9bb5d3501e23f49655e2b3a0a4f1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5dd514ba36bb2e1f398c88053dbb35356f3ef811', class: "col-12" }, h("form-control-text", { key: '8825a1a2c2235ee83461a626b0ccdfeb9adbb74a', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
-    }
-};
-
-export { BillingInformationForm as justifi_billing_information_form };