@justifi/webcomponents 6.0.0-rc.1 → 6.0.0-rc.10

package/dist/module/justifi-checkout.js

@@ -1,31 +1,37 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './config-state.js';
+import './dinero.js';
+import { P as PaymentMethodTypes } from './Refund.js';
+import './Pagination.js';
+import './Business.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { a2 as checkoutSummary } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import { d as defineCustomElement$6 } from './justifi-radio-list-item2.js';
-import { d as defineCustomElement$p } from './custom-popper2.js';
-import { d as defineCustomElement$o } from './form-control-checkbox2.js';
-import { d as defineCustomElement$n } from './form-control-help-text2.js';
-import { d as defineCustomElement$m } from './form-control-radio2.js';
-import { d as defineCustomElement$l } from './form-control-select2.js';
-import { d as defineCustomElement$k } from './form-control-text2.js';
-import { d as defineCustomElement$j } from './form-control-tooltip2.js';
-import { d as defineCustomElement$i } from './hidden-input2.js';
-import { d as defineCustomElement$h } from './iframe-input2.js';
-import { d as defineCustomElement$g } from './bank-account-billing-form-simple.js';
-import { d as defineCustomElement$f } from './bank-account.js';
-import { d as defineCustomElement$e } from './billing-form.js';
-import { d as defineCustomElement$d } from './billing-form-full.js';
-import { d as defineCustomElement$c } from './justifi-button2.js';
-import { d as defineCustomElement$b } from './card-billing-form-simple.js';
-import { d as defineCustomElement$a } from './card-form2.js';
-import { d as defineCustomElement$9 } from './summary.js';
-import { d as defineCustomElement$8 } from './justifi-header2.js';
-import { d as defineCustomElement$7 } from './modular-checkout.js';
+import { P as PAYMENT_METHODS } from './ModularCheckout.js';
+import { d as defineCustomElement$q } from './custom-popper2.js';
+import { d as defineCustomElement$p } from './form-control-checkbox2.js';
+import { d as defineCustomElement$o } from './form-control-help-text2.js';
+import { d as defineCustomElement$n } from './form-control-radio2.js';
+import { d as defineCustomElement$m } from './form-control-select2.js';
+import { d as defineCustomElement$l } from './form-control-text2.js';
+import { d as defineCustomElement$k } from './form-control-tooltip2.js';
+import { d as defineCustomElement$j } from './hidden-input2.js';
+import { d as defineCustomElement$i } from './iframe-input2.js';
+import { d as defineCustomElement$h } from './bank-account-billing-form-simple.js';
+import { d as defineCustomElement$g } from './bank-account.js';
+import { d as defineCustomElement$f } from './billing-form.js';
+import { d as defineCustomElement$e } from './billing-form-full.js';
+import { d as defineCustomElement$d } from './justifi-button2.js';
+import { d as defineCustomElement$c } from './card-billing-form-simple.js';
+import { d as defineCustomElement$b } from './card-form2.js';
+import { d as defineCustomElement$a } from './summary.js';
+import { d as defineCustomElement$9 } from './justifi-header2.js';
+import { d as defineCustomElement$8 } from './modular-checkout.js';
+import { d as defineCustomElement$7 } from './plaid-payment-method.js';
 import { d as defineCustomElement$5 } from './save-new-payment-method.js';
 import { d as defineCustomElement$4 } from './saved-payment-methods.js';
 import { d as defineCustomElement$3 } from './sezzle-payment-method.js';
@@ -38,6 +44,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.errorEvent = createEvent(this, "error-event", 7);
         this.loadedEvent = createEvent(this, "loaded", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
+        this.availablePaymentMethods = [];
         this.errorMessage = '';
         this.insuranceToggled = false;
         this.isSubmitting = false; // This is used to prevent multiple submissions and is different from loading state
@@ -67,23 +74,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     checkoutComplete(_event) {
         this.isSubmitting = false;
     }
-    checkoutError(event) {
+    checkoutError(_event) {
         this.isSubmitting = false;
-        console.error('checkout error', event.detail);
     }
-    async handleTokenizeSubmit(event) {
-        this.tokenizedPaymentMethod = event.detail.response;
-        if (event.detail.response.error) {
-            this.isSubmitting = false;
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                message: event.detail.response.error.message,
-                severity: ComponentErrorSeverity.ERROR
-            });
-            return;
-        }
-        // Now submit the checkout with the tokenized payment method
-        await this.submitCheckoutWithToken();
+    checkoutChanged(event) {
+        this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
         var _a;
@@ -91,12 +86,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
     }
     async validate() {
-        var _a, _b, _c;
-        const tokenizeValidation = await ((_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.validate());
-        const modularValidation = await ((_b = this.modularCheckoutRef) === null || _b === void 0 ? void 0 : _b.validate());
-        return {
-            isValid: ((_c = tokenizeValidation === null || tokenizeValidation === void 0 ? void 0 : tokenizeValidation.isValid) !== null && _c !== void 0 ? _c : true) && (modularValidation !== null && modularValidation !== void 0 ? modularValidation : true)
-        };
+        var _a;
+        const modularValidation = await ((_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.validate());
+        return { isValid: modularValidation };
     }
     updateStore() {
         checkoutStore.checkoutId = this.checkoutId;
@@ -109,24 +101,15 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     async submit(_event) {
         var _a;
         this.isSubmitting = true;
-        // Trigger the tokenize payment method submission
-        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.tokenizePaymentMethod();
-    }
-    async submitCheckoutWithToken() {
-        if (!this.tokenizedPaymentMethod || this.tokenizedPaymentMethod.error) {
-            this.isSubmitting = false;
-            return;
-        }
-        // Set the payment token in the store for the modular checkout to use
-        checkoutStore.paymentToken = this.tokenizedPaymentMethod.token;
-        // Submit the checkout
-        this.modularCheckoutRef.submitCheckout(checkoutStore.billingFormFields);
+        (_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.submitCheckout(checkoutStore.billingFormFields);
     }
     get showPaymentTypeHeader() {
         return !this.disableCreditCard && !this.disableBankAccount;
     }
     render() {
-        return (h(StyledHost, { key: '516d33e24d351df623d07b8c27113568b2868aa0' }, h("justifi-modular-checkout", { key: 'd75f9484d6b77cf6ddb11f56beaa47ade1dead3f', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: checkoutStore.savePaymentMethod }, h("div", { key: '05984eb0fb57e63d2f89d3eb8d37bcaa3e212547', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '4bf6c78f9052118d24c8258c1926ebeccea304ef', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '772ce7a33a42025e37891dc72bc89ee164dfafa7', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'abaee0bf9c978fcaff1941cfa61fa08f64312d60' }, h("justifi-checkout-summary", { key: '8833e3a419f769b6df1f73aaf58fa0f3d761e726' }))), h("div", { key: 'a1f4ed10a8c0e87ab229a4d28893e623c6db6162', class: "col-12 mt-4" }, h("slot", { key: 'c80d7f40db60e1b8cf4f408d44f9c0bbe17bcd24', name: "insurance" })), h("div", { key: '1c75a9d0d5cc74cc5a804218960f5be9e3532bbe', class: "col-12 mt-4" }, h("justifi-header", { key: '8800e249bc4d92cf38611eaefc8230ad5f35c447', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff61808c64fa281230642d385c6081a51276e9d', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '1bfbac09bc3e91d07e2eb003c38cbf2bc3bea1cd', class: "d-flex flex-column" }, h("section", { key: 'd383841d037516896511f72e40d3eb3fd6f9c272' }, h("div", { key: '5440f8343465f39697ca87f3bcdfe3f5fa511685' }, h("justifi-saved-payment-methods", { key: '23ee2270b2ffecd43cc8d608482a4f77d7ce0ee3' }), h("justifi-sezzle-payment-method", { key: '0a5577cb1070563ba5fb7dd8c3b05977ee340bd6' }), h("justifi-tokenize-payment-method", { key: 'd03e8a971e532781c7d9087345fe1b4a8741f492', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '9e488234ee43bed70992e190a23b1faf5fe61308', class: "mt-4" }, h("justifi-button", { key: '31571a8fda37762731679d69b9017e1b553bef8a', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+        return (h(StyledHost, { key: '61cab7c3b5ca01ea70f35d23df100c2e7bd0c03a' }, h("justifi-modular-checkout", { key: '3e0c1729d51ca5e89108723b4a6ee14761965546', ref: (el) => {
+                this.modularCheckoutRef = el;
+            }, authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: checkoutStore.savePaymentMethod }, h("div", { key: '04a19f4c090bd8b70801b48ce24fd734bbce5b73', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '50e11e53ca4274441da3813504c9a2af223a0e28', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '2de0fb5500246c8c2ea63b6beade5fea57611a6d', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '918f05a55424d4a2e46011b6c5fa0c71fc19bec3' }, h("justifi-checkout-summary", { key: 'e34604b589685ee13af794c15fd25cc19f9d2ee8' }))), h("div", { key: '7d1390340bfa79592f5643a56f15a65b6dc4faac', class: "col-12 mt-4" }, h("slot", { key: '783667c66419f8718378a705c5c313f8a763f64b', name: "insurance" })), h("div", { key: '63cc63309104557bc5dfd97f2cff3c366cbd62ae', class: "col-12 mt-4" }, h("justifi-header", { key: '8981556e7dc5f4f27a81415c222c274a6aa29173', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '86d3b2e89c5fedaf8d9023a1597134b0a3556e22', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'da9b779071f32fe740f74061aa021a980db3aa34', class: "d-flex flex-column" }, h("section", { key: 'e0e953bfbd7f2ab7f558cc226878f74cde55e5dd' }, h("div", { key: 'b28c99a3298b8aa9ec65b254b43944af42c31e56' }, h("justifi-saved-payment-methods", { key: 'b22333168f775bc0ff58fd9ec502828b27ed3063' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '9eac787dc5ce5a2c2f2d4a54ee1e2f9b2a48bbf7', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: checkoutStore.selectedPaymentMethod.type === PaymentMethodTypes.sezzle, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && (h("justifi-radio-list-item", { key: '005fb466a494525ac651893afcf38a8998511e9e', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: checkoutStore.selectedPaymentMethod.type === PaymentMethodTypes.plaid, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '75eaa74fc65172ecbcde91ddaf397ca367ba84be', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '3ae7b4ad2a464ec02eaaecbef65128ea204160c0', class: "mt-4" }, h("justifi-button", { key: '387e7fde5250bcf651a9ce1639fde76ac398dd3c', 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"],
@@ -145,16 +128,16 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "availablePaymentMethods": [32],
         "checkout": [32],
         "complete": [32],
         "errorMessage": [32],
         "insuranceToggled": [32],
         "isSubmitting": [32],
         "serverError": [32],
-        "tokenizedPaymentMethod": [32],
         "fillBillingForm": [64],
         "validate": [64]
-    }, [[0, "submit-event", "checkoutComplete"], [0, "error-event", "checkoutError"], [0, "submit-event", "handleTokenizeSubmit"]], {
+    }, [[0, "submit-event", "checkoutComplete"], [0, "error-event", "checkoutError"], [0, "checkout-changed", "checkoutChanged"]], {
         "authToken": ["propChanged"],
         "checkoutId": ["propChanged"],
         "disableCreditCard": ["propChanged"],
@@ -166,7 +149,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-checkout-summary", "justifi-header", "justifi-modular-checkout", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method"];
+    const components = ["justifi-checkout", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-checkout-summary", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -175,95 +158,100 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "iframe-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "justifi-bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "justifi-bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "justifi-billing-form-full":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "justifi-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "justifi-card-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "justifi-card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "justifi-checkout-summary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "justifi-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "justifi-modular-checkout":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-plaid-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/module/justifi-order-terminals.js

@@ -15,7 +15,7 @@ import './dinero.js';
 import './Pagination.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
-import { m as formatPhoneNumber } from './utils2.js';
+import { n as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.js';

package/dist/module/justifi-plaid-payment-method.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiPlaidPaymentMethod extends Components.JustifiPlaidPaymentMethod, HTMLElement {}
+export const JustifiPlaidPaymentMethod: {
+    prototype: JustifiPlaidPaymentMethod;
+    new (): JustifiPlaidPaymentMethod;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-plaid-payment-method.js

@@ -0,0 +1,6 @@
+import { P as PlaidPaymentMethod, d as defineCustomElement$1 } from './plaid-payment-method.js';
+
+const JustifiPlaidPaymentMethod = PlaidPaymentMethod;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiPlaidPaymentMethod, defineCustomElement };

package/dist/module/justifi-radio-list-item2.js

@@ -17,12 +17,12 @@ const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadio
         };
     }
     render() {
-        return (h(StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 }, [257, "justifi-radio-list-item", {
         "name": [1],
         "value": [1],
-        "label": [1],
+        "label": [8],
         "checked": [4],
         "hidden": [4],
         "class": [1]

package/dist/module/justifi-season-interruption-insurance.js

@@ -6,7 +6,7 @@ import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { p as processHTML, c as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
+import { p as processHTML, c as formatCurrency, r as removeAttribute, m as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
 import { t as text, j as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
@@ -213,6 +213,10 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
     }
     render() {
         var _a, _b, _c, _d;
+        if (checkoutStore && checkoutStore.insuranceEnabled === false) {
+            console.warn('[justifi-season-interruption-insurance] Insurance is disabled for this checkout (payment_settings.insurance_payments=false).');
+            return null;
+        }
         if (this.isLoading)
             return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
         return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { part: text, innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),