@justifi/webcomponents 5.3.6 → 5.4.1

package/dist/esm/{custom-popper.entry.js → custom-popper_4.entry.js}

@@ -1,4 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
+import { l as label, c as input, b as inputInvalid, $ as inputDisabled, a as inputFocused, ak as tooltip, al as tooltipInner, am as tooltipIcon } from './parts-fd740f54.js';
+import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1875,7 +1877,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '4591c97abf65078bc67a82895364e4e3cf9e85d7' }, h("style", { key: 'bdedcb809a4197f8b40d2c37af00c8bb17028669' }, `
+        return (h("div", { key: '8c840ff88bde2fd2cb7be39772e2b49699d32844' }, h("style", { key: 'b5b1bd1fa8b6f6c76723d014bf96e2ee09fe60f4' }, `
           .popper-content {
             display: none;
           }
@@ -1883,8 +1885,142 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '555995bdc16a697f7b38ba9113b8973b7dae1bbe', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'b71f5d424096805ed2d64ee20f30d63a9044c39c' }))));
+          `), h("div", { key: '80b0e169b33d6679f372f0d34cd2320013485e10', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4892f58a1fb5a98212f6b651f4cecc03ad7c84a2' }))));
     }
 };
 
-export { CustomPopper as custom_popper };
+const SelectInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit(target.value);
+        };
+        this.updateInput = (newValue) => {
+            this.selectElement.value = newValue;
+        };
+        this.isFocused = false;
+        this.name = undefined;
+        this.label = undefined;
+        this.options = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        let part = input;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: 'af57c4172958175f90c0b4fc60c7a0b6c5f16b70' }, h("div", { key: '96f1889ffdfd2501e0f598ef4d73634f88301f8d', class: "form-group d-flex flex-column" }, h("div", { key: '3ad3e13eb068b829974d3a738a9ffd9432ea74bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1effbf4eeb10922f49af14627aef2cee5ed2f23e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a1b9cb3152356f8e3d762b72dc8e7862183e925f', helpText: this.helpText })), h("select", { key: 'd2cfee2048fc3f3f352f065d6c1979b617baf805', 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: '036090be3ce8ab66abe46395fae7d680c5730783', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        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 || '';
+            }
+        };
+        this.isFocused = false;
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        if (this.disabled) {
+            return inputDisabled;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: '1dec875457354695f83386e1644e60590c12779e' }, h("div", { key: '78f295fddd56b9696077ad3a2fcb766b9b6135bd', class: "form-group d-flex flex-column" }, h("div", { key: '5c758bbca8097ec33596366638adff845f4f7b46', class: "d-flex align-items-start gap-2" }, h("label", { key: '31576778adaf535b52584b1643e1cae3699e76c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '328deeda6bbedb37624aad6730d7dd3a9dcc0f1a', helpText: this.helpText })), h("input", { key: 'ac141a2e464e1b0caf10c1434f03744c4e2c557c', 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: '2e826f44513b7f1c8a2eb40cf6141f3e34509ec7', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.anchorIcon = undefined;
+        this.tooltip = undefined;
+        this.helpText = undefined;
+    }
+    show() {
+        this.tooltip.classList.add('show');
+    }
+    hide() {
+        this.tooltip.classList.remove('show');
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
+    }
+};
+
+export { CustomPopper as custom_popper, SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };

package/dist/esm/{dispute.service-97887804.js → dispute.service-8312d46a.js}

@@ -1,9 +1,9 @@
-import { A as Api } from './Api-391d00e2.js';
+import { A as Api } from './Api-52242eb0.js';
 import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
 
 class DisputeService {

package/dist/esm/{event-types-82515a49.js → event-types-1bc52f1f.js}

@@ -1,6 +1,6 @@
 import { h } from './index-29fcfdf5.js';
-import { R as tableEmpty, S as tableError, Q as tableCell } from './parts-2c5c609b.js';
-import { S as Spinner } from './spinner-14cd9ac7.js';
+import { X as tableEmpty, Y as tableError, W as tableCell } from './parts-fd740f54.js';
+import { S as Spinner } from './spinner-27479716.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;

package/dist/esm/form-alert_5.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { U as alertDanger, h as heading2 } from './parts-2c5c609b.js';
+import { _ as alertDanger, h as heading2 } from './parts-fd740f54.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-86a13078.js';
 import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
 import { C as CoreBusinessInfo } from './Business-0855931c.js';
@@ -42,7 +42,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (h(Host, { key: '618736c7be498f1665c5cf4aa470dd90eed52334' }, h("fieldset", { key: 'fae6781f258757e72146d1c99b66654880d72cc0' }, h("legend", { key: '96be34e12f5445c7b67b22c5636c74fc44e7532d', part: heading2 }, "Additional Questions"), h("div", { key: 'cb2ee5e23c714bd950bd586d0cb72cc09489f2d3', class: "row gy-3" }, h("div", { key: 'f0f781b138c954b6ad1f9039d295b5c4134ed8ed', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'df81f8827a2a619570c3664873192219d6a01e7a', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '1a051cae5f83329287f07b9964125757a3fb0965', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'd2662f5858e71554a318d17fb8ee4950ababb781', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '04da123a8656cb50676a3b8981f3d5aba1188cc1', class: "col-12" }, h("form-control-select", { key: '8fcc2ac015c53a82e412f6dfccad4e6759a5d0b6', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'c12eca7ac3d5b58a792fc96dd79bc080ffd0d2f8', class: "col-12" }, h("form-control-select", { key: 'e77bc7b5daab33b00fe098cd0f5200ee200085e9', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '27a94ad5b8fe71c6eb775816422151e3cd865040', class: "col-12" }, h("form-control-text", { key: '5ae2d05e20022b0d8d6b765df38bb0137537d122', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '370e2ced766d57fcada32adff6b67644b164acfd', class: "col-12" }, h("form-control-select", { key: '1155dc7935f4ef243d1beec8136e5ccc10e808eb', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'f303957137b424aa3893d7fca83f239512189b6e', class: "col-12" }, h("form-control-text", { key: '1d5a1fe15fe3e85df4269f5b397e80a22b2f3bd4', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h(Host, { key: '6e2549b906fec8928dae89a4f143916a2b50eff3' }, h("fieldset", { key: '525eab0debf75c3996c45128e9431086e49c3850' }, h("legend", { key: 'adeb6e2a32fb4f9e991d7b4843569116e336743c', part: heading2 }, "Additional Questions"), h("div", { key: '29b55613d32bc434017fc561033c6c9b8800666d', class: "row gy-3" }, h("div", { key: '80c1d6b2c5e52c5fe0f8b9c3591bb315e51f7c55', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: 'e69e6c75d3a6add592e90e3709d7b7ff694ebfe0', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'af0e66f6f647ed7248e0d861707cc378c85b0dce', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: 'e1f6af9f7537bf4d4e96739ff7537be01ca9371c', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'b914a2f8abd79eab79d284f1ece9850f4a417893', class: "col-12" }, h("form-control-select", { key: '8954dfe23f7984810fbae657ac9995e40253b377', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'da533644fd51e8678fc80d49c7db0ce20a803019', class: "col-12" }, h("form-control-select", { key: '06c23865a5bbda38b294dd4edfee6ace942fb732', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: 'bb492db9aea205138ef76cf6fc7c3f686bb41a79', class: "col-12" }, h("form-control-text", { key: 'a3f900076730b504587619ff9c4c13ecce36f541', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'e2f56ae5d9654bdb1077689a1ef59c9047e97bda', class: "col-12" }, h("form-control-select", { key: '697e41186b4c82046e50288594681117bf8dd6fe', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '2e2f5d17b70604b9425997d9e4e0dfafea933448', class: "col-12" }, h("form-control-text", { key: '27d305b06e7bc2d66084c9d04ebb785883564bbd', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -65,7 +65,7 @@ const BusinessCoreInfo = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '0a54d6f8c056defa8cabdb4dc179c163221da666' }, h("fieldset", { key: '4b0c98edb14fd99bdc1b69452f46176d13138521' }, h("legend", { key: 'ffa4420337c8c0007ea50ed903c2708fcda98027', part: heading2 }, "General Info"), h("div", { key: '2e81c755b2f5b8dc881dfac4bb0cb5c61efef68c', class: "row gy-3" }, h("div", { key: '02cd06cd22a47c19fe0f7ef56332946383c8fb09', class: "col-12" }, h("form-control-text", { key: '9eb76d9b46ca559acc02bd74146249c2d3b75032', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6b3e5d12395548523ec27109b3498e17d160ebb5', class: "col-12" }, h("form-control-text", { key: '8ce4c6867f5ca0842b925448196eaae1299663de', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'b66a589959a2ac7095ab87b9d123e79ed31588ab', class: "col-12 col-md-8" }, h("form-control-select", { key: '1ace9df2d442f1fc9411fba5c4f549a3d94f3e04', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '008b69ab22ea29d8555db618734910de2a5d5740', class: "col-12 col-md-4" }, h("form-control-date", { key: '19d75c0375ae52cdf139024aff14d9d8911f7ec3', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'dfa1903977fb2d0f2c7bbc8b990ab67d2040e9b1', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fd7d05bd1401f86eb45b8c647d54714e14f2190a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: 'ae9e24843b6909b288553ec54f99c577b5931417', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a19f2126f9b24d2fb14a5887a8f83b548f36f4ad', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '029aaf6b714d7a0e1240176fe43e9c7d80e256bf', class: "col-12" }, h("form-control-text", { key: 'a81b306b6ab4bbe5bd1aa67ff10a2fd1e9bf092e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '408bc1916656193648b306cad6b3f6bd343ffc3b', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd15350befa68b8125c0d292e6ffe7d2a09af5590', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5835a78ff6cd8e08b364e4d0016df0fdffaa2fb6', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '4a8507cd54812937df751f69b90cc1d3df503de6', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '71096918610aa3068cf89fbf9f3537b7f49942c6' }, h("fieldset", { key: '502e6c3e3ae05256c6e5e8d315b4aa208ce88953' }, h("legend", { key: 'ccbe69b2323e815dc77b2602a96bdc4238fcef03', part: heading2 }, "General Info"), h("div", { key: '19a70fd7a361e5de4c88e14cbff12d88f78233e3', class: "row gy-3" }, h("div", { key: '611bcc2bd35db7b6940a5b7ae53c54b55b855dd6', class: "col-12" }, h("form-control-text", { key: 'a9de594470c896aff0803c34a313c38467f7c82a', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'ed742f64b1c344587127ce94ba1d17206bbdebb3', class: "col-12" }, h("form-control-text", { key: 'abb41f3aa059c180882066e21fe0239838cd9956', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3659fb0dd0419fd4d6f0205bc9e32aef05f56aa1', class: "col-12 col-md-8" }, h("form-control-select", { key: '5bbbe7cd7fe0a7e8788e36855ff18390bf8df301', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '5007e6269c59878e6388164ff8d5163090b87585', class: "col-12 col-md-4" }, h("form-control-date", { key: '4fa7c7f001ced10c746d2891fe3efd8336542907', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'e245a4ac6e0904c9742a0d1d220cb95c9fe63497', class: "col-12 col-md-6" }, h("form-control-text", { key: 'bc7367525a45c221c576f2b31c1a95680a95937a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '6475831320818242eda7ac045dcdd076fbc4245c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd68e8046fa42f4d5976aa44a7769b14fc4cda416', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f59cda0241c1ad92d0d995e330b92079ba75737f', class: "col-12" }, h("form-control-text", { key: '8243464d1c75897c1e3423e5045f34b81b425a9e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'c65251b25e0996277f7d0e11d25d6340ccfc11e7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fe3a4eff53786f49fbfe24afb048f861bf7a469a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b1d909e5f937dcbbac0082b293571904c0c81396', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '83238873cbd8ccc08a5c3af1bd87a7965fefb5f8', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 };
 
@@ -95,7 +95,7 @@ const BusinessRepresentative = class {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: 'f6ec629438bef335e9a3e04fccc0223f7bafbc26' }, h("fieldset", { key: '82eac6e79e74cbcc76438fe3180ef1af9ae467ac' }, h("legend", { key: '31ca1bf5cc4e8eea0c28a690b28637dcd42ffa58', part: heading2 }, "Representative"), h("div", { key: 'f9e554f72dfd3f0dec491158ad83dd47baf6d6cc', class: "row gy-3" }, h("div", { key: '79350e59178a94a5af9dbacf13ed6b20fdde8d73', class: "col-12 col-md-8" }, h("form-control-text", { key: '78ce85dafde41cd8343898baa4ab802ce2f2d166', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '0b145987fc92bce37bcf3543b544754ed77db31e', class: "col-12 col-md-4" }, h("form-control-text", { key: '7d49c2ee8b342ca631cf55f57f529a77bd7c6e3f', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'a5c758e42bfed677f38b18298e550d1cbb753f3d', class: "col-12 col-md-6" }, h("form-control-text", { key: '5e0e9672443f2b1a7b0b63b95d007c29eae0c64d', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '32d63091cdc630f5d0908ff17f0cea17685ecb64', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '975381119e6dc8de8caf969c432ab498b600c156', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '86095ab1f1152242fcd68ad153e38b1d7f1ee98f', class: "col-12 col-md-4" }, h("form-control-date", { key: '361690e38df5bfe260bfaa200856f6e41c0c624c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b0a24f235e569fe65b518871fe90f3202a4c9666', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '54edaef9d4fed9e5dc2f6743e8168cda6e01c717', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'efa8fb991a119b6640d876f48cca69fc19d19301', class: "col-12" }, h("justifi-identity-address-form", { key: '50b7dcee0b96a38de05d04fbae8b986bb755c888', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: 'eb9c09602a11107abc465463bf7e7cdbeb98cede' }, h("fieldset", { key: '1f2a035f9796c29269a7dcd7ca874c73ed6493bb' }, h("legend", { key: '1aeaba7f119f15e1ffa75cd58d77608fe51a60c8', part: heading2 }, "Representative"), h("div", { key: '5d09c634135046c79b4ac80b5c1cfee9fbd26ce0', class: "row gy-3" }, h("div", { key: '6f03250bf88cc79ff07a1de68fef97a41a376aec', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd6696ab573a305e277db56a578eaeb3fc4adf9ff', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'fd6ddc83d99b4f86f29566077249a23724741438', class: "col-12 col-md-4" }, h("form-control-text", { key: '632b12a09042ffdaf85d2fafecfab1736bbc8d36', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '65842c9cb8c616806631bd1d2902342cebf5326e', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e1f64cc7f97e4b337dfcda6494fca5750656130', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'e050604c8d71e1d07f916822fbb73da4c3f5e034', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a5bba8b362ce6070efc65e88ee80880ce855e624', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-4" }, h("form-control-date", { key: '05e0e255549ad8f0760102aab5cbfe444cae5996', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '764595ed842fd09221ef71d5c921a9ebe947556d', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '91761e52dd724a27e135a3db8b7c85643f7891d9', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '4be6739744d6d9fcd060ed9d894502f35396a9a9', class: "col-12" }, h("justifi-identity-address-form", { key: '7c9d98057e908a068aa0783b10b2bd0f634d7ab9', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 
@@ -117,7 +117,7 @@ const LegalAddressForm = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: 'a9e2d2fa0e1ac8bd37eef9b40ae3ebee44e6246f' }, h("fieldset", { key: 'defd51a5bdbc9ecf4e640d2008bb1f1f83de5dda' }, h("legend", { key: '6d4d4563e426a02539f86c58a6eaa11927ec96e2', part: heading2 }, "Business Legal Address"), h("div", { key: 'c4d0786717af5da9baca6aca93b4e81f474a1746', class: "row gy-3" }, h("div", { key: 'f8be78e845a720143e3f175eec6c9f9ee929d612', class: "col-12" }, h("form-control-text", { key: '341d426271136e734d9dd8d1968de01938b5eebb', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'ac5f410a9b12def5284636dd384560af93c982d6', class: "col-12" }, h("form-control-text", { key: 'b96a18e42af33fbfca0645d9aa039a2430dc0043', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'c3ac5227e34c525b6be906b5cf06a428bebe2ad4', class: "col-12" }, h("form-control-text", { key: '972602adcf764500928eca67660b20344a1313ec', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '8ca2e4c78b986f5156976c5adb6b5a63c584607b', class: "col-12" }, h("form-control-select", { key: '2f0eacc656e741706064c10234e471fb53ca2be2', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'e4d51b2347c78f5c47d5ce309c46baa5fc07f7f5', class: "col-12" }, h("form-control-text", { key: 'e237d5830f0c24bf40e43ba8d2d6b0fd095405ed', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'a7bdcd1a867ff4816f20e89f651fe80fed2193cf', class: "col-12" }, h("form-control-select", { key: 'd345dd93d46618572c3aea87893c135ac688bde5', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '129b2ec053708454db5a515fdae9a7fba5289336' }, h("fieldset", { key: '6af5c9469acc432ea01ff404af25727bd444abc7' }, h("legend", { key: '1af149db608a13d18142aaea83f9ed2e8271fdc0', part: heading2 }, "Business Legal Address"), h("div", { key: '805c6ae992ebed34937b9a2622f50a7f99c7d0e6', class: "row gy-3" }, h("div", { key: '78750dc68bcc6782bc4a71cfd14d417e980a57a6', class: "col-12" }, h("form-control-text", { key: '18a75e38a7a5fbfcbbbce56e4967ce34c5618c8e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '676622c84785edfafa3413359d4985d26a734985', class: "col-12" }, h("form-control-text", { key: 'e8467f96595d240f5fc93585e472ad844cc49143', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '01556012d9335d23c14e130ca72b6e75028bcb36', class: "col-12" }, h("form-control-text", { key: 'c08dcd0ef726ff714d60de26492ced763a7d32ff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'ad811869e742f265a5441c6f36c2a55fa0b07952', class: "col-12" }, h("form-control-select", { key: '47cc4b15578257f3c1fdee7896d28da94b5aaa16', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f732fd2ed3967ee7fd602f41c62efd24cf6038eb', class: "col-12" }, h("form-control-text", { key: '0431a63d11beb6682a2544d2483901f7fffa77bd', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cca67b0cd006f6cf9f9bbfe147507eb0ac6fecca', class: "col-12" }, h("form-control-select", { key: 'f561947f9443ea6f56d7ae31d44a69e2462c0751', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { a8 as inputCheckboxInvalid, a9 as inputCheckboxCheckedFocused, aa as inputCheckboxFocused, ab as inputCheckboxChecked, ac as inputCheckbox, l as label } from './parts-2c5c609b.js';
-import { F as FormControlHelpText } from './form-control-help-text-242916e3.js';
-import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
+import { ae as inputCheckboxInvalid, af as inputCheckboxCheckedFocused, ag as inputCheckboxFocused, ah as inputCheckboxChecked, ai as inputCheckbox, l as label } from './parts-fd740f54.js';
+import { F as FormControlHelpText } from './form-control-help-text-83764e14.js';
+import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
 
 const CheckboxInput = class {
     constructor(hostRef) {
@@ -43,10 +43,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'd146f375ba008939c5e363b3efba27348d0bf257' }, h("div", { key: 'f4933418e2e9a5dcfbc787de2b677c1bcfa44b5e', class: 'form-group d-flex flex-column' }, h("div", { key: 'd62db927ea6b2f5be2bd1072218fda5bd2f433b6', class: "form-check" }, h("input", { key: 'a9e5db3a7f3db488315f30a0fda045eebb22ddc2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '3c0c0210457da250712c3eddf587ddb939b6cca7' }, h("div", { key: '9f73f8f1498d43cffc200ef326ead11bc5c2b8bd', class: 'form-group d-flex flex-column' }, h("div", { key: 'a126f90ae5ca483310593816dfed878582331395', class: "form-check" }, h("input", { key: '2c7243c56c3110e199fae658513cd2b1bde96678', 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 }), h("label", { key: '4cf2646f1be3744b7163e7c36a9dce11c99f95f6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '875972d4db5afbc3b4043ca81f788701ce50dc31', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '94f31bd03af9ff027d75c3fab81dfc28aaae8ea8', 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 }), h("label", { key: '35d662a8e14e56514589fe7d08fae470896a6d65', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '80d0558981f8ed95746a7f8f3be319b4817a00c9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fbbda937fbf1144d5560b44719c251bdd56a6154', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, a1 as inputDisabled, a as inputFocused } from './parts-2c5c609b.js';
-import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
+import { l as label, c as input, b as inputInvalid, $ as inputDisabled, a as inputFocused } from './parts-fd740f54.js';
+import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
 
 const DateInput = class {
     constructor(hostRef) {
@@ -54,10 +54,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '39efc4cf0cf20cd611c775f1e47ace6b445eab99' }, h("div", { key: '82de246b4d67f3c1a234987c3d9259e8ed7fb3e5', class: "form-group d-flex flex-column" }, h("div", { key: '033c637f965aa750c6130504f70f7fabb9d1a9da', class: "d-flex gap-2" }, h("label", { key: 'ce384aeee225254eac66cfcb6fbe8b6b5677cd5e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a8195ae52a1904bcdaa0ee082b77164bb399e5bc', helpText: this.helpText })), h("input", { key: '07bb64ebf4727c892bc5e873d6b8327cb0e89430', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0f6bd0cc62a7023483a304ff30b272f5110fd2d3' }, h("div", { key: '6ebf0fe799c7a1b74a6c875ca8bed386949fb2fe', class: "form-group d-flex flex-column" }, h("div", { key: '370b2fadb488a3cca203b8e7ab267ee629b70b8f', class: "d-flex gap-2" }, h("label", { key: '828fa9324aac9d218e1c857ce4fdc064dddc0b12', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '42adaa5e8c7b568284e5f3129ec7edc200047f73', helpText: this.helpText })), h("input", { key: '49ae4bd3455935d9ca459dfdb53d2bfd27201e60', 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 }), h(FormControlErrorText, { key: '783b7b021819a5c26441a438be7b83dabb4cfce1', 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 }), h(FormControlErrorText, { key: '81d1ecc4135b2f7a76e3c70d8dddc7539a7dd670', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{form-control-error-text-466c252b.js → form-control-error-text-176d20d8.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { d as textDanger } from './parts-2c5c609b.js';
+import { d as textDanger } from './parts-fd740f54.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, a1 as inputDisabled, c as input, l as label } from './parts-2c5c609b.js';
+import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, $ as inputDisabled, c as input, l as label } from './parts-fd740f54.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const FileInput = class {
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '1350700239259ba82c0271b647d65771d7a7b8ff', exportparts: "label,input,input-invalid" }, h("div", { key: '5ffc38612a1323b6035679c338ba7fb5318abb82', class: "form-group d-flex flex-column" }, h("div", { key: 'f0bbea8568d6f30f78cc0f308685a1ac3478080c', class: "d-flex align-items-start gap-2" }, h("label", { key: '8e9202023854b1c882681666b1dd151790a9a970', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1c984e6b3e1bdf4489dc40b5180c18ef21394d42', helpText: this.helpText })), h("input", { key: '9b848f2342852e6ad2fecd9d4c1fc183201c1233', 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: '80d3c4169b17ecb18dbe72127fef7a20ad4a8401', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '1671eaeeec71bcbcbd8898856f2d397a10abce97', exportparts: "label,input,input-invalid" }, h("div", { key: 'dca1e07456d2dc7f018fc25ccd2743ba87897fda', class: "form-group d-flex flex-column" }, h("div", { key: '5a8f2a9600f27a7554a8096977413263f8f7b942', class: "d-flex align-items-start gap-2" }, h("label", { key: '7ef6391bc3bd46d61463c37ccdfc27bc02027909', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e1992a02fb94bdf71ad46fbf387bdcf0c5ca09b2', helpText: this.helpText })), h("input", { key: 'eb4e4bfcee93ca40c945db9c8d960b069b066645', 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: '125a576d63f4a3735397fe3b27cf2e258b86c073', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -72,10 +72,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'b9f052bd19ff3dffb1bf486eaa988aa081383f05' }, h("div", { key: 'bc3d6526bfba0d4f38c68d715ff8bc460665ffc7', class: "form-group d-flex flex-column" }, h("label", { key: '264321d3052d3204bac5426e5db2e30819ac953b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b5edc70861405d2ee6fb6624e0b95238c3bed284', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '140be8b4dc7d31be7bc6cfae5d1d86bdf777e7a1' }, h("div", { key: '8348dbe04bb617081b7fad50238f1bf3a55ae9e2', class: "form-group d-flex flex-column" }, h("label", { key: '4257e23df7cae41e5af09ba3ecbc1d7418c9ed49', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a49a82756de35be6981c8e4bb1f19be17239fa5', 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: '3bc58430816f0d63741d112a3604c862d7638dc4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2343df1050ff0da2cab5296f1cbc6cbc0811f77d', 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: 'd9dbc241c4bf6b556cd225b4727ffc894f78a695', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'befc53a62981b67120907b95cdf2ce94e5abf9aa', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-242916e3.js → form-control-help-text-83764e14.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { t as text } from './parts-2c5c609b.js';
+import { t as text } from './parts-fd740f54.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -0,0 +1,81 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
+import { I as IMask } from './index-d9a73ce3.js';
+import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
+import { l as label, t as text, a8 as inputGroup, b as inputInvalid, $ as inputDisabled, a as inputFocused } from './parts-fd740f54.js';
+import { F as FormControlHelpText } from './form-control-help-text-83764e14.js';
+import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
+
+const MonetaryInputProvisioning = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.isFocused = false;
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    get part() {
+        let part = inputGroup;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        return (h(Host, { key: '5383790c4e52c664e0146692c3773ac077443f89' }, h("div", { key: '3e58f5e707e80c93bf0400f43bd847bf93a90a12', class: "form-group d-flex flex-column" }, h("label", { key: 'cce6c16518524b02f9ccf05beea2ab034b609308', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '85d65b44095f1cc3d68f8ec400d8352f0d1296fe', class: "input-group" }, h("span", { key: '73e1ad02a1989d8a55dbfc8a7def799d46c58e7c', class: "input-group-text", part: text }, "$"), h("input", { key: 'f61c88cf6603e912b6104074367caa86892e7ea0', 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 monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fc7fc677a555016fcc9c6231a01f53ab03b0b00d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '624bb1eb078dab076efc517d339c4d54271e5bc7', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { MonetaryInputProvisioning as form_control_monetary_provisioning };

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

@@ -1,77 +1,64 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { I as IMask } from './index-d9a73ce3.js';
-import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { l as label, t as text, a2 as inputGroup, b as inputInvalid, a1 as inputDisabled, a as inputFocused } from './parts-2c5c609b.js';
-import { F as FormControlHelpText } from './form-control-help-text-242916e3.js';
-import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
+import { b as inputInvalid, $ as inputDisabled, a as inputFocused, c as input, l as label, t as text } from './parts-fd740f54.js';
+import { F as FormControlHelpText } from './form-control-help-text-83764e14.js';
+import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
+import { f as formatCurrency } from './utils-dc86cdde.js';
 
 const MonetaryInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = IMask(this.textInput, this.maskOptions);
-            this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
-                this.formControlInput.emit({ name: this.name, value: rawValue });
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        this.formatRawValue = (value) => {
+            // Remove everything from that is not a number.
+            // This will parse out our display formatting as well as prevent users from entering non-numeric characters.
+            const formattedValue = value.replace(/\D/g, '');
+            return formattedValue;
         };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            const rawValue = this.imask.unmaskedValue;
-            this.formControlInput.emit({ name: name, value: rawValue });
+        this.formatDisplayValue = (value) => {
+            return formatCurrency(+value, undefined, true);
         };
         this.updateInput = (newValue) => {
-            if (this.imask) {
-                this.imask.value = String(newValue);
-            }
+            const name = this.formControl.name;
+            const formatRawValue = this.formatRawValue(newValue); // "100000"
+            this.formControl.value = this.formatDisplayValue(formatRawValue); // "1,000.00"
+            this.inputHandler(name, formatRawValue);
+            this.formControlInput.emit({ name: name, value: formatRawValue });
         };
         this.isFocused = false;
-        this.label = undefined;
         this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = '0';
         this.helpText = undefined;
         this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
     }
     componentDidLoad() {
-        this.initializeIMask();
         this.updateInput(this.defaultValue);
     }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
     get part() {
-        let part = inputGroup;
         if (this.errorText) {
-            part = inputInvalid;
+            return inputInvalid;
         }
         if (this.disabled) {
-            part = inputDisabled;
+            return inputDisabled;
         }
         if (this.isFocused) {
-            part = inputFocused;
+            return inputFocused;
         }
-        return part;
+        return input;
     }
     render() {
-        return (h(Host, { key: '7a28909977bd09fa7103d059880f122bc3afc747' }, h("div", { key: 'd5dae0fca0467655a3428dea5317aed87ade7dd5', class: "form-group d-flex flex-column" }, h("label", { key: '215c09684a5f6b18a3de2224db0ce305dcb5fc61', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3be76b68f6138b3cb2ae0f27fc1e8ce04a85c05c', class: "input-group" }, h("span", { key: '6fb0aa890cbdf552569ca36e87fa24ca26c227f5', class: "input-group-text", part: text }, "$"), h("input", { key: '1a0e63153996d721de870de3afb8f0302a900756', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '58676b687868b5a2d242bc929cae09afb5ae6fbf' }, h("div", { key: '8046cc1e2fa66c5601e370e6dccfa25714649823', class: "form-group d-flex flex-column" }, h("label", { key: 'e4b085b30ee0c7b884204fa9bf467875247bcac0', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '79bf26bc54c9cc94fedd3af56779de1554e62ce2', name: this.name, helpText: this.helpText }), h("div", { key: '453cb229e64e9429a26b38ffa62693793e5e48f8', class: "input-group" }, h("span", { key: '663753b8d9c6a098326bd325822586c704624bc4', class: "input-group-text", part: text }, "$"), h("input", { key: '9314ad2b99762df1a46c0e0f4632da4a091c59ef', ref: el => this.formControl = 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 monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '6ba880560bf3e612b10cb8fa718dffa6aeb3cac5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4286ed22b5c36440dfeca603c3220978b22abdd9', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), 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: '382864114f66187237ce08c12afb13abed2c298d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]