@justifi/webcomponents 6.10.4 → 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

@@ -7,9 +7,9 @@ import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { ad as checkoutsListFilterMenu, ae as checkoutIdCheckoutsListFilterParam, af as statusCheckoutsListFilterParam, ag as paymentModeCheckoutsListFilterParam, ah as createdAfterCheckoutsListFilterParam, ai as createdBeforeCheckoutsListFilterParam } from './parts.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) {
@@ -41,6 +41,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
             status: this.checkoutStatus,
             payment_mode: this.paymentMode,
             checkout_id: this.checkoutId,
+            successful_payment_id: this.successfulPaymentId,
             created_after: this.createdAfter,
             created_before: this.createdBefore
         };
@@ -69,14 +70,15 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '026d871e88f893ee2d565b13c72bdafaeedc1f9c' }, h("table-filters-menu", { key: 'a64b6212c54729cf08d0211720b815837187018b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '11897ce900abc322fa0107516d350f53a857aa1c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9f926a008dc275e53aa1d82c09410e4f65b4221e', class: "p-2" }, h("form-control-text", { key: '57020a2320f442a0ee0a6ffa443f88dea855b651', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '40c6e5e2e342573fcb6e1f34309e324ca2a9ee2c', class: "p-2" }, h("form-control-select", { key: '7c70d0d6bdc322fc9682b3c64393778642fe8ad4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '51eb0d4cf8d3f9643af1f5fb8ef2e0908ebb18d3', class: "p-2" }, h("form-control-select", { key: '47352ceaa0f989533c366d68228cc2752ef12fec', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'cee7d5487e1b4f6dd6c25230c012d69b97326392', class: "p-2" }, h("form-control-date", { key: '0b6e3821eda78c9dca9797d965020636ab31c9b9', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: 'd4b38febbc6763c828761bb5eab3594bd3c29f9d', class: "p-2" }, h("form-control-date", { key: '3729809c6ec729c2c2887d722e16e29a9f405b09', 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: createdBeforeCheckoutsListFilterParam }))))));
+        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", {
         "checkoutStatus": [1, "checkout-status"],
         "paymentMode": [1, "payment-mode"],
         "checkoutId": [1, "checkout-id"],
+        "successfulPaymentId": [1, "successful-payment-id"],
         "createdAfter": [1, "created-after"],
         "createdBefore": [1, "created-before"]
     }]);
@@ -88,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":
@@ -125,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: '08345e8bbe637cea344a232da2302bd0298a5ac9' }, h("checkouts-list-core", { key: '7aa34a0537810197cf6962d1a89e12e9ad9d8eea', 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: '2a284179b0e885a49328aea3de640ac89a721a50' }, h("div", { key: 'aa7da787c2438af27988aa66ee14a980f3b06b9b', class: "row gy-3" }, h("div", { key: '7866c966658406e25a7a96f8b625dff4cd01fae9', class: "col-12" }, h("h2", { key: '16232b46708a785c70fb1160d45f71457517f146', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fa470479d54a9c68543f01f5aa8168b31345c558', class: "col-12" }, h("form-control-text", { key: 'b0908d5cf478b70081ae376f52f37539cfe6cd4f', 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: 'a74a0dc1a29526fc24a4ed85b51152679f6cf557', class: "col-12" }, h("form-control-text", { key: 'e212808991ff68e64ef07fe216b30d9ef53f1876', 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: '588cd9e061aeb50c7b1a427cf961a594b20543e2', class: "col-12" }, h("form-control-textarea", { key: '03792e2bd58e6f83605bd6d8694ecd52c69f7bf9', 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: 'e82bcb4a124a371349a61446ed80bfc2ddff6447', class: "col-12" }, h("form-control-file-v2", { key: '177fd69a1d5fd956e875651f28f3b52673ca7b3b', 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: '0e1b09ec74a570e5eae6378c0789147b2a8a9f41', class: "col-12" }, h("form-control-file-v2", { key: '07eaaa242425f54482c5bf1c45bbb64b7b0eb032', 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 };