@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-_b8l4IX7.js';
-import { b as inputInvalid, T as inputDisabled, a as inputFocused, c as input, l as label, U as inputAdornment } from './parts-CA_TyBed.js';
-import { F as FormControlHelpText } from './form-control-help-text-CMUgRhUf.js';
-import { F as FormControlErrorText } from './form-control-error-text-CjrxZorl.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DOjVAAtq.js';
+import { b as inputInvalid, U as inputDisabled, a as inputFocused, c as input, l as label, V as inputAdornment } from './parts-xDbRW9xn.js';
+import { F as FormControlHelpText } from './form-control-help-text-Bvnp-IAG.js';
+import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
 import './event-types-CZfYo5-1.js';
-import { f as formatCurrency } from './utils-DeZftIgK.js';
+import { f as formatCurrency } from './utils-BOijEGPV.js';
 import './dinero-HXpYMWUU.js';
 
 const MonetaryInput = class {
@@ -49,10 +49,10 @@ const MonetaryInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'dd501963b2b4c85eecd6c78ac8a1c38d6e30020c' }, h("div", { key: '4c130a5d956ab1caaab521930d29d666dfbfcf67', class: "form-group d-flex flex-column" }, h("label", { key: '59a59b0589b3555efcb509ebb0ca34a3cc01ce3a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '0290105bb2d69ae83d1583f2495557e1e11b2939', name: this.name, helpText: this.helpText }), h("div", { key: 'cf80c69cc63137195ef179dd12f726f34bf35780', class: "input-group" }, h("span", { key: '5ecc2e144e7fe9fde5a64e48d8b8471d446fdb5d', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '585da3cd389904d002a545c01b4322c9aa9ea74e', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4608057454c832b6e42af88264675c9b128ab756' }, h("div", { key: '43d57d4620bec818fe83ac7ece2b4a778205b96b', class: "form-group d-flex flex-column" }, h("label", { key: '569fb6f7e0ce1488fc7caa7eca60c86b810c232b', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'eae2a633393231de6a83d7d0640fec025ae6bf10', name: this.name, helpText: this.helpText }), h("div", { key: 'e04b5ee1925a6172843e9dd2e1536349f41cdfa8', class: "input-group" }, h("span", { key: 'a8a80244ee29e4b9790e6424d12b5121a30143a8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '20b6917c428866d8191ed09d0d71c78b23c8a342', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '52a6fef8192278acb9a3eb854f5cea8834ed5d0f', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '8999aa746df7b4a37b5c5a1c6f410698a0940d77', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -0,0 +1,104 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DOjVAAtq.js';
+import { I as IMask } from './index-Ce_F4E0f.js';
+import { b as inputInvalid, U as inputDisabled, a as inputFocused, c as input, l as label } from './parts-xDbRW9xn.js';
+import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
+import './event-types-CZfYo5-1.js';
+import { S as StateOptions } from './state-options-BX8GieXu.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+
+const NumberInputMasked = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.imask = null;
+        this.isFocused = false;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, {
+                mask: this.mask,
+            });
+            this.imask.on('accept', () => {
+                var _a;
+                const rawValue = (_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue;
+                if (rawValue !== undefined) {
+                    this.inputHandler(this.name, rawValue);
+                }
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            var _a;
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = ((_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue) || target.value;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask && newValue) {
+                this.imask.value = String(newValue);
+            }
+        };
+    }
+    handleDefaultValueChange(newValue) {
+        this.initializeIMask();
+        this.updateInput(newValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    componentDidLoad() {
+        if (this.textInput) {
+            this.initializeIMask();
+            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: 'adf23d58dec1c24cf4ba2211503ffe64b522be75' }, h("div", { key: 'a36c57a06cf264359a28b61fe18b1f6e3a68ac7f', class: "form-group d-flex flex-column" }, h("div", { key: '8f661e4521f0b3fe44b2c5b79dd5589949f3e0e2', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a7348d28089c56cb8a757ac6cc8a39093014a947', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '43c99dd657f8026d5e7c44b33161a698ac2703e5', helpText: this.helpText })), h("input", { key: '1573ed829c667326706b707fab13b736e3c08d92', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+                this.isFocused = false;
+                this.formControlBlur.emit();
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'b5f2c780415db76cf369e2b96f625751d8da11f6', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const IdentityAddressForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.address = {};
+        this.inputHandler = (name, value) => {
+            this.address[name] = value;
+            this.address = Object.assign({}, this.address);
+        };
+    }
+    handleAddressChange(newValues) {
+        this.handleFormUpdate(newValues);
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return (h(Host, { key: '63db91625abddc3e615b031e04366a5823d516cf' }, h("div", { key: 'e07f0e511b178471343594fe0c88ae286325a5e5', class: "row gy-3" }, h("div", { key: 'a22674f05f19378994eceb7386c29f579c285a26', class: "col-12 col-md-8" }, h("form-control-text", { key: 'c6cfe95a8ce577a162e4eae61ff7d61902b36e73', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'de08102a8f4948a929f4fd9194ba7eb2f075d507', class: "col-12 col-md-4" }, h("form-control-text", { key: '8dd269cbd72719ff4ad7b85693ed67e1fdd88225', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'a1081a9a0016dc5fe06106ffdb0063374389f5de', class: "col-12" }, h("form-control-text", { key: '94b340156ae354a87a93a8cb44bbc0a2f6507489', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '66732609b564a08b4b907e9a50aab38a782b0cbc', class: "col-12 col-md-6" }, h("form-control-select", { key: '8f91fd2a2ae886044b105f21177c0ccd893c3993', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: 'ebec4b6351ccb7741e195806f1897436e10404cc', class: "col-12 col-md-6" }, h("form-control-text", { key: '2d0884fb5acd8e2557fb5ece1b735e6d5945f2a1', name: "postal_code", label: "Postal Code", 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: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '8051b9545fd8a93fec6f1c00623c2e2876912db7', class: "col-12" }, h("form-control-select", { key: 'c68c63ce249f139f4d1df8820f0e1dd56763a67f', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+            // just for now so we skip handling country specificities
+            disabled: true })))));
+    }
+    static get watchers() { return {
+        "address": ["handleAddressChange"]
+    }; }
+};
+
+export { NumberInputMasked as form_control_number_masked, IdentityAddressForm as justifi_identity_address_form };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-_b8l4IX7.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-CA_TyBed.js';
-import { F as FormControlHelpText } from './form-control-help-text-CMUgRhUf.js';
-import { F as FormControlErrorText } from './form-control-error-text-CjrxZorl.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DOjVAAtq.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-xDbRW9xn.js';
+import { F as FormControlHelpText } from './form-control-help-text-Bvnp-IAG.js';
+import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
 import './event-types-CZfYo5-1.js';
 
 const NumberInput = class {
@@ -42,10 +42,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '4272ba30cf80097abd67fd184b927f4d41b3091b' }, h("div", { key: '567b2b04d354e5c3352dd42431c92bd84fdb4d9d', class: 'form-group d-flex flex-column' }, h("label", { key: '0d3ee096554d638896e03002ed908f7379e406fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '59ffd3ffe0beba8af97de7dd7ee12a2589c0d722', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '15e25b44aa07c819b29e3d027b8111f73fa74bf2' }, h("div", { key: 'd71978a6d38bfff6a25a2d90dcd956ea0c05f723', class: 'form-group d-flex flex-column' }, h("label", { key: 'f09af5d0c28c29d23f6906966dea489649ab78c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'eb400587ec1cc22378c0dc0b4d7fb1136c389dfd', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'c6427f92a21c1534d3723accc9ee7c31671f2a05', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2a1d91656022a28bb0bd2759b7ceb799ebf7bc', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-_b8l4IX7.js';
-import { a4 as inputRadioInvalid, a5 as inputRadioCheckedFocused, a6 as inputRadioChecked, a7 as inputRadioFocused, a8 as inputRadio, l as label } from './parts-CA_TyBed.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DOjVAAtq.js';
+import { a4 as inputRadioInvalid, a5 as inputRadioCheckedFocused, a6 as inputRadioChecked, a7 as inputRadioFocused, a8 as inputRadio, l as label } from './parts-xDbRW9xn.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -30,10 +30,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '1b798d4c7a78475795a0b667839e82bbc402749c', class: 'form-group d-flex flex-column' }, h("div", { key: 'df37525372c220bb0fcbc54bc89d28b55c5b5407', class: "form-check" }, h("input", { key: 'af923ae2cb8677fd9e943c912ef9c117dc8eb9d5', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '22c8d00ad3ac42efb24eb601f4a56870ff4a546a', class: 'form-group d-flex flex-column' }, h("div", { key: '35348f22933cc6c02ed7ac802d5fe99c430b425b', class: "form-check" }, h("input", { key: '02e95c2f92aabfeda66a9b39c889140a2daac14a', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '06aec18092d38c386cb3dbeb7712a356f6615f82', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '63356fa988cecc235ff01b7f9eb4c344d62a18c0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61c5b0fac0b21856660dd6b9c64c2202f82324b2', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '71514aeb916b728b1d5c139db7d8bbf61875565d', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4b80544c0dde725a998d3d4a4ad96e48150a2ebf', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd5b711dc19ec9025989de7833839804df37f66dc', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/{form-control-select_3.entry.js → form-control-select_2.entry.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-_b8l4IX7.js';
-import { c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused, ai as tooltip, aj as tooltipInner, ak as tooltipIcon } from './parts-CA_TyBed.js';
-import { F as FormControlErrorText } from './form-control-error-text-CjrxZorl.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DOjVAAtq.js';
+import { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-xDbRW9xn.js';
+import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '2ac056b6684397d4d15fdd740e1b6b0a2fcab9ba' }, h("div", { key: 'd39bc781ad4f60814c213dd655f45fc28fdd92f4', class: "form-group d-flex flex-column" }, h("div", { key: 'f18f1fe7772209b2736d7bb5dbc2a791b5c2a331', class: "d-flex align-items-start gap-2" }, h("label", { key: 'cd6421228020ec41d8aae8dc65d8af5adff88b34', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '8df3bee7bd8110a4d90a091566e4c18451a9a1d9', helpText: this.helpText })), h("select", { key: '9ac74e5291d4ebeeec621e3d50b7ec030ff259cc', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6a6696ce1aa6cae8f04dfa705fb00840ce93a8f8' }, h("div", { key: '8c6275b19f9f55d5d6965b0433a80df34f06f9ca', class: "form-group d-flex flex-column" }, h("div", { key: '37483257e8603ecd9809656069f7b50f27aca2e6', class: "d-flex align-items-start gap-2" }, h("label", { key: 'dfb36f4753f4cf3cf984683d7330ee8eae8a0353', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '03246509a169745bac4ef251989e8d1a976fb1f0', helpText: this.helpText })), h("select", { key: 'ec7e357f969e25697dc2875d4f4963bac4afd169', 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: 'd54d9266ae88a5ef38a6adf85fbedad37b14ed5f', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'ad796d86b1abece5dd9051914e7a66f61250b61e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,10 +88,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'bf68ea270c8dee6a9e572f0d2fdfc9308c8c106f' }, h("div", { key: '8e315377092c55c7c1a48c5528dba67f0d4a6f1c', class: "form-group d-flex flex-column" }, h("div", { key: 'c507734dadd643a306a22ce2e9df63a54422a7ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '7e9ca4266d86bfb0e33e5951a07599a7a17c0c31', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3f1737b361144e9df92c706c6b5a1c4e1e2fc34', helpText: this.helpText })), h("input", { key: '657edb006b902ad815cd65e426d74a306328a0cb', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f9172730f4579570ff008c316bc9e4f80d6af2ba' }, h("div", { key: '5db37f42f9510cb07c66ded8bd43d281678eaf08', class: "form-group d-flex flex-column" }, h("div", { key: 'cd54abd6e258eef9ecea7308e94e5ce855e9c8ad', class: "d-flex align-items-start gap-2" }, h("label", { key: '2dfbc1523d7c7a193a1d3636993b656011537f8a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd76eb6fdb392f3cafbed498a0634c3ea9338f2b3', helpText: this.helpText })), h("input", { key: '60252f4dd024ec3aafe67a32d119014d4219b37d', 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: '1ebb690623549e319972fe5ea0221966a9982cac', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'b3d383f533f1dd60f9f833475f855c111cb137e2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -99,22 +99,4 @@ const TextInput = class {
     }; }
 };
 
-const TooltipComponent = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    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 { SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };
+export { SelectInput as form_control_select, TextInput as form_control_text };

package/dist/esm/{form-input-masks-CVaOFfrI.js → form-input-masks-B-iV5cYd.js}

@@ -1,14 +1,8 @@
 const PHONE_MASKS = {
     US: '(000) 000-0000',
 };
-// Identity number masks by country
-// Supports both long and short country codes for robustness during rollout
-const IDENTITY_MASKS = {
-    USA: '000-00-0000',
-    US: '000-00-0000',
-    CAN: '000-000-000',
-    CA: '000-000-000',
-};
+const TAX_ID_MASKS = { US: '00-0000000' };
+const SSN_MASK = '000-00-0000';
 const CURRENCY_MASK = {
     WHOLE: {
         mask: Number,
@@ -25,4 +19,4 @@ const CURRENCY_MASK = {
     }
 };
 
-export { CURRENCY_MASK as C, IDENTITY_MASKS as I, PHONE_MASKS as P };
+export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };

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

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

package/dist/esm/{get-payment-details-B00HoaFm.js → get-payment-details-sGoWyAat.js}

@@ -1,9 +1,9 @@
-import './config-state-C83RkI9h.js';
+import './config-state-DiHV-4QK.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { P as Payment } from './Refund-BeI1WGfx.js';
+import { P as Payment } from './Refund-B-iOTRxz.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
+import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

package/dist/esm/{get-subaccounts-C_yzcZq_.js → get-subaccounts-BsJSlShO.js}

@@ -1,10 +1,10 @@
-import { A as Api } from './Api-DLf3ihCB.js';
+import { A as Api } from './Api-DhiA2e_P.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './Refund-BeI1WGfx.js';
+import { S as SubAccount } from './Refund-B-iOTRxz.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
+import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import './config-state-C83RkI9h.js';
+import './config-state-DiHV-4QK.js';
 import './dinero-HXpYMWUU.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-_b8l4IX7.js';
-import { f as formatCurrency, k as formatDisplayDate } from './utils-DeZftIgK.js';
-import { E as ErrorState } from './utils-fntGABrK.js';
-import { S as Spinner } from './spinner-UiInIFXW.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DOjVAAtq.js';
+import { f as formatCurrency, m as formatDisplayDate } from './utils-BOijEGPV.js';
+import { E as ErrorState } from './utils-DRwofES0.js';
+import { S as Spinner } from './spinner-CYXkn1fh.js';
 import './dinero-HXpYMWUU.js';
-import './parts-CA_TyBed.js';
+import './parts-xDbRW9xn.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -587,7 +587,7 @@ class Color {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -2536,10 +2536,10 @@ function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
  * @returns True if the canvas context size or transformation has changed.
  */ function retinaScale(chart, forceRatio, forceStyle) {
     const pixelRatio = forceRatio || 1;
-    const deviceHeight = Math.floor(chart.height * pixelRatio);
-    const deviceWidth = Math.floor(chart.width * pixelRatio);
-    chart.height = Math.floor(chart.height);
-    chart.width = Math.floor(chart.width);
+    const deviceHeight = round1(chart.height * pixelRatio);
+    const deviceWidth = round1(chart.width * pixelRatio);
+    chart.height = round1(chart.height);
+    chart.width = round1(chart.width);
     const canvas = chart.canvas;
     // If no style has been set on the canvas, the render size is used as display size,
     // making the chart visually bigger, so let's enforce it to the "correct" values.
@@ -2684,7 +2684,7 @@ function getDatasetClipArea(chart, meta) {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -4418,19 +4418,24 @@ class DoughnutController extends DatasetController {
                 labels: {
                     generateLabels (chart) {
                         const data = chart.data;
+                        const { labels: { pointStyle , textAlign , color , useBorderRadius , borderRadius  }  } = chart.legend.options;
                         if (data.labels.length && data.datasets.length) {
-                            const { labels: { pointStyle , color  }  } = chart.legend.options;
                             return data.labels.map((label, i)=>{
                                 const meta = chart.getDatasetMeta(0);
                                 const style = meta.controller.getStyle(i);
                                 return {
                                     text: label,
                                     fillStyle: style.backgroundColor,
-                                    strokeStyle: style.borderColor,
                                     fontColor: color,
+                                    hidden: !chart.getDataVisibility(i),
+                                    lineDash: style.borderDash,
+                                    lineDashOffset: style.borderDashOffset,
+                                    lineJoin: style.borderJoinStyle,
                                     lineWidth: style.borderWidth,
+                                    strokeStyle: style.borderColor,
+                                    textAlign: textAlign,
                                     pointStyle: pointStyle,
-                                    hidden: !chart.getDataVisibility(i),
+                                    borderRadius: useBorderRadius && (borderRadius || style.borderRadius),
                                     index: i
                                 };
                             });
@@ -7274,18 +7279,22 @@ var registry = /* #__PURE__ */ new Registry();
 
 class PluginService {
     constructor(){
-        this._init = [];
+        this._init = undefined;
     }
  notify(chart, hook, args, filter) {
         if (hook === 'beforeInit') {
             this._init = this._createDescriptors(chart, true);
             this._notify(this._init, chart, 'install');
         }
+        if (this._init === undefined) {
+            return;
+        }
         const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
         const result = this._notify(descriptors, chart, hook, args);
         if (hook === 'afterDestroy') {
             this._notify(descriptors, chart, 'stop');
             this._notify(this._init, chart, 'uninstall');
+            this._init = undefined;
         }
         return result;
     }
@@ -7728,7 +7737,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.5.0";
+var version = "4.5.1";
 
 const KNOWN_POSITIONS = [
     'top',
@@ -11053,7 +11062,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: 'bf0ec4beb53d9dd307b6241348ad984ea73be9ec' }, this.loading && h(Spinner, { key: '6529c781452e90b082aea5551f3d0af266616729' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '23c2f499d03273189d31adaa1786831a04b65b8d' }, this.loading && h(Spinner, { key: '0b57cbb314d3b87c24e09d4ea7660e6e0a988dc6' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/esm/{header-1-BukynbFR.js → header-1-C1Hnxki8.js}

@@ -1,5 +1,5 @@
-import { h } from './index-_b8l4IX7.js';
-import { B as heading1 } from './parts-CA_TyBed.js';
+import { h } from './index-DOjVAAtq.js';
+import { F as heading1 } from './parts-xDbRW9xn.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-D87MAyMK.js → header-3-Bq8fpjm-.js}

@@ -1,5 +1,5 @@
-import { h } from './index-_b8l4IX7.js';
-import { V as heading3 } from './parts-CA_TyBed.js';
+import { h } from './index-DOjVAAtq.js';
+import { W as heading3 } from './parts-xDbRW9xn.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

package/dist/esm/helpers-Mu7LQT-w.js

@@ -0,0 +1,29 @@
+import { S as StateOptions } from './state-options-BX8GieXu.js';
+
+function getStateAbbreviation(stateName) {
+    const state = StateOptions.find(s => s.label === stateName);
+    return state ? state.value : stateName;
+}
+// filterNumber is intended to be used to format a string that contains a single digit to a two digit string. 
+function filterNumber(num) {
+    if (/^\d$/.test(num)) {
+        return '0' + num;
+    }
+    return num;
+}
+function constructDate(year, month, day) {
+    if (!year || !month || !day) {
+        return;
+    }
+    return `${year}-${filterNumber(month)}-${filterNumber(day)}`;
+}
+function deconstructDate(formInput) {
+    const dateString = formInput.value;
+    const [dob_year, dob_month, dob_day] = dateString.split('-');
+    return { dob_year, dob_month, dob_day };
+}
+function checkProvisioningStatus(business) {
+    return business.associated_accounts.length > 0;
+}
+
+export { constructDate as a, checkProvisioningStatus as c, deconstructDate as d, filterNumber as f, getStateAbbreviation as g };

package/dist/esm/hidden-input_2.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-_b8l4IX7.js';
-import { c as createStore } from './index-NOsb-hYl.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-CA_TyBed.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DOjVAAtq.js';
+import { c as createStore } from './index-DJ9G-4S-.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-xDbRW9xn.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-CjrxZorl.js';
-import { p as packageJson } from './package-BRhnhmpB.js';
+import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
+import { p as packageJson } from './package-YyotqiSL.js';
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -98,7 +98,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '1058a3fea9276fe3f9eb3158365a839603e06532' }, h("input", { key: '856ad55446d13a3a8d935e90bbdba5a0ea77b706', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '547220ec7d5fec026ca4a3a0c8698ffc1e87d207' }, h("input", { key: 'dfc3979a87ec4e993e10c010d55d1bebdc0f003f', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1713,10 +1713,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
+        return (h(Host, { key: 'ecddfb4d179827cff3373a379a34da18fa1a09e5', class: "form-group d-flex flex-column" }, h("div", { key: 'b19d2290c3a67433a58f0156bdd88f3eb0dd015f', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '7c804be15e9029e003684bea21f93578269bdac7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '30a49b71d2e590fde1c14294078c38dc424e26b8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd485f9ce44de38330a611ccbd6d4569dad8e3790', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '92607fa74dc6564b53616c2985e42cd605719ca4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1726,7 +1726,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'c94856c9b819ad651a69b93f0fea1443003b9054', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{index-NOsb-hYl.js → index-DJ9G-4S-.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-_b8l4IX7.js';
+import { a as getRenderingRef, f as forceUpdate } from './index-DOjVAAtq.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/esm/{index-_b8l4IX7.js → index-DOjVAAtq.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, updatable: true};
 
 /*
- Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1487,8 +1487,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
           if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }

package/dist/esm/{input-handlers-D3y0TzH9.js → input-handlers-CX6mSvOM.js}

@@ -1,4 +1,4 @@
-import { d as deconstructDate } from './Business-B5rtFhtR.js';
+import { d as deconstructDate } from './helpers-Mu7LQT-w.js';
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/esm/{insurance-state-BjY1QRXI.js → insurance-state-CVme82j7.js}

@@ -1,6 +1,6 @@
-import { h } from './index-_b8l4IX7.js';
-import { C as heading2 } from './parts-CA_TyBed.js';
-import { c as createStore } from './index-NOsb-hYl.js';
+import { h } from './index-DOjVAAtq.js';
+import { G as heading2 } from './parts-xDbRW9xn.js';
+import { c as createStore } from './index-DJ9G-4S-.js';
 
 const Header2 = (props) => {
     return h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading2 }, props.text);