@justifi/webcomponents 5.7.6-rc-19 → 5.7.6-rc-21

package/dist/module/justifi-billing-information-form.d.ts

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

package/dist/module/justifi-billing-information-form.js

@@ -1,6 +0,0 @@
-import { B as BillingInformationForm, d as defineCustomElement$1 } from './billing-information-form.js';
-
-const JustifiBillingInformationForm = BillingInformationForm;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiBillingInformationForm, defineCustomElement };

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

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

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

@@ -1,219 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { W as radioListItem } from './parts.js';
-import { d as defineCustomElement$g } from './custom-popper2.js';
-import { d as defineCustomElement$f } from './form-control-checkbox2.js';
-import { d as defineCustomElement$e } from './form-control-help-text2.js';
-import { d as defineCustomElement$d } from './form-control-radio2.js';
-import { d as defineCustomElement$c } from './form-control-select2.js';
-import { d as defineCustomElement$b } from './form-control-text2.js';
-import { d as defineCustomElement$a } from './form-control-tooltip2.js';
-import { d as defineCustomElement$9 } from './hidden-input2.js';
-import { d as defineCustomElement$8 } from './iframe-input2.js';
-import { d as defineCustomElement$7 } from './bank-account.js';
-import { d as defineCustomElement$6 } from './billing-form.js';
-import { d as defineCustomElement$5 } from './billing-information-form.js';
-import { d as defineCustomElement$4 } from './card-form2.js';
-import { d as defineCustomElement$3 } from './postal-code-form.js';
-import { d as defineCustomElement$2 } from './save-new-payment-method.js';
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
-        this.saveNewPaymentMethodChecked = false;
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        this.billingFormRef.fill(fields);
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormRef)
-            return;
-        try {
-            const { isValid, errors } = await this.validate();
-            if (!isValid || !insuranceValidation.isValid) {
-                // get propety value from first property in errors object
-                const message = `${Object.values(errors)[0] || 'Validation error'}`;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message,
-                        decline_code: undefined
-                    }
-                };
-            }
-            const tokenizeResponse = await this.tokenize();
-            if (tokenizeResponse.error) {
-                return { error: tokenizeResponse.error };
-            }
-            else {
-                const tokenizeRessponseData = tokenizeResponse.data;
-                return {
-                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-                    data: tokenizeRessponseData
-                };
-            }
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async validate() {
-        const billingFormValidation = await this.billingFormRef.validate();
-        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
-        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
-        return { isValid, errors };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            let paymentMethodData;
-            if (this.saveNewPaymentMethodChecked) {
-                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
-            }
-            else {
-                paymentMethodData = Object.assign({}, billingFormFieldValues);
-            }
-            const clientId = this.authToken;
-            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
-            return tokenizeResponse;
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    showNewPaymentMethodForm() {
-        var _a;
-        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("justifi-card-form", null)) : (h("justifi-bank-account-form", null)), h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: 'c80662f7f21610af20ead6aff44f02be0b21288c', class: "payment-method" }, h("div", { key: '5960fa9cf3ca9969c7ef80af3baf6e90ddf79578', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'ef5b921a707a3e51d4ee93f5e13952e69fc55213', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
-    }
-}, [256, "justifi-new-payment-method", {
-        "authToken": [1, "auth-token"],
-        "accountId": [1, "account-id"],
-        "paymentMethodOption": [16, "payment-method-option"],
-        "paymentMethodGroupId": [1, "payment-method-group-id"],
-        "isSelected": [4, "is-selected"],
-        "showCard": [4, "show-card"],
-        "showAch": [4, "show-ach"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
-        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "saveNewPaymentMethodChecked": [32],
-        "fillBillingForm": [64],
-        "resolvePaymentMethod": [64],
-        "validate": [64]
-    }, [[0, "checkboxChanged", "handleCheckboxChanged"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-new-payment-method", "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-form", "justifi-billing-form", "justifi-billing-information-form", "justifi-card-form", "justifi-postal-code-form", "justifi-save-new-payment-method"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-new-payment-method":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NewPaymentMethod);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "hidden-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "iframe-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "justifi-bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "justifi-billing-information-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-postal-code-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-save-new-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiNewPaymentMethod = NewPaymentMethod;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiNewPaymentMethod, defineCustomElement };

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

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

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

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

package/dist/module/justifi-postal-code-form.d.ts

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

package/dist/module/justifi-postal-code-form.js

@@ -1,6 +0,0 @@
-import { P as PostalCodeForm, d as defineCustomElement$1 } from './postal-code-form.js';
-
-const JustifiPostalCodeForm = PostalCodeForm;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiPostalCodeForm, defineCustomElement };

package/dist/module/justifi-season-interruption-insurance-core.d.ts

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

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

@@ -1,6 +0,0 @@
-import { S as SeasonInterruptionInsuranceCore, d as defineCustomElement$1 } from './season-interruption-insurance-core.js';
-
-const JustifiSeasonInterruptionInsuranceCore = SeasonInterruptionInsuranceCore;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiSeasonInterruptionInsuranceCore, defineCustomElement };

package/dist/module/payment-method-option2.js

@@ -1,50 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { W as radioListItem } from './parts.js';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
-import { d as defineCustomElement$2 } from './form-control-help-text2.js';
-import { d as defineCustomElement$1 } from './form-control-radio2.js';
-
-const PaymentMethodOption = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOption extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(StyledHost, { key: '13d81bf8c38b3f59567a8f3414d3ba77c2f4730c', class: "payment-method" }, h("div", { key: 'd4636ac2cc75bc6f1688aa5aabb64c427c14634e', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '2e086a0fd3494695c6cc0d95399a4d6fc8805069', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
-    }
-}, [257, "payment-method-option", {
-        "paymentMethodOptionId": [1, "payment-method-option-id"],
-        "isSelected": [4, "is-selected"],
-        "clickHandler": [16, "click-handler"],
-        "radioButtonHidden": [4, "radio-button-hidden"],
-        "label": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["payment-method-option", "form-control-help-text", "form-control-radio"];
-    components.forEach(tagName => { switch (tagName) {
-        case "payment-method-option":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentMethodOption);
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PaymentMethodOption as P, defineCustomElement as d };

package/dist/module/payment-method-options.js

@@ -1,129 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { b as PaymentMethodTypes } from './Payment.js';
-import { P as PaymentMethodOption } from './payment-method-option-utils.js';
-import { c as checkoutStore } from './checkout.store.js';
-import { W as radioListItem } from './parts.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-radio2.js';
-import { d as defineCustomElement$2 } from './saved-payment-methods.js';
-import { d as defineCustomElement$1 } from './sezzle-payment-method.js';
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOptions extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.savedPaymentMethods = [];
-        this.paymentMethodOptions = [];
-    }
-    async fillBillingForm(fields) {
-        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        if (newPaymentMethodElement.fillBillingForm) {
-            newPaymentMethodElement.fillBillingForm(fields);
-        }
-    }
-    connectedCallback() {
-        this.paymentMethodsChanged();
-    }
-    paymentMethodsChanged() {
-        var _a, _b;
-        this.paymentMethodOptions = this.savedPaymentMethods
-            .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
-            .filter((paymentMethod) => {
-            // Don't saved card or bank account if they are disabled
-            return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
-                (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
-        });
-        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
-        }
-        if (this.showCard) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
-        }
-        if (this.showAch) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
-        }
-        if (!checkoutStore.selectedPaymentMethod) {
-            checkoutStore.selectedPaymentMethod = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
-        }
-    }
-    paymentMethodOptionSelected(event) {
-        checkoutStore.selectedPaymentMethod = event.detail.id;
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a;
-        return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
-    }
-    async validate() {
-        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        return newPaymentMethodElement.validate();
-    }
-    render() {
-        return (h("div", { key: 'e1a46216f766f12306302210bcba3147a4312cfa' }, h("justifi-saved-payment-methods", { key: '72ac4e440719ed1bbafc90f4cf0a2e3a52530713' }), h("justifi-sezzle-payment-method", { key: 'aaa89521f18ac4833d561c08b3fa50b00800a4bf' }), h("div", { key: '209001587e9f7e23f1147d4ef2d8ec4691f6c9fb', class: "radio-list-item p-3", part: radioListItem, onClick: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.card; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '0baed32a40efc6ff0d77dcf53ae9e3ff3aab1185', name: "paymentMethodType", value: PaymentMethodTypes.card, checked: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card, label: PaymentMethodTypeLabels[PaymentMethodTypes.card] })), h("div", { key: '53d8360fdecec5a6860f480901911bd2c396e1a2', class: "radio-list-item p-3", part: radioListItem, onClick: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.bankAccount; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '901a45bae4b3faeed8daa147db5c8264c4bee08c', name: "paymentMethodType", value: PaymentMethodTypes.bankAccount, checked: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount, label: PaymentMethodTypeLabels[PaymentMethodTypes.bankAccount] }))));
-    }
-    static get watchers() { return {
-        "savedPaymentMethods": ["paymentMethodsChanged"]
-    }; }
-}, [256, "justifi-payment-method-options", {
-        "showCard": [4, "show-card"],
-        "showAch": [4, "show-ach"],
-        "showSavedPaymentMethods": [4, "show-saved-payment-methods"],
-        "showBnpl": [4, "show-bnpl"],
-        "paymentMethodGroupId": [1, "payment-method-group-id"],
-        "bnpl": [16],
-        "insuranceToggled": [4, "insurance-toggled"],
-        "authToken": [1, "auth-token"],
-        "accountId": [1, "account-id"],
-        "savedPaymentMethods": [16, "saved-payment-methods"],
-        "paymentAmount": [2, "payment-amount"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
-        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "paymentMethodOptions": [32],
-        "fillBillingForm": [64],
-        "resolvePaymentMethod": [64],
-        "validate": [64]
-    }, [[0, "paymentMethodOptionSelected", "paymentMethodOptionSelected"]], {
-        "savedPaymentMethods": ["paymentMethodsChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-payment-method-options", "form-control-help-text", "form-control-radio", "justifi-saved-payment-methods", "justifi-sezzle-payment-method"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-payment-method-options":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentMethodOptions);
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-saved-payment-methods":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-sezzle-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PaymentMethodOptions as P, defineCustomElement as d };

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

@@ -1,169 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { p as processHTML, c as formatCurrency, r as removeAttribute, k 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';
-import { H as Header2 } from './header-2.js';
-import './details.js';
-import './event-types.js';
-import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$2 } from './form-control-help-text2.js';
-import { d as defineCustomElement$1 } from './form-control-radio2.js';
-
-const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "35%", height: "30px" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "70%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "40%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "40%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "100%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "80%" }))));
-
-const SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class SeasonInterruptionInsuranceCore extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.insuranceUpdated = createEvent(this, "insurance-updated", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.isLoading = true;
-    }
-    async validate() {
-        return validateInsuranceValues();
-    }
-    componentWillLoad() {
-        if (this.getQuote) {
-            this.fetchData();
-        }
-    }
-    ;
-    fetchData() {
-        this.isLoading = true;
-        this.getQuote({
-            payload: {
-                checkout_id: this.checkoutId,
-                policy_type: "season_interruption",
-                primary_identity: {
-                    state: this.primaryIdentityState,
-                    email: this.primaryIdentityEmailAddress,
-                    first_name: this.primaryIdentityFirstName,
-                    last_name: this.primaryIdentityLastName,
-                    postal_code: this.primaryIdentityPostalCode,
-                    country: this.primaryIdentityCountry
-                },
-                policy_attributes: {
-                    insurable_amount: this.policyAttributesInsurableAmount,
-                    start_date: this.policyAttributesStartDate,
-                    end_date: this.policyAttributesEndDate,
-                    covered_identity: {
-                        first_name: this.coveredIdentityFirstName,
-                        last_name: this.coveredIdentityLastName
-                    }
-                }
-            },
-            onSuccess: ({ quote }) => {
-                this.quote = quote;
-                this.quote.product.description = processHTML(this.quote.product.description, [
-                    (html) => removeAttribute(html, 'style'),
-                    (html) => addAttribute(html, 'a', 'part', text)
-                ]);
-                this.quote.product.legal_disclaimer = processHTML(this.quote.product.legal_disclaimer, [
-                    (html) => removeAttribute(html, 'style'),
-                    (html) => addAttribute(html, 'a', 'part', text)
-                ]);
-                insuranceValues[quote.policy_type] = quote.accepted;
-                this.isLoading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.isLoading = false;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    ;
-    onChangeHandler(_name, value) {
-        this.accepted = value;
-        insuranceErrors[this.quote.policy_type] = false;
-        this.toggleCoverage({
-            quoteId: this.quote.id,
-            payload: { accepted: this.accepted },
-            onSuccess: () => {
-                this.insuranceUpdated.emit();
-                insuranceValues[this.quote.policy_type] = this.accepted;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    get error() {
-        var _a;
-        return insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
-    }
-    render() {
-        var _a, _b, _c, _d;
-        if (this.isLoading)
-            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
-        return (h(StyledHost, 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", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: text }), 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),
-            // don't wanna show error message, but need to show the red border
-            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: text })));
-    }
-}, [257, "justifi-season-interruption-insurance-core", {
-        "checkoutId": [1, "checkout-id"],
-        "getQuote": [16, "get-quote"],
-        "toggleCoverage": [16, "toggle-coverage"],
-        "primaryIdentityFirstName": [1, "primary-identity-first-name"],
-        "primaryIdentityLastName": [1, "primary-identity-last-name"],
-        "primaryIdentityState": [1, "primary-identity-state"],
-        "primaryIdentityPostalCode": [1, "primary-identity-postal-code"],
-        "primaryIdentityCountry": [1, "primary-identity-country"],
-        "primaryIdentityEmailAddress": [1, "primary-identity-email-address"],
-        "policyAttributesInsurableAmount": [2, "policy-attributes-insurable-amount"],
-        "policyAttributesStartDate": [1, "policy-attributes-start-date"],
-        "policyAttributesEndDate": [1, "policy-attributes-end-date"],
-        "coveredIdentityFirstName": [1, "covered-identity-first-name"],
-        "coveredIdentityLastName": [1, "covered-identity-last-name"],
-        "quote": [32],
-        "isLoading": [32],
-        "accepted": [32],
-        "validate": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-season-interruption-insurance-core", "form-control-help-text", "form-control-radio"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-season-interruption-insurance-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SeasonInterruptionInsuranceCore);
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SeasonInterruptionInsuranceCore as S, defineCustomElement as d };