@justifi/webcomponents 6.1.1 → 6.2.0-rc.2

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-DOjVAAtq.js';
-import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, U as inputDisabled, c as input, l as label } from './parts-xDbRW9xn.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, U as inputDisabled, c as input, l as label } from './parts-Dj_zevuD.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const FileInput = class {
         this.formControlBlur = createEvent(this, "formControlBlur");
     }
     render() {
-        return (h(Host, { key: '54f8fba4d9bc07aafaa174983d2076ea0dcadc0a', exportparts: "label,input,input-invalid" }, h("div", { key: '2fe88af83e94677829c929ecc1e8a3e158d186d7', class: "form-group d-flex flex-column" }, h("div", { key: '70ba8fca4595554f0ebafe314570e6b7f257fe84', class: "d-flex align-items-start gap-2" }, h("label", { key: '3f2b47ce3509acfe5b52573b4742824ffd8b1a60', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '21fd8bb39e59287f546486ce2d3328c6a3eda5cb', helpText: this.helpText })), h("input", { key: 'a8713185858b865850f8f362367af36cfd7e712c', 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: '5ccdf1adad43c5f7f789b292fc49584b23b69436', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '4d69131cba0d3529b5e8d3344085400a0e491f7a', exportparts: "label,input,input-invalid" }, h("div", { key: '91ef14e863262efef2ca6478dddcbe06fed2c3de', class: "form-group d-flex flex-column" }, h("div", { key: '46fab1c0db5685d8ea5f84f1517a129894a4ba62', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e43d7049b5ce9265e27d30e6edca60b877ce7207', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4a6298c1b36cf0bbef8ebb383398168cf99af362', helpText: this.helpText })), h("input", { key: '1ec274c8399390dcc08b708218485be030df3e4a', 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: '154e2193272229f617555a5a1804c334d5214d53', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -55,10 +55,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '17565b8284dd9766896b450d6127f6e735591443' }, h("div", { key: 'b4ba485d3330fe2dd2ecad155360b6865f9eac28', class: "form-group d-flex flex-column" }, h("label", { key: '96e9ac9b482085fc85d9f6d19cc08b0afe3f4853', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2db671bba03af9e8f1626029eebe3e755051f223', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8b45f46328cd09457814bf8d9f474a1f1f1b4384' }, h("div", { key: 'a10735e0d15b641d2ab79ca6930cb22e91c89147', class: "form-group d-flex flex-column" }, h("label", { key: 'fc72fe91f841c8fe1525eb87fc270492660d1932', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '237ec248e7c68d97dcb035984783347bb6eb1092', 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: '8670e24897cebcb1128993f24bdffa2cf26d7688', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a48c15a05be9351ed450a01f5c958a4078ab1ed7', 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: 'e12fd273b27a74c07de1f043dc7cdb927c8b19d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5e0fec72f54ddde7e72c465f8c97fef2df0ef85', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-Bvnp-IAG.js → form-control-help-text-DbIhIcc6.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DOjVAAtq.js';
-import { D as text } from './parts-xDbRW9xn.js';
+import { D as text } from './parts-Dj_zevuD.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -1,9 +1,9 @@
 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 { C as CURRENCY_MASK } from './form-input-masks-B-iV5cYd.js';
-import { a3 as inputGroup, l as label, V as inputAdornment, b as inputInvalid, U as inputDisabled, a as inputFocused } 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 { C as CURRENCY_MASK } from './form-input-masks-CVaOFfrI.js';
+import { a4 as inputGroup, l as label, V as inputAdornment, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-Dj_zevuD.js';
+import { F as FormControlHelpText } from './form-control-help-text-DbIhIcc6.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
 import './event-types-CZfYo5-1.js';
 
 const MonetaryInputProvisioning = class {
@@ -62,10 +62,10 @@ const MonetaryInputProvisioning = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '59e5e4d46e7d4ece898464d846505756611f6635' }, h("div", { key: 'e82201d6777584666ec5ca04ad9e02b83fa956c0', class: "form-group d-flex flex-column" }, h("label", { key: '9bbb22bb201d3db07670e4f26521593ff229f583', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '61909b4796f78e22d9e6508d9257cdf16220e675', class: "input-group" }, h("span", { key: '152a4f1a6323e55bf6f48aa25353939569acc419', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'cc8055c02a4ccb4f63553f45b5ded4ee3d8cf972', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '12d04cf0bc1dbc85acd1006148c411e00941ab70' }, h("div", { key: '08d92fd3c4c764295cf291fc983f63ab58e4312e', class: "form-group d-flex flex-column" }, h("label", { key: '1c7bddbfc094535558b24d3988dafe91f0cbde0a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'a1dfb4ab2de228f7ad138c12eb37403e9578c001', class: "input-group" }, h("span", { key: '94e9009f2a6c782798dccaf6dfae472391f43078', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'ebbc696bc1b695d20a758039465ae37a66be974a', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '776dfb4a9d74342ba139dda6706af8e60b4700fc', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '74e503b7e525aeeb994b1ae94941f07365d2460e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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-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 { b as inputInvalid, U as inputDisabled, a as inputFocused, c as input, l as label, V as inputAdornment } from './parts-Dj_zevuD.js';
+import { F as FormControlHelpText } from './form-control-help-text-DbIhIcc6.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
 import './event-types-CZfYo5-1.js';
-import { f as formatCurrency } from './utils-BOijEGPV.js';
+import { f as formatCurrency } from './utils-CIaHqjQt.js';
 import './dinero-HXpYMWUU.js';
 
 const MonetaryInput = class {
@@ -49,10 +49,10 @@ const MonetaryInput = class {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: 'befed81330399d097413f8b769d01df6b315d707' }, h("div", { key: '570688783902a60e43689dc542e69008d52ee376', class: "form-group d-flex flex-column" }, h("label", { key: '0def0a1b40891a7f6ca3d8886e0b32197beab464', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '637edfe671dabaed1b82ce8f2b165ca2a574522b', name: this.name, helpText: this.helpText }), h("div", { key: '6b38281e577bfb6f8dfacc29574a3b0cb9183c56', class: "input-group" }, h("span", { key: '63d1f8596630e7f3922e02f099b9298ff83bb487', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a23391ec4ede5bd11d7d2e552eac76544aa855ae', 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: '8999aa746df7b4a37b5c5a1c6f410698a0940d77', 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: '5f8175edeff6bc80c9f2fb815d89205d69b413a3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -0,0 +1,115 @@
+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-Dj_zevuD.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
+import './event-types-CZfYo5-1.js';
+import { C as CountryCode } from './Business-B5rtFhtR.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+import { b as countryOptions, c as countryLabels } from './country-config-BQ4D46Lb.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: 'df43b2ce1fa351d04852fbc8a93ee14eeacab874' }, h("div", { key: 'e3b22cde550073e8ccac88ce2f6a0533cae6d781', class: "form-group d-flex flex-column" }, h("div", { key: 'c42151be8f9311c197a972dd5d0c15e09b884690', class: "d-flex align-items-start gap-2" }, h("label", { key: '603866f6c5202290c07490a7a3303b1fce13e375', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '878b2797d1acb8030f5881c47f08c647e605b335', helpText: this.helpText })), h("input", { key: '04e22f86c574d85190c55ee828c4df02c4652b91', 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: '57b6c4a907ae8089981faaf2359a8120963d875f', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const FormAddressFields = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.country = CountryCode.USA;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const labels = countryLabels[this.country];
+        const options = countryOptions[this.country];
+        return (h(Host, { key: '429dd1250553f6d25f9db6d6c1379af0290718c6' }, h("div", { key: '91b9d7199bea1620c7614efd25c0421d3f85c19d', class: "row gy-3" }, h("div", { key: '13dd91b17d387ef9c8bc97b44a273f0984758a3a', class: "col-12" }, h("form-control-text", { key: '52ecc715696aed27a6f4329971e90e90ebb971fa', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '64bc39361d02b10c75dfc8389915ce192b9f7606', class: "col-12" }, h("form-control-text", { key: 'a835f2f9706664dd195daa5436fe49aea2c54968', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ef9b02103d0d1469da092d8965d021b049e54cb5', class: "col-12" }, h("form-control-text", { key: '9263360f47c6e833a904aab2e8b30d4a35d50e75', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '4609534e39659ed47350e68a64fee58616320da4', class: "col-12" }, h("form-control-select", { key: 'a7f94fa5ea2642cae82729951198771fd1f31380', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'eadf0a6e2e2cfbe8e476ba8abb25eab4b2b005fb', class: "col-12" }, h("form-control-text", { key: '2708d2a47c8afccc470203775d494683f133174b', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+    }
+};
+
+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() {
+        return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+    }
+    static get watchers() { return {
+        "address": ["handleAddressChange"]
+    }; }
+};
+
+export { NumberInputMasked as form_control_number_masked, FormAddressFields as justifi_form_address_fields, 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-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 { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-Dj_zevuD.js';
+import { F as FormControlHelpText } from './form-control-help-text-DbIhIcc6.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
 import './event-types-CZfYo5-1.js';
 
 const NumberInput = class {
@@ -42,10 +42,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '26ec43555c6c49a66b7fd29db062825751d10f3c' }, h("div", { key: '71b2ff7d916ae362fe1aceeb7f88ec909667712a', class: 'form-group d-flex flex-column' }, h("label", { key: '9aad7dc52dbb560a86deb6f998d751fa022ccf4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a0b66ff0650405de0e05d8324b4941478df8385b', 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: 'c6427f92a21c1534d3723accc9ee7c31671f2a05', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2a1d91656022a28bb0bd2759b7ceb799ebf7bc', 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: '9d722992680b132f7139ea4ce210a199918f98dd', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fa70d63a82b6910f129e6657b2504af400875170', 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-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';
+import { a5 as inputRadioInvalid, a6 as inputRadioCheckedFocused, a7 as inputRadioChecked, a8 as inputRadioFocused, a9 as inputRadio, l as label } from './parts-Dj_zevuD.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -30,10 +30,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '741a56d8e04d3458d6cf1b8986e998ca50d87e3b', class: 'form-group d-flex flex-column' }, h("div", { key: '6504ba678b74a6a45b41f167a67c21dda55fa9c8', class: "form-check" }, h("input", { key: '2ab6b254dc740ee553058dc0830616ba7b6dff01', 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: '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 })));
+            }, 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: '08950d0e13e5f19f7fcfbdd41f68820406dea53a', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b1af2e0e55896d6cfd4836a5a272e0c03bb3383f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '09126ab9b152f1c6908d85918cb9827b93173034', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -1,6 +1,6 @@
 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 { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused, aj as tooltip, ak as tooltipInner, al as tooltipIcon } from './parts-Dj_zevuD.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        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: () => {
+        return (h(Host, { key: '21cd587a6a3f6b1c508201f688e6cf3e3456166c' }, h("div", { key: '5666e007193120a6ae78d4bab4b1005c0e3f0b49', class: "form-group d-flex flex-column" }, h("div", { key: 'fba926c6cf060e64ecaf6d30afeb82e58eaf82bb', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1f65a58657e129dbdb2fb7dfa6bfc664942527', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '51cb52bc2a167ddbe48de8686e969905a7a9f865', helpText: this.helpText })), h("select", { key: '29bd66fd51ba97138828317633c9d14267efd815', 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: 'ad796d86b1abece5dd9051914e7a66f61250b61e', 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: '867d7ac1d9d7ec0b121135f944994565a2b18760', 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: '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: () => {
+        return (h(Host, { key: '5ba787ceb003eaf5fcad45bf6ae26a68bdd7cceb' }, h("div", { key: '980775fd7a64832addc121753ccea21419721c0d', class: "form-group d-flex flex-column" }, h("div", { key: '01211e20d54ac84a75c1ff9a3a1a660675bae31a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc5dcb4149f38e921f44642dbb509a0d599df6ad', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '705262faa2111568445a7593e125c07602f8e73a', helpText: this.helpText })), h("input", { key: 'd2ea69efb600493362abb12a5e309ddad85d470e', 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: 'b3d383f533f1dd60f9f833475f855c111cb137e2', 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: 'c38896293fda5c445e24532521558fa24ad50c4a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -99,4 +99,22 @@ const TextInput = class {
     }; }
 };
 
-export { SelectInput as form_control_select, TextInput as form_control_text };
+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 };

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

@@ -1,8 +1,14 @@
 const PHONE_MASKS = {
     US: '(000) 000-0000',
 };
-const TAX_ID_MASKS = { US: '00-0000000' };
-const SSN_MASK = '000-00-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 CURRENCY_MASK = {
     WHOLE: {
         mask: Number,
@@ -19,4 +25,4 @@ const CURRENCY_MASK = {
     }
 };
 
-export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };
+export { CURRENCY_MASK as C, IDENTITY_MASKS as I, PHONE_MASKS as P };

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

@@ -1,4 +1,4 @@
-import { B as Business } from './Business-BCoP0TAV.js';
+import { B as Business } from './Business-B5rtFhtR.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-sGoWyAat.js → get-payment-details-DcC5v85s.js}

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

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

@@ -1,8 +1,8 @@
-import { A as Api } from './Api-DhiA2e_P.js';
+import { A as Api } from './Api-K9QH1Aki.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './Refund-B-iOTRxz.js';
+import { S as SubAccount } from './Refund-L_muwEAh.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BCoP0TAV.js';
+import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
 import './config-state-DiHV-4QK.js';
 import './dinero-HXpYMWUU.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-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 { f as formatCurrency, l as formatDisplayDate } from './utils-CIaHqjQt.js';
+import { E as ErrorState } from './utils-KBIYAa0D.js';
+import { S as Spinner } from './spinner-Ac-w5zWg.js';
 import './dinero-HXpYMWUU.js';
-import './parts-xDbRW9xn.js';
+import './parts-Dj_zevuD.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11062,7 +11062,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        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)));
+        return (h(Host, { key: '4a711fdb941b44d536c452ff140db2bc98d84d7d' }, this.loading && h(Spinner, { key: 'e703263242576bc23d7be3015ec89b13faa12053' }), !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-C1Hnxki8.js → header-1-umkpdspt.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DOjVAAtq.js';
-import { F as heading1 } from './parts-xDbRW9xn.js';
+import { F as heading1 } from './parts-Dj_zevuD.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-Bq8fpjm-.js → header-3-CD5K5vCa.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DOjVAAtq.js';
-import { W as heading3 } from './parts-xDbRW9xn.js';
+import { W as heading3 } from './parts-Dj_zevuD.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/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-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 { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-Dj_zevuD.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-bprS-t9d.js';
-import { p as packageJson } from './package-Csfiax9X.js';
+import { F as FormControlErrorText } from './form-control-error-text-BmD6bGbR.js';
+import { p as packageJson } from './package-C7cvPZSk.js';
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -98,7 +98,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        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' } })));
+        return (h(Host, { key: '3c8f4bc2dac1852fa61e372b0077bfb4883c3b31' }, h("input", { key: 'f53ad76227d125d411c85ef980a902d0d4e0f91d', 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: 'ecddfb4d179827cff3373a379a34da18fa1a09e5', class: "form-group d-flex flex-column" }, h("div", { key: 'b19d2290c3a67433a58f0156bdd88f3eb0dd015f', style: {
+        return (h(Host, { key: '4782aa46a4967ef9097809122cfea52cf5845675', class: "form-group d-flex flex-column" }, h("div", { key: 'adf5212bb0a32d593fb9e5ea93a378a49a63ba5b', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, 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 => {
+            } }, h("label", { key: '309cb76edb80f3fca7264a5a1f2d2c8397c8b0f4', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '0f19c6d4f1851a6655e765f3ac021313c72ee106', 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: 'f0db24e9a41fc5bcb06d84f0b5c7d0a9adea87b1', 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: 'c94856c9b819ad651a69b93f0fea1443003b9054', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '0e0c98836f067f78af85e124a96dce7b39cf4b27', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

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

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

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

@@ -1,5 +1,5 @@
 import { h } from './index-DOjVAAtq.js';
-import { G as heading2 } from './parts-xDbRW9xn.js';
+import { G as heading2 } from './parts-Dj_zevuD.js';
 import { c as createStore } from './index-DJ9G-4S-.js';
 
 const Header2 = (props) => {