@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/cjs/{form-control-number-masked_2.cjs.entry.js → form-control-date_3.cjs.entry.js}

@@ -5,7 +5,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-fb499e95.js');
 const index$1 = require('./index-750475a3.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
-const utils = require('./utils-8c3bf659.js');
+const utils = require('./utils-ddacfc44.js');
+
+const DateInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    updateInput(value) {
+        this.dateInput.value = value;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'fa61a426a5a070d951fa425ae42a59add69a9d96', exportparts: "label,input,input-invalid" }, index.h("label", { key: 'e7679e6a66277a130414b59421b01d1f8e328cf2', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'b3fb4afd3181fec3eef3dfb851ab8965cb7bbfe7', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'dbc9ac76d75521a7d1ee5cc34393471521ffa1c2', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '0f9731278250bde69dd7dee9a7b44e339d919774', errorText: this.errorText, name: this.name })));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
 
 const NumberInputMasked = class {
     constructor(hostRef) {
@@ -20,8 +56,11 @@ const NumberInputMasked = class {
                 mask: this.mask,
             });
             this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
+                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());
         };
@@ -45,6 +84,7 @@ const NumberInputMasked = class {
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
+        this.initializeIMask();
         this.updateInput(newValue);
     }
     disconnectedCallback() {
@@ -52,11 +92,13 @@ const NumberInputMasked = class {
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     componentDidLoad() {
-        this.initializeIMask();
-        this.updateInput(this.defaultValue);
+        if (this.textInput) {
+            this.initializeIMask();
+            this.updateInput(this.defaultValue);
+        }
     }
     render() {
-        return (index.h(index.Host, { key: '781c4f77fe5b5b4f39c2d44868814ada72ce67c9', exportparts: "label,input,input-invalid" }, index.h("div", { key: '9c3ed0d13b883e3d2dc302225f25a00414088ef6', class: "form-group d-flex flex-column" }, index.h("label", { key: '0782f2936175944dd54e5497e54d2389c35c94bc', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '8feee613f2f83e8cb0ac34a4939fd65b5c14729a', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h("form-control-help-text", { key: 'dbdf33259fd04b1488b299216eb550960068c553', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '8a148bb9a29f322fb21acbfd8597a1e89433056a', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'e0a59308376055c019233f3d4649c9a37af963d2', exportparts: "label,input,input-invalid" }, index.h("div", { key: '52d9440421342fed6a4f97b57586a43d517ded7d', class: "form-group d-flex flex-column" }, index.h("label", { key: '8302a9fa1111d3b72600304cd0b1fb2c6239d895', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '86653c7b7f4efb9609bae2ecf69bd5e396bd342b', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h("form-control-help-text", { key: '71d4d44ff91d06229ccc22e70bc92e0a2050da90', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'b7d42462ae9165acbde68cf59da07eb956a91fd6', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -80,7 +122,7 @@ const IdentityAddressForm = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (index.h(index.Host, { key: '83dd1e3c2e9d5e1d9da9d64143045530ea3c49e6', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'd2ccac17954bea719da0dba261359547b4873f25', class: "row gy-3" }, index.h("div", { key: 'ae78ba39a640f5798a90665eb2500195ce429215', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '0c11aa4ac520f2d37fd6f079e67898fb50089d40', 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 })), index.h("div", { key: '9130d253adc984b15540c779fcd348b43a47a92d', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '1eb5d471e0d77d0055aa26cc9e75ab84aee87772', 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 })), index.h("div", { key: '64b045b949e95e98db793495ddb53191b93db5eb', class: "col-12" }, index.h("form-control-text", { key: '98a05e17ebe3a676510614a218a8545af8c72c86', 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 })), index.h("div", { key: '27995692a60f0c5663bad8c588ed8757d8a19e88', class: "col-12 col-md-6" }, index.h("form-control-select", { key: 'e83aae9954a38e03af941ae270b10d170be3c85a', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: stateOptions.StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), index.h("div", { key: '8111c0cda61ebdf3df4464f32ebae2171c44dc74', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'b1b591ec7b419574d8245d710212809d153cd2d9', 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: utils.numberOnlyHandler, inputHandler: this.inputHandler })), index.h("div", { key: '5420333a8133ee51f4c2d8100a0c0d59dae5e383', class: "col-12" }, index.h("form-control-select", { key: 'e0b19506594ad3051c5a1211421729d24352f572', 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,
+        return (index.h(index.Host, { key: 'd090676d3bb1d9de9ae947ff25d94b5985ace914', exportparts: "label,input,input-invalid" }, index.h("div", { key: '64ddec6db508d27b709ad551f60fe58494631fe3', class: "row gy-3" }, index.h("div", { key: '7e0f89b7b8d5a466b89efad75498c5d1f2cac8ea', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'ea6055fb3457e28666b11b72173ad70b83a87659', 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 })), index.h("div", { key: '5f6f456c573fb9318e58976decb67274b209fa23', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '86fffd4641953d0445a7c24d332cda513121b65e', 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 })), index.h("div", { key: 'e06339cefebe37ae0629631fbc5101c9dbc040a6', class: "col-12" }, index.h("form-control-text", { key: 'd2af696b33092247b6741c8034aaf12ab51aa878', 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 })), index.h("div", { key: 'b655a66fb68f059fa91ae5f9f60fdebe0ae04fad', class: "col-12 col-md-6" }, index.h("form-control-select", { key: '50a65861a5a39daac199571c5a0273340556e476', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: stateOptions.StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), index.h("div", { key: '30255517e0fa1ede35d7b2525625ebc389c44525', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'b7b0a773c7b2dbe05c4bf8e9fc7235a01bf36832', 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: utils.numberOnlyHandler, inputHandler: this.inputHandler })), index.h("div", { key: '804e9aa1ca7b4ae167ae64969107ad6352559ed7', class: "col-12" }, index.h("form-control-select", { key: '1aa3734e10502bc8f1732f386b60135b8a7d94a6', 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 })))));
     }
@@ -89,5 +131,6 @@ const IdentityAddressForm = class {
     }; }
 };
 
+exports.form_control_date = DateInput;
 exports.form_control_number_masked = NumberInputMasked;
 exports.justifi_identity_address_form = IdentityAddressForm;

package/dist/cjs/{form-control-select_2.cjs.entry.js → form-control-error-text_4.cjs.entry.js}

@@ -4,6 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 
+const FormControlErrorText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.errorText) {
+            return null;
+        }
+        return (index.h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+    }
+};
+
+const FormControlHelpText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.helpText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (index.h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
+    }
+};
+
 const SelectInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -35,7 +63,7 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'abc80a7f20c59c99a3468f199142bc01ba7883cb', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'd34ec19e40c33bd16b1e03e2bfac07dd6dd1a3a8', class: "form-group d-flex flex-column" }, index.h("label", { key: '43adfb46f3bf2e72e50d2bab17b909fec8693c2a', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("select", { key: 'eacb07490715f8041cfa6cd4fab91959d5b6bfae', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h("form-control-help-text", { key: '5ec5ba6ca4e0503ffdbddb95e70444bbf8b169b7', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'bd90d61ca9aa0c52d351e336febc9f3d2e501355', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '99449e3724103b12af7f2a4573831961074a484a', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'd73e89d43da9968b687afece24794d9472fec6b5', class: "form-group d-flex flex-column" }, index.h("label", { key: '6964c55858fc3cf96a137e1061c7f66831105348', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("select", { key: '5b1a09a607ad9638915f5e70f2164f6010020438', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h("form-control-help-text", { key: '62d862921d463c98e56888293c878624f7311548', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '0b1c4d4752965fb058208c72c7f1c3872d1e0561', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -76,7 +104,7 @@ const TextInput = class {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (index.h(index.Host, { key: '7b3c980cbad27b29bc87dd4eaa8a23398c8b244c', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'fa49688c206721f177d2c57b42103ffcd139dde7', class: "form-group d-flex flex-column" }, index.h("label", { key: '596b8cae71f32769d82fa5e77df11daa172fcce9', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '44ec6ef8e306c5d25190dec87926ba382665f2ca', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h("form-control-help-text", { key: '888e0abf5f3687266784eda12428cb219321f964', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '902a8e06659e63cb35002b5eef8b3f987df8fb44', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '1194532f81831734543bad80860da14f8a5ad856', exportparts: "label,input,input-invalid" }, index.h("div", { key: '296538cf90b62f8041e21620aa06b4074f68b71a', class: "form-group d-flex flex-column" }, index.h("label", { key: '7c009ce96124e58f9657dba2565ef298225f10f7', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '4b33cb700aecf4d0a359366ba2e0d248c602d904', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h("form-control-help-text", { key: '7a279d72bb262fcb044b5b0cc31703878ce9f444', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '00bea288a99f626806697a98b6dca3f3298dc0b3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -84,5 +112,7 @@ const TextInput = class {
     }; }
 };
 
+exports.form_control_error_text = FormControlErrorText;
+exports.form_control_help_text = FormControlHelpText;
 exports.form_control_select = SelectInput;
 exports.form_control_text = TextInput;

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

@@ -40,7 +40,7 @@ const FileInput = class {
         this.fileInput = this.el.querySelector('input');
     }
     render() {
-        return (index.h(index.Host, { key: '2219dfef80cb3ef71148fbc4d2d29df6583d6779', exportparts: "label,input,input-invalid" }, index.h("div", { key: '18d059b17b226815a97cf1be429857bd93e43115', class: "form-group d-flex flex-column" }, index.h("label", { key: '91adf40d0dd7559888b7c37eeee40f363628bada', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '6aa37be009cce396e2f1268429c94b812d48167e', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), index.h("form-control-help-text", { key: 'd4241aceb5a40b2dfedebc9658b128231d43fcc0', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'af7dd8c90ea83f2f99f24100e97c9147f787aadf', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, index.h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, index.h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'a7eef53c9fff54eace8c6960b8c62a833d30bfa3', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), index.h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -55,7 +55,7 @@ const MonetaryInput = class {
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (index.h(index.Host, { key: 'f2aacad037f8f87113058e9f2e30eb87206bfbe3', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, index.h("div", { key: '3bc32c7abb0f277bf3b49ca9f67c1207ffcc7d9a', class: "form-group d-flex flex-column" }, index.h("label", { key: 'ccfb24981f1423c376d9146bf48f53f8ecb3a964', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: 'acb22641d9c7b7aea3ba9d04527958a08cc5138f', class: "input-group" }, index.h("span", { key: 'fc2b1f6ad3332b464fa55c5a72fca2b4d6652d6c', class: "input-group-text", part: "input-group-text" }, "$"), index.h("input", { key: '39aee063f8a381251ee424a9e1488341e3dbbab5', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h("form-control-help-text", { key: 'f9e05bb145ee2e33b92132ba3564c56412ea705e', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'e92a7992598bd13c61d9f8cbce17fce999b9924d', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, index.h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, index.h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, index.h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), index.h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -36,7 +36,7 @@ const NumberInput = class {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (index.h(index.Host, { key: 'da1318fae566f16be182c710840df84a60ccf707', exportparts: 'label,input,input-invalid' }, index.h("div", { key: 'de12c73d81be1a797c7efd482adef5e648d2947b', class: 'form-group d-flex flex-column' }, index.h("label", { key: '95113ea706e25074512e948ae041ac121af6c181', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '03d3cf05f76c6dd4ec2b00d486f31045dd36dc12', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h("form-control-help-text", { key: 'ac4d21a4d723c80bff561364858f2dfba3c704b6', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '7f474f8d69bf555a2e6c517772e79d35a7bd32b2', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'dd43d75b327c05e75b453b954346c6ffcd85a2f5', exportparts: 'label,input,input-invalid' }, index.h("div", { key: '5215f62251bd89be493ddffe46bf0c466b42e314', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'f0409970f8d43bcdef92b81363cc24aa1bb691a0', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '9c6a5899e64ba1a8af6af80c63b6a0895351da63', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h("form-control-help-text", { key: 'cd7b4a724427383cafc04137f6feca473695b020', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '04748d3c5b1067b0312a2b7c36369e2a21a7215f', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{get-payout-csv-e4e4771a.js → get-payout-csv-f3aee6d0.js}

@@ -2,7 +2,7 @@
 
 const Api = require('./Api-3bc6e43f.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
+require('./Payment-1a8a8ca6.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-ff2dda66.js');
 const ComponentError = require('./ComponentError-233ac749.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils = require('./utils-80191fbe.js');
+const utils = require('./utils-89d86e29.js');
 const utils$1 = require('./utils-c1d2e426.js');
 
 /*!
@@ -11045,7 +11045,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c84e3a681d35e62474e6b34b2a54edcae47370d2' }, this.loading && utils$1.LoadingState(), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '463d7e132e647e1da6dc5ad5ea54abf95a60e715' }, this.loading && utils$1.LoadingState(), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/input-handlers-cff032bb.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const helpers = require('./helpers-602962eb.js');
+
+const updateFormValues = (formController, newValues) => {
+    formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));
+};
+const updateAddressFormValues = (formController, newValues) => {
+    updateFormValues(formController, {
+        address: Object.assign(Object.assign({}, formController.values.getValue().address), newValues),
+    });
+};
+const updateDateOfBirthFormValues = (event, formController) => {
+    const dob_values = helpers.deconstructDate(event.detail);
+    updateFormValues(formController, Object.assign(Object.assign({}, formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
+};
+
+exports.updateAddressFormValues = updateAddressFormValues;
+exports.updateDateOfBirthFormValues = updateDateOfBirthFormValues;
+exports.updateFormValues = updateFormValues;