@justifi/webcomponents 5.7.6-rc-08 → 5.7.6

package/dist/esm/justifi-button_5.entry.js

@@ -1,438 +0,0 @@
-import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './index-kpoIU4v_.js';
-import { S as StyledHost } from './styled-host-B_XBaM7z.js';
-import { B as Button } from './button-DxM4-mlD.js';
-import { z as text, r as radioListItem } from './parts-D3G5aVLy.js';
-import { f as formatCurrency } from './utils-B7jE0g5_.js';
-import { c as checkoutStore, o as onChange } from './checkout.store-QrBBYQfi.js';
-import './event-types-CZfYo5-1.js';
-import { H as Header1 } from './header-1-B0PFwGib.js';
-import { H as Header2, b as insuranceValuesOn, i as insuranceValues } from './insurance-state-DQH40x6F.js';
-import { H as Header3 } from './header-3-D3gxg6YU.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-C2I-noS-.js';
-import './config-state-BrllxiM0.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
-import { I as ICheckoutStatus } from './Refund-4B3c-kLz.js';
-import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
-import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { C as CheckoutService } from './checkout.service-CXeKDZTF.js';
-import './index-B9me4yN2.js';
-import './package-C3HuV_kf.js';
-import './Api-DQM93PRm.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.js';
-
-const JustifiButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.type = 'button';
-    }
-    render() {
-        return (h(StyledHost, { key: '89057d5d72b67b613e4846165ea8d2bf5c79482d' }, h(Button, { key: '2bfa0c22898e703a36fb59b1060da35b362f6efa', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
-    }
-};
-
-const Summary = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(StyledHost, { key: 'dbe9b02315fe34f0765b04d1f56758eeafbec247' }, h("section", { key: '8d55dbe1ed13f4d565eac71600dc53c4d29f9d2f' }, h("div", { key: 'd3b27f48a23b448680abae596531905ea198b4b0' }, h("div", { key: '1df204481e044414825de33640d3b13e73bd44a2', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7734088f6171a77e56cbf3434de7a892949812d4' }, h("span", { key: 'ed855b2d6f02d316dcdc5e8c6d3309b4919c560e', part: text }, "Total"), "\u00A0", h("span", { key: 'c352cf6089c2c4d8b2fc57776acd45991880fe3f', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
-    }
-};
-
-const Header = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.levels = {
-            h1: Header1,
-            h2: Header2,
-            h3: Header3,
-        };
-        this.level = 'h1';
-    }
-    render() {
-        const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '0ea6499e12267cc11baa3e88b24b06aae5add667' }, h(HeaderComponent, { key: 'd2e1d462e946d129890187b320db0b8006f505f7', text: this.text, class: this.class })));
-    }
-};
-
-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) {
-            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 ModularCheckout = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.submitEvent = createEvent(this, "submit-event");
-        this.paymentMethodChangedEvent = createEvent(this, "payment-method-changed");
-        this.savePaymentMethod = false;
-        this.handleApplePayCompleted = (event) => {
-            const { success, token, error } = event.detail;
-            if (success && token) {
-                this.applePayToken = token;
-                // Complete the checkout with Apple Pay token
-                this.submitCheckoutWithApplePay();
-            }
-            else {
-                console.error('Apple Pay completed but failed:', error);
-                this.errorEvent.emit({
-                    message: (error === null || error === void 0 ? void 0 : error.message) || 'Apple Pay payment failed',
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            }
-        };
-        this.handleApplePayError = (event) => {
-            const { error } = event.detail;
-            console.error('Apple Pay error:', error);
-            this.errorEvent.emit({
-                message: error || 'Apple Pay error occurred',
-                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        };
-        this.handleApplePayCancelled = () => {
-            console.log('Apple Pay cancelled by user');
-            // Reset the token if cancelled
-            this.applePayToken = undefined;
-        };
-    }
-    connectedCallback() {
-        this.observer = new MutationObserver(() => {
-            this.queryFormRefs();
-            this.setupApplePayListeners(); // set up again listeners when DOM changes
-        });
-        this.observer.observe(this.hostEl, {
-            childList: true,
-            subtree: true
-        });
-        checkoutStore.checkoutId = this.checkoutId;
-        const config = {
-            authToken: this.authToken,
-            checkoutId: this.checkoutId,
-            service: new CheckoutService()
-        };
-        this.getCheckout = makeGetCheckout(config);
-        this.completeCheckout = makeCheckoutComplete(config);
-        onChange('selectedPaymentMethod', (newValue) => {
-            this.paymentMethodChangedEvent.emit(newValue);
-        });
-    }
-    componentWillLoad() {
-        if (!this.authToken || !this.checkoutId) {
-            this.errorEvent.emit({
-                message: ComponentErrorMessages.NOT_AUTHENTICATED,
-                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        this.analytics = new JustifiAnalytics(this);
-        checkPkgVersion();
-        checkoutStore.authToken = this.authToken;
-        this.fetchCheckout();
-        // Refresh the checkout data when insurance is added or removed
-        insuranceValuesOn('set', (key) => {
-            const value = insuranceValues[key];
-            if (value !== undefined) {
-                this.fetchCheckout();
-            }
-        });
-    }
-    componentDidLoad() {
-        this.queryFormRefs();
-        this.setupApplePayListeners();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.removeApplePayListeners();
-    }
-    fetchCheckout() {
-        if (this.getCheckout) {
-            this.getCheckout({
-                onSuccess: ({ checkout }) => {
-                    if (checkout.status === ICheckoutStatus.completed) {
-                        this.errorEvent.emit({
-                            message: ComponentErrorMessages.CHECKOUT_ALREADY_COMPLETED,
-                            errorCode: ComponentErrorCodes.CHECKOUT_ALREADY_COMPLETED,
-                            severity: ComponentErrorSeverity.ERROR,
-                        });
-                        return;
-                    }
-                    else if (checkout.status === ICheckoutStatus.expired) {
-                        this.errorEvent.emit({
-                            message: ComponentErrorMessages.CHECKOUT_EXPIRED,
-                            errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
-                            severity: ComponentErrorSeverity.ERROR,
-                        });
-                        return;
-                    }
-                    this.updateStore(checkout);
-                },
-                onError: (error) => {
-                    this.errorEvent.emit({
-                        message: error.message,
-                        errorCode: ComponentErrorCodes.FETCH_ERROR,
-                        severity: ComponentErrorSeverity.ERROR,
-                    });
-                }
-            });
-        }
-    }
-    updateStore(checkout) {
-        var _a, _b, _c, _d;
-        checkoutStore.accountId = checkout.account_id;
-        checkoutStore.paymentMethods = checkout.payment_methods;
-        checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
-        checkoutStore.paymentDescription = checkout.payment_description;
-        checkoutStore.totalAmount = checkout.total_amount;
-        checkoutStore.paymentAmount = checkout.payment_amount;
-        checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
-        checkoutStore.bnplProviderClientId = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _a === void 0 ? void 0 : _a.provider_client_id;
-        checkoutStore.bnplProviderMode = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_api_version;
-        checkoutStore.bnplProviderCheckoutUrl = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_checkout_url;
-    }
-    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');
-        this.applePayRef = this.hostEl.querySelector('justifi-apple-pay');
-    }
-    setupApplePayListeners() {
-        if (this.applePayRef) {
-            this.applePayRef.addEventListener('applePayCompleted', this.handleApplePayCompleted);
-            this.applePayRef.addEventListener('applePayError', this.handleApplePayError);
-            this.applePayRef.addEventListener('applePayCancelled', this.handleApplePayCancelled);
-        }
-    }
-    removeApplePayListeners() {
-        if (this.applePayRef) {
-            this.applePayRef.removeEventListener('applePayCompleted', this.handleApplePayCompleted);
-            this.applePayRef.removeEventListener('applePayError', this.handleApplePayError);
-            this.applePayRef.removeEventListener('applePayCancelled', this.handleApplePayCancelled);
-        }
-    }
-    async submitCheckoutWithApplePay() {
-        if (!this.applePayToken) {
-            this.errorEvent.emit({
-                message: 'No Apple Pay token available',
-                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        const payment = {
-            payment_mode: 'apple_pay',
-            payment_token: this.applePayToken,
-        };
-        this.completeCheckout({
-            payment,
-            onSuccess: ({ checkout }) => {
-                this.submitEvent.emit({
-                    checkout,
-                    message: 'Apple Pay checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
-    }
-    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: checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
-            paymentMethodMetadata.payment_method_group_id = checkoutStore.paymentMethodGroupId;
-        }
-        return this.paymentMethodFormRef.tokenize({
-            clientId: this.authToken,
-            paymentMethodMetadata,
-            account: checkoutStore.accountId,
-        });
-    }
-    async getPaymentMethod(submitCheckoutArgs) {
-        // If Apple Pay token is available, return a placeholder since we handle it differently
-        if (this.applePayToken) {
-            return 'apple_pay_token';
-        }
-        if (!this.paymentMethodFormRef) {
-            return checkoutStore.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;
-        // If Apple Pay token is available, validation is already complete
-        if (this.applePayToken) {
-            return true;
-        }
-        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;
-        // If Apple Pay token is available, use Apple Pay flow
-        if (this.applePayToken) {
-            await this.submitCheckoutWithApplePay();
-            return;
-        }
-        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 (checkoutStore.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.submitEvent.emit({
-                    checkout,
-                    message: 'Checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
-    }
-    async setSelectedPaymentMethod(paymentMethodId) {
-        checkoutStore.selectedPaymentMethod = paymentMethodId;
-    }
-    render() {
-        return (h(Host, { key: '307608e8cd41e1c262dbca6cda7b0bfc8855dedf' }));
-    }
-    get hostEl() { return getElement(this); }
-};
-
-const PaymentMethodOption = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(StyledHost, { key: 'e9069cbe6668585daa972c3d226ef2a901a0b003', class: "payment-method" }, h("div", { key: '9ec14865488d43f8007c481a8ba030b5415abf96', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '146ee9bc2cfc57192db519643f18ed672ac12e77', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
-    }
-};
-
-export { JustifiButton as justifi_button, Summary as justifi_checkout_summary, Header as justifi_header, ModularCheckout as justifi_modular_checkout, PaymentMethodOption as payment_method_option };

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

@@ -1,97 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-kpoIU4v_.js';
-import { r as radioListItem } from './parts-D3G5aVLy.js';
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const NewPaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = 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 (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));
-    }
-};
-
-export { NewPaymentMethod as justifi_new_payment_method };

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

@@ -1,73 +0,0 @@
-import { r as registerInstance, h } from './index-kpoIU4v_.js';
-import { P as PaymentMethodTypes } from './Payment-Bs0-9Lnt.js';
-import { P as PaymentMethodOption } from './payment-method-option-utils-Cm6lAaP1.js';
-import { c as checkoutStore } from './checkout.store-QrBBYQfi.js';
-import { r as radioListItem } from './parts-D3G5aVLy.js';
-import './utils-B7jE0g5_.js';
-import './Dispute-7MWRbTXI.js';
-import './index-B9me4yN2.js';
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const PaymentMethodOptions = class {
-    constructor(hostRef) {
-        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 PaymentMethodOption(paymentMethod))
-            .filter((paymentMethod) => {
-            // Don't saved card or bank account if they are disabled
-            return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
-                (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
-        });
-        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
-        }
-        if (this.showCard) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
-        }
-        if (this.showAch) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
-        }
-        if (!checkoutStore.selectedPaymentMethod) {
-            checkoutStore.selectedPaymentMethod = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
-        }
-    }
-    paymentMethodOptionSelected(event) {
-        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 (h("div", { key: 'e1a46216f766f12306302210bcba3147a4312cfa' }, h("justifi-saved-payment-methods", { key: '72ac4e440719ed1bbafc90f4cf0a2e3a52530713' }), h("justifi-sezzle-payment-method", { key: 'aaa89521f18ac4833d561c08b3fa50b00800a4bf' }), h("div", { key: '209001587e9f7e23f1147d4ef2d8ec4691f6c9fb', class: "radio-list-item p-3", part: radioListItem, onClick: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.card; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '0baed32a40efc6ff0d77dcf53ae9e3ff3aab1185', name: "paymentMethodType", value: PaymentMethodTypes.card, checked: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card, label: PaymentMethodTypeLabels[PaymentMethodTypes.card] })), h("div", { key: '53d8360fdecec5a6860f480901911bd2c396e1a2', class: "radio-list-item p-3", part: radioListItem, onClick: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.bankAccount; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '901a45bae4b3faeed8daa147db5c8264c4bee08c', name: "paymentMethodType", value: PaymentMethodTypes.bankAccount, checked: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount, label: PaymentMethodTypeLabels[PaymentMethodTypes.bankAccount] }))));
-    }
-    static get watchers() { return {
-        "savedPaymentMethods": ["paymentMethodsChanged"]
-    }; }
-};
-
-export { PaymentMethodOptions as justifi_payment_method_options };

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

@@ -1,29 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-kpoIU4v_.js';
-import { C as CardBrandLabels } from './payment-method-option-utils-Cm6lAaP1.js';
-import { r as radioListItem } from './parts-D3G5aVLy.js';
-import './utils-B7jE0g5_.js';
-
-const SavedPaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a;
-        if (!insuranceValidation.isValid) {
-            return { validationError: true };
-        }
-        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
-    }
-    ;
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: 'c6a1d3de6363c80a0acb15c6676d3e913beeda2d', class: "payment-method" }, h("div", { key: 'fdabb1a67f654a3bcf06e86e8c42f6aa281e6757', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0731e2ccb8080ee4972201a617cd99376627e332', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
-    }
-};
-
-export { SavedPaymentMethod as justifi_saved_payment_method };