@justifi/webcomponents 6.14.5 → 6.15.0-rc.1

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

@@ -25,7 +25,7 @@ const JustifiCardBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(class Ju
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '799c9c1ed22b4794fc292a6cbe0986ad91c41cd9' }, h("card-billing-form-simple", { key: '5a96ecdd0a474fae719f6fa48bcb4a88fd74ef92', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '252d0c30a2ce3775759aa0490592bea6608620ca' }, h("card-billing-form-simple", { key: '62a33d79b9b12dfefbfef68f0cf9ec8beb52d177', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

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

@@ -35,7 +35,7 @@ const JustifiCardForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: 'e8591312a00d22c68812fda0b56a125ffd763e01' }, h("card-form", { key: 'e987ea9f3bcd2bf0aa8b2c6749bff3b902f20519', ref: (el) => (this.cardFormElement = el) })));
+        return (h(StyledHost, { key: '4fa9ff677d40a6733c33d34135fe85e52392f8b0' }, h("card-form", { key: '3fe97adcb966b78dc28d5902409671e88525ca41', ref: (el) => (this.cardFormElement = el) })));
     }
 }, [257, "justifi-card-form", {
         "validate": [64],

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

@@ -16,7 +16,7 @@ const JustifiCheckoutSummary = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '336fa6563952ee7905c2ed4a3330d73bbb33a0eb' }, h("section", { key: '48b8798a925d618f5a2c52d743190207b78eb70a' }, h("div", { key: '81d91167c10ccc49acb039ea54a9f97f4aa6e305' }, h("div", { key: '9744242f2c2c3082e9c1a3af6e716ec4cb28f1fd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '438062935abd2f00495c432ef6652e3808e5215f' }, h("span", { key: 'e3f24d9c52ddae0206cbefe61bd08f24697fe28e', part: text }, "Total"), "\u00A0", h("span", { key: '9835cb60de31a2c8946b7ac2dd6d1fa82f223110', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '7d3447ff4daa9bf4f603ca381027b3f43cfcc6a1' }, h("section", { key: '1c8189ccde6dc986ad2d4c74da2dd10cacfc1c36' }, h("div", { key: '45e6d5f47d8a92e0bd4a7bfa427630a96f049b4a' }, h("div", { key: '9900b5fd770cd59b00803c3614216c16a803da41', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '16cec140ef6912533a80b1f6341fcc9cb341b478' }, h("span", { key: 'f8883538c99a524017bb102bfd8cfaea7062e650', part: text }, "Total"), "\u00A0", h("span", { key: '11baa64630a60c56cedfa53548c107ec3fe3c0f5', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/justifi-checkout.js

@@ -8,29 +8,30 @@ import './justifi-details2.js';
 import './event-types.js';
 import { d as defineCustomElement$7 } from './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$v } from './bank-account-billing-form-simple2.js';
-import { d as defineCustomElement$u } from './bank-account-form2.js';
-import { d as defineCustomElement$t } from './billing-form2.js';
-import { d as defineCustomElement$s } from './billing-form-full2.js';
-import { d as defineCustomElement$r } from './card-billing-form-simple2.js';
-import { d as defineCustomElement$q } from './card-form2.js';
-import { d as defineCustomElement$p } from './custom-popper2.js';
-import { d as defineCustomElement$o } from './form-alert2.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 './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$w } from './bank-account-billing-form-simple2.js';
+import { d as defineCustomElement$v } from './bank-account-form2.js';
+import { d as defineCustomElement$u } from './billing-form2.js';
+import { d as defineCustomElement$t } from './billing-form-full2.js';
+import { d as defineCustomElement$s } from './card-billing-form-simple2.js';
+import { d as defineCustomElement$r } from './card-form2.js';
+import { d as defineCustomElement$q } from './custom-popper2.js';
+import { d as defineCustomElement$p } from './form-alert2.js';
+import { d as defineCustomElement$o } from './form-control-checkbox2.js';
+import { d as defineCustomElement$n } from './form-control-help-text3.js';
+import { d as defineCustomElement$m } from './form-control-radio2.js';
+import { d as defineCustomElement$l } from './form-control-select2.js';
+import { d as defineCustomElement$k } from './form-control-text2.js';
+import { d as defineCustomElement$j } from './form-control-tooltip2.js';
+import { d as defineCustomElement$i } from './hidden-input2.js';
+import { d as defineCustomElement$h } from './iframe-input2.js';
+import { d as defineCustomElement$g } from './internal-button2.js';
+import { d as defineCustomElement$f } from './justifi-apple-pay2.js';
+import { d as defineCustomElement$e } from './justifi-button2.js';
+import { d as defineCustomElement$d } from './justifi-checkout-summary2.js';
+import { d as defineCustomElement$c } from './justifi-google-pay2.js';
+import { d as defineCustomElement$b } from './justifi-header2.js';
+import { d as defineCustomElement$a } from './justifi-modular-checkout2.js';
+import { d as defineCustomElement$9 } from './justifi-paypal2.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';
@@ -108,7 +109,7 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout
         var _a, _b;
         return (h(StyledHost, { key: 'be64697a74e404e567c718562f72ca6cf644a2a4' }, h("justifi-modular-checkout", { key: '49be0912aa949927cb11bde45c6ade0eb25744be', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '7ae8865515c16d119d0c951670b86f53006f5a2f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '697f67f1603f78d852c3900f424fea1559dcbbc7', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '005b320bb2318b6e5a888911fe90aeeeb8ca58f1', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'e6e4e720e0d619aa338b1a64ccc75f6bcfb53129' }, h("justifi-checkout-summary", { key: '5bbc4d7223f56fe70bcc9810ebcde55264e17943' }))), h("div", { key: '7c5f714e729c26a8c3589e912100d38e61cb3846', class: "col-12 mt-4" }, h("slot", { key: 'ae66ebfe4a0e1456aaabd706523ef17e9c2c4b50', name: "insurance" })), h("div", { key: '3d74c4078230299a0d093568f9edf61ddede06d6', class: "col-12 mt-4" }, h("justifi-header", { key: '98fad7779ad81e44f56d488f8f9bebb843c8b044', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a522e1c11e8412c0df0b272201a9eb929e8f38a5', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '670a875b91e3c4f41cc1f99e159ddb62d5d2cd9d', class: "d-flex flex-column" }, h("section", { key: '660a700bfdffa79b3e00da2ae186f98fbefc59de' }, h("div", { key: '3c314f058f5a6bf745800790dcad6b0f09ec9fdf' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9b3003bc6a7e2a85c64d28ac1457871297fcb570', class: "mb-3" }, h("justifi-apple-pay", { key: '25fb043d7fdd2308ceaf8cef9b8e3db72c276ec8' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '62ea38828ed1e7fe795cd92c1523e0a09dbb1249', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: '6bf9455e95950766204a4b9a16c51512961dab6d', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), h("justifi-saved-payment-methods", { key: 'ab59f136054cc421499002a3955aa91a679c1e16' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '7f51953073b94f893b197cdedc123ec273283574', 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) && (h("justifi-radio-list-item", { key: '4ff159b8cd0eb5fe9a4e6a168a6c6b018754aad6', 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: '9598c68ebb09a5fa817e9318526fa1bb6ffab5f3', 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: '92727d5624ed61bc3d986e495332e6a8e003dc8f', class: "mt-4" }, h("justifi-button", { key: 'b9b00d1bb08cb2beee1fd7e38877c5073245e4d5', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '7ae8865515c16d119d0c951670b86f53006f5a2f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '697f67f1603f78d852c3900f424fea1559dcbbc7', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '005b320bb2318b6e5a888911fe90aeeeb8ca58f1', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'e6e4e720e0d619aa338b1a64ccc75f6bcfb53129' }, h("justifi-checkout-summary", { key: '5bbc4d7223f56fe70bcc9810ebcde55264e17943' }))), h("div", { key: '7c5f714e729c26a8c3589e912100d38e61cb3846', class: "col-12 mt-4" }, h("slot", { key: 'ae66ebfe4a0e1456aaabd706523ef17e9c2c4b50', name: "insurance" })), h("div", { key: '3d74c4078230299a0d093568f9edf61ddede06d6', class: "col-12 mt-4" }, h("justifi-header", { key: '98fad7779ad81e44f56d488f8f9bebb843c8b044', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a522e1c11e8412c0df0b272201a9eb929e8f38a5', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '670a875b91e3c4f41cc1f99e159ddb62d5d2cd9d', class: "d-flex flex-column" }, h("section", { key: '660a700bfdffa79b3e00da2ae186f98fbefc59de' }, h("div", { key: '3c314f058f5a6bf745800790dcad6b0f09ec9fdf' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9b3003bc6a7e2a85c64d28ac1457871297fcb570', class: "mb-3" }, h("justifi-apple-pay", { key: '25fb043d7fdd2308ceaf8cef9b8e3db72c276ec8' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '62ea38828ed1e7fe795cd92c1523e0a09dbb1249', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: '6bf9455e95950766204a4b9a16c51512961dab6d', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), this.availablePaymentMethods.includes(PAYMENT_METHODS.PAYPAL) && (h("div", { key: 'a1af9d7ec013aced03e3eb1e768c0dcb378c8ff2', class: "mb-3" }, h("justifi-paypal", { key: '7e0106b73a4844ffc99c353cbc6365cf9c17964c' }))), h("justifi-saved-payment-methods", { key: '4f4aae6378928ebd28d1015fd9f4dde7403e20a5' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'ac9a3b1ce4d8dff5c75417ff62aeddbb1aac5aa2', 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) && (h("justifi-radio-list-item", { key: '92fa98d5d28cfa4327631238b5fbf58e2a6096c9', 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: 'f40e4195ed8ef1dbff50a870b1d0136968d78fb1', 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: '3d6b6108fa078dc2ce7a7048dffd61b5767010be', class: "mt-4" }, h("justifi-button", { key: '43370805937c92ad494cce2c493d641066c0b894', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -147,7 +148,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    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-alert", "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"];
+    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-alert", "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-paypal", "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)) {
@@ -156,115 +157,120 @@ function defineCustomElement$1() {
             break;
         case "bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "billing-form-full":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "card-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "iframe-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "internal-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "justifi-apple-pay":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "justifi-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "justifi-checkout-summary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "justifi-google-pay":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "justifi-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "justifi-modular-checkout":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-paypal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }

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

@@ -70,8 +70,8 @@ const JustifiCheckoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'bcee49169e1a26419ec784bc54f2c44647e45a9b' }, h("table-filters-menu", { key: '610a73cf73a45f300cb860056be85948b4d88b33', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '726a5c935121fc7371d0c87c3fc5caca97d9b28e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f74c2c992b97c69e20bed9a6d58a2f5f87ed49bc', class: "p-2" }, h("form-control-text", { key: 'ebebfe02d605f782ec1b7d845af4d104b71683db', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c21b068705bcd55176316010772b555dfb690571', class: "p-2" }, h("form-control-text", { key: '0b583f4243e17019a0bce4284c52efa46885a1dc', 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: '8f37a6ff48c7d4a087fd97c4c7304ffaa366c5b8', class: "p-2" }, h("form-control-select", { key: '93fe20d82fb240aa69bcacf22a6db686aa4aadf4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'af69b75624d05163f9da8e125ae40b371c1fcc38', class: "p-2" }, h("form-control-select", { key: '46a1db36de05f100b7ac5b9ad92dcce99f3fc4e4', 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: '56bba4a390bbc1bedc57183c297414903261a52c', class: "p-2" }, h("form-control-date", { key: 'ee284ecee968db1520f7ced86c8c45aa47b6f802', 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: '23cfe2cead1ff93326b7ffc2713c652a2ae37ffb', class: "p-2" }, h("form-control-date", { key: 'd06729ff97a8d48beb09652a098b7d1d1b47823b', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '175f4d80e539b956be529d9e0e7bd94dd00aef32' }, h("table-filters-menu", { key: '4d8acfb715b038948bce514d501b567be0e3d15d', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '062bc3404f5985a84bf716976b617f9816012d0c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '77d933a6d6b78350295b8169aa252157188625fa', class: "p-2" }, h("form-control-text", { key: 'd5193421fd54a05069d2c93b2d9702fe614a5b12', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '964eb355ce3c7d089d832aac9909d81d12a13001', class: "p-2" }, h("form-control-text", { key: '5942e0937e04b6957efed9eabc770f28665669f6', 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: '35a093a384d2c386cbfc117714409ee3e262bc72', class: "p-2" }, h("form-control-select", { key: '7bdbb5d2f9e3a1b82ff9f5245767992308d8ba7d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '59de4b040ac72aa2f26ea52c729125de23c561cd', class: "p-2" }, h("form-control-select", { key: 'c6f202c97e0dce53b11da79369659de1f01aa4e7', 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: '63094ad30d30ede904b82b40b4223b466258b43b', class: "p-2" }, h("form-control-date", { key: 'dc8a121917086233970feff405edfab4a5a84794', 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: 'fa9eefce1d398a0be634a03a72ce98f28ecac696', class: "p-2" }, h("form-control-date", { key: '9b07c3693396a1bf47d996fa83d1902188cf78cb', 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", {

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

@@ -269,8 +269,8 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '882db931e1e29698776ffa6c715ca4abb7d322f7' }, h(TableWrapper, { key: '7bb610f41ae1feab6e4a1cf8abb19fbff00914e6' }, h(TableComponent, { key: '4ca7ca2a8fcb7b26cd4cdb7679ef7c3db17bb1d1' }, h(TableHead, { key: 'b2fdd2852c74f066cfdf7aee27148fa36cf5df74' }, h(TableHeadRow, { key: '688d8189928c8ee54e6b60383492cdd2e7717fcf' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '0e3e589b387455bdbb30c5130e206c46447d2a43' }, h(TableLoadingState, { key: 'b0d74610ef26b4b67e1c1a70b93e9932c4d47350', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dfc775ac8f7a47611e740e1e4b7562adfffd15d3', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '8ba255c49e9ea76d13644b4c5842f9c003816040', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '82cf7b391647fdb6cefcbdbe13113ebb6e70bf62' }, h(TableFootRow, { key: '6678e2573867bf3c79f266ebab392034eb143c65' }, h(TableFootCell, { key: 'c981a304af815c314e8306922b779cea8670b825', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ea32b8d13a5af7122095fd4081d29668019928ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f022fc9244c2c8d6e43136ef67d584b7e02d88c0' }, h(TableWrapper, { key: '4426bfe67f6847fc4e7afac5bc6f49003eab7bdc' }, h(TableComponent, { key: 'd0c5683a6d86166853a184902c0492d7d692053d' }, h(TableHead, { key: '414525dcdce777fb9b96da4577f9df9dbc5209e5' }, h(TableHeadRow, { key: '059f355e53d1610e9a98caefc2e843042b82a401' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a084de3e1cd2463d94e189d5d3241a19a885e43d' }, h(TableLoadingState, { key: '3efa17a9737fcac772f9d97880b4a990a97a7e99', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '636f2bf2b881e3ae93fd2ae5b78f4951eb2aa55e', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'd17071cdf4f1295f6aa53efb566fa470f40ef8cd', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'dc301ba7b3039400a3dbb9761ca8d7894e619e7d' }, h(TableFootRow, { key: '18936a6e7bbc6c0ed07181e22beb9488ef5d3fcd' }, h(TableFootCell, { key: '56749d191e514a9ef47d505efe831d808abf59db', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '7cd65843172cb881640de5e3815ec1e85984b9be', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["authPropChanged"],

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

@@ -146,7 +146,7 @@ const JustifiDisputeManagement$1 = /*@__PURE__*/ proxyCustomElement(class Justif
         });
     }
     render() {
-        return (h(StyledHost, { key: '6d86218f7a7fe8ea93a377e3bf182dc67e339682' }, h("div", { key: '0b51a3bbf6608671ba63773aa77665f85e88ef27' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
+        return (h(StyledHost, { key: 'd5af8e699e5b96a91d866a274addac1da03c2a10' }, h("div", { key: '14b445c20f27bed7e3131cbd6c8d87c0d3030c57' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const JustifiHeader = /*@__PURE__*/ proxyCustomElement(class JustifiHeader exten
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '5a0872ee486bdba3ba1c86145946889bb7d151f2' }, h(HeaderComponent, { key: '89807e249cdf64f7ef80800276cb50966083f28e', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'b51ffe7c6ff6de409396fd941d39321eb837665d' }, h(HeaderComponent, { key: 'dfba7ab895567a38b6b08fc1b734bdb9e98afff5', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-modular-checkout2.js

@@ -24,6 +24,43 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.checkoutChangedEvent = createEvent(this, "checkout-changed", 7);
         this.plaidService = new PlaidService();
+        this.handlePaypalStarted = () => {
+            checkoutStore.isWalletProcessing = true;
+        };
+        this.handlePaypalCompleted = (event) => {
+            const { success, paymentMethodId, fundingSource } = event.detail || {};
+            checkoutStore.isWalletProcessing = false;
+            if (success && paymentMethodId) {
+                checkoutStore.paymentToken = paymentMethodId;
+                checkoutStore.selectedPaymentMethod = {
+                    type: fundingSource === "venmo"
+                        ? PAYMENT_METHODS.VENMO
+                        : PAYMENT_METHODS.PAYPAL,
+                };
+                this.submitCheckout();
+            }
+            else {
+                this.errorEvent.emit({
+                    message: "Paypal payment failed",
+                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+            }
+        };
+        this.handlePaypalCancelled = () => {
+            checkoutStore.isWalletProcessing = false;
+            checkoutStore.paymentToken = undefined;
+            checkoutStore.selectedPaymentMethod = undefined;
+        };
+        this.handlePaypalError = (event) => {
+            checkoutStore.isWalletProcessing = false;
+            const { error, code } = event.detail || {};
+            this.errorEvent.emit({
+                message: error || "Paypal error occurred",
+                errorCode: `PAYPAL_${code}`,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        };
         this.handleApplePayStarted = () => {
             checkoutStore.isWalletProcessing = true;
         };
@@ -93,6 +130,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
             this.setupGooglePayListeners();
+            this.setupPaypalListeners();
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -128,6 +166,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         this.queryFormRefs();
         this.setupApplePayListeners();
         this.setupGooglePayListeners();
+        this.setupPaypalListeners();
     }
     disconnectedCallback() {
         var _a, _b;
@@ -136,6 +175,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
+        this.removePaypalListeners();
     }
     fetchCheckout() {
         if (!this.authToken || !this.checkoutId) {
@@ -178,9 +218,8 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         checkoutStore.accountId = checkout.account_id;
-        checkoutStore.checkoutLoaded = true;
         const rawMode = checkout.mode != null ? String(checkout.mode).toLowerCase() : '';
         checkoutStore.checkoutMode =
             rawMode === 'test' ? 'test' : rawMode === 'live' ? 'live' : null;
@@ -192,16 +231,20 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         checkoutStore.totalAmount = checkout.total_amount;
         checkoutStore.paymentAmount = checkout.payment_amount;
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
-        checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkoutStore.bankAccountVerification = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.bank_account_verification;
-        checkoutStore.applePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.apple_payments;
-        checkoutStore.googlePayEnabled = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.google_payments;
+        checkoutStore.insuranceEnabled = (_b = checkout.payment_settings.insurance_payments) !== null && _b !== void 0 ? _b : false;
+        checkoutStore.bankAccountVerification = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.bank_account_verification;
+        checkoutStore.applePayEnabled = (_e = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.apple_payments) !== null && _e !== void 0 ? _e : false;
+        checkoutStore.googlePayEnabled = (_g = (_f = checkout.payment_settings) === null || _f === void 0 ? void 0 : _f.google_payments) !== null && _g !== void 0 ? _g : false;
+        checkoutStore.paypalEnabled = (_j = (_h = checkout.payment_settings) === null || _h === void 0 ? void 0 : _h.paypal_payments) !== null && _j !== void 0 ? _j : false;
+        checkoutStore.paypalProviderClientId = (_l = (_k = checkout.paypal) === null || _k === void 0 ? void 0 : _k.provider_client_id) !== null && _l !== void 0 ? _l : '';
         checkoutStore.achPaymentsEnabled = achEnabled;
-        checkoutStore.bnplProviderClientId = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_client_id;
-        checkoutStore.bnplProviderMode = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_api_version;
+        checkoutStore.bnplProviderClientId = (_m = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _m === void 0 ? void 0 : _m.provider_client_id;
+        checkoutStore.bnplProviderMode = (_o = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _o === void 0 ? void 0 : _o.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_p = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _p === void 0 ? void 0 : _p.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_h = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _h === void 0 ? void 0 : _h.provider_checkout_url;
+            (_q = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _q === void 0 ? void 0 : _q.provider_checkout_url;
+        checkoutStore.paymentCurrency = (checkout.payment_currency || checkoutStore.paymentCurrency).toUpperCase();
+        checkoutStore.checkoutLoaded = true;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -215,6 +258,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full, justifi-tokenize-payment-method");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
         this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
+        this.paypalRef = this.hostEl.querySelector("justifi-paypal");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
         if (!checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
@@ -259,6 +303,22 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
             this.googlePayRef.removeEventListener("googlePayCancelled", this.handleGooglePayCancelled);
         }
     }
+    setupPaypalListeners() {
+        if (this.paypalRef) {
+            this.paypalRef.addEventListener("paypalStarted", this.handlePaypalStarted);
+            this.paypalRef.addEventListener("paypalCompleted", this.handlePaypalCompleted);
+            this.paypalRef.addEventListener("paypalCancelled", this.handlePaypalCancelled);
+            this.paypalRef.addEventListener("paypalError", this.handlePaypalError);
+        }
+    }
+    removePaypalListeners() {
+        if (this.paypalRef) {
+            this.paypalRef.removeEventListener("paypalStarted", this.handlePaypalStarted);
+            this.paypalRef.removeEventListener("paypalCompleted", this.handlePaypalCompleted);
+            this.paypalRef.removeEventListener("paypalCancelled", this.handlePaypalCancelled);
+            this.paypalRef.removeEventListener("paypalError", this.handlePaypalError);
+        }
+    }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
         const billingInfoValues = (_b = (await ((_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.getValues()))) !== null && _b !== void 0 ? _b : {};
@@ -442,6 +502,10 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
                     return PAYMENT_MODE.APPLE_PAY;
                 case PAYMENT_METHODS.GOOGLE_PAY:
                     return PAYMENT_MODE.GOOGLE_PAY;
+                case PAYMENT_METHODS.PAYPAL:
+                    return PAYMENT_MODE.PAYPAL;
+                case PAYMENT_METHODS.VENMO:
+                    return PAYMENT_MODE.VENMO;
                 default:
                     return undefined;
             }
@@ -483,7 +547,7 @@ const JustifiModularCheckout = /*@__PURE__*/ proxyCustomElement(class JustifiMod
         });
     }
     render() {
-        return h(Host, { key: 'c9b021ee33cdac2c88ec16df613ccaf3f4e981ef' });
+        return h(Host, { key: '127bf2aea6758c7d91e33f252a3db4bc27b066ff' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

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

@@ -208,7 +208,7 @@ const JustifiOrderTerminals$1 = /*@__PURE__*/ proxyCustomElement(class JustifiOr
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '1fd8c50ac4e22bb2aac46ed0379f4740737e9760' }, h("div", { key: 'caed839c05af25c7bcd6599c45cd5058491a1ba9', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '284975f2cc9a27877e8ede55097cfeef7d951cf1' }, h("div", { key: '1be899276b0b935738a916773f310d2c2d60e29a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -97,16 +97,16 @@ const JustifiPaymentDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPa
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'f304cb665f17ce96b6d97a38d94907629f559413' }, this.loading && h(PaymentDetailsLoading, { key: '709acde31230bd9e825e4e9669234492aff3cc3a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '09a4a2559fb89a5b4b57d81b0fd48952c219d348', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '7cbfece91ce9e5fab75d561ad369080ecbe76fa4', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4aa014d77def141d2053c3745b8215cc03a53ac7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f344398f4fd4db6e1e7ca1335c3aa55630668475', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'a01e5a04400b996cfb2a9e563c8f383b8e8d7c66', title: "ID", value: this.payment.id })), h("div", { key: 'ef0c63d53031dfa8910dfbdedede1e20ac09e78a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5053784a7e3bd8932562a816921564aadd6d79c8', sectionTitle: "Details" }), h("div", { key: '43c56ee5a39589ea7a0107f32e274be439adf33a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'fcee2dd211c9bf951cdd6855ac3fa844632391ce', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '44d055f3445f02feaeb4519b5f4777333089a8c6', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '906b584174bd5c329974274a2f1e1ef7e9e8fde0', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '809429e88eac8ebe8142bb0028f8b86447977697', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e08c02efc64f105ce3180e9773584a331ae19a9b', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'fbb910b7006f9d4bff9b14ffd4fc2f7da8b68020', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '09fefc2d1a750ab2f5dfb2043db08d5f16d6d9aa', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1d96f4557823f1d82d5c6e0e46a984c13c6f018b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '51bfae7ef30f36c99c0fa1b25dc5397720ef88ff', title: "Description", value: this.payment.description }), h(DetailItem, { key: '5c44b3d40bfe6b2fbf258fee90f55ff24d0b3c28', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '3d652ba331824448b7e7af969b2ead216f358e28', sectionTitle: "Payment Method" }),
-            h("div", { key: '49ad00ec9d703d196a025fa17b03f4af7cdc4dc5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b1b3f57e74fd65dc4b82d727a94afbe14803c52', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'b23d5263566ff11d469dea9a245d20a7689540f8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5f76d6d9ac609884aac18fe2743d4fad2192b86', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '22f296966b6f1aaf516b1d70144cff4f59b82c05', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd7dcd0f7a74ed2cc5ba6406a7d48522ca06a7546', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'b77daed074c1f07abcfeee7638fbf647b069bde1' }, this.loading && h(PaymentDetailsLoading, { key: '45a19735c7e7701b296b965089b6ef1ede777124' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '502d8daa5846c5cc788c14be4cd057d895d2a7fd', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '6ff5ebc6ef1b77b1cbcc2ca208685537c1645d3a', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a897ad7896a9799c93359385e58411e545a61d90', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '81fbaad82e06b4812dfb160ab5f02d4f869b93fa', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'f5082d85c20ce6bd99e064bca362cd4aadee681f', title: "ID", value: this.payment.id })), h("div", { key: 'c15a688cbbde60de1b8c1c6039eb96b007f825f6', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '1fdc9a1a427eef5ea84d19980888fdd0e0fd466f', sectionTitle: "Details" }), h("div", { key: 'd9bcd098ad4872100efba37fe193c118ec2a38b6', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '782927345108d65ec1d8ebfa62334f62b1c653ac', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '1c7e30ecc5b221c4216e3ad62286e315add6c674', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dea42fd59f8df49a511501f6c20a2239f412170', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'daa6a42ac01396f59e74da0d652b573ad45210b9', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5357b6c460c0ffe3a43b256b51e2b357fb05dd56', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'cf46249e7c4257997d08ca5fb8228e0426628dd8', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '7517d6cae93f52f38c0610e9f7a67752f8b7883a', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '605d9022e18e47a99b77e63b7ca7ceb37c3ec5c4', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '853ec1f5830af8da7e9661fff631ef40a8bd18e8', title: "Description", value: this.payment.description }), h(DetailItem, { key: '202359a55318667dec12aec368600083f623448b', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '422d91eeafdfd0562f277ab9962e07dd6223298f', sectionTitle: "Payment Method" }),
+            h("div", { key: '8d5d46182aa5530c6a043ad547c6d1bc98f7f61d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '1b5e9376aea8ec371d882fa1e537124c99ab2506', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'bc3c4eb6bd54360e0d715968e9b2c476c904afcf', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'b6b020a7372d3256d2fd8296788afbfb4c771075', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '38b37931c22669c0d2914d9480891a08215259d2', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '74d43cadb0a8bff45e84cd7c8cb8384c309a7439', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '37a2a20c462cb94baa01ca7763d43ced04b4543c', sectionTitle: "Payment Method" }),
-            h("div", { key: 'f6de7746d5ff64d27368edef51b3c4e0ff7c658b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '34e9b26c6d20e9b5e86e4cc11fb925ff1ef5ce94', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '32cd6da4d7234aca403bd699de23e1cf889bf14f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f1313ac7c15d5ae2d9dfa2b6d3ec794d0987252b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76d1ac1961e530a7a6e1ba5512b982cd70df9470', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '90c6d65d001e6a5d6d608858c12a39fa976c672d', sectionTitle: "Payment Method" }),
+            h("div", { key: '6907fb557de0817d22d150770d5fcfe21bacaa4a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5cc2abe0007d5527563c8c1893c104a6464ab467', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'bc743e7e9fccd70e7a7ea75031e5d605066fbcf2', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'd708a73bbe7df3f1e858b3a596e1fb5b38e4e2a4', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '5975c7912a3e0dc2f706d1d9b3d47b21bcebc8a9', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '1cff262d07acda5bc742f325a23f4199c22f3a01', sectionTitle: 'Metadata' }),
-            h("div", { key: '77379785d2559d39a26a253757fdaf02795c53a1', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '92cb32f3dd6b45094210194e2e40927d7f9d6bde', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '197374ce471a49da70ac888d17a5d7ab2a048e5b', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a5e94195d5b193aac71fae2ec02cb9be966cca91', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0b909d0164abd958eba48461fd816ef6001b3e2b', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/justifi-payment-transactions-list.js

@@ -187,7 +187,7 @@ const JustifiPaymentTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '24e7a4313ab91f179fd27b6596f012487de06815' }, h(TableWrapper, { key: '1f9a7a56a940e41dd865bc6f3a8681ce86d60d58' }, h(TableComponent, { key: 'a26ce09ae4df84698be1ea37cb735e38c0a0402e' }, h(TableHead, { key: '07f8655efd483e1d9240e65b17dc13583028f376' }, h(TableHeadRow, { key: '0b62a7700715dbaffbedc0538432d075a3158499' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'adf75fa50ddfb5257875b2779fc6c157812d4c19' }, h(TableLoadingState, { key: 'bc77de512b3e5fd1e6c4b8cf908b46027a3bc33f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '413d46e184399cba3993f37efd64cb0d0a10d905', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9deaa794dc848ed7c85cbadc3b4cfe7c9fb1176f', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '16ca0811bf42dc9419f8b77086e8e7e2cf6d0085' }, h(TableFootRow, { key: 'e11be42549832c35078acf47b7c165fe1e50ea98' }, h(TableFootCell, { key: '205d649068b84200b88adc1be9cfe192abfe13be', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2a28645220d4f18b7037e461bd93eefc3aed49a0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0f3e26b2c3f60508208665182d225851b661ce52' }, h(TableWrapper, { key: 'cec0e06941349943965f48f1724891b08eb2a9f0' }, h(TableComponent, { key: '0cc4ed8dba379a5007129098d9fafc666771bd68' }, h(TableHead, { key: '2cf86dc1d70add019c7a60a19776926987c6669d' }, h(TableHeadRow, { key: '26ee0bade994b3f103fbf143974095e24df3100f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '68e61b6f6ce309c66444868cc76fa5d5975cbf51' }, h(TableLoadingState, { key: 'd71b0929a60dd74f1cd14e4bbafe2030f50fdd1f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'cb9ff5c2f19c506cb04dd0ff89e1ac3b2d9477cc', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'cc194ed6bd9985ecc11052159636abf93d72baa1', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '466be6cad4dc5aa82d492758845a36ab7ded07cb' }, h(TableFootRow, { key: '635a3e29fd03027eae0430afe0777905342bda35' }, h(TableFootCell, { key: '87cacd49245ab6e07ae7c2adef2cb26561fae1c6', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '3b54af40f5aa9ac5e1198fc52218ec887cbd4e59', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -69,8 +69,8 @@ const JustifiPaymentsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Just
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '09966b2b69d97d14d988b1658c50755be453451b' }, h("table-filters-menu", { key: 'e5e1e3bf59528776e0ce67be1d57f442cc47d717', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'dfb76c7b261911aaecba4ddc179f935e076ab6a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e875c8eb14dd1ca1bfe3d0973de89cba0627063d', class: "p-2" }, h("form-control-text", { key: 'cba3e7736f5d85f32ac8023125d59f25a4e5e427', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '468b20f8494330c1db0a00f63e928c656e47e463', class: "p-2" }, h("form-control-text", { key: 'f9a48b0116e239f97a39246647470fd7f8e3718f', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '805d358d7a091b4826f20af9df930f61cf754364', class: "p-2" }, h("form-control-select", { key: '07c7d0627be6629864cc9b130c347d110e7b337d', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: 'aa3f3d30fe781dce7f516d80730362bed20348be', class: "p-2" }, h("form-control-select", { key: '7d70542a944db0588361ab5be7df9c8bf83d0463', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'df2642d3a148199d9ffbfd01cae6ba4aaef6f2a4', class: "p-2" }, h("form-control-text", { key: 'b462acc0489803f54b2beb4d8cc58bb1c11ebb48', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c5eb36e85489492d4cc66707762d04bf4e38e56f', class: "p-2" }, h("form-control-text", { key: '483a8cea7f8f1f6128fc16789b34015041fb250b', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '669126e41e31c84745dd7c4c6dc0f0d2eb843e9a', class: "p-2" }, h("form-control-date", { key: '20b993fad450f448bc1cbce6a24c05f5038df2da', 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: '49002f16423461fca88249d9fdd7fc0a27abe117', class: "p-2" }, h("form-control-date", { key: '5a3b0093e5c2593e1f39b82220511704210a6179', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'f19bb83c021b72fc0cba7ac570411276e3a8cd2a' }, h("table-filters-menu", { key: '2427475b87179e05fc44995b57fc2be9b9c23a22', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'f6c00222acbda692bfc96a77f790c0b9f92a0b06', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '924bf8180a4c78d0899c58ad3c306d7af31b9c72', class: "p-2" }, h("form-control-text", { key: '29e7f5d581a78b9c843a844636cfebf17ec196c1', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '92edd8c13e031b568d6beb928eb41037726666dd', class: "p-2" }, h("form-control-text", { key: '61ac4d0412a50c2fef1fc9564fde8312055a6a4a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '1463d128da8051d6b7e94921f87534bd24134293', class: "p-2" }, h("form-control-select", { key: 'c8234d00cd7caee263daf3f585cffb6dc113d666', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '89b8c58f7aca4272157e420efa3185372ccab934', class: "p-2" }, h("form-control-select", { key: '4c872ce7bd1064c7eb16ce9aa715088ab2e9be51', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'ffda8cfc8bdc3599d952f9efbcd1b2465d6e601c', class: "p-2" }, h("form-control-text", { key: 'd165ec8d4dcee2d9a7b6c519afb7ae40b6e00c4d', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '931df5bc1d177f69699552b04e62070fcf707a3c', class: "p-2" }, h("form-control-text", { key: 'b062770ff72d40f3057cd80a187fd9c67bae0e62', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: 'a56ee10b2dfe557e548d58910be9279ce1d68b60', class: "p-2" }, h("form-control-date", { key: '07e1be45c6ab427760f0aa33235242b6073648d5', 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: 'd89eb4e09a2e402c5cbfc293fcba7b9d17da2f86', class: "p-2" }, h("form-control-date", { key: '45dc2a2e1a2532f6cd2eac9e9e8deeb1e3cd3ea8', 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-payments-list-filters", {