@justifi/webcomponents 6.0.0-rc.7 → 6.0.0-rc.8

package/dist/cjs/{check-pkg-version-CO2TpemN.js → check-pkg-version-BJaFyEGj.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-k4ZKuvRG.js');
+var _package = require('./package-DqvfEWsE.js');
 var Api = require('./Api-y2G49jOh.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BVZHsa6Z.js');

package/dist/cjs/checkout.store-MSwLBCby.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var index = require('./index-B32W0A3m.js');
+
+exports.PAYMENT_MODE = void 0;
+(function (PAYMENT_MODE) {
+    PAYMENT_MODE["ECOM"] = "ecom";
+    PAYMENT_MODE["BNPL"] = "bnpl";
+    PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
+})(exports.PAYMENT_MODE || (exports.PAYMENT_MODE = {}));
+// Maps the backend payment method types to the frontend payment method types
+exports.PAYMENT_METHOD_TYPES = void 0;
+(function (PAYMENT_METHOD_TYPES) {
+    PAYMENT_METHOD_TYPES["CARD"] = "card";
+    PAYMENT_METHOD_TYPES["BANK_ACCOUNT"] = "bank_account";
+    PAYMENT_METHOD_TYPES["APPLE_PAY"] = "apple_pay";
+    PAYMENT_METHOD_TYPES["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_METHOD_TYPES["SEZZLE"] = "sezzle";
+    PAYMENT_METHOD_TYPES["PLAID"] = "plaid";
+})(exports.PAYMENT_METHOD_TYPES || (exports.PAYMENT_METHOD_TYPES = {}));
+// Available payment methods for the modular checkout component (differentiates between saved and new payment methods)
+exports.PAYMENT_METHODS = void 0;
+(function (PAYMENT_METHODS) {
+    PAYMENT_METHODS["SAVED_CARD"] = "saved_card";
+    PAYMENT_METHODS["NEW_CARD"] = "new_card";
+    PAYMENT_METHODS["SAVED_BANK_ACCOUNT"] = "saved_bank_account";
+    PAYMENT_METHODS["NEW_BANK_ACCOUNT"] = "new_bank_account";
+    PAYMENT_METHODS["APPLE_PAY"] = "apple_pay";
+    PAYMENT_METHODS["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_METHODS["SEZZLE"] = "sezzle";
+    PAYMENT_METHODS["PLAID"] = "plaid";
+})(exports.PAYMENT_METHODS || (exports.PAYMENT_METHODS = {}));
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    insuranceEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    bankAccountVerification: undefined,
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentCurrency: 'USD',
+    paymentDescription: '',
+    paymentMethodGroupId: undefined,
+    paymentMethods: [],
+    paymentToken: undefined,
+    savePaymentMethod: false,
+    selectedPaymentMethod: exports.PAYMENT_METHODS.NEW_CARD,
+    totalAmount: 0,
+};
+const { state: checkoutStore, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+
+exports.checkoutStore = checkoutStore;
+exports.onChange = onChange;

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -5,7 +5,7 @@ var index = require('./index-B32W0A3m.js');
 var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
-var _package = require('./package-k4ZKuvRG.js');
+var _package = require('./package-DqvfEWsE.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {

package/dist/cjs/justifi-apple-pay.cjs.entry.js

@@ -5,7 +5,7 @@ var Api = require('./Api-y2G49jOh.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-C7DQRD6r.js');
-var checkout_store = require('./checkout.store-Ctwy9ahZ.js');
+var checkout_store = require('./checkout.store-MSwLBCby.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
 require('./utils-BaGF9XIe.js');

package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js

@@ -7,18 +7,18 @@ var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-C7DQRD6r.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var configState = require('./config-state-BBOZIS8x.js');
 var header3 = require('./header-3-sOdOpfx3.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var button = require('./button-DsHDMHaa.js');
-var checkout_store = require('./checkout.store-Ctwy9ahZ.js');
+var checkout_store = require('./checkout.store-MSwLBCby.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./utils-BaGF9XIe.js');
 require('./dinero-BwNN_k7x.js');

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

@@ -5,7 +5,7 @@ var utils = require('./utils-Bzyj4qWe.js');
 var business_service = require('./business.service-D5IhSyRJ.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 require('./parts-9jMf1erK.js');
 require('./Api-y2G49jOh.js');
 require('./config-state-BBOZIS8x.js');
@@ -19,7 +19,7 @@ require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -11,7 +11,7 @@ require('./Refund-BVZHsa6Z.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var button = require('./button-DsHDMHaa.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 var header1 = require('./header-1-DRA3f4Jh.js');
@@ -27,7 +27,7 @@ require('./business-form-options-CMII7nIK.js');
 require('./index-B32W0A3m.js');
 require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');

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

@@ -3,13 +3,13 @@
 var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-BaGF9XIe.js');
-var checkout_store = require('./checkout.store-Ctwy9ahZ.js');
+var checkout_store = require('./checkout.store-MSwLBCby.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var header1 = require('./header-1-DRA3f4Jh.js');
 var insuranceState = require('./insurance-state-d2thhXUX.js');
 var header3 = require('./header-3-sOdOpfx3.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -22,7 +22,7 @@ var checkout_service = require('./checkout.service-4aS641tN.js');
 var Api = require('./Api-y2G49jOh.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-B32W0A3m.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -106,35 +106,6 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-var PAYMENT_MODE;
-(function (PAYMENT_MODE) {
-    PAYMENT_MODE["ECOM"] = "ecom";
-    PAYMENT_MODE["BNPL"] = "bnpl";
-    PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
-})(PAYMENT_MODE || (PAYMENT_MODE = {}));
-// Maps the backend payment method types to the frontend payment method types
-var PAYMENT_METHOD_TYPES;
-(function (PAYMENT_METHOD_TYPES) {
-    PAYMENT_METHOD_TYPES["CARD"] = "card";
-    PAYMENT_METHOD_TYPES["BANK_ACCOUNT"] = "bank_account";
-    PAYMENT_METHOD_TYPES["APPLE_PAY"] = "apple_pay";
-    PAYMENT_METHOD_TYPES["GOOGLE_PAY"] = "google_pay";
-    PAYMENT_METHOD_TYPES["SEZZLE"] = "sezzle";
-    PAYMENT_METHOD_TYPES["PLAID"] = "plaid";
-})(PAYMENT_METHOD_TYPES || (PAYMENT_METHOD_TYPES = {}));
-// Available payment methods for the modular checkout component (differentiates between saved and new payment methods)
-var PAYMENT_METHODS;
-(function (PAYMENT_METHODS) {
-    PAYMENT_METHODS["SAVED_CARD"] = "saved_card";
-    PAYMENT_METHODS["NEW_CARD"] = "new_card";
-    PAYMENT_METHODS["SAVED_BANK_ACCOUNT"] = "saved_bank_account";
-    PAYMENT_METHODS["NEW_BANK_ACCOUNT"] = "new_bank_account";
-    PAYMENT_METHODS["APPLE_PAY"] = "apple_pay";
-    PAYMENT_METHODS["GOOGLE_PAY"] = "google_pay";
-    PAYMENT_METHODS["SEZZLE"] = "sezzle";
-    PAYMENT_METHODS["PLAID"] = "plaid";
-})(PAYMENT_METHODS || (PAYMENT_METHODS = {}));
-
 const ModularCheckout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -146,7 +117,7 @@ const ModularCheckout = class {
             const { success, token, paymentMethodId, error } = event.detail;
             if (success && token) {
                 checkout_store.checkoutStore.paymentToken = paymentMethodId;
-                checkout_store.checkoutStore.selectedPaymentMethod = PAYMENT_METHODS.APPLE_PAY;
+                checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.APPLE_PAY;
                 this.submitCheckout();
             }
             else {
@@ -324,8 +295,8 @@ const ModularCheckout = class {
             promises.push(this.insuranceFormRef.validate());
         }
         // For new card/bank account, validate payment method + billing.
-        if (checkout_store.checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.NEW_CARD ||
-            checkout_store.checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.NEW_BANK_ACCOUNT) {
+        if (checkout_store.checkoutStore.selectedPaymentMethod === checkout_store.PAYMENT_METHODS.NEW_CARD ||
+            checkout_store.checkoutStore.selectedPaymentMethod === checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT) {
             if (this.paymentMethodFormRef)
                 promises.push(this.paymentMethodFormRef.validate());
             if (this.billingFormRef)
@@ -356,7 +327,7 @@ const ModularCheckout = class {
     }
     async submitCheckout(submitCheckoutArgs) {
         const isValid = await this.validate();
-        const shouldTokenize = checkout_store.checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.NEW_CARD || checkout_store.checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.NEW_BANK_ACCOUNT;
+        const shouldTokenize = checkout_store.checkoutStore.selectedPaymentMethod === checkout_store.PAYMENT_METHODS.NEW_CARD || checkout_store.checkoutStore.selectedPaymentMethod === checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
         if (shouldTokenize) {
             const tokenizeResult = await this.tokenizePaymentMethod(submitCheckoutArgs);
             if (tokenizeResult.error) {
@@ -385,13 +356,13 @@ const ModularCheckout = class {
         }
         let payment;
         const MAP_PAYMENT_METHOD_TO_PAYMENT_MODE = {
-            [PAYMENT_METHODS.NEW_CARD]: PAYMENT_MODE.ECOM,
-            [PAYMENT_METHODS.NEW_BANK_ACCOUNT]: PAYMENT_MODE.ECOM,
-            [PAYMENT_METHODS.SAVED_BANK_ACCOUNT]: PAYMENT_MODE.ECOM,
-            [PAYMENT_METHODS.SAVED_CARD]: PAYMENT_MODE.ECOM,
-            [PAYMENT_METHODS.SEZZLE]: PAYMENT_MODE.BNPL,
-            [PAYMENT_METHODS.PLAID]: PAYMENT_MODE.ECOM,
-            [PAYMENT_METHODS.APPLE_PAY]: PAYMENT_MODE.APPLE_PAY,
+            [checkout_store.PAYMENT_METHODS.NEW_CARD]: checkout_store.PAYMENT_MODE.ECOM,
+            [checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT]: checkout_store.PAYMENT_MODE.ECOM,
+            [checkout_store.PAYMENT_METHODS.SAVED_BANK_ACCOUNT]: checkout_store.PAYMENT_MODE.ECOM,
+            [checkout_store.PAYMENT_METHODS.SAVED_CARD]: checkout_store.PAYMENT_MODE.ECOM,
+            [checkout_store.PAYMENT_METHODS.SEZZLE]: checkout_store.PAYMENT_MODE.BNPL,
+            [checkout_store.PAYMENT_METHODS.PLAID]: checkout_store.PAYMENT_MODE.ECOM,
+            [checkout_store.PAYMENT_METHODS.APPLE_PAY]: checkout_store.PAYMENT_MODE.APPLE_PAY,
         };
         payment = {
             payment_mode: MAP_PAYMENT_METHOD_TO_PAYMENT_MODE[checkout_store.checkoutStore.selectedPaymentMethod],
@@ -532,9 +503,9 @@ const PlaidPaymentMethod = class {
             // Update local selection state
             this.isSelected = true;
             // Update store selection
-            checkout_store.checkoutStore.selectedPaymentMethod = PAYMENT_METHODS.PLAID;
+            checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.PLAID;
             // Emit selection event
-            this.paymentMethodOptionSelected.emit(PAYMENT_METHODS.PLAID);
+            this.paymentMethodOptionSelected.emit(checkout_store.PAYMENT_METHODS.PLAID);
             // If there's an error, clear it and try to initialize again
             if (this.error) {
                 this.clearError();
@@ -699,7 +670,7 @@ const PlaidPaymentMethod = class {
             // Ensure the component remains selected after successful authentication
             if (!this.isSelected) {
                 this.isSelected = true;
-                checkout_store.checkoutStore.selectedPaymentMethod = PAYMENT_METHODS.PLAID;
+                checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.PLAID;
             }
             // Emit success event for parent components
             this.plaidErrorRecovered.emit({
@@ -880,7 +851,7 @@ const PlaidPaymentMethod = class {
         };
         // Watch for store changes to sync component state
         this.syncWithStore = () => {
-            const shouldBeSelected = checkout_store.checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.PLAID;
+            const shouldBeSelected = checkout_store.checkoutStore.selectedPaymentMethod === checkout_store.PAYMENT_METHODS.PLAID;
             if (this.isSelected !== shouldBeSelected) {
                 this.isSelected = shouldBeSelected;
             }
@@ -888,8 +859,8 @@ const PlaidPaymentMethod = class {
     }
     onSelectionChange(newValue) {
         // Ensure store is updated when component selection changes
-        if (newValue && checkout_store.checkoutStore.selectedPaymentMethod !== PAYMENT_METHODS.PLAID) {
-            checkout_store.checkoutStore.selectedPaymentMethod = PAYMENT_METHODS.PLAID;
+        if (newValue && checkout_store.checkoutStore.selectedPaymentMethod !== checkout_store.PAYMENT_METHODS.PLAID) {
+            checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.PLAID;
         }
     }
     componentDidRender() {
@@ -912,7 +883,7 @@ const PlaidPaymentMethod = class {
     }
     componentWillLoad() {
         // Initialize selection state based on store
-        this.isSelected = checkout_store.checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.PLAID;
+        this.isSelected = checkout_store.checkoutStore.selectedPaymentMethod === checkout_store.PAYMENT_METHODS.PLAID;
     }
     async resolvePaymentMethod() {
         if (!this.publicToken) {
@@ -939,7 +910,7 @@ const PlaidPaymentMethod = class {
     async setSelected(selected) {
         this.isSelected = selected;
         if (selected) {
-            checkout_store.checkoutStore.selectedPaymentMethod = PAYMENT_METHODS.PLAID;
+            checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.PLAID;
         }
     }
     // Method to check if component is currently selected
@@ -1046,7 +1017,7 @@ const PlaidPaymentMethod = class {
             }
             return null;
         };
-        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, title: "Pay with Plaid" }, index.h("form-control-radio", { name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: this.isSelected, label: index.h("div", null, index.h("div", null, "Pay with Bank Account ", plaidLogo, " "), renderErrorState(), renderStatusState()) }))));
+        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, title: "Pay with Plaid" }, index.h("form-control-radio", { name: "paymentMethodType", value: checkout_store.PAYMENT_METHODS.PLAID, checked: this.isSelected, label: index.h("div", null, index.h("div", null, "Pay with Bank Account ", plaidLogo, " "), renderErrorState(), renderStatusState()) }))));
     }
     static get watchers() { return {
         "isSelected": ["onSelectionChange"]
@@ -1059,17 +1030,17 @@ const SavedPaymentMethods = class {
         this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
             e.preventDefault();
             const SELECTED_PAYMENT_METHODS = {
-                [PAYMENT_METHOD_TYPES.CARD]: PAYMENT_METHODS.SAVED_CARD,
-                [PAYMENT_METHOD_TYPES.BANK_ACCOUNT]: PAYMENT_METHODS.SAVED_BANK_ACCOUNT,
+                [checkout_store.PAYMENT_METHOD_TYPES.CARD]: checkout_store.PAYMENT_METHODS.SAVED_CARD,
+                [checkout_store.PAYMENT_METHOD_TYPES.BANK_ACCOUNT]: checkout_store.PAYMENT_METHODS.SAVED_BANK_ACCOUNT,
             };
             checkout_store.checkoutStore.selectedPaymentMethod = SELECTED_PAYMENT_METHODS[paymentMethod.type];
             checkout_store.checkoutStore.paymentToken = paymentMethod.id;
         };
         this.isAllowedPaymentMethod = (paymentMethod) => {
-            if (paymentMethod.type === PAYMENT_METHOD_TYPES.CARD && checkout_store.checkoutStore.disableCreditCard) {
+            if (paymentMethod.type === checkout_store.PAYMENT_METHOD_TYPES.CARD && checkout_store.checkoutStore.disableCreditCard) {
                 return false;
             }
-            if (paymentMethod.type === PAYMENT_METHOD_TYPES.BANK_ACCOUNT && checkout_store.checkoutStore.disableBankAccount) {
+            if (paymentMethod.type === checkout_store.PAYMENT_METHOD_TYPES.BANK_ACCOUNT && checkout_store.checkoutStore.disableBankAccount) {
                 return false;
             }
             return true;
@@ -1103,7 +1074,7 @@ const SezzlePaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
-        this.paymentMethodOptionId = PAYMENT_METHODS.SEZZLE;
+        this.paymentMethodOptionId = checkout_store.PAYMENT_METHODS.SEZZLE;
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             checkout_store.checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
@@ -1157,14 +1128,14 @@ const SezzlePaymentMethod = class {
             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 === PAYMENT_METHODS.SEZZLE, 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))))) }))));
+        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 === checkout_store.PAYMENT_METHODS.SEZZLE, 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))))) }))));
     }
 };
 
 // Constants
 const PAYMENT_METHOD_TYPE_LABELS = {
-    [PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
-    [PAYMENT_METHODS.NEW_CARD]: 'New credit or debit card',
+    [checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
+    [checkout_store.PAYMENT_METHODS.NEW_CARD]: 'New credit or debit card',
 };
 const ERROR_MESSAGES = {
     AUTH_TOKEN_REQUIRED: 'Auth token is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
@@ -1292,10 +1263,12 @@ const TokenizePaymentMethod = class {
             return;
         }
         if (!this.disableCreditCard) {
-            this.selectedPaymentMethod = PAYMENT_METHODS.NEW_CARD;
+            this.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.NEW_CARD;
+            checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.NEW_CARD;
         }
         else if (!this.disableBankAccount) {
-            this.selectedPaymentMethod = PAYMENT_METHODS.NEW_BANK_ACCOUNT;
+            this.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
+            checkout_store.checkoutStore.selectedPaymentMethod = checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
         }
     }
     setComputedHideSubmitButton() {
@@ -1322,10 +1295,10 @@ const TokenizePaymentMethod = class {
     get availablePaymentMethods() {
         const methods = [];
         if (!this.disableCreditCard) {
-            methods.push(PAYMENT_METHODS.NEW_CARD);
+            methods.push(checkout_store.PAYMENT_METHODS.NEW_CARD);
         }
         if (!this.disableBankAccount) {
-            methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+            methods.push(checkout_store.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
         }
         return methods;
     }
@@ -1401,10 +1374,10 @@ const TokenizePaymentMethod = class {
         return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), index.h("div", { class: "mt-4" }, index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID }))));
     }
     renderPaymentMethodForm(paymentMethodId) {
-        return paymentMethodId === PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
+        return paymentMethodId === checkout_store.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a11012d80460057b0dc16dc6a470ad57bad12ca2' }, index.h("form", { key: '76c8f50a5394f80b171295337a4382a4713d5ec1' }, index.h("fieldset", { key: '955f99016cb495628afe016037a154fcc39f5ac3' }, index.h("div", { key: 'a80324943093aa2df3804f5358fb904b5540d92c', class: "row gy-3" }, index.h("div", { key: 'b5fc2d063e2a859f52c4914ea669b35134d7d256', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'f2a759d16742c346bd7833c72916b2a058a1be34', class: "col-12" }, index.h("justifi-button", { key: 'ab6238aa25cc9dae2851b4156b7c2ac88802b4fd', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '86f4eb7ae1ee329384e6bde2fdf1d7035a341488' }, index.h("form", { key: 'e3433176ea56ca9cbf831c9c4a8c2cfb3e41707a' }, index.h("fieldset", { key: 'c130d134bc8e5642881250586e8099e8eee7090b' }, index.h("div", { key: '0ff386b78ce610a22ddeed10b29a170259197f10', class: "row gy-3" }, index.h("div", { key: '020e8750dd774723083a84a4a4dc0637644ccd25', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'b3b53bca5369986e892913a87d7f77a463706015', class: "col-12" }, index.h("justifi-button", { key: '5f7a195926440cf5fba38b4f5781d45b6959ad6d', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-C9hBD-32.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
-var checkout_store = require('./checkout.store-Ctwy9ahZ.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
+var checkout_store = require('./checkout.store-MSwLBCby.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');

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

@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var checkout_service = require('./checkout.service-4aS641tN.js');
 var getSubaccounts = require('./get-subaccounts-CH477rHs.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
 require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./badge-CcJ9H85-.js');
 require('./parts-9jMf1erK.js');

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

@@ -2,11 +2,11 @@
 
 var index = require('./index-C9hBD-32.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-64ciJH0r.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');

package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js

@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-64ciJH0r.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 require('./dinero-BwNN_k7x.js');
 require('./Api-y2G49jOh.js');
 require('./config-state-BBOZIS8x.js');
@@ -22,7 +22,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Bzyj4qWe.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
 require('./utils-BaGF9XIe.js');
@@ -17,7 +17,7 @@ require('./dinero-BwNN_k7x.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 
 const api = Api.Api();
 class ReportsService {

package/dist/cjs/justifi-order-terminals.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var business_service = require('./business.service-D5IhSyRJ.js');
 var Business = require('./Business-DCRzZf0w.js');
@@ -18,7 +18,7 @@ require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var terminal_service = require('./terminal.service-BOvYfpQW.js');
 var utils$1 = require('./utils-BaGF9XIe.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');

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

@@ -5,7 +5,7 @@ var payment_service = require('./payment.service--kzMop3L.js');
 var getPaymentDetails = require('./get-payment-details-DE5xUUpt.js');
 var utils = require('./utils-Bzyj4qWe.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 require('./Api-y2G49jOh.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
@@ -19,7 +19,7 @@ require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
 require('./parts-9jMf1erK.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 
 const PaymentDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C9hBD-32.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
 var business_service = require('./business.service-D5IhSyRJ.js');
@@ -10,7 +10,7 @@ require('./Refund-BVZHsa6Z.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./utils-DvUQQLmR.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -8,7 +8,7 @@ var Refund = require('./Refund-BVZHsa6Z.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var utils = require('./utils-DvUQQLmR.js');
 var payment_service = require('./payment.service--kzMop3L.js');
 var table = require('./table-Ccdrt0v_.js');
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
 require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./Api-y2G49jOh.js');
 require('./spinner-jmeA44Ee.js');
 

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

@@ -10,7 +10,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var paymentsTable = require('./payments-table-DFRtk-T9.js');
@@ -19,7 +19,7 @@ require('./utils-BaGF9XIe.js');
 require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 require('./payments-status-DXRh_ekP.js');
 require('./badge-CcJ9H85-.js');
 require('./parts-9jMf1erK.js');

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

@@ -11,7 +11,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Bzyj4qWe.js');
-var checkPkgVersion = require('./check-pkg-version-CO2TpemN.js');
+var checkPkgVersion = require('./check-pkg-version-BJaFyEGj.js');
 var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
 require('./Api-y2G49jOh.js');
 require('./utils-BaGF9XIe.js');
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-k4ZKuvRG.js');
+require('./package-DqvfEWsE.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;