@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, l as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '0432a1c141cd1ea91ebcb3f975a220e5127164c8' }, this.loading && h(Spinner, { key: '0261cca24232d936418d305f60f3857a502dcb11' }), !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: '213626f7805ac907a867ccca6fdaf02b9ea3382a' }, h("input", { key: '1f54e360af287b98c49c62687b90fd0a20251c3c', 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/identity-address-form.js

@@ -21,7 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]

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: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', 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: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', 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: '7c804be15e9029e003684bea21f93578269bdac7', 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: '2cb6be114be8cea65d880b6c21eacdf46052468c', 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: 'e1ee33f08d3eaff9a2951bd30ef9814a5d959b35' }, h("form", { key: 'df73d7965968c0efc3ee2b35a9a85d551915e5a1' }, h("fieldset", { key: '2967ed65f1c0af42082a8b7c255db5fdc1c78019' }, h("div", { key: 'f45b8e074f39ec6abefc8f7e30bdf0ae57b1272c', class: "row gy-3" }, h("div", { key: 'fe9c90b34d60802f4d0dc51863874151f4a17b2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ff1b8332d70fe68c3d3140c5a173dd8b419b6a8e', class: "col-12" }, h("justifi-button", { key: 'bf2ced1a5164a9c9af2bf2c5b750c5f9734dc86b', 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: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', 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: 'f42c8452f88029ac8d8cac1b9e9529cabf0b2c62' }, h("justifi-modular-checkout", { key: 'cac0842e4d4e0c860ad9647bdb8941dad2b3e838', 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: '85c2387f7ab8be9f7b081a6a2b2213c4fdde5dce', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '5c72bbe29d87a469ac0da89a20262962cf27c87f', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'c44950193bd8e7bdb666a59942680be5b3784d7e', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'ecf325aeae43469419ace06d8eeef88be8d59599' }, h("justifi-checkout-summary", { key: '361ad13743a7103aacd370e2099fcf821e2bbe2f' }))), h("div", { key: '3cb1656c819601bfca4e47e7e0325ba4bdb0bf2d', class: "col-12 mt-4" }, h("slot", { key: '00b45bca235ebfd7edcc353d6282674ee7e31384', name: "insurance" })), h("div", { key: '7a13fc9b811cc9f8be4d3194fd400ea7543e9ec0', class: "col-12 mt-4" }, h("justifi-header", { key: '5507b8a34d2c3185b0d4a6912da139ba0b2cb6c4', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '3a037f58d971df9017704a66d998ff0067c6d933', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c437ed60647851bffd2f9288ee7f5a8fe254d25c', class: "d-flex flex-column" }, h("section", { key: '4f91fd21cfceed04d24c97ec2383d6aca13a89ad' }, h("div", { key: '52e8ded1a1854dbf765c6de73a17b1bc3e3415ea' }, h("justifi-saved-payment-methods", { key: 'e9e4662f73dc7807dfcc2a58fb6ee1dc8f356b80' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '234a49312ea187423d46c9a512f3bef1b2d76ff9', class: "mb-3" }, h("justifi-apple-pay", { key: '427557a760c046b3912fdfba1c57f1b79ea06edc' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '73a70bc812dd9a7b7b135295a3e20c4504ccad3f', 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: 'fdde91b450ec670b1e88599b1ff7bc04461c12fd', 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: 'f6e44117da2e558f841a6ebf72f74e966793e1dd', 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: 'c448472206c64bc967034aecf98564ae33281cc2', class: "mt-4" }, h("justifi-button", { key: '4392b022d6183819596a40e0e7843564e99a1ce9', 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: '446c79dd0d2eed1602d3723f4ecb8d0cd64c538d' }, h("table-filters-menu", { key: '0e484df23e3868c61f478c2a519b9f1903f4a2e0', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '8567f7abd6bd2095a406ebdb793f4251f1cb8ce7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b7899df175da548ddd791af558d663e1ea87fc2a', class: "p-2" }, h("form-control-select", { key: 'e05d7d0d8d1dac71ae73973b26331a0dd256932b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'ffd06ad3029fbdcb3d931f01c920ac285204bd10', class: "p-2" }, h("form-control-select", { key: 'd3a451ce96d551174a45a66868a8b289cc770d62', 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: 'f20c74e616c92115985587dc56d6ef62e86fbf02' }, h("checkouts-list-core", { key: 'e3afd6af4d8db35f4119d93cc550a1827e1d52cb', 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: '60b2220edc8d7862cda6388040e7b1f9434100fc', 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: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', 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,9 +13,11 @@ 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 { o as formatPhoneNumber } from './utils2.js';
+import { n as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.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: 'f9c515ea3cf3dd616d894cef2cc64789663608e8' }, h("div", { key: '6b3d49555fe21563c251896300d313bed336f9fd', 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"],