@justifi/webcomponents 6.6.0 → 6.7.0

package/dist/module/gross-payment-chart-core2.js

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '85907550231e3dabbf901474994a3702dd1b1de4' }, this.loading && h(Spinner, { key: 'c458baff5d8f28932a0a88096ad2a32fe122dc5c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '641e450946112528c3577b6024872f51125e793d' }, this.loading && h(Spinner, { key: 'c767a118f00a0931ed736352ba4c26a34ad8f512' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -92,7 +92,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '31bcffd5fd8ced6d769b3284ee99a87ffcd11771' }, h("input", { key: 'dcbac23033a934df444f554498af7d3d8609422a', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '5ebb1ec479a87430d51fbdff53edcaace72e98c2' }, h("input", { key: '48ace17d93b23f5da773412390fd8187c03cd59d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '3f0cdea462914e18fb8cbd561004311cfca3053c', class: "form-group d-flex flex-column" }, h("div", { key: 'b0b4d6bc1b5fbd79bbf0a13d4c36375c23f83fcf', style: {
+        return (h(Host, { key: 'b7f549db9954e772632f144d0b8fab81aa00ac48', class: "form-group d-flex flex-column" }, h("div", { key: 'c073506d6835001d515839382d5140ea074cb1c8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '6bf24ce1d7b55b148db24a31f0d8abc7f52ac7f5', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4f404629956d302ffb649424109ccc2a54887135', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '05c828618a59e7f90cab4efefc41b743952f0dba', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'a80095abc7580bf8f4704239a27d0d819df48800', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd3c5647e79ae3f2fc68cd3b0395c18416ef848fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '66ad8a684dcc1397fe11ac2e1c7429ce88ec1166', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'a02ed05a7f1d26ed484e405efa78d5e30e959560', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'bca0e095f13b229ad73a309e9c39b4a42104e303', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/internal-tokenize-payment-method2.js

@@ -9,6 +9,8 @@ import './dinero.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 import { d as defineCustomElement$i } from './custom-popper2.js';
@@ -277,7 +279,7 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '75a8be79398b21dfeef2e47c3141fb0bd01af515' }, h("form", { key: '87e98312524888dd08087dac5f1d2b3a6ef761b4' }, h("fieldset", { key: '799f7f415b3a74a1cc7ec5773dcbe7ac634c8432' }, h("div", { key: '709dc13091bf3cdcd673ea1ada7d643629ebe0cb', class: "row gy-3" }, h("div", { key: 'ecc57932a45ed5fd70c59e84a1a71376b7db9e31', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '1eb12574146656beffa605abfdbe3408df473ebe', class: "col-12" }, h("justifi-button", { key: '31ebba133ce26457bd1fb72d48552b1d20f4cafe', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -9,6 +9,8 @@ import './dinero.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import { a as CountryCode, b as Business, f as BusinessFormServerErrors } from './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '435d3ad98725dcd3a3494a198d299818200cc1ba' }, h(Button, { key: '3518af6039637223262ae2adc1e671d9433b9938', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '7c8b76c4eaa412f2dc2ba59fd56cb7c28f46656c' }, h(Button, { key: '9440f90ebb380703b35b6c5d811e5d0780e80fd2', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -7,25 +7,26 @@ import './details.js';
 import './event-types.js';
 import { d as defineCustomElement$5 } from './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$r } from './custom-popper2.js';
-import { d as defineCustomElement$q } from './form-control-checkbox2.js';
-import { d as defineCustomElement$p } from './form-control-help-text2.js';
-import { d as defineCustomElement$o } from './form-control-radio2.js';
-import { d as defineCustomElement$n } from './form-control-select2.js';
-import { d as defineCustomElement$m } from './form-control-text2.js';
-import { d as defineCustomElement$l } from './form-control-tooltip2.js';
-import { d as defineCustomElement$k } from './hidden-input2.js';
-import { d as defineCustomElement$j } from './iframe-input2.js';
-import { d as defineCustomElement$i } from './internal-tokenize-payment-method2.js';
-import { d as defineCustomElement$h } from './apple-pay.js';
-import { d as defineCustomElement$g } from './bank-account-billing-form-simple.js';
-import { d as defineCustomElement$f } from './bank-account.js';
-import { d as defineCustomElement$e } from './billing-form.js';
-import { d as defineCustomElement$d } from './billing-form-full.js';
-import { d as defineCustomElement$c } from './justifi-button2.js';
-import { d as defineCustomElement$b } from './card-billing-form-simple.js';
-import { d as defineCustomElement$a } from './card-form2.js';
-import { d as defineCustomElement$9 } from './summary.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$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';
@@ -111,9 +112,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'e22c0a75801c516270a910336971890c8c09d596' }, h("justifi-modular-checkout", { key: '42c246c9727e86e0cca5c23a8078f4ea44587e64', ref: (el) => {
+        return (h(StyledHost, { key: 'e9f527c5dd4dc564c4fb00d69b27e07c90e8b552' }, h("justifi-modular-checkout", { key: 'e80dd4c78282fc428f0e78d6d87f71f262577f01', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '5ff37187073aac6813ddccf303e58d3f9778ca4d', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'e6b5215e49f2e9f564e9d057e3c4c9afc71c7957', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '42773d2f60cdb58efb77ea58bef6afa12a9f8098', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '2e19ae9b18340e4a490563f9e46683918db6df3e' }, h("justifi-checkout-summary", { key: 'ba8d9f7ce1018ab1c6480518923f6b0824ac7a7e' }))), h("div", { key: '0634f63cc98802b83576abc96bcf2b5d2afcd065', class: "col-12 mt-4" }, h("slot", { key: 'cd90df3a2c96024c40ece6a270beca09cfc001a2', name: "insurance" })), h("div", { key: '248f27cddf56b3d5d6a29713da4fd75b9cb70307', class: "col-12 mt-4" }, h("justifi-header", { key: 'd8aa3e58378c0cb087bf0ec625a4e959e1219cfa', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '9d406b83e0961206811bd321bb4deeb17387a286', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '14b32529edd35fc25156af17233a725f24e13644', class: "d-flex flex-column" }, h("section", { key: '222be97ca20e9cfb0acff24885effe34829a7ad7' }, h("div", { key: '756d15a21d66bf5b0230f89d7d584026fe0aaf34' }, h("justifi-saved-payment-methods", { key: '537cc143b29c27e16ec5789fd3125142c641c002' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'cf2b7e762516a34707b08eada3a40de48bcb6588', class: "mb-3" }, h("justifi-apple-pay", { key: '3134dcf2e038c6210a2cbf19169cec50cb1e7d6a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '5fdc5ee088274537c2deba065ac62e9c5f9567c5', 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: '428bde7e136a80e890149c544b35c0370a00cccd', 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: 'ed419d6c88deb2503ffa6f6b87a2c17636b761a2', 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: 'aebe5cb0aa85e1673cc8f34abeffc014620a18be', class: "mt-4" }, h("justifi-button", { key: 'd6aee377ec0ebeb3fe688ed430528f6829838b1f', 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: '92f3821b2566f6ede351145cafe934bb1b14e970', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'ed96eb7b2620df4c8398b36b62e2eb5744de7545', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a23f3ea139874c80830b9bd62b44bedad2520d89', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '45f903ebb6cee7d382414fd04656b605fb5f9e91' }, h("justifi-checkout-summary", { key: '7a6ba74f821aed6aee12682626bd1f304a90cc4b' }))), h("div", { key: '3930d68c41aa3a1b99371bbea285b2de4d734766', class: "col-12 mt-4" }, h("slot", { key: '8cb5f1ef64ae6ecd25edf861b555dc6f20abd0ec', name: "insurance" })), h("div", { key: '3f8b4dae6eb90999927070027a77bfa9a4b09442', class: "col-12 mt-4" }, h("justifi-header", { key: '4335e04295005071b061391d27a5cc4677519e71', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1ca763ef15405ee55bf763bd7760f36e2925bbe1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c52c81c4b84fde4168037f06c7d5b6f491d2bea9', class: "d-flex flex-column" }, h("section", { key: '3d1981827d98b947e541599582dc1f15bfe3f542' }, h("div", { key: '8ddeb4dae00fe55092fba788c9fb2b44ad1a1240' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '496486644e4caa90379e20cfb80b20c2670eef0b', class: "mb-3" }, h("justifi-apple-pay", { key: '9d360fed1e166d0adf4f97f8b1817fde6a7dc0ec' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'e4d440ac6bedf38eb2baab3717d0d1308aaa5b10', class: "mb-3" }, h("justifi-google-pay", { key: '9eee94d588e48fc5550cd3965f45612de3aedccb', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '244e8877a4ce83ab8c4fff6051957d0ec50deafa' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '37904744a21eb6f1f96e13831e3b0029aa87d25f', 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: 'd2fc7e88a17372967a64edf57a33ef0758568357', 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: 'b2c2b5b2db0970ac8bfb70141f9b0fa4545dddce', 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: 'e8f3ba632562b2369e6acc8a135647cc74dc0c0d', class: "mt-4" }, h("justifi-button", { key: 'e34306fed36d84a03a4e6ad3ba92abc276423590', 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"],
@@ -152,7 +153,7 @@ 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-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", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -161,95 +162,100 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "iframe-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "internal-tokenize-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "justifi-apple-pay":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "justifi-bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "justifi-bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "justifi-billing-form-full":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "justifi-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "justifi-card-billing-form-simple":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "justifi-card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "justifi-checkout-summary":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-google-pay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }

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

@@ -1,17 +1,22 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { l as lodashExports } from './lodash.js';
 import './config-state.js';
-import './dinero.js';
+import { d as convertToUTC, e as convertToLocal } from './utils2.js';
 import { I as ICheckoutStatus, d as ICheckoutPaymentModeParam } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { a4 as checkoutsListFilterMenu, a5 as statusCheckoutsListFilterParam, a6 as paymentModeCheckoutsListFilterParam } from './parts.js';
+import { a4 as checkoutsListFilterMenu, a5 as checkoutIdCheckoutsListFilterParam, a6 as statusCheckoutsListFilterParam, a7 as paymentModeCheckoutsListFilterParam, a8 as createdAfterCheckoutsListFilterParam, a9 as createdBeforeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-date2.js';
+import { d as defineCustomElement$5 } from './form-control-select2.js';
+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';
 
@@ -25,11 +30,20 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
     }
     componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = lodashExports.debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             status: this.checkoutStatus,
             payment_mode: this.paymentMode,
+            checkout_id: this.checkoutId,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -56,17 +70,22 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '49fce55fcfec52861b63d059ed13e032b5f62ffe' }, h("table-filters-menu", { key: '13a8f86bf33d4fa009090874012d8fb313e8fbb7', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '93d217bdbf916556bb96fe57f8ef40ef7227f0fe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5b64be2749207558f5444f21c62f7e3576cac96d', class: "p-2" }, h("form-control-select", { key: '67bf5ecb13c6e10ac09f86df8b9e33b057b5b4f6', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3888489da96a1bd5887ec6b0ca956ce96a2aba05', class: "p-2" }, h("form-control-select", { key: 'f09e0f27d16b8c525eb93ab285e0e8c32499958b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'c2206c7d67bd443f2f96f2d60bc4ebe6b162da5a' }, h("table-filters-menu", { key: '99ca406ecd7a151039c3a162063c6c88ba2fc859', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a0ca9f60eba3d4d396e5bf6d90d908b21c4749a5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6aa82c8c10b08c0146c1e0d0534cb5ed50622192', class: "p-2" }, h("form-control-text", { key: 'eaf744421fe7f556a787df19a1987a9d631b78f2', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: 'baf62830725ba74fc1e51c7bea2707727bfcae80', class: "p-2" }, h("form-control-select", { key: '457078decbe5d6812adaf340eb99e23ce5f55eb5', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'dfdf948a76b865dbef7f2c3e1395fec5d54d6a27', class: "p-2" }, h("form-control-select", { key: '2aac09872d9b2f81cdc81a5e69380d7613aed80d', 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: 'a081fbbe866d8c3b7b6f3e0fb416b548216df13e', class: "p-2" }, h("form-control-date", { key: '7dd0b6e8d043044332662e999707afb47f1aa74f', 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: 'caeb00cd04d553f8d40e2aac3c260b6780023add', class: "p-2" }, h("form-control-date", { key: 'b300e4c045920fef36e424e3fc584370c68fb271', 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 }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],
-        "paymentMode": [1, "payment-mode"]
+        "paymentMode": [1, "payment-mode"],
+        "checkoutId": [1, "checkout-id"],
+        "createdAfter": [1, "created-after"],
+        "createdBefore": [1, "created-before"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkouts-list-filters", "custom-popper", "form-control-select", "form-control-tooltip", "table-filters-menu"];
+    const components = ["justifi-checkouts-list-filters", "custom-popper", "form-control-date", "form-control-select", "form-control-text", "form-control-tooltip", "table-filters-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkouts-list-filters":
             if (!customElements.get(tagName)) {
@@ -75,10 +94,20 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
             }
             break;
         case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

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

@@ -4,6 +4,8 @@ import './dinero.js';
 import { j as Checkout, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { C as CheckoutService } from './checkout.service.js';
@@ -103,7 +105,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '6bb0aab8d91d33a71219759eda017d8bb4611371' }, h("checkouts-list-core", { key: '06f7c7e14047791322c9bde0d3e56d0af9cfd420', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -96,7 +96,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'd4438dadbafbba5fabd4668cc604ee248e88547e', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-google-pay.d.ts

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

package/dist/module/justifi-google-pay.js

@@ -0,0 +1,6 @@
+import { G as GooglePay, d as defineCustomElement$1 } from './google-pay.js';
+
+const JustifiGooglePay = GooglePay;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiGooglePay, defineCustomElement };

package/dist/module/justifi-gross-payment-chart.js

@@ -3,6 +3,8 @@ import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'f85ca74f6e562bbc77ab72c36191a2de67812a5a' }, h(HeaderComponent, { key: '8872c1b2e52349738a60dbf4dfdd046a108f8e43', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'e448c85b2268df923662a0ff71bf4d178dcfc910' }, h(HeaderComponent, { key: 'c76766a1ab006ea4b5eb7e0ad8a6b294d52283a0', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

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

@@ -13,6 +13,8 @@ import { S as Skeleton } from './skeleton.js';
 import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
 import { n as formatPhoneNumber } from './utils2.js';
@@ -205,7 +207,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         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: 'd51dd6f3d59f987c8c8ee53f6f3b708f589c952b' }, h("div", { key: '15f682c9b0026e66a46644f5c6564c32f9a11636', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'aa60b46b6f455a6e925a835f1b558c88966b2a90' }, h("div", { key: '33361446b5b2848a0d7d4af36ff54a3be76a5779', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -6,6 +6,8 @@ import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { d as defineCustomElement$v } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$u } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$t } from './bank-account-form-inputs-canada2.js';

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

@@ -4,6 +4,8 @@ import './dinero.js';
 import { m as PaymentBalanceTransaction, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PaymentService } from './payment.service.js';
@@ -12,8 +14,8 @@ import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -181,7 +183,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '80ff61b6ff9bc30e520c82288ef29851c8515098' }, h(TableWrapper, { key: 'd6091f8ffe7c5e0572e494a76f0b6d8f90ebcb8b' }, h(TableComponent, { key: '8eea46ca13af118c4e8e135b22d51fcdd6f67fbb' }, h(TableHead, { key: 'd8394fda8e851b712f6daa94c1d90d84b8a28e95' }, h(TableHeadRow, { key: 'd852c6414b624d6b74e0b1fa4ef31dec60d5fc02' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b1748ecf12df0ef4a9332eee9790b295cbe98e1e' }, h(TableLoadingState, { key: '4b909c4af853d60e094e08fde9d00463f00629ec', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2c5147ef14cfc8fdca2e7dcf0645667e92e0e7df', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7da16b9843461345fa4209451a269be4ac718ca0', 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: '3a9b6c97e305cc8a9fc84b271c2981c6f2160210' }, h(TableFootRow, { key: '0311afc4dd970debe2e21439aa93174ee5b72651' }, h(TableFootCell, { key: 'c0d14aedda9dc27ab2e0b8b965b207be4120e2c7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '7eebb9e7f95a30376d157aeeb673c2f6711337f2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '8a307277a1953bea93e7b15d2774700f07319c87' }, h(TableWrapper, { key: '1097f6a329292851cfcdd16240fa5f161f8aa7e4' }, h(TableComponent, { key: '9ae196b35c90391de0d9a31f79c732e6de991b08' }, h(TableHead, { key: 'a7eaab567c42bb2676b91259363b9c4bee2683df' }, h(TableHeadRow, { key: '461752dafb18db32ef0367d90cb1482980e92187' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5c0ce55bd2ad81de73866c869818820568233422' }, h(TableLoadingState, { key: '8a54d3632e2193576a2e5037c9d7b8a614fcd5b6', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6fab4a7cce6678a30992be71c702fab2259c2b49', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '8ab1c46ecbd0d2ed98dacf9edcd690054a90c081', 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: '8ff1f32400ae7127af54dc72d7f004f9f47b189d' }, h(TableFootRow, { key: 'f61fb96596cfd7fb2b9c8df9abe7b93ca911f92c' }, h(TableFootCell, { key: '609114cbd75f787012c1625e0b197fd5820d054e', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '54b78b6480f2c7ee718ae9379a62e0961f8b8170', 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

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { aa as paymentsListFilterMenu, ab as paymentIdPaymentsListFilterParam, ac as terminalIdPaymentsListFilterParam, ad as paymentStatusPaymentsListFilterParam, ae as createdAfterPaymentsListFilterParam, af as createdBeforePaymentsListFilterParam } from './parts.js';
+import { ad as paymentsListFilterMenu, ae as paymentIdPaymentsListFilterParam, af as terminalIdPaymentsListFilterParam, ag as paymentStatusPaymentsListFilterParam, ah as createdAfterPaymentsListFilterParam, ai as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { e as convertToUTC, d as convertToLocal } from './utils2.js';
+import { d as convertToUTC, e as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -58,8 +58,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '9a96bacc4db151e02cc7f5e0379ca3b39501e1d6' }, h("table-filters-menu", { key: '06d28941799cd34e00b79fcaf4f3e8e9a7988070', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'd8c878dd26b1b3b131503f2ba62cc8da4f923a63', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '94fdf549203fdfcf30d5f8eb3955efab9ed305fd', class: "p-2" }, h("form-control-text", { key: '8f167b869e162fcb9537b57761fa239c38cd6ed3', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5508510f8139321b01f38953868768e281d6dc9d', class: "p-2" }, h("form-control-text", { key: 'd30bc2a69019801453d28b58143425d62847063f', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '2f57a4b5589f2dc5bcd2be53aed8808fcb08e172', class: "p-2" }, h("form-control-select", { key: 'c939b498b120969900c0d09a74e25f8b4a6c27fa', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'ad953131781d783a464c95f209d8d9649af14fca', class: "p-2" }, h("form-control-date", { key: '0b48b4e110c35a7eba0d681c8d7ec70d3bf6954f', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '9222d7bb5b19f579d20ee2d9d6a9a97b82b783dd', class: "p-2" }, h("form-control-date", { key: 'd68a27f122c5b196435c3b5e6f2a2fe0237b7c1d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'd70609f15429149e680ec8a6639daddc2f406292' }, h("table-filters-menu", { key: '269e119f2ff71c88619c4880259369402cca8333', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'e78ce4dcf8459ff1f89387f65fa535d476c7bf38', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3ae16db403cea6696f70453eca9061d5df7059a1', class: "p-2" }, h("form-control-text", { key: '0c1f547fd443777948efa0e2227c7b31cc7c4b88', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a15f9a061bfb36869218c7db37794230272a91d9', class: "p-2" }, h("form-control-text", { key: 'af182352bdf23763f23eb45eb3a0d96fc67e9ce2', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '73347a52d9ee6214718cfcb664ff2455ebb57a50', class: "p-2" }, h("form-control-select", { key: '953f2d385966967e21cd028eed1240700a42a6fb', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '4d788fb9096dd74fea5aca82f86cd1fef2ec3b0d', class: "p-2" }, h("form-control-date", { key: '893959a1bc4eb202fc1255b9abc7e6767ae3d22e', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '44a0fba41fb3cff8de9397a2437f9edf685743e8', class: "p-2" }, h("form-control-date", { key: 'e96f980242e313b55f7b6d379d813faedd0dee2d', 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: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -5,6 +5,8 @@ import './dinero.js';
 import { P as Payment, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { S as StyledHost } from './styled-host.js';
@@ -92,7 +94,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dd147d100660d274dded274c741df2d64e17ab1b' }, h("payments-list-core", { key: '51473c93dea52b21200816f3a56495a1760ade3b', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '171935cc29253ff76262498183fd0f3a0f4a7eef' }, h("payments-list-core", { key: '71be865f5035b6db46f4b97a3a36f08391de4f58', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -5,6 +5,8 @@ import './dinero.js';
 import { k as Payout, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';