@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/cjs/{form-control-number-masked_3.cjs.entry.js → form-address-fields_3.cjs.entry.js}

@@ -1,15 +1,28 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var index$1 = require('./index-1MT3Z4XI.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
-require('./event-types-YOY5TKUN.js');
 var Business = require('./Business-oBifyXkW.js');
 var utils = require('./utils-DAyWinG2.js');
 var countryConfig = require('./country-config-D7fss2oF.js');
+var index$1 = require('./index-1MT3Z4XI.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
+require('./event-types-YOY5TKUN.js');
+
+const FormAddressFields = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.country = Business.CountryCode.USA;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const labels = countryConfig.countryLabels[this.country];
+        const options = countryConfig.countryOptions[this.country];
+        return (index.h(index.Host, { key: 'e29f7f83cadc904cfc99431b72503ec7db545d0d' }, index.h("div", { key: 'f12e1246925a1a1fbfe25e07144aee46f698c24f', class: "row gy-3" }, index.h("div", { key: '109e36cc204e6798d8c4698aa92872226a885020', class: "col-12" }, index.h("form-control-text", { key: '9d458a0cad4fd33ac5ab1211a0930e23109cbe6c', 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." })), index.h("div", { key: '7001ca8f0f123d3bd6c819b51bcd9859c138875d', class: "col-12" }, index.h("form-control-text", { key: '47b8ffbf8e14d731187dfa6903ccc50ef7719eca', 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 })), index.h("div", { key: '24795c8373dfb546e7bb9bd841646a24455c72af', class: "col-12" }, index.h("form-control-text", { key: '124aab7c415c972f010b98eca83e9eef51f96f33', 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 })), index.h("div", { key: 'b710a554fa639a3c0a7a31661379b480a537d776', class: "col-12 col-md-6" }, index.h("form-control-select", { key: '3bca33f351147286fa34fdff51f0cfd9b5443658', 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 })), index.h("div", { key: 'b869501766aa4482e9ea9edda29af9ecd05fac0e', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '29b3412e69ee4bf83bf211fa3f8395d6d80fde2d', 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 === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
+    }
+};
 
-const NumberInputMasked = class {
+const FormControlNumberMasked = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -73,29 +86,16 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '6fc95da2f8a43f319b11205b6d27b5e24b1e2586' }, index.h("div", { key: 'b51ae7976fee61e38d6f00f31cfaa835733db5f3', class: "form-group d-flex flex-column" }, index.h("div", { key: '16aed34d97424e168fa74d1fdb5757537f56b4b1', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7b1fdf28df1ab377b1b756746fb73f42085baa42', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '391b4373fcb966ba8c65c617167f044bd0d901f1', helpText: this.helpText })), index.h("input", { key: 'fb893ef4da1e43f72031baef93aa2c5a3a1632b9', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'c70d3fcce4d3e1e120008b03a708bb3d1038777b' }, index.h("div", { key: 'fc3c3cf5637121a7c6f662649a1b3910ec503afa', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c06e87a0d72942e421c37ab406b7f71d4e7f2c54', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'eedeec0161e3085cd65ea08b3fb4517ff62c6ffc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '9fb05bd91836ca51750f30a714a7940493bfad8b', helpText: this.helpText })), index.h("input", { key: 'ef12caf83b42b0de0c33ece690bdd927b9b9a02c', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'b67a3581cb5058971fb2f356a181ca8f0de2a9eb', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
-const FormAddressFields = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.country = Business.CountryCode.USA;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const labels = countryConfig.countryLabels[this.country];
-        const options = countryConfig.countryOptions[this.country];
-        return (index.h(index.Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, index.h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, index.h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, index.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." })), index.h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, index.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 })), index.h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, index.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 })), index.h("div", { key: '407eac6eee8ca33a6648f2d1a45003961353f877', class: "col-12 col-md-6" }, index.h("form-control-select", { key: 'c598b24e0dc594ae725a7473212a6ed36102ce49', 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 })), index.h("div", { key: '49861d791272c745f881d19016b93885ce59f724', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '90b9db4630dd4fad7e86151f2a632cd62b8509f3', 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 === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
-    }
-};
-
 const IdentityAddressForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -109,13 +109,13 @@ const IdentityAddressForm = class {
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (index.h(index.Host, { key: '1b644425472c68880a9be150d52029a64d75ea26' }, index.h("justifi-form-address-fields", { key: 'd5e95bc81c654d00a0fcac4760705bd21b3b8c8d', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (index.h(index.Host, { key: '98aa8fad1d8e4fef6f015968dea21d6a3257ad9c' }, index.h("form-address-fields", { key: '24f34471d209fc94bb00ce9b47b6018ba57019a7', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]
     }; }
 };
 
-exports.form_control_number_masked = NumberInputMasked;
-exports.justifi_form_address_fields = FormAddressFields;
-exports.justifi_identity_address_form = IdentityAddressForm;
+exports.form_address_fields = FormAddressFields;
+exports.form_control_number_masked = FormControlNumberMasked;
+exports.identity_address_form = IdentityAddressForm;

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlHelpText = require('./form-control-help-text-Bo9d_mCH.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlHelpText = require('./form-control-help-text-BdbTxD5g.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
 require('./event-types-YOY5TKUN.js');
 
-const CheckboxInput = class {
+const FormControlCheckbox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -42,11 +42,11 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, index.h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, index.h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, index.h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, index.h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, index.h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', errorText: this.errorText, name: this.name }))));
     }
 };
 
-exports.form_control_checkbox = CheckboxInput;
+exports.form_control_checkbox = FormControlCheckbox;

package/dist/cjs/form-control-date.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
 require('./event-types-YOY5TKUN.js');
 
-const DateInput = class {
+const FormControlDate = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -49,14 +49,14 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '85a09c6f209dbfbf3fd319953e65c189a9b7459b' }, index.h("div", { key: 'e133720b466b49bcdfd79bf84e865b4d99d5d37d', class: "form-group d-flex flex-column" }, index.h("div", { key: '80e2986fb137ab7067451a9c62e685e340e32976', class: "d-flex gap-2" }, index.h("label", { key: 'c6402fdecf21a836987b5a8ddb597d90e21a1926', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '314f8cb1d8715da046c47b66815bf37c1506ed3e', helpText: this.helpText })), index.h("input", { key: '5591aa3f855ae88394fabaf127ae1fe587c7e0a5', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '4bde5edec967df1c66865f5f20d24fa386e261ff' }, index.h("div", { key: 'fa0a944cd5d06f7e705737bd7fa98d80b8fd1555', class: "form-group d-flex flex-column" }, index.h("div", { key: '44dcf29339d380087fe7a98173a2033d16ad6764', class: "d-flex gap-2" }, index.h("label", { key: '8a0a38ace6f4a3db0388013f12381d4afec000bd', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'c9105a132a81408c304ab24f08c559289d68648b', helpText: this.helpText })), index.h("input", { key: '7938856aa5c1dca7d6c1ce89b3318eec3055348a', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '39864e02b813e9a4a46f9d42c5288dea14f934b7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '5e523b911d4b4810c7512c4dda63a3204eabb11a', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
-exports.form_control_date = DateInput;
+exports.form_control_date = FormControlDate;

package/dist/cjs/{form-control-error-text-C4Wqr79O.js → form-control-error-text-BO58Y6zF.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
+var parts = require('./parts-BXshb_S-.js');
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
-var parts = require('./parts-WjOn_TIy.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
+var parts = require('./parts-BXshb_S-.js');
 
-const FileInput = class {
+const FormControlFileV2 = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -14,12 +14,12 @@ const FileInput = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '9ae20e0fa6175e68642be79ada4f3464631be680', exportparts: "label,input,input-invalid" }, index.h("div", { key: '607cd1269298725d8f4300f1b56adb945c361067', class: "form-group d-flex flex-column" }, index.h("div", { key: '5490713d71075bf5a273ec1e39d3a7db525d11ff', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '1fcac0b30532d33c296884133991d72dfdbddd37', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e06af0a48fb6dacc82f3730fb7f39b180a3375a3', helpText: this.helpText })), index.h("input", { key: '7ec47dbbad4a53b3ac6f513e82c67c27ce54498c', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '265cfe1af1dcebdca02b538872b4f2c4a6c57309', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '5df12f5dc87f1c7d5b18676a9d4a7b257719b2fa', exportparts: "label,input,input-invalid" }, index.h("div", { key: '57b02e11bd44c405635a2f6253637b288bafdd41', class: "form-group d-flex flex-column" }, index.h("div", { key: 'd62f4ae4183e33af3105d76d0180ebe0f54983e5', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '82d8b58d0147f4fc6302c3852a44a73d9fcf34e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ec4e21a9d4105b751b099378ce49c55a95ef36b2', helpText: this.helpText })), index.h("input", { key: '332527088f01b11bb06af38c73f39d3040d925b7', 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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'd7caedcf4b1263e3c133310312374bc6d61b82c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
 
-const TextInput = class {
+const FormControlTextarea = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -64,10 +64,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '361916c679e9bead548bb19080d7365a83dfe444' }, index.h("div", { key: '5c562f95399854ad9855281067d90b5378b10f36', class: "form-group d-flex flex-column" }, index.h("label", { key: '93617701dac9c5e181bfc781336fa88341731b9b', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '342904cb39293458fb7fc2c951539e39f7eaff8b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, index.h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, index.h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.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 }), index.h("form-control-help-text", { key: 'fd9b7d6b6eab0a78d92efb06d0dcdb3c07ed69f0', helpText: this.helpText, name: this.name }), index.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 }), index.h("form-control-help-text", { key: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -75,5 +75,5 @@ const TextInput = class {
     }; }
 };
 
-exports.form_control_file_v2 = FileInput;
-exports.form_control_textarea = TextInput;
+exports.form_control_file_v2 = FormControlFileV2;
+exports.form_control_textarea = FormControlTextarea;

package/dist/cjs/{form-control-help-text-Bo9d_mCH.js → form-control-help-text-BdbTxD5g.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
+var parts = require('./parts-BXshb_S-.js');
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -3,12 +3,12 @@
 var index = require('./index-p7cvUYAE.js');
 var index$1 = require('./index-1MT3Z4XI.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlHelpText = require('./form-control-help-text-Bo9d_mCH.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlHelpText = require('./form-control-help-text-BdbTxD5g.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
 require('./event-types-YOY5TKUN.js');
 
-const MonetaryInputProvisioning = class {
+const FormControlMonetaryProvisioning = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -68,14 +68,14 @@ const MonetaryInputProvisioning = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, index.h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, index.h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, index.h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '3bfa76f9374c9e9c08ae44dfc3a579fc07a9292d' }, index.h("div", { key: 'd7f92783fa26877f673963237b67be2f3dc7eb2b', class: "form-group d-flex flex-column" }, index.h("label", { key: 'd2adedb97996bac860c3161548652f83a65c6c26', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: 'be26aeee918412b59d296f18da7d81dfcbfd6a69', class: "input-group" }, index.h("span", { key: 'a4fca49f6a2d274e7609d86030553100d94bbd7a', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '551ea231e6af58ef27ed186905db553d90e1f1c8', 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 })), index.h(formControlHelpText.FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', 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 })), index.h(formControlHelpText.FormControlHelpText, { key: 'd66e64755451907a6a2593babc6c4e9766cf3025', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'ff373668801ac2c1eb30f515a2f7f6fb7c04387f', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
-exports.form_control_monetary_provisioning = MonetaryInputProvisioning;
+exports.form_control_monetary_provisioning = FormControlMonetaryProvisioning;

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

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlHelpText = require('./form-control-help-text-Bo9d_mCH.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlHelpText = require('./form-control-help-text-BdbTxD5g.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-BHi4j5rB.js');
 require('./dinero-BwNN_k7x.js');
 
-const MonetaryInput = class {
+const FormControlMonetary = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -51,14 +51,14 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '9fcce717caf2a14382e8a66c07a023ec31bffce0' }, index.h("div", { key: 'a5ef7195ec5904764f69c2987b1d1878a2d5be8d', class: "form-group d-flex flex-column" }, index.h("label", { key: '75cf2a0d4790426df3956a69ea2483aba3e232ec', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'daabe1b4779cea9af67b5bafcc8244d32bcc4775', name: this.name, helpText: this.helpText }), index.h("div", { key: 'fbe335cf9e131842e9218befcf51535d1012f4f1', class: "input-group" }, index.h("span", { key: '389b0a9697af6e81b350c41956bc36033dc151a2', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '28a854f05c8a2476002b22baf5c5958fac9a4ec2', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'c91bf2d63e4cd717dfc472f5b16dac9c3e9fdd69' }, index.h("div", { key: '8f1eaae0f9dfbcc97adf788a5b955824dc68dbd2', class: "form-group d-flex flex-column" }, index.h("label", { key: '1965936a9e14612fdb8aec07e0def943e1e1344a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'dd517aee7a39c71c1fe98b6c53a4528c9d3826d5', name: this.name, helpText: this.helpText }), index.h("div", { key: 'bb62ed9e6c9db38f39581d7f86483a242330c295', class: "input-group" }, index.h("span", { key: '5a358beea95c1eed695b8ca5e5f9a7a82b0864b1', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '5c37a1edb6a229634536c2c7ad4cb4c2cfff211b', 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 })), index.h(formControlErrorText.FormControlErrorText, { key: 'cfbdf17dcc9d55951ec39951f236cb0a5242e8cc', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '5cb05fe585766d5f037c33d86485a6002894c781', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
-exports.form_control_monetary = MonetaryInput;
+exports.form_control_monetary = FormControlMonetary;

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

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlHelpText = require('./form-control-help-text-Bo9d_mCH.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlHelpText = require('./form-control-help-text-BdbTxD5g.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
 require('./event-types-YOY5TKUN.js');
 var index_esm = require('./index.esm-C1ZPG85l.js');
 var Business = require('./Business-oBifyXkW.js');
 var businessIdentitySchema = require('./business-identity-schema-DWWtSiUF.js');
-var button = require('./button-DAbSQPoU.js');
+var button = require('./button-CR9Rl1-o.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
 var inputHandlers = require('./input-handlers-_51J5q7J.js');
@@ -17,7 +17,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
 require('./schema-validations-_yWWnnaG.js');
 require('./business-form-options-D_nM7NDk.js');
 
-const NumberInput = class {
+const FormControlNumber = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -56,10 +56,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '3438aa7e29c62b01f202cfb83f3b23c6b71d9a83' }, index.h("div", { key: '2af4fa9f963e16f68fe0d3a4a7ff73165946306e', class: 'form-group d-flex flex-column' }, index.h("label", { key: '1d7bf268b70b9be39256020873978aac019a17b7', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '4dbb9f25278df06fd483e25ba4d9855943186090', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '07b767b8c9091079f121d1df2b552c7d406f47b1' }, index.h("div", { key: '1c6c234435bb5571d3bbf5123f6f47cf51b095d6', class: 'form-group d-flex flex-column' }, index.h("label", { key: '883c05703351e32c7e12dbf7d984f888825606e3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.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 }), index.h(formControlHelpText.FormControlHelpText, { key: 'fd72f2218b307641bcb8f3584f3b5db11303cfff', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.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 }), index.h(formControlHelpText.FormControlHelpText, { key: '26133a236b3c8b2cc14dce1c1244f3b1a9163605', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'e69f03f593e1632fada2d1f6dd56aaf5612a2da7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -67,7 +67,7 @@ const NumberInput = class {
     }; }
 };
 
-const BusinessOwnerFormCore = class {
+const OwnerFormCore = class {
     loadingWatcher() {
         this.formLoading.emit(this.isLoading);
     }
@@ -212,14 +212,14 @@ const BusinessOwnerFormCore = class {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (index.h("form", { key: '5079338a3b1720972aeb4f691bbe71f4bdbd5265', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: 'ef3529f5a5f20887ebf76e1bdbcfc0d600d2194c' }, index.h("legend", { key: '98e22b398e183b24764847f29f080c28d6f384cd', class: "fw-semibold fs-5", part: parts.heading3 }, this.formTitle), index.h("br", { key: 'ff96fb21b19e16bba1a305049532925d5bafc6c8' }), index.h("div", { key: '9bf142327aef21bf90947b78574dcd5ded66a1eb', class: "row gy-3" }, index.h("owner-form-inputs", { key: '7f221b6ebf61c7c383d1d5eb74d8c3a676b12b4d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), index.h("div", { key: '48235d4d36e92cfa969843c133c93e28fb09c756', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: '6f281255b5d358fc4e4322d0de9954a010850dda', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: 'f99d77f92cbab79eccbceef884cd6c17c20abeec', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: 'fabafc136209bb82a72da8de183897358faca256' }))));
+        return (index.h("form", { key: '6705c84411498ae63ac74d8e1591244ad4aad1e2', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: 'd07a5ebef58a3324dd122da2b0cdebdee10ad2e5' }, index.h("legend", { key: 'dc334d9a75b88a887d393e2c6fd50fcea3b15d22', class: "fw-semibold fs-5", part: parts.heading3 }, this.formTitle), index.h("br", { key: '54e3d33a5ce1399d0f35196d80ae3261016d2cd6' }), index.h("div", { key: 'a9f23ec75a53751db207e1bdb1e55afc53b28e4e', class: "row gy-3" }, index.h("owner-form-inputs", { key: '37b6df39ba21b4238790f4e8707514931c24c525', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), index.h("div", { key: 'f057d4176ddd6e07074bedffed5c46ee67c3d492', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: '3a5060f48638d82c5df9fbae449717dbee3315ae', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: '02608516d0ebc2df452c0f592b62cebd7033a88b', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: '842817aafad086dd27357e0050ccd8cacd2055ff' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
     }; }
 };
 
-const BusinessOwnerFormInputs = class {
+const OwnerFormInputs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.isEditingIdentification = false;
@@ -232,18 +232,18 @@ const BusinessOwnerFormInputs = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'f41ae773bd80ec556fe7e1614aa590af09e90a05', class: "row gy-3" }, index.h("div", { key: 'ceeeefb13ae8eda332287e18b20b8eb1706f21fd', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '43dc7b751bd879f3e07572df0e02a46ad1e3a2f7', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '648a5e78c5d98d69d5331cf70e322b69ad1d2533', class: "col-12 col-md-4" }, index.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." })), index.h("div", { key: '056a8fa4b4e226efaa64f7eb05dea86ef2d941b2', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'ea2dfc1520ad5cf58a7c3a0df591f9b8ed354da5', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'afd1ec4c08af88870d5e732c5b2117c123b7f51e', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '97a51652ea2dfd3372ae9f3300c18da6e901ab88', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '3da7a2c8e404873a3092f2d563d687d142b32b10', class: "col-12 col-md-3" }, index.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) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '91b4e9ad10a8b7a5527c6593309cf4c6967efdc8', class: "col-12 col-md-3" }, index.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 })), index.h("div", { key: 'fdf8ebe63498e9be394e251f3b44d6ef93dce5b8', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h("div", { key: '23441b62bcb42f0ca9d8e361242310564b8a3ed7', class: "row gy-3" }, index.h("div", { key: 'ae42abf0f8edda6bd715278857657029a2855336', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'b83f35442a6354461cf583dd23b48d047656ffd6', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '15ab3b55445533d65553e075e8471a95556702e9', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'eff52904d3c8eadbafe1e6ca0dc29894846e74ad', 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." })), index.h("div", { key: '0f2d385f6aaede51cc519c9e2fac75f041d5ab42', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '5b27e9343f3d3ca5706d2d294d7ab9fe5e15ab28', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '811751b44ff2290f95d9fb9874c5bd2c6ca89a42', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '07f32b1711d2977fa5e7abd2aad21d4c6b47bb1e', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'db8254d91e059fb610f607d5e905a970509497f7', class: "col-12 col-md-3" }, index.h("form-control-date", { key: '7f3001fa6e204f7307d758f595594838c792a301', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '90e1846c32df8b94dd0ea13950daf0bebaf81c13', class: "col-12 col-md-3" }, index.h("form-control-number", { key: '6c43d8dcb99b411b02f67f6100db5ce85b750eb9', 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 })), index.h("div", { key: '4e28b49a6bf1eee3fa78422dd5f7d88917b87a75', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 inputHandlers.updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), index.h("div", { key: 'a6f1e2810777e1a7d01ce48ce45b88cec6937c3f', class: "col-12" }, index.h("justifi-identity-address-form", { key: '0e17fdedad9e82953681c254e5c30217bdf3b022', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), index.h("div", { key: '61203d0283d7e335dd559629bab77640e73202a4', class: "col-12" }, index.h("identity-address-form", { key: 'd3f349ba237f771520369198da9e76126498a536', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 };
 
-exports.form_control_number = NumberInput;
-exports.owner_form_core = BusinessOwnerFormCore;
-exports.owner_form_inputs = BusinessOwnerFormInputs;
+exports.form_control_number = FormControlNumber;
+exports.owner_form_core = OwnerFormCore;
+exports.owner_form_inputs = OwnerFormInputs;

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
+var parts = require('./parts-BXshb_S-.js');
 
-const RadioInput = class {
+const FormControlRadio = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -35,11 +35,11 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '4c7fb3b2ece714d07e8b4b8ee7745591d40554bb', class: 'form-group d-flex flex-column' }, index.h("div", { key: '63c62c7ffa6af6a092b1f526251406c0f08243d1', class: "form-check" }, index.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 (index.h(index.Host, { key: '155f8db94cbc78a33daeaace0ea6b9e403d6856d', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'f2c34e5513e584a68c6117775124eeb40d8a4de3', class: "form-check" }, index.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 }), index.h("label", { key: 'a06621a85f0d2c7a4db4ebabbbf8dfab45c9f4a3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '9d2c0d198f186946ab585ccc1488cfdeddfef211', helpText: this.helpText, name: this.name }), index.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 }), index.h("label", { key: '759a69de65a6fc043494d394a118c55b1e948e75', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '18ca0f0b27657d1a159b9eb4839290969f349d7e', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'e4bffdf3cd4596a3b42fb6098be620005d68296e', errorText: this.errorText, name: this.name })));
     }
 };
 
-exports.form_control_radio = RadioInput;
+exports.form_control_radio = FormControlRadio;

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

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
-var formControlErrorText = require('./form-control-error-text-C4Wqr79O.js');
+var parts = require('./parts-BXshb_S-.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
 require('./event-types-YOY5TKUN.js');
 
-const SelectInput = class {
+const FormControlSelect = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -42,17 +42,17 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '649b0ca4cb24c5a179ac01db344d53ac4481dbbd' }, index.h("div", { key: '1976f3076b0cd47ead27e9acc9c71bda01623e56', class: "form-group d-flex flex-column" }, index.h("div", { key: '1610a472997ce0d6c8bb8e3e9e43096cfa442dc3', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'a25d6b0d6d2b51d8e2c61afe945eb9fe3ab0e6d6', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e9a891ffdb7910ac1ac6b94e98042e87f4ae0ad1', helpText: this.helpText })), index.h("select", { key: 'c56535aeb6701fbcb21fc64fdf449f23f8ea8876', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, index.h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), index.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 => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.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 => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
-const TextInput = class {
+const FormControlText = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.formControlInput = index.createEvent(this, "formControlInput", 7);
@@ -90,10 +90,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '5f8effb66b11a0569925e7160a32f043a62f8888' }, index.h("div", { key: 'bf4b6f85fbd183845daf41768b0c5e9e69ff2961', class: "form-group d-flex flex-column" }, index.h("div", { key: 'cc0b6e98179b9492602b8fbbf7a31e852af7806c', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '42a660902f9d062bf461cf51618863fc9cbe6d96', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'b2d8dfaa3ead8544d6ff9c29b990de936ca73fbe', helpText: this.helpText })), index.h("input", { key: 'dd993e2c00a5ce2d08b3de5ef0b37bb35183c90b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '4ab9e7a2c6312b568de8a8ee429ef02f3f792173' }, index.h("div", { key: 'e273e0bc062be883505fe3047d41a741eaf23a44', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a7496dd4f6b5549f26752ca2de35a34c5261e439', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '97480c49cb0fcd3c75d123c6033df4880755baf0', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e2a53e4e15be4f9f739a79afeaf28c3671c14a4d', helpText: this.helpText })), index.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 }), index.h(formControlErrorText.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 }), index.h(formControlErrorText.FormControlErrorText, { key: '44f7c7847a2255ff3ddd83f542ff6690d1aed798', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -101,5 +101,5 @@ const TextInput = class {
     }; }
 };
 
-exports.form_control_select = SelectInput;
-exports.form_control_text = TextInput;
+exports.form_control_select = FormControlSelect;
+exports.form_control_text = FormControlText;

package/dist/cjs/{get-payment-details-Atcodhcd.js → get-payment-details-DNpOyUyR.js}

@@ -3,7 +3,7 @@
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-B_UkFjIV.js');
+var Plaid = require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/{get-subaccounts-BUyf9EhG.js → get-subaccounts-BQW_RPW5.js}

@@ -2,7 +2,7 @@
 
 var Api = require('./Api-Bukk55YZ.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-B_UkFjIV.js');
+var Plaid = require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');

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

@@ -2,10 +2,10 @@
 
 var index = require('./index-p7cvUYAE.js');
 var utils = require('./utils-BHi4j5rB.js');
-var utils$1 = require('./utils-CowQ4GdN.js');
-var spinner = require('./spinner-51BOfCoS.js');
+var utils$1 = require('./utils-8RGQVADu.js');
+var spinner = require('./spinner-C6ZGOB2P.js');
 require('./dinero-BwNN_k7x.js');
-require('./parts-WjOn_TIy.js');
+require('./parts-BXshb_S-.js');
 
 /*!
  * @kurkle/color v0.3.4
@@ -11064,7 +11064,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && index.h(spinner.Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: 'c7c3742fd58fd1cdb31e597276ab25383e7f68f4' }, this.loading && index.h(spinner.Spinner, { key: '91f42ac927a4c47c0ea6cede0909c336ad35b14b' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/{header-1-DR-eAlp1.js → header-1-CsBQoo1f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
+var parts = require('./parts-BXshb_S-.js');
 
 const Header1 = (props) => {
     return index.h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading1 }, props.text);

package/dist/cjs/{header-3-kgnQtxEu.js → header-3-DCYJhPro.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-WjOn_TIy.js');
+var parts = require('./parts-BXshb_S-.js');
 
 const Header3 = (props) => {
     return index.h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading3 }, props.text);