@justifi/webcomponents 6.10.3 → 6.11.0

package/dist/esm/form-control-file-v2_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
-import { ar as inputInvalidAndFocused, X as inputInvalid, Z as inputFocused, Y as inputDisabled, _ as input, $ as label } from './parts-C4FLe2pT.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
+import { a7 as inputInvalidAndFocused, v as inputInvalid, x as inputFocused, w as inputDisabled, y as input, z as label } from './parts-D3V9AE6o.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const FileInput = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '9ae20e0fa6175e68642be79ada4f3464631be680', exportparts: "label,input,input-invalid" }, h("div", { key: '607cd1269298725d8f4300f1b56adb945c361067', class: "form-group d-flex flex-column" }, h("div", { key: '5490713d71075bf5a273ec1e39d3a7db525d11ff', class: "d-flex align-items-start gap-2" }, h("label", { key: '1fcac0b30532d33c296884133991d72dfdbddd37', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e06af0a48fb6dacc82f3730fb7f39b180a3375a3', helpText: this.helpText })), h("input", { key: '7ec47dbbad4a53b3ac6f513e82c67c27ce54498c', 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: '265cfe1af1dcebdca02b538872b4f2c4a6c57309', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '852cd7deb91a1305b0941c90f1ea0b00ee2a9f69', exportparts: "label,input,input-invalid" }, h("div", { key: 'd1c094c73bb6414137f5e1acfd38c0048debef27', class: "form-group d-flex flex-column" }, h("div", { key: 'da46f17f893e4c9557725294404e2451f001ffec', class: "d-flex align-items-start gap-2" }, h("label", { key: '1197fab50023e2028d8eb18a40e7675c3cb88283', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e0834b634350912a26ce08f0d5f1a2dca824cd9f', helpText: this.helpText })), h("input", { key: '98fad302f019cc8abd081834ae006f406d457d5b', 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: '71c5a49575314fca8a6f4434c0634a3cdf82b084', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -62,10 +62,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '361916c679e9bead548bb19080d7365a83dfe444' }, h("div", { key: '5c562f95399854ad9855281067d90b5378b10f36', class: "form-group d-flex flex-column" }, h("label", { key: '93617701dac9c5e181bfc781336fa88341731b9b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '342904cb39293458fb7fc2c951539e39f7eaff8b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c2f4587d1cbfdfea257b5a6649f6cf4f59bedff9' }, h("div", { key: '381c1aab5057b7ba2c736fb4fecdccfe40ee2d5e', class: "form-group d-flex flex-column" }, h("label", { key: '4bb62b512792bd76d9dc3ebadf06c2a35cf474f7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '50e0c18dd7d18675f6c947ee8136856dc535c580', 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: 'fd9b7d6b6eab0a78d92efb06d0dcdb3c07ed69f0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5250f3229a5b1315b5a0bcf93512fcfc52ce5a1', 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: 'f90c3f3ccf76277c433b93d14196b41e9447246d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '281a97d333c2e383a73aa016cb88ee71dcb85b2a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-Dgnv4IId.js → form-control-help-text-DxL7yVgi.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { H as text } from './parts-C4FLe2pT.js';
+import { t as text } from './parts-D3V9AE6o.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/esm/form-control-monetary-provisioning.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
 import { C as CURRENCY_MASK } from './form-input-masks-CVaOFfrI.js';
-import { a6 as inputGroup, $ as label, a0 as inputAdornment, X as inputInvalid, Y as inputDisabled, Z as inputFocused } from './parts-C4FLe2pT.js';
-import { F as FormControlHelpText } from './form-control-help-text-Dgnv4IId.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
+import { G as inputGroup, z as label, A as inputAdornment, v as inputInvalid, w as inputDisabled, x as inputFocused } from './parts-D3V9AE6o.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxL7yVgi.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
 import './event-types-CZfYo5-1.js';
 
 const MonetaryInputProvisioning = class {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
-import { X as inputInvalid, Y as inputDisabled, Z as inputFocused, _ as input, $ as label, a0 as inputAdornment } from './parts-C4FLe2pT.js';
-import { F as FormControlHelpText } from './form-control-help-text-Dgnv4IId.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
+import { v as inputInvalid, w as inputDisabled, x as inputFocused, y as input, z as label, A as inputAdornment } from './parts-D3V9AE6o.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxL7yVgi.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
 import './event-types-CZfYo5-1.js';
 import { f as formatCurrency } from './utils-7bp92NC7.js';
 import './dinero-HXpYMWUU.js';
@@ -49,10 +49,10 @@ const MonetaryInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '9fcce717caf2a14382e8a66c07a023ec31bffce0' }, h("div", { key: 'a5ef7195ec5904764f69c2987b1d1878a2d5be8d', class: "form-group d-flex flex-column" }, h("label", { key: '75cf2a0d4790426df3956a69ea2483aba3e232ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'daabe1b4779cea9af67b5bafcc8244d32bcc4775', name: this.name, helpText: this.helpText }), h("div", { key: 'fbe335cf9e131842e9218befcf51535d1012f4f1', class: "input-group" }, h("span", { key: '389b0a9697af6e81b350c41956bc36033dc151a2', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '28a854f05c8a2476002b22baf5c5958fac9a4ec2', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2c0e7cdc644343a61c87852733ee805739ecaaa1' }, h("div", { key: '998eb7ec3125af116e876e837982d2f37285ce4c', class: "form-group d-flex flex-column" }, h("label", { key: '90cff5cbb09cf4f39c04c12c10eae45a6ada97c5', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'be23587b830c4e6e96abcd53a78108543c5ad1c4', name: this.name, helpText: this.helpText }), h("div", { key: '6f47b9e86f4af9c641f26dc631fabc917bc06e8c', class: "input-group" }, h("span", { key: '0e39a178edf94795851c0c52dc054a8a61c2643b', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8bb615087578002c9990dbf7528536ae2cb7aa01', 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: 'cfbdf17dcc9d55951ec39951f236cb0a5242e8cc', 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: 'd97f18500d2fe6cf23bad8a872f1d0e965ccb114', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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-CV0Pyo1O.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
-import { X as inputInvalid, Y as inputDisabled, Z as inputFocused, _ as input, $ as label } from './parts-C4FLe2pT.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
+import { v as inputInvalid, w as inputDisabled, x as inputFocused, y as input, z as label } from './parts-D3V9AE6o.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
 import './event-types-CZfYo5-1.js';
 import { C as CountryCode } from './Business-BcNb9bVO.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
@@ -71,10 +71,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '6fc95da2f8a43f319b11205b6d27b5e24b1e2586' }, h("div", { key: 'b51ae7976fee61e38d6f00f31cfaa835733db5f3', class: "form-group d-flex flex-column" }, h("div", { key: '16aed34d97424e168fa74d1fdb5757537f56b4b1', class: "d-flex align-items-start gap-2" }, h("label", { key: '7b1fdf28df1ab377b1b756746fb73f42085baa42', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '391b4373fcb966ba8c65c617167f044bd0d901f1', helpText: this.helpText })), h("input", { key: 'fb893ef4da1e43f72031baef93aa2c5a3a1632b9', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '8e8abaf2afd497cf83ef9661374606b899c0f730' }, h("div", { key: 'b9281582a6dc56d34e67541ecf7eda264d911f97', class: "form-group d-flex flex-column" }, h("div", { key: '41816d8d12b7feca244efee7df3afae3594ac687', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c41b28d631cccb4f21ae61763e7afbc866475cc6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd665eb4abc33a53389d9417fa83b8bff46af90ef', helpText: this.helpText })), h("input", { key: 'fbfa6e0768f52ad5e5a92609e9cb1d8c8bd34966', 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: 'b67a3581cb5058971fb2f356a181ca8f0de2a9eb', 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: 'db0b75ce2d99e1707b383c0d443416b42f4b620e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { ar as inputInvalidAndFocused, Z as inputFocused, X as inputInvalid, _ as input, $ as label, a2 as heading3, Y as inputDisabled, am as buttonSecondary } from './parts-C4FLe2pT.js';
-import { F as FormControlHelpText } from './form-control-help-text-Dgnv4IId.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
+import { a7 as inputInvalidAndFocused, x as inputFocused, v as inputInvalid, y as input, z as label, C as heading3, w as inputDisabled, a2 as buttonSecondary } from './parts-D3V9AE6o.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxL7yVgi.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
 import './event-types-CZfYo5-1.js';
 import { F as FormController } from './index.esm-BHdVU4hV.js';
 import { O as Owner } from './Business-BcNb9bVO.js';
 import { d as identitySchemaByCountry } from './business-identity-schema-CFhSc0cA.js';
-import { B as Button } from './button-DOkTCYSa.js';
+import { B as Button } from './button-CdXktiZq.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-1lVyzImK.js';
@@ -54,10 +54,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '3438aa7e29c62b01f202cfb83f3b23c6b71d9a83' }, h("div", { key: '2af4fa9f963e16f68fe0d3a4a7ff73165946306e', class: 'form-group d-flex flex-column' }, h("label", { key: '1d7bf268b70b9be39256020873978aac019a17b7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4dbb9f25278df06fd483e25ba4d9855943186090', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7d26854332ed1db6e00ee16ec336e409d250df9e' }, h("div", { key: 'f32c52eba6c4248318713da7f18e3f10f3eb11f0', class: 'form-group d-flex flex-column' }, h("label", { key: 'c3ecbd98d9e29692715faa68c9f432df76a7348e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4eedd84af0d8520271bbc0fcd892d0ca1115d20a', 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: 'fd72f2218b307641bcb8f3584f3b5db11303cfff', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fb9c995763d6c3193777586a1cb485447323cd98', 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: 'a2692df1434bd7202f8ab5062d37ec309a1c6405', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '958a10550de7a048fa17055cf35ac344fa1b77d8', 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-CV0Pyo1O.js';
-import { ac as inputRadioInvalid, ad as inputRadioCheckedFocused, ae as inputRadioChecked, af as inputRadioFocused, ag as inputRadio, $ as label } from './parts-C4FLe2pT.js';
+import { M as inputRadioInvalid, N as inputRadioCheckedFocused, O as inputRadioChecked, P as inputRadioFocused, Q as inputRadio, z as label } from './parts-D3V9AE6o.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -33,10 +33,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '4c7fb3b2ece714d07e8b4b8ee7745591d40554bb', class: 'form-group d-flex flex-column' }, h("div", { key: '63c62c7ffa6af6a092b1f526251406c0f08243d1', class: "form-check" }, h("input", { key: '1835d67a41dfab9abd3465c2a072303c9b7ef22c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fcb9bd7844b2e2f2e6407a8e61518c6ace87a5a2', class: 'form-group d-flex flex-column' }, h("div", { key: '189a20da8a1731e58c6acfefc1b9ee3c69fab51b', class: "form-check" }, h("input", { key: '10d4f36dda13f27ee7e142b5e7f6d968a959fc99', 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: 'a06621a85f0d2c7a4db4ebabbbf8dfab45c9f4a3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '9d2c0d198f186946ab585ccc1488cfdeddfef211', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7245f045ebf9c7633eea9784ad9b5348b06a0f93', 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: '3b197897facca29a319ed9837657e9f21b1bbf5b', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '9a6916c08a3a36ab071d80d62465e9278aa7ab97', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'ef989f755e5abd3d4a4569fb31dcdb534b0ceee2', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/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-CV0Pyo1O.js';
-import { _ as input, $ as label, X as inputInvalid, Y as inputDisabled, Z as inputFocused } from './parts-C4FLe2pT.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
+import { y as input, z as label, v as inputInvalid, w as inputDisabled, x as inputFocused } from './parts-D3V9AE6o.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '649b0ca4cb24c5a179ac01db344d53ac4481dbbd' }, h("div", { key: '1976f3076b0cd47ead27e9acc9c71bda01623e56', class: "form-group d-flex flex-column" }, h("div", { key: '1610a472997ce0d6c8bb8e3e9e43096cfa442dc3', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a25d6b0d6d2b51d8e2c61afe945eb9fe3ab0e6d6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e9a891ffdb7910ac1ac6b94e98042e87f4ae0ad1', helpText: this.helpText })), h("select", { key: 'c56535aeb6701fbcb21fc64fdf449f23f8ea8876', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b648fe3ee0eb7a0ab3193a4a2af2bd3ff0259c67' }, h("div", { key: '080b8394a2372987e60c6a2a5f12248b6757f0c0', class: "form-group d-flex flex-column" }, h("div", { key: '3dc9a2e4149bfeb4a2149e939a7d6a5c23ac7a1d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e75008716af1607f78b86d094c8437f249e232f7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f11fbd1bc45491db16bf50b767d9de64e3061aca', helpText: this.helpText })), h("select", { key: 'caa48e738c2539f157aeaaa246be4b828fd1dbb7', 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: '441e66367708e5653b483acd6a9834da391a6a0c', 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: 'c3f9c19129e0cdad72e567b7edc036ab9f686a5d', 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: '5f8effb66b11a0569925e7160a32f043a62f8888' }, h("div", { key: 'bf4b6f85fbd183845daf41768b0c5e9e69ff2961', class: "form-group d-flex flex-column" }, h("div", { key: 'cc0b6e98179b9492602b8fbbf7a31e852af7806c', class: "d-flex align-items-start gap-2" }, h("label", { key: '42a660902f9d062bf461cf51618863fc9cbe6d96', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'b2d8dfaa3ead8544d6ff9c29b990de936ca73fbe', helpText: this.helpText })), h("input", { key: 'dd993e2c00a5ce2d08b3de5ef0b37bb35183c90b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dd36cf4579d1509c825cd204680df5368b73ee81' }, h("div", { key: 'b132778abe33e23ecb769dbc8ac5e97ac3b55816', class: "form-group d-flex flex-column" }, h("div", { key: 'ee12f7b5281b930aa180b9a29653cb32eaaf642f', class: "d-flex align-items-start gap-2" }, h("label", { key: '3ed5821ff735cef7bea9782c5d013848e4ce3c43', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd2efd753e723f51cab216c9f571ab9b41500fac7', helpText: this.helpText })), h("input", { key: '34c413363e78224da4f69cca441ec8b5766d19ed', 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: '99b4246d2be3389bfc4b790f6aebfaef193942d9', 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: '2707a89236283522ef8b35ddb371e302fb17d00c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{get-payment-details-BdewJSTH.js → get-payment-details-VEzqfeuZ.js}

@@ -1,7 +1,7 @@
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { b as Payment } from './Plaid-Cmyilr-q.js';
+import { b as Payment } from './Plaid-DOdR_CNb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{get-subaccounts-BFALCYFr.js → get-subaccounts-DUdsxExJ.js}

@@ -1,6 +1,6 @@
 import { A as Api } from './Api-CLZVsXZg.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './Plaid-Cmyilr-q.js';
+import { S as SubAccount } from './Plaid-DOdR_CNb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.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-CV0Pyo1O.js';
 import { f as formatCurrency, m as formatDisplayDate } from './utils-7bp92NC7.js';
-import { E as ErrorState } from './utils-BSpK1eMX.js';
-import { S as Spinner } from './spinner-BfjGGaND.js';
+import { E as ErrorState } from './utils-DUArY3am.js';
+import { S as Spinner } from './spinner-CG3aWl8K.js';
 import './dinero-HXpYMWUU.js';
-import './parts-C4FLe2pT.js';
+import './parts-D3V9AE6o.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11062,7 +11062,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && h(Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '22e858d2d13aad7ca2df6c92e60189122ecfe5c7' }, this.loading && h(Spinner, { key: '243905dbba7552a52762026198c3e91861d13b59' }), !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-xlSavD5o.js → header-1-CU8Erek9.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { I as heading1 } from './parts-C4FLe2pT.js';
+import { h as heading1 } from './parts-D3V9AE6o.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-egutsoDI.js → header-3-BwJ-9MsW.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { a2 as heading3 } from './parts-C4FLe2pT.js';
+import { C as heading3 } from './parts-D3V9AE6o.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-CV0Pyo1O.js';
 import { c as createStore } from './index-cDVGjRkU.js';
-import { ar as inputInvalidAndFocused, X as inputInvalid, Z as inputFocused, _ as input, $ as label } from './parts-C4FLe2pT.js';
+import { a7 as inputInvalidAndFocused, v as inputInvalid, x as inputFocused, y as input, z as label } from './parts-D3V9AE6o.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-xEskXF-M.js';
-import { p as packageJson } from './package-C2WozQkF.js';
+import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
+import { p as packageJson } from './package-qNXIkzDE.js';
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -112,7 +112,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '05cefc92dac95360d470070c64fbc0318c666214' }, h("input", { key: '02c9a6001a394b96cbc09b6d906287b81c20e98f', 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: '5697b5e318914b8866bc6ad2fb2009e5f8c8d80f' }, h("input", { key: '3370d11bc6e5a49f28dd2e95bf1d92ee7a0dd892', 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: 'ebf24e9c73ea9a7f352dfc7368678117144745c3', class: "form-group d-flex flex-column" }, h("div", { key: 'e88393af9005c217ad3cc2504e8285629339402c', style: {
+        return (h(Host, { key: 'e85f5a2417ccc46ac8df23a695c6ef3fcd71577e', class: "form-group d-flex flex-column" }, h("div", { key: '02878f7fb1e720aa97a67e72d5f1711e0fbd0668', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '47591ac9c82096e9bde5b5706b08c9dc8461788b', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b39265660ede091bd365d983a702202469adab97', 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: '12354fce7a91119a17d577df02c2f627ebc10b98', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '57c46b739fb284c4ee618594f04cc5ff128bf16c', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4634650c721673a52ea55e331154a624c19266dc', 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: 'facd226e399f41537657603c50c45887c1177c42', 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: '604488d6da7e2ff87e24e3eed0a77b3a6231106e', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '73c34b9ab89a21e6b3203904988bf8a542eb01f8', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{insurance-state-jZTKdt60.js → insurance-state-gsU4kKgc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { J as heading2 } from './parts-C4FLe2pT.js';
+import { b as heading2 } from './parts-D3V9AE6o.js';
 import { c as createStore } from './index-cDVGjRkU.js';
 
 const Header2 = (props) => {

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

@@ -1,21 +1,21 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-CV0Pyo1O.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DKbeTbtv.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dn83YYz_.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import './Plaid-Cmyilr-q.js';
+import './Plaid-DOdR_CNb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
 import { c as checkoutStore } from './checkout.store-iNkW80yV.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
-import { S as Skeleton } from './skeleton-C162KC3u.js';
+import { S as Skeleton } from './skeleton-CV6EpBqb.js';
 import { b as generateTabId } from './utils-7bp92NC7.js';
-import { B as Button } from './button-DOkTCYSa.js';
-import { u as radioListItem } from './parts-C4FLe2pT.js';
-import './package-C2WozQkF.js';
+import { B as Button } from './button-CdXktiZq.js';
+import { r as radioListItem } from './parts-D3V9AE6o.js';
+import './package-qNXIkzDE.js';
 import './Api-CLZVsXZg.js';
 import './index-cDVGjRkU.js';
 
@@ -279,7 +279,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: 'bb6a2e0eec485c96a756c504a278670804be0634' }, h("form", { key: 'f12f65c8fbe45e86418be9d3c2ff1107e292c86d' }, h("fieldset", { key: 'becda77faf80fd8b1e6d967cc4ead3d4adc3b6e8' }, h("div", { key: '0419c1843747f59e68800ae3e2c78096b32605b0', class: "row gy-3" }, h("div", { key: '8724f40a13bc62808f6e99cced2f8d7419b22d53', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ec9c0e2f6a85976d68e3dc939cd2826bfbd840d8', class: "col-12" }, h("justifi-button", { key: '1c4b6a83c8357e15eaba071ea2fb8ba82b4c978c', 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: '86d79320ea44f9e791ab91739075d160769743fb' }, h("form", { key: 'd8b62d8d0442085822a51eeaef816809e2bd1f05' }, h("fieldset", { key: 'c792bba0b82c19f05ce551b95157479d407113e2' }, h("div", { key: '57e93910091e25344a371ac081aa657c683049b4', class: "row gy-3" }, h("div", { key: 'bc63e26c74b247ec4d5d5ee9510d8370b9e36f17', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '1d9acd0beee80e8b339204d7328a0d2e9078b9a3', class: "col-12" }, h("justifi-button", { key: '18a968b57420f0690e6f6c98b5e108f769b61d4b', 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 {
@@ -334,10 +334,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'b9674b4e8cfd28e440f28c3e08772bc879f0d1b6' }, h(BankAccountFormSkeleton, { key: '87adb553cd4fefac370379bbfcc373fbd8935f60', isReady: this.isReady }), h("hidden-input", { key: '1395bba6465865528e94e945ca614107027e86c4' }), h("div", { key: '7ce58ad6226ac6cb3c4ec45895a5e3a94885d3a9', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '85a4a2955404571823404bd9aa46c0744b5f1469', class: "row mb-3" }, h("iframe-input", { key: 'af85c82af0770b89bbba09347b5f3bf65d581e5a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '201171891252c6384e47657b007e7e0381d12cfa', class: "row" }, h("iframe-input", { key: '1f2b63b6cb11c0dd906727aaba3127e68ecb540c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 
@@ -381,7 +381,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '5f92a2a58c0828c78818f0055dc2692857730788' }, h(Button, { key: '541fe7cc24e137cf55fc470b16f3aa8c47eee0d3', 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: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, h(Button, { key: '04bfb3aaa6af8b2dafa07dbcebaf6b7a03a07442', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -435,10 +435,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '20d4ea593b1f53fdbe8cc301e64c1a7743802678' }, h(CardFormSkeleton, { key: 'f3d2569ddcf94c8cf5f07ba4e1a862d6991c686e', isReady: this.isReady }), h("hidden-input", { key: '4804eb065aa5c2c21a84cd5e4ae02d8e00544081' }), h("div", { key: '0c98ea9d4218a70a95b620a969481083aac623f3', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '6674294528ffdf8b3e90aa75827d88c891f74f65', class: "mb-3" }, h("iframe-input", { key: 'a08798d454cf5b7e572c334bdf3238f08071fa43', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'e5aca3795c1788bd0862f7dbf28dec58bbcc3f03', class: "row" }, h("div", { key: '29c8dcbf332349d1b81e98b17630de0cd3ef8b77', class: "col-4 align-content-end" }, h("iframe-input", { key: '88dd4b4601010543f2d02b4b5ca6814431de1e63', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'd7b557547cdb3e18103c9ad0588733448a22d4f6', class: "col-4 align-content-end" }, h("iframe-input", { key: '2b9915cd264167e2c3080688290765590061ae6d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '241ead4a324fc65ddc787e8fa81cb8ed62e3114d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c254b90ef75b5bcf1ff86bddf2d488de0a2bb709', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };