@justifi/webcomponents 5.7.7 → 6.0.0-rc.10

package/dist/module/justifi-bank-account-form.d.ts

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

package/dist/module/justifi-bank-account-form.js

@@ -0,0 +1,6 @@
+import { B as BankAccountForm, d as defineCustomElement$1 } from './bank-account.js';
+
+const JustifiBankAccountForm = BankAccountForm;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiBankAccountForm, defineCustomElement };

package/dist/module/justifi-business-details.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$8 } from './additional-questions-details2.js';
 import { d as defineCustomElement$7 } from './business-details-core2.js';
 import { d as defineCustomElement$6 } from './core-info-details2.js';

package/dist/module/justifi-business-form.js

@@ -5,18 +5,17 @@ import { a as additionalQuestionsSchema } from './business-additional-questions-
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import { a as Business, c as BusinessFormServerErrors } from './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';

package/dist/module/justifi-button.d.ts

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

package/dist/module/justifi-button.js

@@ -0,0 +1,6 @@
+import { J as JustifiButton$1, d as defineCustomElement$1 } from './justifi-button2.js';
+
+const JustifiButton = JustifiButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiButton, defineCustomElement };

package/dist/module/justifi-button2.js

@@ -0,0 +1,41 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { B as Button } from './button.js';
+
+const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (h(StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, h(Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+    }
+}, [257, "justifi-button", {
+        "text": [1],
+        "variant": [1],
+        "isLoading": [4, "is-loading"],
+        "clickHandler": [16, "click-handler"],
+        "disabled": [4],
+        "type": [1],
+        "class": [1],
+        "customStyle": [1, "custom-style"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiButton);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JustifiButton as J, defineCustomElement as d };

package/dist/module/justifi-card-form.d.ts

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

package/dist/module/justifi-card-form.js

@@ -0,0 +1,6 @@
+import { J as JustifiCardForm$1, d as defineCustomElement$1 } from './card-form2.js';
+
+const JustifiCardForm = JustifiCardForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCardForm, defineCustomElement };

package/dist/module/justifi-checkout-summary.d.ts

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

package/dist/module/justifi-checkout-summary.js

@@ -0,0 +1,6 @@
+import { S as Summary, d as defineCustomElement$1 } from './summary.js';
+
+const JustifiCheckoutSummary = Summary;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCheckoutSummary, defineCustomElement };

package/dist/module/justifi-checkout.js

@@ -1,83 +1,41 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { C as CheckoutService } from './checkout.service.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$m } from './bank-account-form2.js';
-import { d as defineCustomElement$l } from './card-form2.js';
-import { d as defineCustomElement$k } from './custom-popper2.js';
-import { d as defineCustomElement$j } from './form-control-checkbox2.js';
-import { d as defineCustomElement$i } from './form-control-help-text2.js';
-import { d as defineCustomElement$h } from './form-control-radio2.js';
-import { d as defineCustomElement$g } from './form-control-select2.js';
-import { d as defineCustomElement$f } from './form-control-text2.js';
-import { d as defineCustomElement$e } from './form-control-tooltip2.js';
-import { d as defineCustomElement$d } from './hidden-input2.js';
-import { d as defineCustomElement$c } from './iframe-input2.js';
-import { d as defineCustomElement$b } from './bank-account-billing-form-simple.js';
-import { d as defineCustomElement$a } from './billing-form.js';
-import { d as defineCustomElement$9 } from './billing-form-full.js';
-import { d as defineCustomElement$8 } from './card-billing-form-simple.js';
-import { d as defineCustomElement$7 } from './checkout-core.js';
-import { d as defineCustomElement$6 } from './new-payment-method.js';
-import { d as defineCustomElement$5 } from './payment-method-options.js';
-import { d as defineCustomElement$4 } from './save-new-payment-method.js';
-import { d as defineCustomElement$3 } from './saved-payment-method.js';
-import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
-
-const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchCheckout(authToken, checkoutId);
-        if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.complete(authToken, checkoutId, payment);
-        if (!response.error) {
-            onSuccess(response);
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.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 { 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';
+import { d as defineCustomElement$2 } from './tokenize-payment-method.js';
 
 const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLElement {
     constructor() {
@@ -85,190 +43,240 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.__registerHost();
         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
+        this.disableBankAccount = false;
+        this.disableBnpl = false;
+        this.disableCreditCard = false;
+        this.disablePaymentMethodGroup = false;
+        this.hideBankAccountBillingForm = false;
+        this.hideCardBillingForm = false;
+    }
+    propChanged() {
+        this.updateStore();
+    }
+    connectedCallback() {
+        if (this.authToken && this.checkoutId) {
+            this.updateStore();
+        }
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.initializeGetCheckout();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
-    initializeGetCheckout() {
-        if (this.authToken && this.checkoutId) {
-            this.getCheckout = makeGetCheckout({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new CheckoutService()
-            });
-            this.complete = makeCheckoutComplete({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new CheckoutService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'auth-token and checkout-id are required',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
+    checkoutComplete(_event) {
+        this.isSubmitting = false;
     }
-    propChanged() {
-        this.initializeGetCheckout();
+    checkoutError(_event) {
+        this.isSubmitting = false;
+    }
+    checkoutChanged(event) {
+        this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
-        this.checkoutCoreRef.fillBillingForm(fields);
+        var _a;
+        checkoutStore.billingFormFields = fields;
+        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
     }
     async validate() {
-        const { isValid } = await this.checkoutCoreRef.validate();
-        return { isValid };
+        var _a;
+        const modularValidation = await ((_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.validate());
+        return { isValid: modularValidation };
+    }
+    updateStore() {
+        checkoutStore.checkoutId = this.checkoutId;
+        checkoutStore.authToken = this.authToken;
+        checkoutStore.disableCreditCard = this.disableCreditCard;
+        checkoutStore.disableBankAccount = this.disableBankAccount;
+        checkoutStore.disableBnpl = this.disableBnpl;
+        checkoutStore.disablePaymentMethodGroup = this.disablePaymentMethodGroup;
+    }
+    async submit(_event) {
+        var _a;
+        this.isSubmitting = true;
+        (_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.submitCheckout(checkoutStore.billingFormFields);
+    }
+    get showPaymentTypeHeader() {
+        return !this.disableCreditCard && !this.disableBankAccount;
     }
     render() {
-        return (h("justifi-checkout-core", { key: 'c1c7cf4f1aadce928e3ed6a6ae05a7824d875d68', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
-                if (el) {
-                    this.checkoutCoreRef = el;
-                }
-            } }, h("div", { key: '7a4be7220e5eb199f94c5086c23e10dce68d4854', slot: "insurance" }, h("slot", { key: 'f5db23ef6dc82d0521518ea2dbfe99d8c8b6c2cc', name: "insurance" }))));
+        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"],
-        "checkoutId": ["propChanged"]
+        "checkoutId": ["propChanged"],
+        "disableCreditCard": ["propChanged"],
+        "disableBankAccount": ["propChanged"],
+        "disableBnpl": ["propChanged"],
+        "disablePaymentMethodGroup": ["propChanged"]
     }; }
 }, [260, "justifi-checkout", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
-        "disableCreditCard": [4, "disable-credit-card"],
         "disableBankAccount": [4, "disable-bank-account"],
         "disableBnpl": [4, "disable-bnpl"],
+        "disableCreditCard": [4, "disable-credit-card"],
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "getCheckout": [32],
+        "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "availablePaymentMethods": [32],
+        "checkout": [32],
         "complete": [32],
         "errorMessage": [32],
+        "insuranceToggled": [32],
+        "isSubmitting": [32],
+        "serverError": [32],
         "fillBillingForm": [64],
         "validate": [64]
-    }, undefined, {
+    }, [[0, "submit-event", "checkoutComplete"], [0, "error-event", "checkoutError"], [0, "checkout-changed", "checkoutChanged"]], {
         "authToken": ["propChanged"],
-        "checkoutId": ["propChanged"]
+        "checkoutId": ["propChanged"],
+        "disableCreditCard": ["propChanged"],
+        "disableBankAccount": ["propChanged"],
+        "disableBnpl": ["propChanged"],
+        "disablePaymentMethodGroup": ["propChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "bank-account-form", "card-form", "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-billing-form", "justifi-billing-form-full", "justifi-card-billing-form-simple", "justifi-checkout-core", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-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)) {
                 customElements.define(tagName, Checkout);
             }
             break;
-        case "bank-account-form":
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "form-control-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "card-form":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "custom-popper":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "form-control-checkbox":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "form-control-help-text":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-radio":
+        case "justifi-bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "form-control-select":
+        case "justifi-bank-account-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-text":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-tooltip":
+        case "justifi-billing-form-full":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "hidden-input":
+        case "justifi-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "iframe-input":
+        case "justifi-card-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-bank-account-billing-form-simple":
+        case "justifi-card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-billing-form":
+        case "justifi-checkout-summary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-billing-form-full":
+        case "justifi-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-card-billing-form-simple":
+        case "justifi-modular-checkout":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-checkout-core":
+        case "justifi-plaid-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-radio-list-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-method-options":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-saved-payment-methods":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/justifi-checkouts-list-filters.js

@@ -1,16 +1,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
-import { I as ICheckoutStatus, c as ICheckoutPaymentModeParam } from './Checkout.js';
+import './dinero.js';
+import { I as ICheckoutStatus, e as ICheckoutPaymentModeParam } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
 import { a3 as checkoutsListFilterMenu, a4 as statusCheckoutsListFilterParam, a5 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -54,7 +53,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'da4917a79b2d4e5a00627a00036839caeeee1ce1' }, h("table-filters-menu", { key: 'ad310d55d131b4fcb64ccdcaedcfcd665843cee4', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '9989d0a3e5b6672fb5e78d2c368380768fc34167', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a6182923403cfa9a4d7217e436acc6ee2133e270', class: "p-2" }, h("form-control-select", { key: '4b0314046130feae009a058e180108e9ea848cdc', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a9b53a160ef84ca33003c481c4ab07b173d64825', class: "p-2" }, h("form-control-select", { key: 'ad304f8d8843d386feb90cc1a82259a168445331', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '05a4d429a1acd7bbaf202872523284e2b2cd3677' }, h("table-filters-menu", { key: 'abf61654a75212537af580f3bfd2646042eaba8a', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'f8e5cfe4b0a23723d0df939a1d1873adffcb1da9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e23e96a7269b3609e690a1e64e8c20bd125cb7', class: "p-2" }, h("form-control-select", { key: 'e1899dbc615be07486bc54f8baa395bee776d8ce', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'bedbc26d9d9f6906013ef4b80542d9031822b19c', class: "p-2" }, h("form-control-select", { key: '3bfef7fabeb85a29304e11093005bb1f58b23f41', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],