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

package/dist/cjs/{justifi-checkout-summary_5.cjs.entry.js → justifi-button_5.cjs.entry.js}

@@ -1,36 +1,64 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
+var index = require('./index-dm_GlYlb.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
+var button = require('./button-CfVQSysQ.js');
 var parts = require('./parts-9jMf1erK.js');
-var utils = require('./utils-DqlrBltg.js');
-var checkout_store = require('./checkout.store-B58bewb_.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var utils = require('./utils-Dka3MplB.js');
+var checkout_store = require('./checkout.store-mEv437nN.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-Bp51QhAR.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
+var header1 = require('./header-1-DD41iNlG.js');
+var insuranceState = require('./insurance-state-qT_hkvZV.js');
+var header3 = require('./header-3-D9Wa0IfT.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+require('./config-state-5xZf-jax.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-08OcZkXX.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
-var checkout_service = require('./checkout.service-BBD6v0cl.js');
-var insuranceState = require('./insurance-state-B3CYpJWi.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-QODgEWhU.js');
-require('./index-BCtVWU61.js');
-require('./package-BMSb1ui9.js');
-require('./Api-eP0XeJLd.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+var checkout_service = require('./checkout.service-C_qEIb8b.js');
+require('./index-Yd9aLenr.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
+const JustifiButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '89057d5d72b67b613e4846165ea8d2bf5c79482d' }, index.h(button.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) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fe4584497faaf589819dd60c5310eb427518d8c6' }, index.h("section", { key: 'ca55b0c0feea790e13ac680b955e64565633e7bd' }, index.h("div", { key: 'ae82878dc9010db77bc564e4ba1cc8fc6c04e7f2' }, index.h("div", { key: 'daf8a8514879d64d3463b5394e61b19cf8445fb9', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '44845dca1b6cb8d814c48279c03bc6694175e7a1' }, index.h("span", { key: 'eebc881d4693cab79fa25edb7563979c21d049a3', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'fbf572ba41fb575aa83c1f56d35a294e0855dc9c', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: 'dbe9b02315fe34f0765b04d1f56758eeafbec247' }, index.h("section", { key: '8d55dbe1ed13f4d565eac71600dc53c4d29f9d2f' }, index.h("div", { key: 'd3b27f48a23b448680abae596531905ea198b4b0' }, index.h("div", { key: '1df204481e044414825de33640d3b13e73bd44a2', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '7734088f6171a77e56cbf3434de7a892949812d4' }, index.h("span", { key: 'ed855b2d6f02d316dcdc5e8c6d3309b4919c560e', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'c352cf6089c2c4d8b2fc57776acd45991880fe3f', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+    }
+};
+
+const Header = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.levels = {
+            h1: header1.Header1,
+            h2: insuranceState.Header2,
+            h3: header3.Header3,
+        };
+        this.level = 'h1';
+    }
+    render() {
+        const HeaderComponent = this.levels[this.level];
+        return (index.h(styledHost.StyledHost, { key: '0ea6499e12267cc11baa3e88b24b06aae5add667' }, index.h(HeaderComponent, { key: 'd2e1d462e946d129890187b320db0b8006f505f7', text: this.text, class: this.class })));
     }
 };
 
@@ -96,13 +124,41 @@ const ModularCheckout = class {
         this.submitEvent = index.createEvent(this, "submit-event");
         this.paymentMethodChangedEvent = index.createEvent(this, "payment-method-changed");
         this.savePaymentMethod = false;
-    }
-    savePaymentMethodChanged(newValue) {
-        checkout_store.checkoutStore.savePaymentMethod = newValue;
+        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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                severity: ComponentError.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,
@@ -132,22 +188,23 @@ const ModularCheckout = class {
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         checkPkgVersion.checkPkgVersion();
         checkout_store.checkoutStore.authToken = this.authToken;
-        checkout_store.checkoutStore.savePaymentMethod = this.savePaymentMethod;
         this.fetchCheckout();
-        // Refresh the checkout data when insurance values actually change (not on initial load)
+        // Refresh the checkout data when insurance is added or removed
         insuranceState.insuranceValuesOn('set', (key) => {
             const value = insuranceState.insuranceValues[key];
-            if (value !== undefined && insuranceState.hasInsuranceValueChanged(key, value)) {
+            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) {
@@ -200,22 +257,71 @@ const ModularCheckout = class {
         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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                severity: ComponentError.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: ComponentError.ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+            },
+        });
     }
     async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b, _c;
+        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: checkout_store.checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (checkout_store.checkoutStore.savePaymentMethod) {
+        if (this.savePaymentMethod) {
             paymentMethodMetadata.payment_method_group_id = checkout_store.checkoutStore.paymentMethodGroupId;
         }
-        return (_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
+        return this.paymentMethodFormRef.tokenize({
             clientId: this.authToken,
             paymentMethodMetadata,
             account: checkout_store.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 checkout_store.checkoutStore.selectedPaymentMethod;
         }
@@ -232,6 +338,10 @@ const ModularCheckout = class {
     }
     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()
@@ -244,6 +354,11 @@ const ModularCheckout = class {
     }
     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({
@@ -308,115 +423,9 @@ const ModularCheckout = class {
         checkout_store.checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (index.h(index.Host, { key: '6b18f4f77b736f984ac15f168cc51b74c3927225' }));
+        return (index.h(index.Host, { key: '307608e8cd41e1c262dbca6cda7b0bfc8855dedf' }));
     }
     get hostEl() { return index.getElement(this); }
-    static get watchers() { return {
-        "savePaymentMethod": ["savePaymentMethodChanged"]
-    }; }
-};
-
-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))))) }))));
-    }
 };
 
 const PaymentMethodOption = class {
@@ -424,12 +433,12 @@ const PaymentMethodOption = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '8d4bc7222b08e71511017ef1292360f491de05c0', class: "payment-method" }, index.h("div", { key: '0c9efd8f33e07dfc7261010ee5d4ad96302ae36b', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, index.h("form-control-radio", { key: 'c87f7caa8f2770d784d7efc002762f6beb5f1896', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (index.h(styledHost.StyledHost, { key: 'e9069cbe6668585daa972c3d226ef2a901a0b003', class: "payment-method" }, index.h("div", { key: '9ec14865488d43f8007c481a8ba030b5415abf96', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, index.h("form-control-radio", { key: '146ee9bc2cfc57192db519643f18ed672ac12e77', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 };
 
+exports.justifi_button = JustifiButton;
 exports.justifi_checkout_summary = Summary;
+exports.justifi_header = Header;
 exports.justifi_modular_checkout = ModularCheckout;
-exports.justifi_saved_payment_methods = SavedPaymentMethods;
-exports.justifi_sezzle_payment_method = SezzlePaymentMethod;
 exports.payment_method_option = PaymentMethodOption;

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -1,20 +1,19 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var checkPkgVersion = require('./check-pkg-version-Bp51QhAR.js');
-var checkout_store = require('./checkout.store-B58bewb_.js');
+var index = require('./index-dm_GlYlb.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var checkout_store = require('./checkout.store-mEv437nN.js');
 var parts = require('./parts-9jMf1erK.js');
-var Refund = require('./Refund-08OcZkXX.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var Payment = require('./Payment-2Zmn-l6G.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-BMSb1ui9.js');
-require('./Api-eP0XeJLd.js');
-require('./config-state-Dz9bnWHg.js');
-require('./index-BCtVWU61.js');
-require('./utils-DqlrBltg.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
+require('./config-state-5xZf-jax.js');
+require('./index-Yd9aLenr.js');
+require('./utils-Dka3MplB.js');
 require('./ComponentError-D4OLnOkg.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
@@ -92,23 +91,23 @@ const Checkout = class {
         this.modularCheckoutRef.submitCheckout(checkout_store.checkoutStore.billingFormFields);
     }
     get canSavePaymentMethod() {
-        return checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.card || checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.bankAccount;
+        return checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card || checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount;
     }
     get showBillingForm() {
-        return (checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.card && !this.hideCardBillingForm)
-            || (checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.bankAccount && !this.hideBankAccountBillingForm);
+        return (checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card && !this.hideCardBillingForm)
+            || (checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount && !this.hideBankAccountBillingForm);
     }
     get showBillingFormSection() {
-        return checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.card || checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.bankAccount;
+        return checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card || checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount;
     }
     get showPaymentTypeHeader() {
         return !this.disableCreditCard && !this.disableBankAccount;
     }
     get showPostalCodeForm() {
-        return checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.card && this.hideCardBillingForm;
+        return checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card && this.hideCardBillingForm;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '66b064eb09a9d14357b5f67ed6cb06a315e28cd3' }, index.h("justifi-modular-checkout", { key: '0c175af8ee77ba66a6c9e6e338f8e148485e1a44', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: this.canSavePaymentMethod && this.savePaymentMethod }, index.h("div", { key: '27a831604928bae01d8a4f056065cf4bb22ed078', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '42f396148f51c83fcfb6af8385bfeaa0809c80b4', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '4fdee03c9f6c2d8cb125cf00e7774486f748024b', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: '9dd9f8f49c714d915d33f4767196cb31912fe2d4' }, index.h("justifi-checkout-summary", { key: 'ab3a241477367ace71894a89cdb8df6b02b6a475' }))), index.h("div", { key: '2fcfa4852da6ab570999e00c900a38ce3f7b22d6', class: "col-12 mt-4" }, index.h("slot", { key: '0d8990a3c78a59cfad5b31de02d885dd85bdff3b', name: "insurance" })), index.h("div", { key: '02bcacf6467c99b50b61cd46c4393d2f21ac7f30', class: "col-12 mt-4" }, index.h("justifi-header", { key: 'f6c88155bcd68d4c76dd1c6d812cb3bf96556454', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: 'dfc55a62398f0baeb3eef4d934644f68cc8483b9', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: '3bfdf78062b252b9fc53f63e3248966cd4bd6513', class: "d-flex flex-column" }, index.h("section", { key: '5f51a590d33ae9074314df4a5808fa4355c3711f' }, index.h("div", { key: '048568eb658167dcb267a406d11e9672539e5454' }, index.h("justifi-saved-payment-methods", { key: '150ba48b60bd5818a6fd2004ed1d3b0571050221' }), index.h("justifi-sezzle-payment-method", { key: 'c959ccbba4683f37706daa889eaa60d0a371d682' }), !this.disableCreditCard && (index.h("div", { key: '412255d8cf36a0e3669680e09ca77d5efedf7969' }, index.h("payment-method-option", { key: '9aaaecfd5880a7de93e6f3c986e12f2e63407674', paymentMethodOptionId: Refund.PaymentMethodTypes.card, isSelected: checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.card, clickHandler: () => { checkout_store.checkoutStore.selectedPaymentMethod = Refund.PaymentMethodTypes.card; }, radioButtonHidden: this.disableCreditCard, label: PaymentMethodTypeLabels[Refund.PaymentMethodTypes.card] }), checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.card && (index.h("div", { key: '4fefd1eb74d9c6ba17a1d01fe59ab3334bf8bdac', class: "mt-4 mb-4" }, index.h("justifi-card-form", { key: '6c78f67bce200b47201220a528fb289861761727' }))))), !this.disableBankAccount && (index.h("div", { key: 'c5b97b68abaf8fa754b9f12e08a1b68c85b4c852' }, index.h("payment-method-option", { key: '24c013b3e317d26c9c7b961c0b0a87f2f94949f2', paymentMethodOptionId: Refund.PaymentMethodTypes.bankAccount, isSelected: checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.bankAccount, clickHandler: () => { checkout_store.checkoutStore.selectedPaymentMethod = Refund.PaymentMethodTypes.bankAccount; }, radioButtonHidden: this.disableBankAccount, label: PaymentMethodTypeLabels[Refund.PaymentMethodTypes.bankAccount] }), checkout_store.checkoutStore.selectedPaymentMethod === Refund.PaymentMethodTypes.bankAccount && (index.h("div", { key: 'b61b75f7e449b1217357bdaddfbfcf37d863612f', class: "mt-4 mb-4" }, index.h("justifi-bank-account-form", { key: 'e6d182d60e1b308f76b4364c9a757c7ca59debf2' }))))))))), this.showBillingFormSection && (index.h("div", { key: '71ea650fdb37ff7227b4f8027a54f74c8bf8a575', class: "col-12 mt-4" }, this.showBillingForm && (index.h("justifi-header", { key: 'f36db4e0d6d008d924ada83a83899377e46ece90', text: "Billing Address", level: "h2", class: "fs-5 fw-bold pb-3" })), this.showPostalCodeForm && (index.h("justifi-postal-code-form", { key: '19005f53df4bd597ccf6484d662d7d230a8a7b83' })), this.showBillingForm && (index.h("justifi-billing-information-form", { key: 'e5f501833f7aef3c603d18b29b21c39f990e8ef1' })))), index.h("div", { key: '828ba958634f58c641a5f6e3a848993d03e4aba0', class: "col-12" }, this.canSavePaymentMethod && (index.h("justifi-save-new-payment-method", { key: 'e94caf3d77e0299008e6a0bbf6852347eaa02ebf' }))), index.h("div", { key: '8436468192642a3f20f82b390e5ec53c4dc951bf', class: "mt-4" }, index.h("justifi-button", { key: '981448c550a72eb1aa936d785912729a1d788cac', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+        return (index.h(styledHost.StyledHost, { key: '4fb1d82b065de6c1e4651a246a53f8e58451d6f6' }, index.h("justifi-modular-checkout", { key: '232cf32890422f474cf929b7c7ed7246d7b39c75', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: this.canSavePaymentMethod && this.savePaymentMethod }, index.h("div", { key: '677ad110b05520be3b729995657086f0f6cbf337', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '458c84541dd154dd8b4ad1d0f2320e2308cc1785', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '440a7d1ad7b21da3db66e6c6f1f9afefb434a089', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: '99bd431a8f70ce6e764cc04da3d0aaae6f0ebcbe' }, index.h("justifi-checkout-summary", { key: '52da663e5bed35f0deb220800c7ede8835a3671b' }))), index.h("div", { key: 'e95b1c6830d20c5af57c558badb04d07d3c48f23', class: "col-12 mt-4" }, index.h("slot", { key: '527d58d4806d2e1bbcba499e97ab65f6c9c7efb9', name: "insurance" })), index.h("div", { key: '69d1319d1e05852de4f5566ad3be20bc9a6ee499', class: "col-12 mt-4" }, index.h("justifi-header", { key: '1682f909f22172a44da54118aefe428f92908e91', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: '7942a12143bea0235705969737e11d59bc5180e1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: '497664d455695693c4f9a1a4465c62ad4d5b6bdf', class: "d-flex flex-column" }, index.h("section", { key: 'd3da4c18b430e1b36f7b9ba20be517994e763b5e' }, index.h("div", { key: '1cc0f0462a0f70d2acc4c9fdee25fbb2fe953c22' }, index.h("justifi-saved-payment-methods", { key: '576da27df84d67bc69f2d95f00a6c440fa73f7ed' }), index.h("justifi-sezzle-payment-method", { key: '6544a3a250ee012870a9edce71dd763553d44554' }), !this.disableCreditCard && (index.h("div", { key: '79050f768d8d76c4d882bed667e85391c230a960' }, index.h("payment-method-option", { key: '5a6c1dc583766707e6215203fdba176bd65b501d', paymentMethodOptionId: Payment.PaymentMethodTypes.card, isSelected: checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card, clickHandler: () => { checkout_store.checkoutStore.selectedPaymentMethod = Payment.PaymentMethodTypes.card; }, radioButtonHidden: this.disableCreditCard, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.card] }), checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card && (index.h("div", { key: '5e6f0b854191a9a5db8936b2e30518fba251e478', class: "mt-4 mb-4" }, index.h("justifi-card-form", { key: '6c3f72f27dfe36924fe94ab4f7c79b6b9ff19b47' }))))), !this.disableBankAccount && (index.h("div", { key: 'f6a88103b2c30e4dd10e733b19aaa29a7a44430c' }, index.h("payment-method-option", { key: '67ef047a8caad5bc389238d54bb3d7056ca4b9e6', paymentMethodOptionId: Payment.PaymentMethodTypes.bankAccount, isSelected: checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount, clickHandler: () => { checkout_store.checkoutStore.selectedPaymentMethod = Payment.PaymentMethodTypes.bankAccount; }, radioButtonHidden: this.disableBankAccount, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.bankAccount] }), checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount && (index.h("div", { key: 'e67924184fc43811523081711f59865a01d7cf9f', class: "mt-4 mb-4" }, index.h("justifi-bank-account-form", { key: 'a01cdfe8be1bc98d4c0f75c2a9f2ca1cce519042' }))))))))), this.showBillingFormSection && (index.h("div", { key: 'a15f1202548c7d6c302c2b2827168a6a119f8634', class: "col-12 mt-4" }, this.showBillingForm && (index.h("justifi-header", { key: 'ee654c812cb097449937da4253e191de1ee669d5', text: "Billing Address", level: "h2", class: "fs-5 fw-bold pb-3" })), this.showPostalCodeForm && (index.h("justifi-postal-code-form", { key: '2a5736e6da3354f7a9d1a5b8870a2f61c09c2592' })), this.showBillingForm && (index.h("justifi-billing-information-form", { key: '7dd63931e75d7583b4f51a1f6bb2b1e84a46e078' })))), index.h("div", { key: '54aeb0f07f574ee004ec02cd279265202cffa9bf', class: "col-12" }, this.canSavePaymentMethod && (index.h("justifi-save-new-payment-method", { key: '2e010be22091cee1ebc4353d5dac3b49639175e7' }))), index.h("div", { key: '71df812c8a922ae8b447d647f69675230c092db9', class: "mt-4" }, index.h("justifi-button", { key: '057cd18c6235c73cc69ca85e9cb35a2a614a4d9a', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -1,20 +1,19 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
+var index = require('./index-dm_GlYlb.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
 require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-08OcZkXX.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-DZUKBmLC.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-BNbT1fuJ.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-require('./index-BCtVWU61.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./utils-DqlrBltg.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -54,7 +53,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'd025c4862f0245938f09ea574379b262252a4e7e' }, index.h("table-filters-menu", { key: 'acd9800c723d7e956ee237e1d7944e58d5c4f332', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '453749cdaa376a051dbf1acdbedfa625a0c77c5c', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '8b83f81027c68ef9b47623ea66dc471aecf28ac4', class: "p-2" }, index.h("form-control-select", { key: '74e2548e0f96d63978e6fffe58ae1ca32b5fd4ee', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: 'ea1fe571e4cc2ae9e2d2a62d7205e27fa1c7dc3f', class: "p-2" }, index.h("form-control-select", { key: 'e948b0e57ab03d31c32a036c24f1a29a45b5a90c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '5474a09b729c816bafb47101dbf5a25aff92eb1b' }, index.h("table-filters-menu", { key: '92e46a05e67bdf84b74cd644c1b89d0fc4c86af9', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'd8562876f8a0c1d85caa5a298cccdb1143bd7512', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '4162644cf10861d91a79dc07f845dd21a6c8d6a5', class: "p-2" }, index.h("form-control-select", { key: '2b13ef4af25f6ac3865f3b0edde91929655537bf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '9aee7f453be147b03a548fe9ea9bd9bcc6a233aa', class: "p-2" }, index.h("form-control-select", { key: '8f375d5660c3414e5f3796e02694fa46ed761871', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
     }
 };
 

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -1,28 +1,27 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
+var index = require('./index-dm_GlYlb.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-08OcZkXX.js');
+var Refund = require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-Bp51QhAR.js');
-var checkout_service = require('./checkout.service-BBD6v0cl.js');
-var getSubaccounts = require('./get-subaccounts-CtelAONX.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var checkout_service = require('./checkout.service-C_qEIb8b.js');
+var getSubaccounts = require('./get-subaccounts-CvtcQGsb.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-Cp7rNkNd.js');
-require('./index-BCtVWU61.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./utils-DqlrBltg.js');
+var checkoutsTable = require('./checkouts-table-DJoMGwVG.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-BMSb1ui9.js');
-require('./Api-eP0XeJLd.js');
-require('./badge-DDksduwk.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
+require('./badge-CMmPvqtE.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -109,7 +108,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '073b7fb919a3f4d008a81cc7e13fb8ad72fed26c' }, index.h("checkouts-list-core", { key: '232229d4af023570ac261fda6df120a9451304cf', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '41bf633467138b6af13b1c02ccf1e1016ec54bfe' }, index.h("checkouts-list-core", { key: 'cd3ca431258ad73e701fe74612ecdf2c0f2a1bda', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-config-provider.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var configState = require('./config-state-Dz9bnWHg.js');
-require('./index-BCtVWU61.js');
+var index = require('./index-dm_GlYlb.js');
+var configState = require('./config-state-5xZf-jax.js');
+require('./index-Yd9aLenr.js');
 
 const ConfigProvider = class {
     constructor(hostRef) {

package/dist/cjs/justifi-details.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var utils = require('./utils-wkdkLmDI.js');
+var index = require('./index-dm_GlYlb.js');
+var utils = require('./utils-Df-pajL7.js');
 require('./parts-9jMf1erK.js');
 
 const Details = class {

package/dist/cjs/justifi-dispute-management-core.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
+var index = require('./index-dm_GlYlb.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 
@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'bb50db485b666c8a69826d3ccdccb19e1defff7f' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: 'c85852cbd1169f371eb30ae06b6a2a564a15ece7' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]