@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/esm/form-control-number-masked_3.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
-import { b as inputInvalid, U as inputDisabled, a as inputFocused, c as input, l as label } from './parts-wtuY7MT2.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
+import { b as inputInvalid, X as inputDisabled, a as inputFocused, c as input, l as label } from './parts-sA8HBfkI.js';
+import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
 import './event-types-CZfYo5-1.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
@@ -69,10 +69,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '5252b2a1d8f6275cdaaa803c1c3a58294b35ef5c' }, h("div", { key: '7fe65f7797268ebc964a1b02ac61166254a0c409', class: "form-group d-flex flex-column" }, h("div", { key: '843bf1cf8ff7bf245760d0f65ea844768aa78ad2', class: "d-flex align-items-start gap-2" }, h("label", { key: '2ba6512c6a6dfa9aa4105f069809173f01262c60', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec179bc366c9286246134133510bcd35fd9de891', helpText: this.helpText })), h("input", { key: '546e50189acc596e7b1c1826edb7473084f93754', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '19208aa7aae72ea0492dcb2d46651bb80b6ab133' }, h("div", { key: '93aea8b9cede9bec9c4f5959dd3cb22065bd684f', class: "form-group d-flex flex-column" }, h("div", { key: '8782f39a557f2f1fb14accea192d5677256c5752', class: "d-flex align-items-start gap-2" }, h("label", { key: '0abdc2776f59ddb560e404b7ce05200cec8d1082', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '649166a60116190c3e06039825e1a87d1b01b100', helpText: this.helpText })), h("input", { key: '862ea2874c2f1f33c12b5e8afcb49e903731e3d9', 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: '6da86dcebd7e427cce68d7b88d07b94daec26f21', 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: '01ecae80e5d67d45a2c954ededea51d1db41aafc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,7 +88,7 @@ const FormAddressFields = class {
         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 })))));
     }
 };
 
@@ -105,7 +105,7 @@ const IdentityAddressForm = class {
         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/esm/form-control-number.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwYM91AU.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-wtuY7MT2.js';
-import { F as FormControlHelpText } from './form-control-help-text-BK9RNOf-.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-sA8HBfkI.js';
+import { F as FormControlHelpText } from './form-control-help-text-D-p66Yxr.js';
+import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
 import './event-types-CZfYo5-1.js';
 
 const NumberInput = class {
@@ -42,10 +42,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '4272ba30cf80097abd67fd184b927f4d41b3091b' }, h("div", { key: '567b2b04d354e5c3352dd42431c92bd84fdb4d9d', class: 'form-group d-flex flex-column' }, h("label", { key: '0d3ee096554d638896e03002ed908f7379e406fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '59ffd3ffe0beba8af97de7dd7ee12a2589c0d722', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7f35cfd267eb699289ef853e2304b57001ee5d72' }, h("div", { key: 'b1904621266ded431837e3eff9c0f7c34118f6da', class: 'form-group d-flex flex-column' }, h("label", { key: '6b2f9ca05973be1dc766368c27c54a33de6456b0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'cab982efea26e96dfc027401fd2fc6de8dab454f', 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: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', 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: '1bd6b915860a46baba35b74d9f2c260aa5b4e757', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ef91eda0e16195dbc6a59998cff4a43c16f8d8fc', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/form-control-radio.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
-import { a5 as inputRadioInvalid, a6 as inputRadioCheckedFocused, a7 as inputRadioChecked, a8 as inputRadioFocused, a9 as inputRadio, l as label } from './parts-wtuY7MT2.js';
+import { a7 as inputRadioInvalid, a8 as inputRadioCheckedFocused, a9 as inputRadioChecked, aa as inputRadioFocused, ab as inputRadio, l as label } from './parts-sA8HBfkI.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -30,10 +30,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '1b798d4c7a78475795a0b667839e82bbc402749c', class: 'form-group d-flex flex-column' }, h("div", { key: 'df37525372c220bb0fcbc54bc89d28b55c5b5407', class: "form-check" }, h("input", { key: 'af923ae2cb8677fd9e943c912ef9c117dc8eb9d5', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '27b69f35b1d6688d8af70bf7c948c9d6c6f89542', class: 'form-group d-flex flex-column' }, h("div", { key: 'c9a9b47923347a9b627fb774ae6dcc19487a6095', class: "form-check" }, h("input", { key: '90191fd15fe832e57254b7f62e5e86f21aeb4103', 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: '06aec18092d38c386cb3dbeb7712a356f6615f82', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '63356fa988cecc235ff01b7f9eb4c344d62a18c0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61c5b0fac0b21856660dd6b9c64c2202f82324b2', 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: 'd28e591fab27605e20132fd7d4d7a03fd50635d3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '633a53fe3a4aa0f736fb8c6c195ab17ff874fe13', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'f5ea298d6d8c2acb44d314c0a8182bb953381130', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/{form-control-select_3.entry.js → form-control-select_2.entry.js}

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwYM91AU.js';
-import { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused, aj as tooltip, ak as tooltipInner, al as tooltipIcon } from './parts-wtuY7MT2.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
+import { c as input, l as label, b as inputInvalid, X as inputDisabled, a as inputFocused } from './parts-sA8HBfkI.js';
+import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '21cd587a6a3f6b1c508201f688e6cf3e3456166c' }, h("div", { key: '5666e007193120a6ae78d4bab4b1005c0e3f0b49', class: "form-group d-flex flex-column" }, h("div", { key: 'fba926c6cf060e64ecaf6d30afeb82e58eaf82bb', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1f65a58657e129dbdb2fb7dfa6bfc664942527', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '51cb52bc2a167ddbe48de8686e969905a7a9f865', helpText: this.helpText })), h("select", { key: '29bd66fd51ba97138828317633c9d14267efd815', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', 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: '867d7ac1d9d7ec0b121135f944994565a2b18760', 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: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,10 +88,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'bf68ea270c8dee6a9e572f0d2fdfc9308c8c106f' }, h("div", { key: '8e315377092c55c7c1a48c5528dba67f0d4a6f1c', class: "form-group d-flex flex-column" }, h("div", { key: 'c507734dadd643a306a22ce2e9df63a54422a7ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '7e9ca4266d86bfb0e33e5951a07599a7a17c0c31', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3f1737b361144e9df92c706c6b5a1c4e1e2fc34', helpText: this.helpText })), h("input", { key: '657edb006b902ad815cd65e426d74a306328a0cb', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '559f086283d08b505d31b39e181581d30038aa6a' }, h("div", { key: '4f86bb1d540bac675f354b90ea197a5772a4c6f5', class: "form-group d-flex flex-column" }, h("div", { key: '0012abb57c9d764af117e4a7c94a46d1cf155578', class: "d-flex align-items-start gap-2" }, h("label", { key: '0af1f99196b62eb76901c4656e231fde993c5e0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '364a0e5f3d5229012f8ab8815938d99f0d1e9e06', helpText: this.helpText })), h("input", { key: '2b068466f069282a6a5acdd0842bb0f96db6944f', 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: '1ebb690623549e319972fe5ea0221966a9982cac', 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: '602fc385905ba52c551aa73ef71e29f0ef16084e', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -99,22 +99,4 @@ const TextInput = class {
     }; }
 };
 
-const TooltipComponent = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    show() {
-        this.tooltip.classList.add('show');
-    }
-    hide() {
-        this.tooltip.classList.remove('show');
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
-    }
-};
-
-export { SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };
+export { SelectInput as form_control_select, TextInput as form_control_text };

package/dist/esm/{get-payment-details-CakzKvOr.js → get-payment-details-BJ1PLhJZ.js}

@@ -1,7 +1,7 @@
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { P as Payment } from './Refund-BugCdfRo.js';
+import { P as Payment } from './GooglePay-NNHE-OLJ.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{get-subaccounts-Cw1Adtmo.js → get-subaccounts-CzGHjlUF.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './Refund-BugCdfRo.js';
+import { S as SubAccount } from './GooglePay-NNHE-OLJ.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/gross-payment-chart-core.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
-import { f as formatCurrency, l as formatDisplayDate } from './utils-CIaHqjQt.js';
-import { E as ErrorState } from './utils-BX7Rjm1M.js';
-import { S as Spinner } from './spinner-tU4D9iak.js';
+import { f as formatCurrency, l as formatDisplayDate } from './utils-CDaVtz_6.js';
+import { E as ErrorState } from './utils-CgFsPVsv.js';
+import { S as Spinner } from './spinner-DikooWuI.js';
 import './dinero-HXpYMWUU.js';
-import './parts-wtuY7MT2.js';
+import './parts-sA8HBfkI.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11062,7 +11062,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: '0432a1c141cd1ea91ebcb3f975a220e5127164c8' }, this.loading && h(Spinner, { key: '0261cca24232d936418d305f60f3857a502dcb11' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '641e450946112528c3577b6024872f51125e793d' }, this.loading && h(Spinner, { key: 'c767a118f00a0931ed736352ba4c26a34ad8f512' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/esm/{header-1-CPF3S2CC.js → header-1-WwkF5F9y.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { F as heading1 } from './parts-wtuY7MT2.js';
+import { I as heading1 } from './parts-sA8HBfkI.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-Cah707hu.js → header-3-C5jS39cE.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { W as heading3 } from './parts-wtuY7MT2.js';
+import { Z as heading3 } from './parts-sA8HBfkI.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

package/dist/esm/hidden-input_2.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DwYM91AU.js';
 import { c as createStore } from './index-B-fWxE5e.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-wtuY7MT2.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-sA8HBfkI.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
-import { p as packageJson } from './package-DEhd71m_.js';
+import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
+import { p as packageJson } from './package-CsRppqXL.js';
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -112,7 +112,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '213626f7805ac907a867ccca6fdaf02b9ea3382a' }, h("input", { key: '1f54e360af287b98c49c62687b90fd0a20251c3c', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '5ebb1ec479a87430d51fbdff53edcaace72e98c2' }, h("input", { key: '48ace17d93b23f5da773412390fd8187c03cd59d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1727,10 +1727,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
+        return (h(Host, { key: 'b7f549db9954e772632f144d0b8fab81aa00ac48', class: "form-group d-flex flex-column" }, h("div", { key: 'c073506d6835001d515839382d5140ea074cb1c8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '7c804be15e9029e003684bea21f93578269bdac7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'a80095abc7580bf8f4704239a27d0d819df48800', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd3c5647e79ae3f2fc68cd3b0395c18416ef848fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '66ad8a684dcc1397fe11ac2e1c7429ce88ec1166', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1740,7 +1740,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'bca0e095f13b229ad73a309e9c39b4a42104e303', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{index-DCIW8z1f.js → index-DkoufM1t.js}

@@ -3,6 +3,7 @@ var PAYMENT_MODE;
     PAYMENT_MODE["ECOM"] = "ecom";
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
+    PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
 })(PAYMENT_MODE || (PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 var PAYMENT_METHOD_TYPES;

package/dist/esm/index.js

@@ -1 +1 @@
-export { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
+export { P as PAYMENT_METHODS } from './index-DkoufM1t.js';

package/dist/esm/{insurance-state-DRe0g_wf.js → insurance-state-C11WKZU6.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { G as heading2 } from './parts-wtuY7MT2.js';
+import { J as heading2 } from './parts-sA8HBfkI.js';
 import { c as createStore } from './index-B-fWxE5e.js';
 
 const Header2 = (props) => {

package/dist/esm/internal-tokenize-payment-method_7.entry.js

@@ -1,22 +1,21 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-DwYM91AU.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-C8hgGLFx.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CmkUoEAo.js';
 import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import './Refund-BugCdfRo.js';
+import { c as checkoutStore } from './GooglePay-NNHE-OLJ.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkoutStore } from './checkout.store-CaS_htQd.js';
-import { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
-import { B as Button } from './button-DBmjN7Ra.js';
-import { r as radioListItem } from './parts-wtuY7MT2.js';
-import './package-DEhd71m_.js';
-import './Api-DX-IWyBw.js';
-import './utils-CIaHqjQt.js';
+import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
+import { S as Skeleton } from './skeleton-Dtt56Fl3.js';
+import { B as Button } from './button-Bpf3VX8Q.js';
+import { v as radioListItem } from './parts-sA8HBfkI.js';
+import './package-CsRppqXL.js';
+import './Api-Dln8a6No.js';
+import './utils-CDaVtz_6.js';
 import './index-B-fWxE5e.js';
 
 const JustifiRadioListItem = class {
@@ -30,7 +29,7 @@ const JustifiRadioListItem = class {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 };
 
@@ -279,7 +278,7 @@ const InternalTokenizePaymentMethod = class {
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: 'e1ee33f08d3eaff9a2951bd30ef9814a5d959b35' }, h("form", { key: 'df73d7965968c0efc3ee2b35a9a85d551915e5a1' }, h("fieldset", { key: '2967ed65f1c0af42082a8b7c255db5fdc1c78019' }, h("div", { key: 'f45b8e074f39ec6abefc8f7e30bdf0ae57b1272c', class: "row gy-3" }, h("div", { key: 'fe9c90b34d60802f4d0dc51863874151f4a17b2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ff1b8332d70fe68c3d3140c5a173dd8b419b6a8e', class: "col-12" }, h("justifi-button", { key: 'bf2ced1a5164a9c9af2bf2c5b750c5f9734dc86b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -333,10 +332,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '62431aba939585a8a341942d9847e8d491b0a658' }, h(BankAccountFormSkeleton, { key: '2da8452c73e52a6fc67d80e483c40a2d0dd276f9', isReady: this.isReady }), h("hidden-input", { key: 'c34bc48ee7e1925ae272b5fe60fd362ddf2433eb' }), h("div", { key: '3fefe63e9f9c98d7e08e0ceac5df0f8008303aec', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '6c19ea238eb0bff6b245f2f39028d651438c55d0', class: "row mb-3" }, h("iframe-input", { key: 'b5588dc21d24ec873fecedd91fbcb0344fbe324c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '910f130a307449a3d60ef76eee6cc27fc86c3fe0', class: "row" }, h("iframe-input", { key: '72756b92912c3031cc472dee5bbf945f06c38920', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -380,7 +379,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '7c8b76c4eaa412f2dc2ba59fd56cb7c28f46656c' }, h(Button, { key: '9440f90ebb380703b35b6c5d811e5d0780e80fd2', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -433,10 +432,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '0db53b1dace76a8e02bab9f65fdc70e20f440a62' }, h(CardFormSkeleton, { key: 'ea756f1799b01b81a678ce5bd2592551edd81211', isReady: this.isReady }), h("hidden-input", { key: 'a6203630db26bfbb683e2b45174c79d753154eda' }), h("div", { key: 'dbb6328ba3a27106474f6b9af6fc3c347b99ae7d', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '64055e42612ce94da35022d7e8314ed917f90f8a', class: "mb-3" }, h("iframe-input", { key: 'e99008d298b6ec6e22ff5a4e73042e3e8805f09b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '34ed1849877a47fe6ec32f443472fa9c913dae67', class: "row" }, h("div", { key: '39bfdd5c8dd6271315a09cd3022083fe4b45f5ea', class: "col-4 align-content-end" }, h("iframe-input", { key: '981b65ebd142396312d09df8927fd5d08a5dea72', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a6fee6c1cc609b665b3ba9935190a43a118c5e5c', class: "col-4 align-content-end" }, h("iframe-input", { key: '257b738139e182dc6e9f6a6893f8b6a0bc3f6b69', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '523316b64f673cdf89b5d01c1ecf4cf25ccef246', class: "col-4 align-content-end" }, h("iframe-input", { key: '37305b54e421d759ded57b0f9de7743a07be4b5b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -453,7 +452,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };