@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

package/dist/module/form-address-fields.js

@@ -19,7 +19,7 @@ const FormAddressFields = /*@__PURE__*/ proxyCustomElement(class FormAddressFiel
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: '429dd1250553f6d25f9db6d6c1379af0290718c6' }, h("div", { key: '91b9d7199bea1620c7614efd25c0421d3f85c19d', class: "row gy-3" }, h("div", { key: '13dd91b17d387ef9c8bc97b44a273f0984758a3a', class: "col-12" }, h("form-control-text", { key: '52ecc715696aed27a6f4329971e90e90ebb971fa', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '64bc39361d02b10c75dfc8389915ce192b9f7606', class: "col-12" }, h("form-control-text", { key: 'a835f2f9706664dd195daa5436fe49aea2c54968', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ef9b02103d0d1469da092d8965d021b049e54cb5', class: "col-12" }, h("form-control-text", { key: '9263360f47c6e833a904aab2e8b30d4a35d50e75', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '4609534e39659ed47350e68a64fee58616320da4', class: "col-12" }, h("form-control-select", { key: 'a7f94fa5ea2642cae82729951198771fd1f31380', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'eadf0a6e2e2cfbe8e476ba8abb25eab4b2b005fb', class: "col-12" }, h("form-control-text", { key: '2708d2a47c8afccc470203775d494683f133174b', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+        return (h(Host, { key: 'dde5469230a6067ab343e77b1e11e25d815caa5a' }, h("div", { key: 'a28ca49da90e4981e363ccc69fa59e930097cad2', class: "row gy-3" }, h("div", { key: 'dc6e201854c758cbbd493dd23c38a40e072cfaaf', class: "col-12" }, h("form-control-text", { key: 'a2e43eb37e7df69c89484f74adf7f297183818d7', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'e59a0af86c1146e1c5ac2b86f0e531bab76467cc', class: "col-12" }, h("form-control-text", { key: '8ba59e74e6be2bc5980ff2c08126c9df77460ab2', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '671a3098a6295c6702b670506a8a17190a4cf90a', class: "col-12" }, h("form-control-text", { key: 'cb1c90bd567e1ecb82a9be4c540eab7ca2bcfb99', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '554e28a4a0cdc81076f0342b31ccb1cad3c122f7', class: "col-12" }, h("form-control-select", { key: '9fb1e73cf440173d9a4a94f23eca5dbf77310e76', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'fbde65bfada699a7bcab4bb642b39cae3dc123b8', class: "col-12" }, h("form-control-text", { key: '9218151756e93820985c88721bb549904e0f7212', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
 }, [256, "justifi-form-address-fields", {
         "country": [1],

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

@@ -42,10 +42,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b807bfa85e0bca62a639f19e1f30fa747b8072fe' }, h("div", { key: '5d2694ffa11664f6c0aa5300aedd5eec8596b307', class: 'form-group d-flex flex-column' }, h("div", { key: '7b5394d56eaa028e0d7e6d208218ff0eab79cb31', class: "form-check" }, h("input", { key: '2fc998ec3d2a9e9eb9c6dc9f7a4d544d583b78ba', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '258008acd0e8eee703d0e7f0f275f8d5c91417f0' }, h("div", { key: '12037881c0788583ed044e78473fc3dacfd2e5d2', class: 'form-group d-flex flex-column' }, h("div", { key: '1769466a28a564c2c82209d159f2fa880e8c5606', class: "form-check" }, h("input", { key: '54a821964bff8b729167bc8f3c217a149495c68e', ref: el => (this.checkboxElement = el), type: "checkbox", 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-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '5908446baac590c68042f07a945d78ad7182958a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e754a1e7b67a27a68f0017e8536a6fab47eb8b10', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0c5d2e8c1e44eadb43c5e2df022a7ae1c8fd8fc9', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '5b1d4268d17ff6b2e50c4e3304490e9dad09e63f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '038f3dd4666db959a9d5e5ed763f7fe583c1a48c', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9afaf8f897513a5c1a27c4b0bbf2fc80aa824a3', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

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

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '69ef8b13877f5a1222da2863ae4776b92125291a' }, h("div", { key: '5c7dda504e14d6f4eee4bacbb84493d9e75bd2e0', class: "form-group d-flex flex-column" }, h("div", { key: '967f8103c8004437654231e017adce9a05cd4ce4', class: "d-flex gap-2" }, h("label", { key: 'e974346e8e6cb459652a3623b45c65841e83666a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'dc7b1c88e0542c8c7c7730af48d38803abc0ee1e', helpText: this.helpText })), h("input", { key: '1c23f346c5f59cd9039c4d991b8dc7d24060a3df', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '60dc007a63a4c53c1d05ec701d0d3e5426faa95b' }, h("div", { key: '6a001ac3163dd4484417dbf633fdf079caabba0b', class: "form-group d-flex flex-column" }, h("div", { key: '4f0d1aa933a45f4775a1c97557bba04ca56dd833', class: "d-flex gap-2" }, h("label", { key: 'd215fa9ce7e9d9e47e710a70f181d5b8d46a6576', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4a273e4383aa6322dc753807d2bc975aac70038', helpText: this.helpText })), h("input", { key: 'e0f394b7923680f487c1702cf98269996200006b', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = 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', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '72385ca52f02222bddc17e4ad97c3449a0bfa21a', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '5e107f1e2610a46cdaddf89d5c0ec1a851517aae', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -13,7 +13,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '18db0d27493416cbba3112d5eb3b517534463b5e', exportparts: "label,input,input-invalid" }, h("div", { key: '05d3269920dee47ee1895208ea2def7dfc21fd76', class: "form-group d-flex flex-column" }, h("div", { key: 'ea521871188ec3df8841add01219d581c0ef225c', class: "d-flex align-items-start gap-2" }, h("label", { key: '2f6bbebbffc027c4b26ca1b8bffba41f4e14a048', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '18ad9727a6ec2ba8bc32f610a6fb403f02c6cb65', helpText: this.helpText })), h("input", { key: '3527b426dcb8e9158635999bb14519ba89b58958', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '5978fc20f0935746f5ade33a3a1626a2f7387272', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -50,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '80b1f75b69956b28615ebfc4f224702f38bdb03f' }, h("div", { key: '5934d7d48e9ac1ceee7804b477aa3ad2f27ca0ab', class: "form-group d-flex flex-column" }, h("div", { key: '521ca740b92a6177bd5ce355374496108398b4d5', class: "d-flex align-items-start gap-2" }, h("label", { key: '4bada23b536d6013aad85ee9cafd66abbf44af51', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '86af9d0e6ff35b81d53f32d5055a4814986b9447', helpText: this.helpText })), h("input", { key: '60bd9e5f25181ddf6607e0b4411a62215ff6e10e', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'f1b4f498aa60b2dff655f11af579cf2916ad4d51', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

package/dist/module/form-control-monetary-provisioning2.js

@@ -67,10 +67,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '12d04cf0bc1dbc85acd1006148c411e00941ab70' }, h("div", { key: '08d92fd3c4c764295cf291fc983f63ab58e4312e', class: "form-group d-flex flex-column" }, h("label", { key: '1c7bddbfc094535558b24d3988dafe91f0cbde0a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'a1dfb4ab2de228f7ad138c12eb37403e9578c001', class: "input-group" }, h("span", { key: '94e9009f2a6c782798dccaf6dfae472391f43078', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'ebbc696bc1b695d20a758039465ae37a66be974a', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5dc9ad5ec4f9af9bb4afec0d5265a35c52167721' }, h("div", { key: '03efd5093d0176772bbcb070b8e580c1c027ed0e', class: "form-group d-flex flex-column" }, h("label", { key: '153721fcb4f29fca302512ecc29b8bc30e5f6aa3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '16250c5429d1047febcdd056b55a38a09441fcbd', class: "input-group" }, h("span", { key: '12d29ec8820f21bfa2ba7ae25217cb9bf3944cb8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '9eb4547dba64f8979b30e8d212b7e0576c3b4491', 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.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'c6601c7cc606c915bf3c01535bd907d4990ea0ca', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '89634f2156d5aae538e700f16554451120ec8a6d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c3c53c59e76afdd09e2bae223fdbd50d2a825038' }, h("div", { key: '731d0c94a94f42a182bfedbf9dde378933b6fc50', class: "form-group d-flex flex-column" }, h("label", { key: 'a7eb59f2b0cc2599653aa442131ef00c2db74315', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '7b44b614e552346a83608eff13d6ef7b976d1152', name: this.name, helpText: this.helpText }), h("div", { key: '7a3865c3450037783a1c92493350f05b6bd2a95b', class: "input-group" }, h("span", { key: '4ee1898f00c70a5f521ce7e18df5f11827285e9a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '1d61f0fb82fb2a0620129ba7a62f9800c3c9b1cc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '951f90fcd860369555bd4bf82ae0193fb8f92947', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '6c9814049ed9df9b56ece90a0cba99d567a45162' }, h("div", { key: '17893086baabe9c346fa47e9f64c451635a99972', class: "form-group d-flex flex-column" }, h("div", { key: 'e627c915dcae3c1a6ad91e61da69c11381ed9a93', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a74daebf653579f25c787064485227ee5ee7af08', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fb5c48b9e75d8168131189081a55722d50408413', helpText: this.helpText })), h("input", { key: '10fd5ba8b26058ed7fbe3f4b789358a42933f83e', 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: '3f89d9f453eb3267606abc1ac4138eee97b18d22', 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: 'dd183a39d81748d9dd630f210126742df0b8a324', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4d8da754b67934d367072f31e4f7624c7e34bb32' }, h("div", { key: '10706649a5cf83802e77ee9e8e098b0a83dfb089', class: 'form-group d-flex flex-column' }, h("label", { key: 'eac751313ef89a276a0e8c090c1a6d92c313407c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8d62777adf0329b489630d448ca15076cba2bfba', 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: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', 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: 'f4de74463e069c5502c8b1cf78ec2560caaae4a4', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2331b865a7dbae4a8ee7f859221450165cf12dc7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -34,10 +34,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '444e9e4c42466bab91d72f6da7b48c6ad59072a8', class: 'form-group d-flex flex-column' }, h("div", { key: '1833b9b305aced695eb2c42c30a5b41b3008a309', class: "form-check" }, h("input", { key: '97e093575b649eea82dca07c0143e8ce722c799f', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bee3f4b4e23c4138c2f22c1cf61f844178cae76f', class: 'form-group d-flex flex-column' }, h("div", { key: '354e87b968faf63d3135131e605f819206876eb8', class: "form-check" }, h("input", { key: 'dbd5fbdf9ef58bb02168f8b38eacd44173b466a4', 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: '0daa3e06d66c182c41b8c28cb7938d24168ecf17', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4601db2bed3f67eee325a5132d6288ea5d55c240', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2b20dbb4481969e937c498fabec4b708d0eda4e5', 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: '0b62970068c44198ac8d08b6aac076747823f610', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '630e907c782cd98b997c277e495f279e6dac3f74', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6b9eab6757c90ce776f1685819dbe7467701ad2e', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '28e9145c806438aeebaed4cff8c12d510e40eede' }, h("div", { key: '2ded9edecc5a31567349d59ba2b39f363267625c', class: "form-group d-flex flex-column" }, h("div", { key: '5935379535246c531ecbdbc79cbb9cc35ad5c850', class: "d-flex align-items-start gap-2" }, h("label", { key: '802b71681faa401c40deff47fc91d1a3f71c5819', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4000cc8fbd664d05c84dbea675cb5c6626cec703', helpText: this.helpText })), h("select", { key: '2fe7d966babea632b4f8f78de69dc622b2b2b10f', 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: 'f5df46552aa8124b344260bca05bd02c695d0fe6', 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: '1bdc219ef8244ac54e3059750c587758c55ac587', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2aa6cbf7a3edffb53197f97490608195dd91603b' }, h("div", { key: '7f9137a3a74eeed499faa87d25c9623222f562a2', class: "form-group d-flex flex-column" }, h("div", { key: 'b76eb65fdb021f227c90817dff056f367f742a55', class: "d-flex align-items-start gap-2" }, h("label", { key: '71f160b2ef44b6394d09cb768892cd8c2971c610', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bf89639c23437d1c567784ebf545f0399f6e6ca0', helpText: this.helpText })), h("input", { key: 'd7e891d4ffc3e000b3bb93c9253ac2f12fc34a27', 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: '63ac8e960213bd020b222be5e5082514b96ddbcd', 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: '825f355cbcde4147eebcf95e9da04d969006e730', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b741c3a1b3bf044b47e06910fb5bde9ab029721d' }, h("div", { key: '196b903bf5d5521d32f940a6a996638265d51060', class: "form-group d-flex flex-column" }, h("label", { key: '3ed923b4fedfbcb9ff4ab3f30186150be607ab47', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'e51c01f30a1622c107917d2cc3577550c280aec7', 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: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', 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: '6e73ab2e6726eaeb98355aa38071d96e4a9a818a', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b1155c177d342edd01df9c1e992ea7cf0c744c20', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -3,8 +3,6 @@ import './dinero.js';
 import { P as Payment, a as ComponentErrorSeverity } 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';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {

package/dist/module/get-subaccounts.js

@@ -2,8 +2,6 @@ import { A as Api } from './Api.js';
 import { S as SubAccount, a as ComponentErrorSeverity } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
-import './ApplePay.js';
-import './GooglePay.js';
 import './config-state.js';
 import './dinero.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';

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: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && h(Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '85907550231e3dabbf901474994a3702dd1b1de4' }, this.loading && h(Spinner, { key: 'c458baff5d8f28932a0a88096ad2a32fe122dc5c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     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: '1b98a59d083941d0340cd80fd47c2f0153365d4a' }, h("input", { key: 'a8206286c9b4ee1c1609450b64ef9d9d85349f7d', 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: '31bcffd5fd8ced6d769b3284ee99a87ffcd11771' }, h("input", { key: 'dcbac23033a934df444f554498af7d3d8609422a', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [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: 'f8aa1654e8ea569bb287d7a16e5d1f0f10faddd2', class: "form-group d-flex flex-column" }, h("div", { key: 'bc11e0b644272ac251f41c8f104d04f117ddca1f', style: {
+        return (h(Host, { key: '3f0cdea462914e18fb8cbd561004311cfca3053c', class: "form-group d-flex flex-column" }, h("div", { key: 'b0b4d6bc1b5fbd79bbf0a13d4c36375c23f83fcf', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '10d634dcd3697797932d89abeaedf572667819e2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ee4f6ff9b8753ad65c32927a1d62c5755d8e4cbf', 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: '14bbe359e808944e19aeb0742adfc1f4db07c9b5', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '6bf24ce1d7b55b148db24a31f0d8abc7f52ac7f5', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4f404629956d302ffb649424109ccc2a54887135', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '05c828618a59e7f90cab4efefc41b743952f0dba', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 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: 'c88d3d3e88707285d207341347a088b05c19ab2b', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'a02ed05a7f1d26ed484e405efa78d5e30e959560', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

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

@@ -9,8 +9,6 @@ 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';
@@ -279,7 +277,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: '6cf2d727360142a1342256c020bf3dc9af8da29c' }, h("form", { key: 'd57740b68749410cda92bd87edb8697ff379715c' }, h("fieldset", { key: '8df769d00d6f9c5499e7b7dce8e9c5472898d3fa' }, h("div", { key: '8501055a25d62fd9f6c9608a9813ec8cfbd79c84', class: "row gy-3" }, h("div", { key: '125cafaeea5cb3bd5631526f0f96c1f24dcf3235', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '80f3d481aa89d3f7ee8fa127535f9511022cdf1a', class: "col-12" }, h("justifi-button", { key: 'aa6c7db5425e799f12949affce288b1d5feb8abb', 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: '75a8be79398b21dfeef2e47c3141fb0bd01af515' }, h("form", { key: '87e98312524888dd08087dac5f1d2b3a6ef761b4' }, h("fieldset", { key: '799f7f415b3a74a1cc7ec5773dcbe7ac634c8432' }, h("div", { key: '709dc13091bf3cdcd673ea1ada7d643629ebe0cb', class: "row gy-3" }, h("div", { key: 'ecc57932a45ed5fd70c59e84a1a71376b7db9e31', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '1eb12574146656beffa605abfdbe3408df473ebe', class: "col-12" }, h("justifi-button", { key: '31ebba133ce26457bd1fb72d48552b1d20f4cafe', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -9,8 +9,6 @@ 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: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, h(Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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: '435d3ad98725dcd3a3494a198d299818200cc1ba' }, h(Button, { key: '3518af6039637223262ae2adc1e671d9433b9938', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -7,26 +7,25 @@ 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$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$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$8 } from './justifi-header2.js';
 import { d as defineCustomElement$7 } from './modular-checkout.js';
 import { d as defineCustomElement$6 } from './plaid-payment-method.js';
@@ -112,9 +111,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'ec0f114ad07ad333604c53bb35c2e9e31e44fb19' }, h("justifi-modular-checkout", { key: '67ff851e58318ab6b7265c6715087d534402aa66', ref: (el) => {
+        return (h(StyledHost, { key: 'e22c0a75801c516270a910336971890c8c09d596' }, h("justifi-modular-checkout", { key: '42c246c9727e86e0cca5c23a8078f4ea44587e64', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '0c9ab374de5ec3bbf4bbfb44e3c0b44bea919a3d', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '23713e3e30ab0ee88bdbb7b7b0d9e48e7f7ddd7d', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '153a4909800d3355f2284d92b1fde4086a6ca177', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '6c12fc76b4e2ed5cd9fc2616129e352fe158da3e' }, h("justifi-checkout-summary", { key: 'e03b0f039fa40ea0d4d3f0595259fb89622afb98' }))), h("div", { key: '2046c80e8aa19c2555b3e8f68f5b797a3d0fec23', class: "col-12 mt-4" }, h("slot", { key: 'e035fa9a2beb50ccb9b2ea2b5b314f8f50a2dd51', name: "insurance" })), h("div", { key: '274dc3f806624e0cb271d0010a4febfa81074ca7', class: "col-12 mt-4" }, h("justifi-header", { key: '7a862e7ba00ea7c38738c919045879efbf846ac3', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '3f61dcad4bb4d178e136239c3b9376c12b7f8897', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '9fe209b41d6160ccb19f1f55a6be0ebf474637dc', class: "d-flex flex-column" }, h("section", { key: 'd3e203eda1099d8bf42d3737e51f760193e2c995' }, h("div", { key: '2c7344ed94b09323c017a8b90a6f32a6f554d0f8' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '2d5e9ec52267cd1c938896b559b1fb7814511b8d', class: "mb-3" }, h("justifi-apple-pay", { key: 'bb151db12de0236cab064cc7804f55d9c3481378' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '0236d8ba575ca8ca299b1323be3402c7b75bcb65', class: "mb-3" }, h("justifi-google-pay", { key: 'c28af50529aff8c391354e640b6efad14e234b4f', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '6df46c198631e8a2ddb27425d7c55c554909b12c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '0f704678d0daacab93f4f8967b4abbc17b4138ec', 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: 'c24689ca1490cc17804f433cb880556f78e5480e', 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: '4e062fb8dc247813771c092205b1b8399c5ea870', 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: '70091d2db3ae1ddafa5e0501e2b23d5260f5412e', class: "mt-4" }, h("justifi-button", { key: '7a14345bcaa851810d577a391508e8d74e778c46', 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: '5ff37187073aac6813ddccf303e58d3f9778ca4d', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'e6b5215e49f2e9f564e9d057e3c4c9afc71c7957', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '42773d2f60cdb58efb77ea58bef6afa12a9f8098', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '2e19ae9b18340e4a490563f9e46683918db6df3e' }, h("justifi-checkout-summary", { key: 'ba8d9f7ce1018ab1c6480518923f6b0824ac7a7e' }))), h("div", { key: '0634f63cc98802b83576abc96bcf2b5d2afcd065', class: "col-12 mt-4" }, h("slot", { key: 'cd90df3a2c96024c40ece6a270beca09cfc001a2', name: "insurance" })), h("div", { key: '248f27cddf56b3d5d6a29713da4fd75b9cb70307', class: "col-12 mt-4" }, h("justifi-header", { key: 'd8aa3e58378c0cb087bf0ec625a4e959e1219cfa', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '9d406b83e0961206811bd321bb4deeb17387a286', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '14b32529edd35fc25156af17233a725f24e13644', class: "d-flex flex-column" }, h("section", { key: '222be97ca20e9cfb0acff24885effe34829a7ad7' }, h("div", { key: '756d15a21d66bf5b0230f89d7d584026fe0aaf34' }, h("justifi-saved-payment-methods", { key: '537cc143b29c27e16ec5789fd3125142c641c002' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'cf2b7e762516a34707b08eada3a40de48bcb6588', class: "mb-3" }, h("justifi-apple-pay", { key: '3134dcf2e038c6210a2cbf19169cec50cb1e7d6a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '5fdc5ee088274537c2deba065ac62e9c5f9567c5', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '428bde7e136a80e890149c544b35c0370a00cccd', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: 'ed419d6c88deb2503ffa6f6b87a2c17636b761a2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'aebe5cb0aa85e1673cc8f34abeffc014620a18be', class: "mt-4" }, h("justifi-button", { key: 'd6aee377ec0ebeb3fe688ed430528f6829838b1f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -153,7 +152,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-google-pay", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method"];
+    const components = ["justifi-checkout", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -161,101 +160,96 @@ function defineCustomElement$1() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-select":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "hidden-input":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "iframe-input":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "internal-tokenize-payment-method":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-apple-pay":
+        case "internal-tokenize-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-bank-account-billing-form-simple":
+        case "justifi-apple-pay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-bank-account-form":
+        case "justifi-bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-billing-form":
+        case "justifi-bank-account-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-billing-form-full":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-button":
+        case "justifi-billing-form-full":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-card-billing-form-simple":
+        case "justifi-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-card-form":
+        case "justifi-card-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-checkout-summary":
+        case "justifi-card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-google-pay":
+        case "justifi-checkout-summary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }

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

@@ -4,8 +4,6 @@ import './dinero.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 { S as StyledHost } from './styled-host.js';
@@ -58,7 +56,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '7b00989f26aeb4b692c05fed3f092dfc93395a83' }, h("table-filters-menu", { key: '3766268ec3b3648d5a6449566926b728e72b91ea', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a544aeeeea57c32e9a302a50709694845c112857', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f57d563a6d2f45cd76d24fa2113a36e695948d13', class: "p-2" }, h("form-control-select", { key: 'c6b8cd450f4fc999e254ff280f56c1b835ba0cd3', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'b901a858e318065757bc195980d46d9021552ca4', class: "p-2" }, h("form-control-select", { key: '1a5d90dbc5aaa4b69fc90fdcc6b88b97675d6e44', 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: '49fce55fcfec52861b63d059ed13e032b5f62ffe' }, h("table-filters-menu", { key: '13a8f86bf33d4fa009090874012d8fb313e8fbb7', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '93d217bdbf916556bb96fe57f8ef40ef7227f0fe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5b64be2749207558f5444f21c62f7e3576cac96d', class: "p-2" }, h("form-control-select", { key: '67bf5ecb13c6e10ac09f86df8b9e33b057b5b4f6', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3888489da96a1bd5887ec6b0ca956ce96a2aba05', class: "p-2" }, h("form-control-select", { key: 'f09e0f27d16b8c525eb93ab285e0e8c32499958b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],