@justifi/webcomponents 6.14.5 → 6.15.0-rc.2

package/dist/module/form-control-number-masked2.js

@@ -75,10 +75,10 @@ const FormControlNumberMasked = /*@__PURE__*/ proxyCustomElement(class FormContr
         return input;
     }
     render() {
-        return (h(Host, { key: '0ff6ce9901d9e804d1b82f9e8830a6d2a4cab67f' }, h("div", { key: '1846069b3d0682c1c1059a9a6192610dc6ac7e66', class: "form-group d-flex flex-column" }, h("div", { key: '2739a42086660392c2c508c37cdb387303efe592', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e2e8149f7284cdfc0548131afa0c0a1d8f2e9385', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ed0552645fd9929fa10ccd56dae495f27283c168', helpText: this.helpText })), h("input", { key: '1f52622e4724ac43f8b430f4742b6f9ed0a5ccf6', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '63f9e8fbdf09ad22d7744b074d1646e6ea620b61' }, h("div", { key: 'a9fb05c711ebd9de3d3022a2ec17a9c666e7e2aa', class: "form-group d-flex flex-column" }, h("div", { key: 'e726ecfce3bd700fab74b6b3f81bdcba0d43428f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7940a4f3d8b3c894d0ee54871935e9989899c894', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5c1782d425686b096e0b91c411e7543b794b969f', helpText: this.helpText })), h("input", { key: '3b8533a7cd4e0fe1907c6d5e01008063cf70d120', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '2cce6d31bf2ff20a8c32e1e3d28e1cb8040b192b', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '085b4f0ee135c12c6ea9293593e4c722091f895e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number2.js

@@ -48,10 +48,10 @@ const FormControlNumber = /*@__PURE__*/ proxyCustomElement(class FormControlNumb
         return input;
     }
     render() {
-        return (h(Host, { key: 'a47de1fbb4fbd97b47c4dc934d58a628c65f1dbf' }, h("div", { key: 'bbd063c3f0c68bdad5f1849fed8ac318ebb423ef', class: 'form-group d-flex flex-column' }, h("label", { key: '796cb0253dc523ceb21464f3ce528509abffecfa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8ceaf162d7db2c639b679a431dea7b962593eb09', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '6935e075c057a55f0af02051eb97310b187ae807', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '019b48db586768219622e657e121772e4f0203c5', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-radio2.js

@@ -37,10 +37,10 @@ const FormControlRadio = /*@__PURE__*/ proxyCustomElement(class FormControlRadio
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '0c6362e375e04d23c7e31a6be9ea6a43fbfdaac2', class: 'form-group d-flex flex-column' }, h("div", { key: '81b22f74d5b872318e121a2be0cbd8108c3f32ec', class: "form-check" }, h("input", { key: '903e8b0ad9cb30241d175da091de758bf4ac2471', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ffbfee5a2bffb9dc2d6c2489faa9daa60a36604e', class: 'form-group d-flex flex-column' }, h("div", { key: '93e4d129fd0a67d6b6f021b2af4e816683f8b926', class: "form-check" }, h("input", { key: 'e100d93d9750db95262e63aaaf75ff413dbc0928', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'df1402687b5965cbbd41ab65dc3de46a2e6e86b8', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'cf5498002674765b9cc5a0a09be1851be4221e9f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c5b50668f0451d1d5cbf94c1399057758ac93a5e', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '14a8bb0f48683405413245f572d3186d8948de41', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'ca497838c5f52e0c9a528c9503b2e17785239d23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f1f5d3ac8e1fe55d9c676f5e5f96633de777d01', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

package/dist/module/form-control-select2.js

@@ -47,10 +47,10 @@ const FormControlSelect = /*@__PURE__*/ proxyCustomElement(class FormControlSele
     }
     render() {
         var _a;
-        return (h(Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1bf4b5a98883ea56ee00cc10c8e665c5816322f9' }, h("div", { key: '9c36f16f9fad894ffe4ae9e665fae50839fbac58', class: "form-group d-flex flex-column" }, h("div", { key: 'f81841ffb7bf19c6460a087cec95617aa3a983a2', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd17ae46135877411c2aa15b5a2390c31ca791955', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2e0c07c7f0421547271c18fa1919e97b1735a6ba', helpText: this.helpText })), h("select", { key: '5c68fb7f1ae8c55b3c52730286f2b33391b619cc', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '43c4397970628eabb1554d9352808566aa219a7a', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -48,10 +48,10 @@ const FormControlText = /*@__PURE__*/ proxyCustomElement(class FormControlText e
         return input;
     }
     render() {
-        return (h(Host, { key: '5732a2a92dd945b8520e277bf10e22ea296b0949' }, h("div", { key: '9f58456015584c0cd945686e8bc7d629f46a39a2', class: "form-group d-flex flex-column" }, h("div", { key: '1dccca5e3f97a41e895e7572f24f0e21d2b912c1', class: "d-flex align-items-start gap-2" }, h("label", { key: '54d52a444a22f460579911ecf869633b041bcab9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '65f9c29cb659be24d88697c72dac422c70431209', helpText: this.helpText })), h("input", { key: 'ba4b46b0e3e66112ed90e64425de6fd9c97559d2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'f7bf2c8f5f1c30cfdc4e6c2927434a50f7f58add', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -50,10 +50,10 @@ const FormControlTextarea = /*@__PURE__*/ proxyCustomElement(class FormControlTe
         return input;
     }
     render() {
-        return (h(Host, { key: 'f6c4833f4a582e5b310b89356716acce6ef24f8f' }, h("div", { key: 'dc576c3df86ede178fef9dd2975ea2307fd1bd5f', class: "form-group d-flex flex-column" }, h("label", { key: '4217d6bbe9fb6331c2ab5e9d043659079a7af1dc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '42ab7f076431ee0a1e744eb648de1590e39554f7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c23d0ccb0e033048012cb1e1110f785a6270b163' }, h("div", { key: '971db0fe032afae7ea976e0fa3845040a39aab28', class: "form-group d-flex flex-column" }, h("label", { key: 'b733fd61b5421aea811e3b9423d85c6c682493f0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa13e420ffdfa28d139418ebfa48bf9108710438', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'a1d8a2b674e5faf81c778a07ca270094f77e7281', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a47839b4edc4007b6c9dfc1b6689dd1e1750cc60', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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: 'c3b2f0cb5160d888b3ecbaca95285749c0b71002' }, h("input", { key: 'f6d0ad00733d086dfa09b646f7599d60f91e5f50', 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: '09ac1ea8407e3bf2df079f1188a7668e7d7b318e' }, h("input", { key: '18b34d0fae7636e7640dd35a73ce9b369007afd5', 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

@@ -1625,10 +1625,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return `${this.iframeOrigin}?${this.urlParams}`;
     }
     render() {
-        return (h(Host, { key: 'ec85f26f88845957744034690b1ab0342009485c', class: "form-group d-flex flex-column" }, h("div", { key: 'e4b29dedfa037218b984bbcd00d3aed3bf6987bd', style: {
+        return (h(Host, { key: '7116bdbe3d3a69fac28965fa011d016d35ec5025', class: "form-group d-flex flex-column" }, h("div", { key: 'e784c6f81476eb282a07714d5b789f41342c4a2a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '9e9539cc47e48b835dac8a0510899e6a2a25b46b', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '45b0ef6167e59c542b7e72e9dbdb76c9d29bcfb1', 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: 'f52a24114c2e6de9cb110b20db28782125f3db9f', id: this.inputId, name: this.inputId, src: this.iframeSrc, ref: el => {
+            } }, h("label", { key: 'd0b4341c92a4c957ec4a03485357d6cef7f22426', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '9be8449ee6b3d37aa3607ff31d5649c73e3f4206', 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: '093b48e69a6e8a15a4fd9877424bb0c9a3f58ad7', id: this.inputId, name: this.inputId, src: this.iframeSrc, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1638,7 +1638,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '6cec57e9a2d5ef4901302087e270255248cde0f1', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'f5897f95387e6400f35c997b2921a60fb5f4f11b', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/internal-button2.js

@@ -11,7 +11,7 @@ const InternalButton = /*@__PURE__*/ proxyCustomElement(class InternalButton ext
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: 'a20d0f251ab26062356b54965b3981af7953c71f', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: '4048996761c978279f2aefbb43bbbb249fe445d9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
 }, [256, "internal-button", {
         "text": [1],

package/dist/module/justifi-bank-account-billing-form-simple.js

@@ -37,7 +37,7 @@ const JustifiBankAccountBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(c
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '669227ed02e4f0791882b95ed814ea1865db80de' }, h("bank-account-billing-form-simple", { key: '97cbe9637d8969023b1f7d3a6b3091a246112032', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '9848071f08342d3f5c2f7001af6e15148e713495' }, h("bank-account-billing-form-simple", { key: '35f2baeb2f017116199ccff431d0acac01ad498f', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
 }, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],

package/dist/module/justifi-bank-account-form.js

@@ -45,7 +45,7 @@ const JustifiBankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '3c8a48f6060f14433ae94399fc48097cb138e301' }, h("bank-account-form", { key: '30cd40b60629f5c7f874194dd7641ee3737e8b69', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (h(StyledHost, { key: '1263233d6c63c0df4a2a6a17b263651156ad6bee' }, h("bank-account-form", { key: 'f6c6707201ef127eafc81e12535bcfa37ddf3c5d', ref: (el) => (this.bankAccountFormElement = el) })));
     }
 }, [257, "justifi-bank-account-form", {
         "validate": [64],

package/dist/module/justifi-billing-form-full.js

@@ -26,7 +26,7 @@ const JustifiBillingFormFull$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: 'be25329cda69d5b2c00a84d5abc8ec8a7c5c643d' }, h("billing-form-full", { key: 'c2437172bfbc1c52eb2a86efbef978747e76b4b7', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (h(StyledHost, { key: '0486f3f304d4751751b54a4a698ef5d7cb742947' }, h("billing-form-full", { key: '4c0822f484b70a14dca9309f6d145e1c8b6261dd', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
 }, [257, "justifi-billing-form-full", {
         "legend": [1025],

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

@@ -29,7 +29,7 @@ const JustifiBillingForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiBilli
         return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '40a8a4342204d1679c9b37fb775184131c68248b' }, h("billing-form", { key: '65156fc636a2196aa2d189ce5c4d66f755deb3f6', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+        return (h(StyledHost, { key: '5f845819a98bb3f9c477d39447c342dbc568f541' }, h("billing-form", { key: '992fb4ea8df4767d7359b73250581b8b1e5c83ad', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
     }
 }, [257, "justifi-billing-form", {
         "legend": [1025],

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: '241fe8903788f0442b42bf5a6835d152d1944967' }, h("internal-button", { key: '7c13bd1fa53cf9faae26e521af5a40a08659fe92', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, h("internal-button", { key: '9ce7819853789c44860de43f26632c62415ebdb5', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 }, [257, "justifi-button", {
         "text": [1],

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

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

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

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

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

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

package/dist/module/justifi-checkout.js

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

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

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

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

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

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

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

package/dist/module/justifi-header2.js

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