@justifi/webcomponents 6.7.2 → 6.7.3

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

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

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

@@ -1,12 +1,15 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
-import { a7 as inputRadioInvalid, a8 as inputRadioCheckedFocused, a9 as inputRadioChecked, aa as inputRadioFocused, ab as inputRadio, l as label } from './parts-sA8HBfkI.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
+import { a6 as inputRadioInvalid, a7 as inputRadioCheckedFocused, a8 as inputRadioChecked, a9 as inputRadioFocused, aa as inputRadio, V as label } from './parts-DrquDBSk.js';
 
 const RadioInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.inputHandler = () => { };
+        this.disabled = false;
+        this.errorText = '';
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -30,10 +33,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '27b69f35b1d6688d8af70bf7c948c9d6c6f89542', class: 'form-group d-flex flex-column' }, h("div", { key: 'c9a9b47923347a9b627fb774ae6dcc19487a6095', class: "form-check" }, h("input", { key: '90191fd15fe832e57254b7f62e5e86f21aeb4103', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8cb1ec6909bc2cf40e12a9571c2eafccf26b11ae', class: 'form-group d-flex flex-column' }, h("div", { key: 'c87254a83f9e5c025d956b1267430481eddc8611', class: "form-check" }, h("input", { key: 'c688c8ee6fb43bc1766196c54f097b6f020682dc', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'd28e591fab27605e20132fd7d4d7a03fd50635d3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '633a53fe3a4aa0f736fb8c6c195ab17ff874fe13', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'f5ea298d6d8c2acb44d314c0a8182bb953381130', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '4a73f2c14311e08485bd8da49fb46dea05e50e26', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'e1e539af6cf24db6dd6411eea872a174a5a4e80c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fa206e7d1300cc9ef5386efb26e5a2d4eedab149', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwYM91AU.js';
-import { c as input, l as label, b as inputInvalid, X as inputDisabled, a as inputFocused } from './parts-sA8HBfkI.js';
-import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
+import { U as input, V as label, R as inputInvalid, S as inputDisabled, T as inputFocused } from './parts-DrquDBSk.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '649b0ca4cb24c5a179ac01db344d53ac4481dbbd' }, h("div", { key: '1976f3076b0cd47ead27e9acc9c71bda01623e56', class: "form-group d-flex flex-column" }, h("div", { key: '1610a472997ce0d6c8bb8e3e9e43096cfa442dc3', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a25d6b0d6d2b51d8e2c61afe945eb9fe3ab0e6d6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e9a891ffdb7910ac1ac6b94e98042e87f4ae0ad1', helpText: this.helpText })), h("select", { key: 'c56535aeb6701fbcb21fc64fdf449f23f8ea8876', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '441e66367708e5653b483acd6a9834da391a6a0c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -53,8 +53,8 @@ const SelectInput = class {
 const TextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
@@ -88,10 +88,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '559f086283d08b505d31b39e181581d30038aa6a' }, h("div", { key: '4f86bb1d540bac675f354b90ea197a5772a4c6f5', class: "form-group d-flex flex-column" }, h("div", { key: '0012abb57c9d764af117e4a7c94a46d1cf155578', class: "d-flex align-items-start gap-2" }, h("label", { key: '0af1f99196b62eb76901c4656e231fde993c5e0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '364a0e5f3d5229012f8ab8815938d99f0d1e9e06', helpText: this.helpText })), h("input", { key: '2b068466f069282a6a5acdd0842bb0f96db6944f', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ab2547726a7cdf84fae2970e14e5e22164a8db9f' }, h("div", { key: '2ca8d50630ae66298384e3e574cec92be7eb2120', class: "form-group d-flex flex-column" }, h("div", { key: '6683fc8418f4f59db60b3d94eca0795b2f7ec23e', class: "d-flex align-items-start gap-2" }, h("label", { key: '46c5670107fff83d643b23e6b570199c21c39c07', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7c42abe6644ef89c0c964717a5fedb63993beed8', helpText: this.helpText })), h("input", { key: 'c484eaa0ad7e01299ece5fcd5b783a7bdedb4dc4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '602fc385905ba52c551aa73ef71e29f0ef16084e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'e5f1a634eaa8684106d500245282685016dd38c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

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

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

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

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

@@ -1,10 +1,10 @@
-import { A as Api } from './Api-Dln8a6No.js';
+import { A as Api } from './Api-ohkSjyhl.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './GooglePay-NNHE-OLJ.js';
+import { S as SubAccount } from './GooglePay-5EiPffHy.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
+import './Business-CHJTjG_5.js';
 import './Dispute-BH0Xfn-F.js';
-import './config-state-C2NXATwF.js';
+import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwYM91AU.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
 import { f as formatCurrency, l as formatDisplayDate } from './utils-CDaVtz_6.js';
-import { E as ErrorState } from './utils-CgFsPVsv.js';
-import { S as Spinner } from './spinner-DikooWuI.js';
+import { E as ErrorState } from './utils-DhCv62Pi.js';
+import { S as Spinner } from './spinner-ACMfJh3a.js';
 import './dinero-HXpYMWUU.js';
-import './parts-sA8HBfkI.js';
+import './parts-DrquDBSk.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11000,7 +11000,7 @@ Chart.register(plugin_colors, BarController, BarElement, CategoryScale, LinearSc
 const GrossPaymentChartCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
+        this.errorEvent = createEvent(this, "error-event", 7);
         this.loading = true;
         this.errorMessage = '';
     }
@@ -11062,7 +11062,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: '641e450946112528c3577b6024872f51125e793d' }, this.loading && h(Spinner, { key: 'c767a118f00a0931ed736352ba4c26a34ad8f512' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && h(Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

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

@@ -1,5 +1,5 @@
-import { h } from './index-DwYM91AU.js';
-import { I as heading1 } from './parts-sA8HBfkI.js';
+import { h } from './index-CV0Pyo1O.js';
+import { C as heading1 } from './parts-DrquDBSk.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-C5jS39cE.js → header-3-Ck64YtdM.js}

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

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-DwYM91AU.js';
-import { c as createStore } from './index-B-fWxE5e.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-sA8HBfkI.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-CV0Pyo1O.js';
+import { c as createStore } from './index-cDVGjRkU.js';
+import { al as inputInvalidAndFocused, R as inputInvalid, T as inputFocused, U as input, V as label } from './parts-DrquDBSk.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
-import { p as packageJson } from './package-BzT9OxlN.js';
+import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
+import { p as packageJson } from './package-ZkBwsSuI.js';
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -112,7 +112,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '5ebb1ec479a87430d51fbdff53edcaace72e98c2' }, h("input", { key: '48ace17d93b23f5da773412390fd8187c03cd59d', 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: 'c6c8c76cdec2790f60ee19c527731ba6f9117b75' }, h("input", { key: '9af6445a3380f6e31e287558dc3cbd0822db6a21', 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' } })));
     }
 };
 
@@ -1657,7 +1657,7 @@ const MessageEventType = {
 const IframeInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.iframeLoaded = createEvent(this, "iframeLoaded");
+        this.iframeLoaded = createEvent(this, "iframeLoaded", 7);
         this.isFocused = false;
         this.isValid = true;
         this.dispatchMessageEvent = (event) => {
@@ -1727,10 +1727,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: 'b7f549db9954e772632f144d0b8fab81aa00ac48', class: "form-group d-flex flex-column" }, h("div", { key: 'c073506d6835001d515839382d5140ea074cb1c8', style: {
+        return (h(Host, { key: 'a330cb0cec7fbdf46c0e6e7c40be6997b2c4cd5f', class: "form-group d-flex flex-column" }, h("div", { key: '66458b65ed76bfe0e0dea194433f22b03f912135', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'a80095abc7580bf8f4704239a27d0d819df48800', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd3c5647e79ae3f2fc68cd3b0395c18416ef848fe', 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: '66ad8a684dcc1397fe11ac2e1c7429ce88ec1166', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '9b8ed47bde6743810d6bd3efa14bd1dd55ce2753', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'f3b3cdd705bda6f52d4f491be6c3f85df1182386', 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: 'b0f70e44bdf8c959bdae70e8b487fad62d1b5f36', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1740,7 +1740,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'bca0e095f13b229ad73a309e9c39b4a42104e303', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '72e6383af686f07b9f40b125a8502c56aaa40310', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };