@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-04

package/dist/cjs/justifi-new-payment-method.cjs.entry.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var index = require('./index-D5bL1DOi.js');
-var parts = require('./parts-9jMf1erK.js');
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const NewPaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
-        this.saveNewPaymentMethodChecked = false;
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        this.billingFormRef.fill(fields);
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormRef)
-            return;
-        try {
-            const { isValid, errors } = await this.validate();
-            if (!isValid || !insuranceValidation.isValid) {
-                // get propety value from first property in errors object
-                const message = `${Object.values(errors)[0] || 'Validation error'}`;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message,
-                        decline_code: undefined
-                    }
-                };
-            }
-            const tokenizeResponse = await this.tokenize();
-            if (tokenizeResponse.error) {
-                return { error: tokenizeResponse.error };
-            }
-            else {
-                const tokenizeRessponseData = tokenizeResponse.data;
-                return {
-                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-                    data: tokenizeRessponseData
-                };
-            }
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async validate() {
-        const billingFormValidation = await this.billingFormRef.validate();
-        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
-        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
-        return { isValid, errors };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            let paymentMethodData;
-            if (this.saveNewPaymentMethodChecked) {
-                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
-            }
-            else {
-                paymentMethodData = Object.assign({}, billingFormFieldValues);
-            }
-            const clientId = this.authToken;
-            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
-            return tokenizeResponse;
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    showNewPaymentMethodForm() {
-        var _a;
-        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (index.h("div", { class: "mt-4 pb-4" }, index.h("hidden-input", null), paymentMethodType === 'card' ? (index.h("justifi-card-form", null)) : (index.h("justifi-bank-account-form", null)), index.h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    render() {
-        var _a, _b;
-        return (index.h(index.Host, { key: 'c80662f7f21610af20ead6aff44f02be0b21288c', class: "payment-method" }, index.h("div", { key: '5960fa9cf3ca9969c7ef80af3baf6e90ddf79578', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: 'ef5b921a707a3e51d4ee93f5e13952e69fc55213', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
-    }
-};
-
-exports.justifi_new_payment_method = NewPaymentMethod;

package/dist/cjs/justifi-payment-method-options.cjs.entry.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var index = require('./index-D5bL1DOi.js');
-var Payment = require('./Payment-D5UynU2f.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-imuSE7KV.js');
-var checkout_store = require('./checkout.store--pVCO0L1.js');
-var parts = require('./parts-9jMf1erK.js');
-require('./utils-qOon0GWm.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Dispute-CruQTF6_.js');
-require('./index-BCtVWU61.js');
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const PaymentMethodOptions = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.savedPaymentMethods = [];
-        this.paymentMethodOptions = [];
-    }
-    async fillBillingForm(fields) {
-        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        if (newPaymentMethodElement.fillBillingForm) {
-            newPaymentMethodElement.fillBillingForm(fields);
-        }
-    }
-    connectedCallback() {
-        this.paymentMethodsChanged();
-    }
-    paymentMethodsChanged() {
-        var _a, _b;
-        this.paymentMethodOptions = this.savedPaymentMethods
-            .map((paymentMethod) => new paymentMethodOptionUtils.PaymentMethodOption(paymentMethod))
-            .filter((paymentMethod) => {
-            // Don't saved card or bank account if they are disabled
-            return ((this.showCard || paymentMethod.type !== Payment.PaymentMethodTypes.card) &&
-                (this.showAch || paymentMethod.type !== Payment.PaymentMethodTypes.bankAccount));
-        });
-        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new paymentMethodOptionUtils.PaymentMethodOption({ id: Payment.PaymentMethodTypes.sezzle }));
-        }
-        if (this.showCard) {
-            this.paymentMethodOptions.push(new paymentMethodOptionUtils.PaymentMethodOption({ id: Payment.PaymentMethodTypes.card }));
-        }
-        if (this.showAch) {
-            this.paymentMethodOptions.push(new paymentMethodOptionUtils.PaymentMethodOption({ id: Payment.PaymentMethodTypes.bankAccount }));
-        }
-        if (!checkout_store.checkoutStore.selectedPaymentMethod) {
-            checkout_store.checkoutStore.selectedPaymentMethod = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
-        }
-    }
-    paymentMethodOptionSelected(event) {
-        checkout_store.checkoutStore.selectedPaymentMethod = event.detail.id;
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a;
-        return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
-    }
-    async validate() {
-        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        return newPaymentMethodElement.validate();
-    }
-    render() {
-        return (index.h("div", { key: 'e1a46216f766f12306302210bcba3147a4312cfa' }, index.h("justifi-saved-payment-methods", { key: '72ac4e440719ed1bbafc90f4cf0a2e3a52530713' }), index.h("justifi-sezzle-payment-method", { key: 'aaa89521f18ac4833d561c08b3fa50b00800a4bf' }), index.h("div", { key: '209001587e9f7e23f1147d4ef2d8ec4691f6c9fb', class: "radio-list-item p-3", part: parts.radioListItem, onClick: () => { checkout_store.checkoutStore.selectedPaymentMethod = Payment.PaymentMethodTypes.card; }, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: '0baed32a40efc6ff0d77dcf53ae9e3ff3aab1185', name: "paymentMethodType", value: Payment.PaymentMethodTypes.card, checked: checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.card] })), index.h("div", { key: '53d8360fdecec5a6860f480901911bd2c396e1a2', class: "radio-list-item p-3", part: parts.radioListItem, onClick: () => { checkout_store.checkoutStore.selectedPaymentMethod = Payment.PaymentMethodTypes.bankAccount; }, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: '901a45bae4b3faeed8daa147db5c8264c4bee08c', name: "paymentMethodType", value: Payment.PaymentMethodTypes.bankAccount, checked: checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.bankAccount] }))));
-    }
-    static get watchers() { return {
-        "savedPaymentMethods": ["paymentMethodsChanged"]
-    }; }
-};
-
-exports.justifi_payment_method_options = PaymentMethodOptions;

package/dist/cjs/justifi-saved-payment-methods_2.cjs.entry.js

@@ -1,117 +0,0 @@
-'use strict';
-
-var index = require('./index-D5bL1DOi.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
-require('./event-types-YOY5TKUN.js');
-var checkout_store = require('./checkout.store--pVCO0L1.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-imuSE7KV.js');
-var utils = require('./utils-qOon0GWm.js');
-require('./index-BCtVWU61.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-
-const SavedPaymentMethods = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            checkout_store.checkoutStore.selectedPaymentMethod = paymentMethodId;
-        };
-        this.isAllowedPaymentMethod = (paymentMethod) => {
-            if (paymentMethod.type === 'card' && checkout_store.checkoutStore.disableCreditCard) {
-                return false;
-            }
-            if (paymentMethod.type === 'bank_account' && checkout_store.checkoutStore.disableBankAccount) {
-                return false;
-            }
-            return true;
-        };
-    }
-    componentWillLoad() {
-        if (!checkout_store.checkoutStore.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
-            console.warn('Payment method group is disabled.');
-        }
-    }
-    render() {
-        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
-            return null;
-        }
-        return (index.h(styledHost.StyledHost, null, index.h("div", { class: "saved-payment-methods" }, checkout_store.checkoutStore.paymentMethods.length ? checkout_store.checkoutStore.paymentMethods
-            .filter(this.isAllowedPaymentMethod)
-            .map((paymentMethod) => (index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, index.h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkout_store.checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${paymentMethodOptionUtils.CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
-    }
-};
-
-const sezzleLogo = (index.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) {
-        index.registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
-        this.paymentMethodOptionId = 'sezzle';
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            checkout_store.checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkout_store.checkoutStore.paymentAmount);
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: checkout_store.checkoutStore.bnplProviderClientId,
-                apiMode: checkout_store.checkoutStore.bnplProviderMode,
-                apiVersion: checkout_store.checkoutStore.bnplProviderApiVersion,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: checkout_store.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 (!checkout_store.checkoutStore.bnplEnabled || checkout_store.checkoutStore.disableBnpl) {
-            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
-            return null;
-        }
-        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkout_store.checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", null, index.h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
-    }
-};
-
-exports.justifi_saved_payment_methods = SavedPaymentMethods;
-exports.justifi_sezzle_payment_method = SezzlePaymentMethod;

package/dist/collection/components/checkout/new-payment-method.js

@@ -1,378 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { radioListItem } from "../../styles/parts";
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-export class NewPaymentMethod {
-    constructor() {
-        this.saveNewPaymentMethodChecked = false;
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        this.billingFormRef.fill(fields);
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormRef)
-            return;
-        try {
-            const { isValid, errors } = await this.validate();
-            if (!isValid || !insuranceValidation.isValid) {
-                // get propety value from first property in errors object
-                const message = `${Object.values(errors)[0] || 'Validation error'}`;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message,
-                        decline_code: undefined
-                    }
-                };
-            }
-            const tokenizeResponse = await this.tokenize();
-            if (tokenizeResponse.error) {
-                return { error: tokenizeResponse.error };
-            }
-            else {
-                const tokenizeRessponseData = tokenizeResponse.data;
-                return {
-                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-                    data: tokenizeRessponseData
-                };
-            }
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async validate() {
-        const billingFormValidation = await this.billingFormRef.validate();
-        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
-        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
-        return { isValid, errors };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            let paymentMethodData;
-            if (this.saveNewPaymentMethodChecked) {
-                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
-            }
-            else {
-                paymentMethodData = Object.assign({}, billingFormFieldValues);
-            }
-            const clientId = this.authToken;
-            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
-            return tokenizeResponse;
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    showNewPaymentMethodForm() {
-        var _a;
-        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("justifi-card-form", null)) : (h("justifi-bank-account-form", null)), h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: 'c80662f7f21610af20ead6aff44f02be0b21288c', class: "payment-method" }, h("div", { key: '5960fa9cf3ca9969c7ef80af3baf6e90ddf79578', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'ef5b921a707a3e51d4ee93f5e13952e69fc55213', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
-    }
-    static get is() { return "justifi-new-payment-method"; }
-    static get properties() {
-        return {
-            "authToken": {
-                "type": "string",
-                "attribute": "auth-token",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "accountId": {
-                "type": "string",
-                "attribute": "account-id",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "paymentMethodOption": {
-                "type": "unknown",
-                "attribute": "payment-method-option",
-                "mutable": false,
-                "complexType": {
-                    "original": "PaymentMethodOption",
-                    "resolved": "PaymentMethodOption",
-                    "references": {
-                        "PaymentMethodOption": {
-                            "location": "import",
-                            "path": "./payment-method-option-utils",
-                            "id": "src/components/checkout/payment-method-option-utils.ts::PaymentMethodOption"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "paymentMethodGroupId": {
-                "type": "string",
-                "attribute": "payment-method-group-id",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "isSelected": {
-                "type": "boolean",
-                "attribute": "is-selected",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "showCard": {
-                "type": "boolean",
-                "attribute": "show-card",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "showAch": {
-                "type": "boolean",
-                "attribute": "show-ach",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "hideCardBillingForm": {
-                "type": "boolean",
-                "attribute": "hide-card-billing-form",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "hideBankAccountBillingForm": {
-                "type": "boolean",
-                "attribute": "hide-bank-account-billing-form",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "saveNewPaymentMethodChecked": {}
-        };
-    }
-    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 {
-            "fillBillingForm": {
-                "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/billing-form-schema",
-                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "resolvePaymentMethod": {
-                "complexType": {
-                    "signature": "(insuranceValidation: any) => Promise<PaymentMethodPayload>",
-                    "parameters": [{
-                            "name": "insuranceValidation",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PaymentMethodPayload": {
-                            "location": "import",
-                            "path": "./payment-method-payload",
-                            "id": "src/components/checkout/payment-method-payload.ts::PaymentMethodPayload"
-                        }
-                    },
-                    "return": "Promise<PaymentMethodPayload>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ isValid: boolean; errors: any; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get listeners() {
-        return [{
-                "name": "checkboxChanged",
-                "method": "handleCheckboxChanged",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}