@justifi/webcomponents 6.7.2 → 6.8.0

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

@@ -1,15 +1,18 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwYM91AU.js';
-import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, X as inputDisabled, c as input, l as label } from './parts-sA8HBfkI.js';
+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-CTQxgr7_.js';
+import { al as inputInvalidAndFocused, R as inputInvalid, T as inputFocused, S as inputDisabled, U as input, V as label } from './parts-DrquDBSk.js';
 
 const FileInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '17cd92cd095bef638fa7f9df47267019b13ce421', exportparts: "label,input,input-invalid" }, h("div", { key: '036155730cb27b8c751c1d7c60b9113db1d20525', class: "form-group d-flex flex-column" }, h("div", { key: '09654b1abea93cf763be9d04edc15b544748ab23', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bb8abe4e719e40ca83da8dc15e581fb52f1a5fd5', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '599e5a958b5905ba4de825ea7923c2cf376f6d37', helpText: this.helpText })), h("input", { key: '0a6bd85a915f5017c5645037e03e56512372a478', 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: 'af1ebc0ca32c321bf4f68128f0be341368209405', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'fa58417927e8c0a4be71047c133d00ff544cbeb5', exportparts: "label,input,input-invalid" }, h("div", { key: '99167d13386b858ae940cf03015139dd1d676b4e', class: "form-group d-flex flex-column" }, h("div", { key: '33f821ca2473a4e9233e91aee0fb47aced0bdfd4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd883b7a1a000d638ad0f1d594d314c62509259a9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '020594f1fec84e5789fbc7f16b41777613d2f5d4', helpText: this.helpText })), h("input", { key: '841064420ca58f24d65d33e4a3a92732bcc7028c', 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: '6d703a1e7418695b6d62bb643dd3a8088bdbed30', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -17,9 +20,13 @@ const FileInput = class {
 const TextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.helpText = '';
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -55,10 +62,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '1fa96ad32451a814537a92abc4547d3a227ba832' }, h("div", { key: '6adc16748f0b4fc2f3d9e7eaf2d88233263b82c0', class: "form-group d-flex flex-column" }, h("label", { key: '0b18eece09db4d3dd3f9c870b1c232c7c32f6f94', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '411d846fa0af7a5ab5a72662b71c802f1de87a8d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '674ffca07a9d08d3c91dabd929abbec7295b59e3' }, h("div", { key: '31f19f54d033a4dd2d087d57a32233cec2d76399', class: "form-group d-flex flex-column" }, h("label", { key: '87a7bf2e61052b30acce04c2d8862198fd0dc0c7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '42a4664dfea00bf9bf4c54d36ee03d53338ff4bc', 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: 'd52fad4559514075e0623c1571b33ccc4df62ead', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '52484a4da5de1a0e5409524cdb6993dc4469d708', 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: '004c85e69ed747250ecdad8559af650ac92c960d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6ce96a2d36b6972caf80a66cbf256b461967904b', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-D-p66Yxr.js → form-control-help-text-B-aaeX6n.js}

@@ -1,5 +1,5 @@
-import { h } from './index-DwYM91AU.js';
-import { G as text } from './parts-sA8HBfkI.js';
+import { h } from './index-CV0Pyo1O.js';
+import { B as text } from './parts-DrquDBSk.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/esm/form-control-help-text.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DwYM91AU.js';
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
 
 const FormControlHelpText = class {
     constructor(hostRef) {

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

@@ -1,19 +1,23 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
+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 { a1 as inputGroup, l as label, Y as inputAdornment, b as inputInvalid, X as inputDisabled, a as inputFocused } 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 { a0 as inputGroup, V as label, W as inputAdornment, R as inputInvalid, S as inputDisabled, T as inputFocused } from './parts-DrquDBSk.js';
+import { F as FormControlHelpText } from './form-control-help-text-B-aaeX6n.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
 
 const MonetaryInputProvisioning = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
         this.isFocused = false;
+        this.errorText = '';
+        this.defaultValue = '0';
+        this.inputHandler = () => { };
         this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -62,10 +66,10 @@ const MonetaryInputProvisioning = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '5dc9ad5ec4f9af9bb4afec0d5265a35c52167721' }, h("div", { key: '03efd5093d0176772bbcb070b8e580c1c027ed0e', class: "form-group d-flex flex-column" }, h("label", { key: '153721fcb4f29fca302512ecc29b8bc30e5f6aa3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '16250c5429d1047febcdd056b55a38a09441fcbd', class: "input-group" }, h("span", { key: '12d29ec8820f21bfa2ba7ae25217cb9bf3944cb8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '9eb4547dba64f8979b30e8d212b7e0576c3b4491', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'c6601c7cc606c915bf3c01535bd907d4990ea0ca', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '89634f2156d5aae538e700f16554451120ec8a6d', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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-DwYM91AU.js';
-import { b as inputInvalid, X as inputDisabled, a as inputFocused, c as input, l as label, Y as inputAdornment } 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 { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
+import { R as inputInvalid, S as inputDisabled, T as inputFocused, U as input, V as label, W as inputAdornment } from './parts-DrquDBSk.js';
+import { F as FormControlHelpText } from './form-control-help-text-B-aaeX6n.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
 import { f as formatCurrency } from './utils-CDaVtz_6.js';
 import './dinero-HXpYMWUU.js';
@@ -9,8 +9,8 @@ import './dinero-HXpYMWUU.js';
 const MonetaryInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.defaultValue = '0';
         this.formatRawValue = (value) => {
@@ -49,10 +49,10 @@ const MonetaryInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '26420a8cfbf1b2e121a62971060603aa83cf3e70' }, h("div", { key: '59c4042f4b6c7c0116af7b2cf3194924be87d8b5', class: "form-group d-flex flex-column" }, h("label", { key: '37454ea79c867986b12aa1b0acb63041e10c47d9', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '005a9bafecbcf6de1629f56562a6fb2588749ef5', name: this.name, helpText: this.helpText }), h("div", { key: 'd1a12b4c4e444b788e8a96a23c1ca12c3b02f90e', class: "input-group" }, h("span", { key: 'e4100991c98e073d559a4378340288829bca8e63', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'b14b182e5df0eb3cf7a5fd4abd7eda4969e9413c', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e83c01fe72f78306203ff6662c47f2db56f9e5eb' }, h("div", { key: '2763732191437c92edd551b75da1eeb2fc03d079', class: "form-group d-flex flex-column" }, h("label", { key: '923fbb823f00a52308d3e7450a136dcbb1c1b214', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '3f3dc06c3cea6478ebe66d0ae0c36532a2c9de26', name: this.name, helpText: this.helpText }), h("div", { key: 'ed01d39c77eccced675f08626cfaf19d0bbd6e65', class: "input-group" }, h("span", { key: 'b29263f7ff45ba093d3c3f1bf256e19002d64bcb', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '4a842881767f8bacba8330b2b20e33c51ca6eeb3', 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: '4fd052b178da46d734bdbd88f063dd1ed021d47e', 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: '828447aed9364496041d38539bf9446a8055d709', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,19 +1,21 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
+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 { 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 { R as inputInvalid, S as inputDisabled, T as inputFocused, U as input, V as label } from './parts-DrquDBSk.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
-import { C as CountryCode } from './Business-B5rtFhtR.js';
+import { C as CountryCode } from './Business-GgW1g7FQ.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { b as countryOptions, c as countryLabels } from './country-config-BQ4D46Lb.js';
+import { b as countryOptions, c as countryLabels } from './country-config-D-9YmU94.js';
 
 const NumberInputMasked = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
         this.isFocused = false;
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -69,10 +71,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: 'b9cd5f622f3473b22f48ee939884199f4102aa02' }, h("div", { key: 'c7ac55bf53f9b069a0f1997faee9df04b5efc48f', class: "form-group d-flex flex-column" }, h("div", { key: '344f29000db4d633073536530f3fd312a7c65000', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c58e246347c2bb8da3dafa10aeca23290ebdcbd2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7a32bf62aea68cca9a86f07e28ca58a0f386fdf4', helpText: this.helpText })), h("input", { key: '033f6ab25c31f4386733195a281de935b39aa7e5', 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: '01ecae80e5d67d45a2c954ededea51d1db41aafc', 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: '9238f8d110a09bed1f5172991ed951399ea520b3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,7 +90,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: '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 })))));
+        return (h(Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', 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: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', 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: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', 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: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', 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: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', 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 +107,7 @@ const IdentityAddressForm = class {
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        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"]

package/dist/esm/{owner-form-core_2.entry.js → form-control-number_3.entry.js}

@@ -1,17 +1,69 @@
-import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js';
-import { F as FormController } from './index.esm-IWS0494Y.js';
-import { O as Owner } from './Business-B5rtFhtR.js';
-import { i as identitySchemaByCountry } from './business-identity-schema-B7VTDF4j.js';
-import { B as Button } from './button-Bpf3VX8Q.js';
-import { Z as heading3, l as label, X as inputDisabled, ah as buttonSecondary } from './parts-sA8HBfkI.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
+import { al as inputInvalidAndFocused, T as inputFocused, R as inputInvalid, U as input, V as label, Y as heading3, S as inputDisabled, ag as buttonSecondary } from './parts-DrquDBSk.js';
+import { F as FormControlHelpText } from './form-control-help-text-B-aaeX6n.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
+import { F as FormController } from './index.esm-IWS0494Y.js';
+import { O as Owner } from './Business-GgW1g7FQ.js';
+import { d as identitySchemaByCountry } from './business-identity-schema-BTyJz7M9.js';
+import { B as Button } from './button-DMeChykB.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-D3y0TzH9.js';
-import { c as countryLabels } from './country-config-BQ4D46Lb.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CzWCJ849.js';
+import { c as countryLabels } from './country-config-D-9YmU94.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-iamDi5JD.js';
-import './business-form-options-D6s5H4RI.js';
+import './schema-validations-CfHWzMvr.js';
+import './business-form-options-DamBLV7N.js';
+
+const NumberInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
+        this.disabled = false;
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        if (this.isFocused && this.errorText) {
+            return inputInvalidAndFocused;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: '6f21df9000033747331d4f8633ad8ee9cf02ec98' }, h("div", { key: 'd55ae7c8e2cb411909f82373933e7607bd786ae2', class: 'form-group d-flex flex-column' }, h("label", { key: '1d984246cbda85fdf6a7e2d5b534c39361a0b479', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '80aa0ddaf5be104c3a60e7700ac23e2c53c42d76', 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: '1163face94f9b1bbe59c53f8ddad4d7ef0c58945', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1db87aa5f5a07c3e19f9d674835cb48f222ad18a', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
 
 const BusinessOwnerFormCore = class {
     loadingWatcher() {
@@ -19,10 +71,10 @@ const BusinessOwnerFormCore = class {
     }
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event");
-        this.errorEvent = createEvent(this, "error-event");
-        this.formLoading = createEvent(this, "formLoading");
-        this.ownerSubmitted = createEvent(this, "ownerSubmitted");
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
         this.isLoading = false;
         this.errors = {};
         this.owner = {};
@@ -158,7 +210,7 @@ const BusinessOwnerFormCore = class {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
+        return (h("form", { key: '5079338a3b1720972aeb4f691bbe71f4bdbd5265', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ef3529f5a5f20887ebf76e1bdbcfc0d600d2194c' }, h("legend", { key: '98e22b398e183b24764847f29f080c28d6f384cd', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'ff96fb21b19e16bba1a305049532925d5bafc6c8' }), h("div", { key: '9bf142327aef21bf90947b78574dcd5ded66a1eb', class: "row gy-3" }, h("owner-form-inputs", { key: '7f221b6ebf61c7c383d1d5eb74d8c3a676b12b4d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '48235d4d36e92cfa969843c133c93e28fb09c756', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '6f281255b5d358fc4e4322d0de9954a010850dda', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'f99d77f92cbab79eccbceef884cd6c17c20abeec', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'fabafc136209bb82a72da8de183897358faca256' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -177,17 +229,17 @@ const BusinessOwnerFormInputs = class {
         };
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '2dea97a8711ac74a5973bab13ffa9d0cbe5cdac4', class: "row gy-3" }, h("div", { key: 'c666e5f65e175db737c2192e2e83f80eb0df3633', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a598efd8f1e898335dae5527cb1b39fc348112e4', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'caadd033a1c510ce222b8b45408677dfd69463bf', class: "col-12 col-md-4" }, h("form-control-text", { key: '8b65c536b51f0d3ab50fef8a5a33b5031eb57af4', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b2011382dd1d5ebb060fb9c09a402aacdb3c1778', class: "col-12 col-md-6" }, h("form-control-text", { key: '3d540ddff95a999de1329bceaf9bc059d6128963', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0bcad2552b4adb76549649b249e33f329bfdf85b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8c26d1e8b350fce2c03836fdef244f4b28117d76', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c6fcb2e3972cc6b32c2ea1ef125ad49c4fe084b7', class: "col-12 col-md-4" }, h("form-control-date", { key: '549fb157eaa9a91f446522e48cb90b0b750c0a91', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '728304b41b7083df8cc8cec50f3d22681497b484', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        var _a, _b, _c;
+        return (h("div", { key: 'f41ae773bd80ec556fe7e1614aa590af09e90a05', class: "row gy-3" }, h("div", { key: 'ceeeefb13ae8eda332287e18b20b8eb1706f21fd', class: "col-12 col-md-8" }, h("form-control-text", { key: '43dc7b751bd879f3e07572df0e02a46ad1e3a2f7', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '648a5e78c5d98d69d5331cf70e322b69ad1d2533', class: "col-12 col-md-4" }, h("form-control-text", { key: '26ecf926fb49ab4caf192b6c7b9f3da8a13f13a1', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '056a8fa4b4e226efaa64f7eb05dea86ef2d941b2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ea2dfc1520ad5cf58a7c3a0df591f9b8ed354da5', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'afd1ec4c08af88870d5e732c5b2117c123b7f51e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '97a51652ea2dfd3372ae9f3300c18da6e901ab88', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3da7a2c8e404873a3092f2d563d687d142b32b10', class: "col-12 col-md-3" }, h("form-control-date", { key: '3d5bf80638e42d85b34e286e6ffcfee87a9bd047', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '91b4e9ad10a8b7a5527c6593309cf4c6967efdc8', class: "col-12 col-md-3" }, h("form-control-number", { key: '5b98ffbc9d24dbe13c0303ddbaa3c94c7a166f95', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: 'fdf8ebe63498e9be394e251f3b44d6ef93dce5b8', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '9496ee53f65c46f66437817fd7ec80a48ce7d000', class: "col-12" }, h("justifi-identity-address-form", { key: '55463847557a8d8285a5be69ba0b5ab77f3749af', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: 'a6f1e2810777e1a7d01ce48ce45b88cec6937c3f', class: "col-12" }, h("justifi-identity-address-form", { key: '0e17fdedad9e82953681c254e5c30217bdf3b022', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 };
 
-export { BusinessOwnerFormCore as owner_form_core, BusinessOwnerFormInputs as owner_form_inputs };
+export { NumberInput as form_control_number, BusinessOwnerFormCore as owner_form_core, BusinessOwnerFormInputs as owner_form_inputs };

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

@@ -1,12 +1,15 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
-import { a7 as inputRadioInvalid, a8 as inputRadioCheckedFocused, a9 as inputRadioChecked, aa as inputRadioFocused, ab as inputRadio, l as label } from './parts-sA8HBfkI.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
+import { a6 as inputRadioInvalid, a7 as inputRadioCheckedFocused, a8 as inputRadioChecked, a9 as inputRadioFocused, aa as inputRadio, V as label } from './parts-DrquDBSk.js';
 
 const RadioInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.inputHandler = () => { };
+        this.disabled = false;
+        this.errorText = '';
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -30,10 +33,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '8cb1ec6909bc2cf40e12a9571c2eafccf26b11ae', class: 'form-group d-flex flex-column' }, h("div", { key: 'c87254a83f9e5c025d956b1267430481eddc8611', class: "form-check" }, h("input", { key: 'c688c8ee6fb43bc1766196c54f097b6f020682dc', 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: '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 })));
+            }, 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: '4a73f2c14311e08485bd8da49fb46dea05e50e26', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'e1e539af6cf24db6dd6411eea872a174a5a4e80c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fa206e7d1300cc9ef5386efb26e5a2d4eedab149', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -1,13 +1,13 @@
-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, X as inputDisabled, a as inputFocused } from './parts-sA8HBfkI.js';
-import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
+import { U as input, V as label, R as inputInvalid, S as inputDisabled, T as inputFocused } from './parts-DrquDBSk.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        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: () => {
+        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: () => {
                 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: '99abaaa766c1270cf1cfd926320d343393b13d1d', 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: '441e66367708e5653b483acd6a9834da391a6a0c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -53,8 +53,8 @@ const SelectInput = class {
 const TextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
@@ -88,10 +88,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: 'ab2547726a7cdf84fae2970e14e5e22164a8db9f' }, h("div", { key: '2ca8d50630ae66298384e3e574cec92be7eb2120', class: "form-group d-flex flex-column" }, h("div", { key: '6683fc8418f4f59db60b3d94eca0795b2f7ec23e', class: "d-flex align-items-start gap-2" }, h("label", { key: '46c5670107fff83d643b23e6b570199c21c39c07', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7c42abe6644ef89c0c964717a5fedb63993beed8', helpText: this.helpText })), h("input", { key: 'c484eaa0ad7e01299ece5fcd5b783a7bdedb4dc4', 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: '602fc385905ba52c551aa73ef71e29f0ef16084e', 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: 'e5f1a634eaa8684106d500245282685016dd38c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{get-business-Xt7B5dSo.js → get-business-BMB2IxN_.js}

@@ -1,4 +1,4 @@
-import { B as Business } from './Business-B5rtFhtR.js';
+import { B as Business } from './Business-GgW1g7FQ.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

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

@@ -1,9 +1,9 @@
-import './config-state-C2NXATwF.js';
+import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { P as Payment } from './GooglePay-NNHE-OLJ.js';
+import { P as Payment } from './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

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

@@ -1,10 +1,10 @@
-import { A as Api } from './Api-Dln8a6No.js';
+import { A as Api } from './Api-ohkSjyhl.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './GooglePay-NNHE-OLJ.js';
+import { S as SubAccount } from './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
-import './config-state-C2NXATwF.js';
+import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.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 { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.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 { E as ErrorState } from './utils-DhCv62Pi.js';
+import { S as Spinner } from './spinner-ACMfJh3a.js';
 import './dinero-HXpYMWUU.js';
-import './parts-sA8HBfkI.js';
+import './parts-DrquDBSk.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11000,7 +11000,7 @@ Chart.register(plugin_colors, BarController, BarElement, CategoryScale, LinearSc
 const GrossPaymentChartCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
+        this.errorEvent = createEvent(this, "error-event", 7);
         this.loading = true;
         this.errorMessage = '';
     }
@@ -11062,7 +11062,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        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)));
+        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)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

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

@@ -1,5 +1,5 @@
-import { h } from './index-DwYM91AU.js';
-import { I as heading1 } from './parts-sA8HBfkI.js';
+import { h } from './index-CV0Pyo1O.js';
+import { C as heading1 } from './parts-DrquDBSk.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-C5jS39cE.js → header-3-Ck64YtdM.js}

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