@justifi/webcomponents 6.10.4 → 6.12.0

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

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { V as inputInvalidAndFocused, e as inputFocused, c as inputInvalid, i as input, b as label } from './parts.js';
-import { F as FormControlHelpText } from './form-control-help-text3.js';
+import { x as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, e as input, l as label } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 
-const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends HTMLElement {
+const FormControlNumber = /*@__PURE__*/ proxyCustomElement(class FormControlNumber extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -48,10 +48,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         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: '07b767b8c9091079f121d1df2b552c7d406f47b1' }, h("div", { key: '1c6c234435bb5571d3bbf5123f6f47cf51b095d6', class: 'form-group d-flex flex-column' }, h("label", { key: '883c05703351e32c7e12dbf7d984f888825606e3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9b841736efd2971cf93c1167ec1fd1c1d5045ec9', 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: '26133a236b3c8b2cc14dce1c1244f3b1a9163605', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e69f03f593e1632fada2d1f6dd56aaf5612a2da7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -77,11 +77,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-number":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, NumberInput);
+                customElements.define(tagName, FormControlNumber);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { NumberInput as N, defineCustomElement as d };
+export { FormControlNumber as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { R as RadioInput, d as defineCustomElement$1 } from './form-control-radio2.js';
+import { F as FormControlRadio$1, d as defineCustomElement$1 } from './form-control-radio2.js';
 
-const FormControlRadio = RadioInput;
+const FormControlRadio = FormControlRadio$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlRadio, defineCustomElement };

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { m as inputRadioInvalid, n as inputRadioCheckedFocused, o as inputRadioChecked, p as inputRadioFocused, q as inputRadio, b as label } from './parts.js';
-import { d as defineCustomElement$1 } from './form-control-help-text2.js';
+import { o as inputRadioInvalid, p as inputRadioCheckedFocused, q as inputRadioChecked, r as inputRadioFocused, s as inputRadio, l as label } from './parts.js';
+import { d as defineCustomElement$1 } from './form-control-help-text3.js';
 
-const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
+const FormControlRadio = /*@__PURE__*/ proxyCustomElement(class FormControlRadio extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -37,10 +37,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         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: '155f8db94cbc78a33daeaace0ea6b9e403d6856d', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2c34e5513e584a68c6117775124eeb40d8a4de3', class: "form-check" }, h("input", { key: '50114b7a8428cc78b963442cf92eda6d0146f824', 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: '759a69de65a6fc043494d394a118c55b1e948e75', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '18ca0f0b27657d1a159b9eb4839290969f349d7e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e4bffdf3cd4596a3b42fb6098be620005d68296e', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],
@@ -61,7 +61,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, RadioInput);
+                customElements.define(tagName, FormControlRadio);
             }
             break;
         case "form-control-help-text":
@@ -73,4 +73,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { RadioInput as R, defineCustomElement as d };
+export { FormControlRadio as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { S as SelectInput, d as defineCustomElement$1 } from './form-control-select2.js';
+import { F as FormControlSelect$1, d as defineCustomElement$1 } from './form-control-select2.js';
 
-const FormControlSelect = SelectInput;
+const FormControlSelect = FormControlSelect$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlSelect, defineCustomElement };

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

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
+import { e as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends HTMLElement {
+const FormControlSelect = /*@__PURE__*/ proxyCustomElement(class FormControlSelect extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     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: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 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: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -76,7 +76,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, SelectInput);
+                customElements.define(tagName, FormControlSelect);
             }
             break;
         case "custom-popper":
@@ -93,4 +93,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { SelectInput as S, defineCustomElement as d };
+export { FormControlSelect as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { T as TextInput, d as defineCustomElement$1 } from './form-control-text2.js';
+import { F as FormControlText$1, d as defineCustomElement$1 } from './form-control-text2.js';
 
-const FormControlText = TextInput;
+const FormControlText = FormControlText$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlText, defineCustomElement };

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

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, e as input, l as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
+const FormControlText = /*@__PURE__*/ proxyCustomElement(class FormControlText extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         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: '4ab9e7a2c6312b568de8a8ee429ef02f3f792173' }, h("div", { key: 'e273e0bc062be883505fe3047d41a741eaf23a44', class: "form-group d-flex flex-column" }, h("div", { key: 'a7496dd4f6b5549f26752ca2de35a34c5261e439', class: "d-flex align-items-start gap-2" }, h("label", { key: '97480c49cb0fcd3c75d123c6033df4880755baf0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2a53e4e15be4f9f739a79afeaf28c3671c14a4d', helpText: this.helpText })), h("input", { key: '1571553d763734454026b2c4feaa88a9535f2057', 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: '44f7c7847a2255ff3ddd83f542ff6690d1aed798', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -79,7 +79,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, TextInput);
+                customElements.define(tagName, FormControlText);
             }
             break;
         case "custom-popper":
@@ -96,4 +96,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { TextInput as T, defineCustomElement as d };
+export { FormControlText as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { T as TextInput, d as defineCustomElement$1 } from './form-control-textarea2.js';
+import { F as FormControlTextarea$1, d as defineCustomElement$1 } from './form-control-textarea2.js';
 
-const FormControlTextarea = TextInput;
+const FormControlTextarea = FormControlTextarea$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlTextarea, defineCustomElement };

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, d as inputDisabled, i as input, b as label } from './parts.js';
-import { d as defineCustomElement$1 } from './form-control-help-text2.js';
+import { x as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, e as input, l as label } from './parts.js';
+import { d as defineCustomElement$1 } from './form-control-help-text3.js';
 
-const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
+const FormControlTextarea = /*@__PURE__*/ proxyCustomElement(class FormControlTextarea extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -50,10 +50,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         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: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4dab395c565c7180631042f99ac3b91382df4ca1', 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: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -81,7 +81,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-textarea":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, TextInput);
+                customElements.define(tagName, FormControlTextarea);
             }
             break;
         case "form-control-help-text":
@@ -93,4 +93,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { TextInput as T, defineCustomElement as d };
+export { FormControlTextarea as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { T as TooltipComponent, d as defineCustomElement$1 } from './form-control-tooltip2.js';
+import { F as FormControlTooltip$1, d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const FormControlTooltip = TooltipComponent;
+const FormControlTooltip = FormControlTooltip$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlTooltip, defineCustomElement };

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { f as tooltipIcon, g as tooltip, j as tooltipInner } from './parts.js';
+import { t as tooltipIcon, f as tooltip, g as tooltipInner } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
-const TooltipComponent = /*@__PURE__*/ proxyCustomElement(class TooltipComponent extends HTMLElement {
+const FormControlTooltip = /*@__PURE__*/ proxyCustomElement(class FormControlTooltip extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -34,7 +34,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, TooltipComponent);
+                customElements.define(tagName, FormControlTooltip);
             }
             break;
         case "custom-popper":
@@ -46,4 +46,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { TooltipComponent as T, defineCustomElement as d };
+export { FormControlTooltip as F, defineCustomElement as d };

package/dist/module/get-business.js

@@ -1,6 +1,6 @@
 import { b as Business } from './Business.js';
-import { a as ComponentErrorSeverity } from './Plaid.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { C as ComponentErrorSeverity } from './Plaid.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -1,10 +1,10 @@
 import './config-state.js';
 import './dinero.js';
-import { e as Payment, a as ComponentErrorSeverity } from './Plaid.js';
+import { e as Payment, C as ComponentErrorSeverity } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/module/get-payout-csv.js

@@ -1,5 +1,5 @@
-import { a as ComponentErrorSeverity } from './Plaid.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { C as ComponentErrorSeverity } from './Plaid.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/module/get-subaccounts.js

@@ -1,11 +1,11 @@
 import { A as Api } from './Api.js';
-import { S as SubAccount, a as ComponentErrorSeverity } from './Plaid.js';
+import { S as SubAccount, C as ComponentErrorSeverity } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import './config-state.js';
 import './dinero.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 
 const api = Api();
 class SubAccountService {

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

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     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: 'c7c3742fd58fd1cdb31e597276ab25383e7f68f4' }, this.loading && h(Spinner, { key: '91f42ac927a4c47c0ea6cede0909c336ad35b14b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/header-1.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { a as heading1 } from './parts.js';
+import { n as heading1 } from './parts.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/module/header-3.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { X as heading3 } from './parts.js';
+import { y as heading3 } from './parts.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/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state.js';
-import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, i as input } from './parts.js';
+import { x as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, e as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor(registerHost) {
@@ -92,7 +92,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         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: 'd3aa78cd75de1a781c8100c121933122c6db599b' }, h("input", { key: '7ac01ecc01ca776cd6928a3a1d1e0b2baa4b8965', 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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IdentityAddressForm extends Components.IdentityAddressForm, HTMLElement {}
+export const IdentityAddressForm: {
+    prototype: IdentityAddressForm;
+    new (): IdentityAddressForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -1,78 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-select2.js';
-import { d as defineCustomElement$3 } from './form-control-text2.js';
-import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$1 } from './form-address-fields.js';
+import { I as IdentityAddressForm$1, d as defineCustomElement$1 } from './identity-address-form2.js';
 
-const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddressForm extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.address = {};
-        this.inputHandler = (name, value) => {
-            this.address[name] = value;
-            this.address = Object.assign({}, this.address);
-        };
-    }
-    handleAddressChange(newValues) {
-        this.handleFormUpdate(newValues);
-    }
-    render() {
-        return (h(Host, { key: '1b644425472c68880a9be150d52029a64d75ea26' }, h("justifi-form-address-fields", { key: 'd5e95bc81c654d00a0fcac4760705bd21b3b8c8d', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
-    }
-    static get watchers() { return {
-        "address": ["handleAddressChange"]
-    }; }
-}, [256, "justifi-identity-address-form", {
-        "handleFormUpdate": [16],
-        "errors": [8],
-        "defaultValues": [8, "default-values"],
-        "country": [1],
-        "address": [32]
-    }, undefined, {
-        "address": ["handleAddressChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-identity-address-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-identity-address-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IdentityAddressForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const IdentityAddressForm = IdentityAddressForm$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { IdentityAddressForm as I, defineCustomElement as d };
+export { IdentityAddressForm, defineCustomElement };

package/dist/module/identity-address-form2.js

@@ -0,0 +1,78 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-address-fields2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddressForm extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.address = {};
+        this.inputHandler = (name, value) => {
+            this.address[name] = value;
+            this.address = Object.assign({}, this.address);
+        };
+    }
+    handleAddressChange(newValues) {
+        this.handleFormUpdate(newValues);
+    }
+    render() {
+        return (h(Host, { key: '98aa8fad1d8e4fef6f015968dea21d6a3257ad9c' }, h("form-address-fields", { key: '24f34471d209fc94bb00ce9b47b6018ba57019a7', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+    }
+    static get watchers() { return {
+        "address": ["handleAddressChange"]
+    }; }
+}, [256, "identity-address-form", {
+        "handleFormUpdate": [16],
+        "errors": [8],
+        "defaultValues": [8, "default-values"],
+        "country": [1],
+        "address": [32]
+    }, undefined, {
+        "address": ["handleAddressChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["identity-address-form", "custom-popper", "form-address-fields", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "identity-address-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IdentityAddressForm);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-address-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { IdentityAddressForm as I, defineCustomElement as d };

package/dist/module/iframe-input-styles-state.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index3.js';
 
 const iframeInputStylesStore = createStore({
     focused: {

package/dist/module/iframe-input2.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { w as webcomponentsPackageJson } from './package.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state.js';
-import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, i as input, b as label } from './parts.js';
+import { x as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, e as input, l as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'ebf24e9c73ea9a7f352dfc7368678117144745c3', class: "form-group d-flex flex-column" }, h("div", { key: 'e88393af9005c217ad3cc2504e8285629339402c', style: {
+        return (h(Host, { key: 'a3039409160cb6fd7dd2e7bf189e241f34ddeca6', class: "form-group d-flex flex-column" }, h("div", { key: 'dab356c30fedca21f6092cfbaf576e23df36b318', 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: '0469fb973476f92cd5b275b62e4a462521448273', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd91253d593d700279c0d869b34d3d4f5d572759a', 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: '2a3676ad3d25daedccaa0cb2297f505641b47497', 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: '604488d6da7e2ff87e24e3eed0a77b3a6231106e', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'e54b9c1a7ef5da3bed2eb62e25a28c91865f1f40', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {