@justifi/webcomponents 5.7.3-rc-01 → 5.7.4

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

@@ -1,83 +0,0 @@
-import { h, r as registerInstance } from './index-Bta_r52Z.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-DR277kvb.js';
-import './parts-_6eQgwfE.js';
-import './package-CyXXks-Q.js';
-import './Api-CqimcNgb.js';
-import './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.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-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.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.iframeOrigin = "https://components.justifi.ai";
-        this.isReady = false;
-    }
-    componentWillLoad() {
-        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: 'e0a71dff66a2786c0f182595758c2fc7a36c940e' }, h(BankAccountFormSkeleton, { key: 'b8e530e282ff062f53e196782c49855aed5084d3', isReady: this.isReady }), h("hidden-input", { key: '9b877adccc33cfa1151c6fcc0a847fddd7459875' }), h("div", { key: '6fc462b4aea6d7a3d469eda6c077c09202ac5066', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'bad1c793767232d22139f06e91c63fecb75d5e6b', class: "row mb-3" }, h("iframe-input", { key: '2e015f0d5e526f309d63b122f0ea900224b0eb91', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '7f2c7e8ca7675c3f936702f605a26f4698addf65', class: "row" }, h("iframe-input", { key: '21eb81b7e69f3e1b376b38e7d533992d977cc2c7', 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,49 +0,0 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import { b as billingFormSchema } from './billing-form-schema-PFvYpvy4.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-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import './schema-validations-DYV7urvw.js';
-import './business-form-options-CgssATyg.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './Document-Ct-uNz2r.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 };

package/dist/esm/justifi-card-form.entry.js

@@ -1,91 +0,0 @@
-import { h, r as registerInstance } from './index-Bta_r52Z.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
-import './event-types-CZfYo5-1.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-DR277kvb.js';
-import './parts-_6eQgwfE.js';
-import './package-CyXXks-Q.js';
-import './Api-CqimcNgb.js';
-import './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.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-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.js';
-
-const CardFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
-    return (h("div", { class: "container-fluid p-0" },
-        h("div", { class: "mb-3" },
-            h(Skeleton, { height: "18px", width: "100px" }),
-            h(Skeleton, { height: "36px" })),
-        h("div", { class: "row" },
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "18px", width: "80px" }),
-                h(Skeleton, { height: "36px" })),
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "36px" })),
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "18px", width: "30px" }),
-                h(Skeleton, { height: "36px" })))));
-};
-
-const JustifiCardForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.iframeOrigin = "https://components.justifi.ai";
-        this.isReady = false;
-    }
-    componentWillLoad() {
-        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: '44aa8e7da60f3dc8408e53f1ca4bf1ec98e838be' }, h(CardFormSkeleton, { key: 'eaea67379e10386d215284de04cd140ac0af0274', isReady: this.isReady }), h("hidden-input", { key: '6bdd3a8aef52e4d2bb7e5a7855578af5e491d04f' }), h("div", { key: '8e271c01ecd6c178f44f9cd9d331d6fc6240bce4', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '568ac8e93eac648b43d047b2ba149230f7bd2e2f', class: "mb-3" }, h("iframe-input", { key: '5dde288003664ba6fb768a9e5837e4069e749ae5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '57d7153ff9f21fbbfe2fbf41d664fbbc05fd72db', class: "row" }, h("div", { key: 'a6f2dcd5a98428f2af8773c7ebf76ea3c232a2a9', class: "col-4 align-content-end" }, h("iframe-input", { key: 'ac7ef13f9c9e788a065f6fe3485f8aeb20a3f6e8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '36c7531f0f7f4a5c98eb36f1c3c395d392567041', class: "col-4 align-content-end" }, h("iframe-input", { key: '2c04a8aa66b73e1e485dd124b27ebf8d9da043d8', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e413f4a9232c6c8f21fd9738d6b641d2ff9c547f', class: "col-4 align-content-end" }, h("iframe-input", { key: 'bf1204c99ec33e349fe07a741a4ba80d20def1f8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
-    }
-};
-
-export { JustifiCardForm as justifi_card_form };

package/dist/esm/justifi-checkout-summary.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import { t as text } from './parts-_6eQgwfE.js';
-import { f as formatCurrency } from './utils-BjLkBMLe.js';
-import { s as state } from './checkout.store-DQrlfeus.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './index-Cf8VXyXg.js';
-
-const Summary = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(StyledHost, { key: '9a2eea1693287ad73dfedd3ddc24e949e9d75148' }, h("section", { key: '1943be6cef0c4a1c830ddfc14d893c3906482534' }, h("div", { key: 'cf3f41d3dd3c9829d93d7e56e3d2dfabbd99ccef' }, h("div", { key: 'b5bc944a5310252dc0720e3e7d709f1a57f898c8', part: text }, state === null || state === void 0 ? void 0 : state.paymentDescription), h("div", { key: 'dbe53880d7c3ff8d4513a570e1b024f1e2f43028' }, h("span", { key: 'd8986a9265463d8f9d7f62598cc4ec3203081c09', part: text }, "Total"), "\u00A0", h("span", { key: '32cbc6e259fdee2c71ad72fcf59ab157704c4758', part: text }, formatCurrency(+(state === null || state === void 0 ? void 0 : state.totalAmount))))))));
-    }
-};
-
-export { Summary as justifi_checkout_summary };

package/dist/esm/justifi-modular-checkout.entry.js

@@ -1,203 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
-import { s as state } from './checkout.store-DQrlfeus.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics-DR277kvb.js';
-import './config-state-BjXhUj2q.js';
-import './utils-BjLkBMLe.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
-import './Pagination-CLHwhyvu.js';
-import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
-import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-UQ6g1s7I.js';
-import { C as CheckoutService } from './checkout.service-CuCgG9hv.js';
-import './index-Cf8VXyXg.js';
-import './package-CyXXks-Q.js';
-import './Api-CqimcNgb.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.js';
-import './utils-BZvep88z.js';
-
-const CheckoutWrapper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.checkoutComplete = createEvent(this, "checkout-complete-event");
-        this.savePaymentMethod = false;
-    }
-    connectedCallback() {
-        this.observer = new MutationObserver(() => {
-            this.queryFormRefs();
-        });
-        this.observer.observe(this.hostEl, {
-            childList: true,
-            subtree: true
-        });
-        state.checkoutId = this.checkoutId;
-        const config = {
-            authToken: this.authToken,
-            checkoutId: this.checkoutId,
-            service: new CheckoutService()
-        };
-        this.getCheckout = makeGetCheckout(config);
-        this.completeCheckout = makeCheckoutComplete(config);
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        checkPkgVersion();
-        state.authToken = this.authToken;
-        state.accountId = this.accountId;
-        this.fetchCheckout();
-    }
-    componentDidLoad() {
-        this.queryFormRefs();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    fetchCheckout() {
-        if (this.getCheckout) {
-            this.getCheckout({
-                onSuccess: ({ checkout }) => {
-                    var _a, _b, _c, _d;
-                    state.paymentMethods = checkout.payment_methods;
-                    state.paymentMethodGroupId = checkout.payment_method_group_id;
-                    state.paymentDescription = checkout.payment_description;
-                    state.totalAmount = checkout.total_amount;
-                    state.paymentAmount = checkout.payment_amount;
-                    state.bnplEnabled = checkout.payment_settings.bnpl_payments;
-                    state.bnplProviderClientId = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _a === void 0 ? void 0 : _a.provider_client_id;
-                    state.bnplProviderMode = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_mode;
-                    state.bnplProviderApiVersion = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_api_version;
-                    state.bnplProviderCheckoutUrl = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_checkout_url;
-                },
-                onError: (error) => {
-                    this.errorEvent.emit({
-                        message: error.message,
-                        errorCode: ComponentErrorCodes.FETCH_ERROR,
-                        severity: ComponentErrorSeverity.ERROR,
-                    });
-                }
-            });
-        }
-    }
-    queryFormRefs() {
-        this.paymentMethodFormRef = this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form');
-        this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-information-form, justifi-postal-code-form');
-        this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
-        this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
-    }
-    async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b;
-        const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
-        const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
-        const paymentMethodMetadata = Object.assign({ accountId: this.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
-            paymentMethodMetadata.payment_method_group_id = state.paymentMethodGroupId;
-        }
-        return this.paymentMethodFormRef.tokenize({
-            clientId: this.authToken,
-            paymentMethodMetadata,
-            account: this.accountId,
-        });
-    }
-    async getPaymentMethod(submitCheckoutArgs) {
-        if (!this.paymentMethodFormRef) {
-            return state.selectedPaymentMethod;
-        }
-        const { error, id: token } = await this.tokenizePaymentMethod(submitCheckoutArgs);
-        if (error) {
-            this.errorEvent.emit({
-                errorCode: error.code,
-                message: error.message,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return undefined;
-        }
-        return token;
-    }
-    async validate() {
-        var _a, _b;
-        const promises = [
-            (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
-            (_b = this.billingInformationFormRef) === null || _b === void 0 ? void 0 : _b.validate()
-        ];
-        if (this.insuranceFormRef) {
-            promises.push(this.insuranceFormRef.validate());
-        }
-        const validationResults = await Promise.all(promises);
-        return validationResults.every(result => (result === null || result === void 0 ? void 0 : result.isValid) !== false);
-    }
-    async submitCheckout(submitCheckoutArgs) {
-        var _a;
-        const isValid = await this.validate();
-        if (!isValid) {
-            this.errorEvent.emit({
-                message: 'Please fill in all required fields.',
-                errorCode: ComponentErrorCodes.VALIDATION_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        let payment;
-        if (state.selectedPaymentMethod === 'sezzle') {
-            const insuranceValidation = this.insuranceFormRef ? await this.insuranceFormRef.validate() : { isValid: true };
-            const sezzleResult = await this.sezzlePaymentMethodRef.resolvePaymentMethod(insuranceValidation);
-            if (sezzleResult.error) {
-                this.errorEvent.emit({
-                    message: sezzleResult.error.message,
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return;
-            }
-            else if (((_a = sezzleResult.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
-                payment = {
-                    payment_mode: 'bnpl',
-                    payment_token: undefined,
-                };
-            }
-        }
-        else {
-            const paymentMethod = await this.getPaymentMethod(submitCheckoutArgs);
-            if (!paymentMethod) {
-                this.errorEvent.emit({
-                    message: 'Payment method tokenization failed.',
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return;
-            }
-            payment = {
-                payment_mode: 'ecom',
-                payment_token: paymentMethod,
-            };
-        }
-        this.completeCheckout({
-            payment,
-            onSuccess: ({ checkout }) => {
-                this.checkoutComplete.emit({
-                    checkout,
-                    message: 'Checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
-    }
-    render() {
-        return (h(Host, { key: '12db8b2a4ea3308772604d50e9223e48dda0f26f' }));
-    }
-    get hostEl() { return getElement(this); }
-};
-
-export { CheckoutWrapper as justifi_modular_checkout };

package/dist/esm/justifi-postal-code-form.entry.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { F as FormController } from './form-BjGUIqxU.js';
-import { b as billingFormSchema } from './billing-form-schema-PFvYpvy4.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-DYV7urvw.js';
-import './state-options-BX8GieXu.js';
-import './business-form-options-CgssATyg.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './Document-Ct-uNz2r.js';
-
-const PostalCodeForm = 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(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 }))));
-    }
-};
-
-export { PostalCodeForm as justifi_postal_code_form };

package/dist/esm/justifi-saved-payment-methods.entry.js

@@ -1,29 +0,0 @@
-import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import { r as radioListItem } from './parts-_6eQgwfE.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import { s as state } from './checkout.store-DQrlfeus.js';
-import { C as CardBrandLabels } from './payment-method-option-utils-8n_ALxec.js';
-import './index-Cf8VXyXg.js';
-import './utils-BjLkBMLe.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-
-const SavedPaymentMethods = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            state.selectedPaymentMethod = paymentMethodId;
-        };
-    }
-    componentWillLoad() {
-        if (!state.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-    }
-    render() {
-        return (h(StyledHost, { key: '7bebb3f8ff2a2abe400e1d099154a1729913140c' }, h("div", { key: '3a5798c5ceba63160dceecb0dc65f8a211bb5110', class: "saved-payment-methods" }, state.paymentMethods.length ? state.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: state.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)));
-    }
-};
-
-export { SavedPaymentMethods as justifi_saved_payment_methods };

package/dist/esm/justifi-sezzle-payment-method.entry.js

@@ -1,78 +0,0 @@
-import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { f as formatCurrency } from './utils-BjLkBMLe.js';
-import { r as radioListItem } from './parts-_6eQgwfE.js';
-import { s as state } from './checkout.store-DQrlfeus.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './index-Cf8VXyXg.js';
-
-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',
-    } }));
-const SezzlePaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
-        this.paymentMethodOptionId = 'sezzle';
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            state.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(state.paymentAmount);
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: state.bnplProviderClientId,
-                apiMode: state.bnplProviderMode,
-                apiVersion: state.bnplProviderApiVersion,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: state.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 (!state.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: state.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))))) }))));
-    }
-};
-
-export { SezzlePaymentMethod as justifi_sezzle_payment_method };

package/dist/esm/payment-method-option-utils-8n_ALxec.js

@@ -1,23 +0,0 @@
-import { s as snakeToCamel } from './utils-BjLkBMLe.js';
-
-class PaymentMethodOption {
-    constructor(paymentMethod) {
-        this.id = paymentMethod.id;
-        this.brand = paymentMethod.brand;
-        this.acct_last_four = paymentMethod.acct_last_four;
-        this.type = snakeToCamel(paymentMethod.type);
-    }
-}
-var CardBrandLabels;
-(function (CardBrandLabels) {
-    CardBrandLabels["american_express"] = "American Express";
-    CardBrandLabels["diners_club"] = "Diners Club";
-    CardBrandLabels["discover"] = "Discover";
-    CardBrandLabels["jcb"] = "JCB";
-    CardBrandLabels["mastercard"] = "Mastercard";
-    CardBrandLabels["china_unionpay"] = "UnionPay";
-    CardBrandLabels["visa"] = "Visa";
-    CardBrandLabels["unknown"] = "Unknown";
-})(CardBrandLabels || (CardBrandLabels = {}));
-
-export { CardBrandLabels as C, PaymentMethodOption as P };