@justifi/webcomponents 6.11.0 → 6.12.0

package/dist/module/justifi-checkout.js

@@ -1,40 +1,43 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { ac as checkoutSummary } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
-import { d as defineCustomElement$5 } from './justifi-radio-list-item2.js';
+import { d as defineCustomElement$7 } from './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$s } from './custom-popper2.js';
-import { d as defineCustomElement$r } from './form-control-checkbox2.js';
-import { d as defineCustomElement$q } from './form-control-help-text2.js';
-import { d as defineCustomElement$p } from './form-control-radio2.js';
-import { d as defineCustomElement$o } from './form-control-select2.js';
-import { d as defineCustomElement$n } from './form-control-text2.js';
-import { d as defineCustomElement$m } from './form-control-tooltip2.js';
-import { d as defineCustomElement$l } from './hidden-input2.js';
-import { d as defineCustomElement$k } from './iframe-input2.js';
-import { d as defineCustomElement$j } from './internal-tokenize-payment-method2.js';
-import { d as defineCustomElement$i } from './apple-pay.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$u } from './bank-account-billing-form-simple2.js';
+import { d as defineCustomElement$t } from './bank-account-form2.js';
+import { d as defineCustomElement$s } from './billing-form2.js';
+import { d as defineCustomElement$r } from './billing-form-full2.js';
+import { d as defineCustomElement$q } from './card-billing-form-simple2.js';
+import { d as defineCustomElement$p } from './card-form2.js';
+import { d as defineCustomElement$o } from './custom-popper2.js';
+import { d as defineCustomElement$n } from './form-control-checkbox2.js';
+import { d as defineCustomElement$m } from './form-control-help-text3.js';
+import { d as defineCustomElement$l } from './form-control-radio2.js';
+import { d as defineCustomElement$k } from './form-control-select2.js';
+import { d as defineCustomElement$j } from './form-control-text2.js';
+import { d as defineCustomElement$i } from './form-control-tooltip2.js';
+import { d as defineCustomElement$h } from './hidden-input2.js';
+import { d as defineCustomElement$g } from './iframe-input2.js';
+import { d as defineCustomElement$f } from './internal-button2.js';
+import { d as defineCustomElement$e } from './justifi-apple-pay2.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 './google-pay.js';
-import { d as defineCustomElement$8 } from './justifi-header2.js';
-import { d as defineCustomElement$7 } from './modular-checkout.js';
-import { d as defineCustomElement$6 } from './plaid-payment-method.js';
-import { d as defineCustomElement$4 } from './save-new-payment-method.js';
-import { d as defineCustomElement$3 } from './saved-payment-methods.js';
-import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
+import { d as defineCustomElement$c } from './justifi-checkout-summary2.js';
+import { d as defineCustomElement$b } from './justifi-google-pay2.js';
+import { d as defineCustomElement$a } from './justifi-header2.js';
+import { d as defineCustomElement$9 } from './justifi-modular-checkout2.js';
+import { d as defineCustomElement$8 } from './justifi-plaid-payment-method2.js';
+import { d as defineCustomElement$6 } from './justifi-saved-payment-methods2.js';
+import { d as defineCustomElement$5 } from './justifi-sezzle-payment-method2.js';
+import { d as defineCustomElement$4 } from './justifi-tokenize-payment-method2.js';
+import { d as defineCustomElement$3 } from './radio-list-item2.js';
+import { d as defineCustomElement$2 } from './save-new-payment-method2.js';
 
-const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLElement {
+const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -86,9 +89,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
-        var _a;
         checkoutStore.billingFormFields = fields;
-        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
     }
     async validate() {
         var _a;
@@ -112,9 +113,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '6bbc4c4997d14ac9040b8f88075a7e9b53208d4c' }, h("justifi-modular-checkout", { key: '9b11e7df277e5e9f70cd8928f865a2e62cfc8293', ref: (el) => {
+        return (h(StyledHost, { key: '276ce9e43391eb3323bce08a465831038acf30b0' }, h("justifi-modular-checkout", { key: '9c111730403d0da1a6769b8a5d41b5517e210ece', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'c64981c31fd2d022f886b0613bd47bd0b0fe5f2a', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '8f01af25b281a19f7fc83451a44f63836efadc20', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'd729ed0b26c94e74d8ce824fcf97bd3002e3a9d0', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9cc9863b1dd2531bda52e609bba5c7c8f9883cb1' }, h("justifi-checkout-summary", { key: '00f36de593e245982bfe03c8867881fedfb7d43f' }))), h("div", { key: '3fe5390d7b8b2fbcdbfff4b71d4b7c43ddae9ff6', class: "col-12 mt-4" }, h("slot", { key: '84fa5a7e7772124d7fa61a9317499618850eb0bb', name: "insurance" })), h("div", { key: 'c8d1553c6041c0e000eab9dc953a23aa089a3f90', class: "col-12 mt-4" }, h("justifi-header", { key: 'a08fc163ba437f767ab88d78ac55ae003b09a567', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff5fc2986d37bbe49a5253d43db55663ee7be74', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f5ca969400444639b09e423b154e47abf89c731f', class: "d-flex flex-column" }, h("section", { key: 'b70209321ebefd161ae3113293c62fe953913f2e' }, h("div", { key: '4df7539a9b8d6b52d47ad32974a59ab2d366b4b2' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '023deb9a1d025e36cc2b07c3ea8144e0068ea470', class: "mb-3" }, h("justifi-apple-pay", { key: '4e52440f329bae25194e71fa30190218f5c1cecb' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '83e12debb25e0ef095ca40d87054411396238754', class: "mb-3" }, h("justifi-google-pay", { key: 'ed6312e39ff4a98c819cf1853f416c6fbf845323', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: 'e059fda26ec54c4f908754663fa23f26c3df8f0c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '3d836539d5850abfd956b39bede6efad5954bdad', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.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) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'ac0ac64e9f7586764e3f5671c74794c80ffcff54', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.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("internal-tokenize-payment-method", { key: '894e7a5bfef2eefa5d045928bb6fab3b1f39bd5e', 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: '2121952545d38693f11426ef8146b39956d4f427', class: "mt-4" }, h("justifi-button", { key: '5e7cf3c699048943df68c0506a34617d0b14bf07', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '3cdbc4de0fe612e5a929b27ed1397226d083ce61', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'f1bf2b80e876b96e5357cea7b0a95e2a846b36b6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4eb043734efb5f8ed84c5160443ba4f23c5d6fd5', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '786c89b8aa65a73ad3d849f3abe12dec8530ecb2' }, h("justifi-checkout-summary", { key: 'af6a4dfaf6855cc00c1305321c773524bf4220af' }))), h("div", { key: 'a833b1ae983c26e102296d5c96d2b0cef75d318e', class: "col-12 mt-4" }, h("slot", { key: '69318d11beef612aca5b43233aa350410656f3df', name: "insurance" })), h("div", { key: 'd501f4e821acb8ae7b87bd404f7e198442d755b1', class: "col-12 mt-4" }, h("justifi-header", { key: 'a0e35a3c9e17c369cd3f6c20d0920a3b7ab0d762', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'c221cf0d0e2fdc5de6ba30932aba29cf5579c0da', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f010223ce96209a7a5f658731f0addaf99c51a03', class: "d-flex flex-column" }, h("section", { key: 'ea9ea9732ecbdd979d75d5b5be8d3d289559de56' }, h("div", { key: 'ca177b32abef11c82c6a65b455aa4454c3484c9d' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'ecb9df8b303bf743310b65253cd1033650f684ea', class: "mb-3" }, h("justifi-apple-pay", { key: 'b37003ac61eeeeba8319f9094cd64675953832d5' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '3a21ba8424131d2ebd2c696e27450bb34c3f6206', class: "mb-3" }, h("justifi-google-pay", { key: 'c24d0b822d896e1ff2ae9125fdd8b91676f85676', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '1c3d13b8e2b9731e4ff1a2b785bdba6b3041d616' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'cdbba68a8191b2e63db0fb1a9019f667fc1fe4e3', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.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) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '0318a8e1fb4f64fc9569269f55521372a43b403f', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.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: '3a1b799a08f03f1826dc91182a08e1df045bcdfc', 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: '73f003bb884d04dca82657993fb006cc098355bd', class: "mt-4" }, h("justifi-button", { key: 'd39f8b5b10fe70fa99d48852af9535cf8b76354c', 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"],
@@ -153,84 +154,94 @@ 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", "internal-tokenize-payment-method", "justifi-apple-pay", "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-google-pay", "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"];
+    const components = ["justifi-checkout", "bank-account-billing-form-simple", "bank-account-form", "billing-form", "billing-form-full", "card-billing-form-simple", "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", "internal-button", "justifi-apple-pay", "justifi-button", "justifi-checkout-summary", "justifi-google-pay", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method", "radio-list-item", "save-new-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, Checkout);
+                customElements.define(tagName, JustifiCheckout$1);
             }
             break;
-        case "custom-popper":
+        case "bank-account-billing-form-simple":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
+            }
+            break;
+        case "bank-account-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
+            }
+            break;
+        case "billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-checkbox":
+        case "billing-form-full":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "form-control-help-text":
+        case "card-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-radio":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-select":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "hidden-input":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "iframe-input":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "internal-tokenize-payment-method":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-apple-pay":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-bank-account-billing-form-simple":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-bank-account-form":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-billing-form":
+        case "internal-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-billing-form-full":
+        case "justifi-apple-pay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
@@ -240,57 +251,57 @@ function defineCustomElement$1() {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-card-billing-form-simple":
+        case "justifi-checkout-summary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-card-form":
+        case "justifi-google-pay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-checkout-summary":
+        case "justifi-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-google-pay":
+        case "justifi-modular-checkout":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-header":
+        case "justifi-plaid-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-modular-checkout":
+        case "justifi-radio-list-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-plaid-payment-method":
+        case "justifi-saved-payment-methods":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-radio-list-item":
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-saved-payment-methods":
+        case "radio-list-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
@@ -299,7 +310,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiCheckout = Checkout;
+const JustifiCheckout = JustifiCheckout$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCheckout, defineCustomElement };

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

@@ -9,7 +9,7 @@ import './ApplePay.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
 import { ad as filterMenu, ae as filterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
@@ -19,7 +19,7 @@ import { d as defineCustomElement$4 } from './form-control-text2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
-const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsListFilters extends HTMLElement {
+const JustifiCheckoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckoutsListFilters extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -70,8 +70,8 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '8b9b9383e9b15d440fc3555bf3071ddb633cfb8b' }, h("table-filters-menu", { key: '588ab98c35a944eb4fd4855dc603f3f988fb8411', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'a52e4c7ed908568108031c9e43f41563dcec099c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '26bdc175f9bb5c0d53e5d979a31ddbc60c8b1101', class: "p-2" }, h("form-control-text", { key: '46bf2d112facf89bb820a4f67936de87832e8283', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '441a50bf1ad6be8efc77d197927920ea8e4454de', class: "p-2" }, h("form-control-text", { key: '533c6cd714268d50eb212ea7a32538e68236b03a', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'bfd92f93d3fa3380ce858425f0032cb1fa6155e2', class: "p-2" }, h("form-control-select", { key: 'b35919ba574500a8921a6396c8c8e74b5a3555a4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '19dc994790222c1e7951275a93722affd30f3309', class: "p-2" }, h("form-control-select", { key: '6d5719c8080b2d2899b189ebbceeb538a2d4e6cb', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '297fdb846109a9f88e6ba72fbf2d84aabadfcd11', class: "p-2" }, h("form-control-date", { key: '1385937605ae2d547a7c789b2a03f70cb53c59ef', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'b4bb5a4b6a5125d60ebb8820e0660d8505ecfc63', class: "p-2" }, h("form-control-date", { key: '91a48596c2411dfd185b791643a3329c81300628', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1cb9ac7fa93fd89d27274da2dc387f03f4243b81' }, h("table-filters-menu", { key: '6b558a243b25c44f0ac284f22e4696fd5b0f0e8a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '9cda920e54a705a1f410eeb6643ff2b15df23773', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '027f1e03e3bb915d7946b0a085594e3ff22f009e', class: "p-2" }, h("form-control-text", { key: '188c38569a0319ba325e5818785e787404adb277', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '9cc16df991e6d53071936066726e513e7bfad4a9', class: "p-2" }, h("form-control-text", { key: '1424a8cd91e255240c1691829cc8cabd5bf0f272', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'b4ce6ffbf54f46d97c4c8ded6504c71094adefc2', class: "p-2" }, h("form-control-select", { key: '5958c25818358ee30fe1d18b1c61ac02ca26eb19', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'd9f662459748fd0a9c708b6133b0a3cc4b7822d5', class: "p-2" }, h("form-control-select", { key: 'b7d407a70a87c46db06c5ba60046a2a56f7efe4e', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '34e34871187a8b59d07ae00e9cf21e3fc16a12c0', class: "p-2" }, h("form-control-date", { key: '366cf1b96110c7fd78d235235d27cf5c23da503f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'b697e3cf585e865fc641f1264de60fcd010a2524', class: "p-2" }, h("form-control-date", { key: '2b63526cd171b9e9e84e58c43b45edf0c004baa3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
@@ -90,7 +90,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkouts-list-filters":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckoutsListFilters);
+                customElements.define(tagName, JustifiCheckoutsListFilters$1);
             }
             break;
         case "custom-popper":
@@ -127,7 +127,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiCheckoutsListFilters = CheckoutsListFilters;
+const JustifiCheckoutsListFilters = JustifiCheckoutsListFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCheckoutsListFilters, defineCustomElement };

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

@@ -1,16 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { n as Checkout, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { n as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$3, a as defaultColumnsKeys } from './checkouts-list-core2.js';
@@ -45,7 +46,7 @@ const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params,
     }
 };
 
-const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList extends HTMLElement {
+const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckoutsList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -105,7 +106,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '4a6f911872310fdcb2600a6833eef5d7001033d6' }, h("checkouts-list-core", { key: 'd30b728b7ca2e6b1b26483f9a0c91b2afe7ea194', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '96153624befeb889e49caa063c64596eb38e38ff' }, h("checkouts-list-core", { key: 'b2ced4d610511630d73498422db88be9fac50b15', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -133,7 +134,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkouts-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckoutsList);
+                customElements.define(tagName, JustifiCheckoutsList$1);
             }
             break;
         case "checkouts-list-core":
@@ -150,7 +151,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiCheckoutsList = CheckoutsList;
+const JustifiCheckoutsList = JustifiCheckoutsList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCheckoutsList, defineCustomElement };

package/dist/module/justifi-config-provider.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 import { s as setConfigState } from './config-state.js';
 
-const ConfigProvider = /*@__PURE__*/ proxyCustomElement(class ConfigProvider extends HTMLElement {
+const JustifiConfigProvider$1 = /*@__PURE__*/ proxyCustomElement(class JustifiConfigProvider extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -34,14 +34,14 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-config-provider":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, ConfigProvider);
+                customElements.define(tagName, JustifiConfigProvider$1);
             }
             break;
     } });
 }
 defineCustomElement$1();
 
-const JustifiConfigProvider = ConfigProvider;
+const JustifiConfigProvider = JustifiConfigProvider$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiConfigProvider, defineCustomElement };

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

@@ -1,6 +1,6 @@
-import { C as CustomerDetails, d as defineCustomElement$1 } from './customer-details.js';
+import { J as JustifiCustomerDetails$1, d as defineCustomElement$1 } from './justifi-customer-details2.js';
 
-const JustifiCustomerDetails = CustomerDetails;
+const JustifiCustomerDetails = JustifiCustomerDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiCustomerDetails, defineCustomElement };

package/dist/module/{customer-details.js → justifi-customer-details2.js}

@@ -4,7 +4,7 @@ import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-inpu
 import { ab as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
@@ -15,7 +15,7 @@ const CustomerDetailsSchema = create$3({
     customer_billing_address: create$6().nullable(),
 });
 
-const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails extends HTMLElement {
+const JustifiCustomerDetails = /*@__PURE__*/ proxyCustomElement(class JustifiCustomerDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'ac1c08881bf4f5288aa6841d3f87ba1d8e9dd6e4' }, h("div", { key: '148296af222d038e8e9ab3e318d210b7638074d2', class: "row gy-3" }, h("div", { key: 'e3e3635454797465b08b0df10023f66899d8dd04', class: "col-12" }, h("h2", { key: 'd65767d3d3b091afc8b9b4798e639214ede14726', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '258f8dadcb6aec223c1a039ee0100ed91d0b2896', class: "col-12" }, h("form-control-text", { key: 'e2206e72a7603ca15ea1d6a70593667e1eaf5132', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '792028d6ae5ee85765b91188e20330489cfd7bb3', class: "col-12" }, h("form-control-text", { key: 'a7288afe499a39a6c78bf8b1fe5f5e1a5bc6af27', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '82f8bfaa81e727226e013e94712928a5cdb03841', class: "col-12" }, h("form-control-textarea", { key: 'bd2410564783f6ae8acf1d1fb820bcbe4aea3aa5', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '84442373f62efaf5a1e14623d61eff0bc81f6751', class: "col-12" }, h("form-control-file-v2", { key: '4575df27d749c4520fa55d7f1fc901296ec2ed45', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'f1c9f81104d1e080be993d0af29343c5d540cb43', class: "col-12" }, h("form-control-file-v2", { key: '8b8e4eefba1e84551645229204108bfe007012cf', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '1e845fde4aacb950ac4afd82009eb6112af830ef' }, h("div", { key: 'dbc565d42c828f56243640d269504a95b0ff69c7', class: "row gy-3" }, h("div", { key: '8fbd8fe29ae216a8759294410d8fd0cbd8c65b5e', class: "col-12" }, h("h2", { key: 'b852cb824cc6a0990f0e4eee04702f36ef306cc2', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fc42b78ae5858be0ae521ac830ef5857943f6c58', class: "col-12" }, h("form-control-text", { key: 'c9dfe20609704edef7a2b6ffa3d3e063c3168b73', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '53ceaebddfeeaad586f1924d16eaaad661ebf7a7', class: "col-12" }, h("form-control-text", { key: '94e4d2fc711c157ae3c9a1addffa5022fc493afa', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '1a656f6dfddf5e090bb098ceab9ed235b6b06ca5', class: "col-12" }, h("form-control-textarea", { key: '5e49323c520019c96eb50bb7573cf45c85848cd2', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'cc105778397e49917c91d5d2d57b1b505cf07cb4', class: "col-12" }, h("form-control-file-v2", { key: 'db4069f39ff645156810a0c9e265716b33257c2a', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'b7ba5f79d854fbc22052873772309e8fb02e865b', class: "col-12" }, h("form-control-file-v2", { key: '49add3b24bd1471ccd2362910d1c9487dc4faedd', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],
@@ -61,7 +61,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-customer-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CustomerDetails);
+                customElements.define(tagName, JustifiCustomerDetails);
             }
             break;
         case "custom-popper":
@@ -98,4 +98,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { CustomerDetails as C, defineCustomElement as d };
+export { JustifiCustomerDetails as J, defineCustomElement as d };

package/dist/module/justifi-details.js

@@ -1,6 +1,6 @@
-import { D as Details, d as defineCustomElement$1 } from './details.js';
+import { J as JustifiDetails$1, d as defineCustomElement$1 } from './justifi-details2.js';
 
-const JustifiDetails = Details;
+const JustifiDetails = JustifiDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDetails, defineCustomElement };

package/dist/module/{details.js → justifi-details2.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 
-const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLElement {
+const JustifiDetails = /*@__PURE__*/ proxyCustomElement(class JustifiDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -9,7 +9,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '77d9c172a85e392d3c21d7d789dd2c264858f571' }, this.errorMessage ?
+        return (h("div", { key: 'b91f85e2f62f1ea80409367208117f805299c397' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
@@ -25,11 +25,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, Details);
+                customElements.define(tagName, JustifiDetails);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { Details as D, defineCustomElement as d };
+export { JustifiDetails as J, defineCustomElement as d };

package/dist/module/justifi-dispute-management-core.js

@@ -1,6 +1,6 @@
-import { D as DisputeManagementCore, d as defineCustomElement$1 } from './dispute-management-core.js';
+import { J as JustifiDisputeManagementCore$1, d as defineCustomElement$1 } from './dispute-management-core.js';
 
-const JustifiDisputeManagementCore = DisputeManagementCore;
+const JustifiDisputeManagementCore = JustifiDisputeManagementCore$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiDisputeManagementCore, defineCustomElement };