@justifi/webcomponents 4.20.1 → 4.22.0

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

@@ -0,0 +1,79 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
+
+const DateInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const localValue = target.value;
+            if (this.filterTimeZone) {
+                const utcDate = this.convertToUTC(localValue);
+                this.inputHandler(this.name, utcDate);
+                this.formControlInput.emit({ name: this.name, value: utcDate });
+            }
+            else {
+                this.inputHandler(this.name, localValue);
+                this.formControlInput.emit({ name: this.name, value: localValue });
+            }
+        };
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+        this.filterTimeZone = false;
+        this.showTime = undefined;
+        this.maxDate = this.currentDate;
+    }
+    handleDefaultValueChange(newValue) {
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(newValue));
+        }
+        else {
+            this.updateInput(newValue);
+        }
+    }
+    get currentDate() {
+        if (!this.showTime) {
+            return new Date().toISOString().split('T')[0];
+        }
+        else {
+            return new Date().toISOString().slice(0, 16);
+        }
+    }
+    componentDidLoad() {
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(this.defaultValue));
+        }
+        else {
+            this.updateInput(this.defaultValue);
+        }
+    }
+    updateInput(value) {
+        this.dateInput.value = value;
+    }
+    convertToUTC(value) {
+        const dateObj = new Date(value);
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+    convertToLocal(value) {
+        if (!value)
+            return value;
+        const date = new Date(value);
+        // Adjust the date to the local timezone
+        const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
+        return this.showTime ? localDate.toISOString().slice(0, 16) : localDate.toISOString().split('T')[0];
+    }
+    render() {
+        return (h(Host, { key: 'd3fe13284d2f08b951f12d16ea6a56492864991e', exportparts: "label,input,input-invalid" }, h("div", { key: '4823a873c5a8851b094ae59869014ffc6e603328', class: "form-group d-flex flex-column" }, h("div", { key: 'c2205441e85bfe202ae80660eafb4a3f0bae3f82', class: "d-flex gap-2" }, h("label", { key: 'c82d9599db4f54b647bf930e2a44b2f82b07876c', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'b2d8b21a6dba7f4e093081eb274e02d4484198e1', helpText: this.helpText })), h("input", { key: '579063f27122ec31f3818d3168060e43c51c1889', type: this.showTime ? 'datetime-local' : '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, max: this.maxDate }), h("form-control-error-text", { key: '75b7361712bbc65683b19a40398fa5b111b8b39b', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { DateInput as form_control_date };

package/dist/esm/form-control-error-text.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h } from './index-57431c24.js';
+
+const FormControlErrorText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.errorText) {
+            return null;
+        }
+        return (h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+    }
+};
+
+export { FormControlErrorText as form_control_error_text };

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

@@ -36,7 +36,7 @@ const FileInput = class {
         this.fileInput = this.el.querySelector('input');
     }
     render() {
-        return (h(Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), 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() }), h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'd3928cd6013d8e1bd23921a3d73b57de3a3f4c8f', exportparts: "label,input,input-invalid" }, h("div", { key: '5c15b542801ed84a4bdd43b7a7cb8f9a70ab5016', class: "form-group d-flex flex-column" }, h("div", { key: '1636d3a16f0da8047361cbaa87423d35e042de40', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bfce95a71327cf8dd69aee4de8f1ff72c2ddcd97', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2f6167da52618938b39e3917332a74ac3c19aba0', helpText: this.helpText })), h("input", { key: '1b06c50ddb2c1bec731ceca89cc2a19a7329e3cd', 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() }), h("form-control-error-text", { key: '0f38dc541504c11d49afda08f5531d9612e4911d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/form-control-help-text.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h } from './index-57431c24.js';
+
+const FormControlHelpText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.helpText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
+    }
+};
+
+export { FormControlHelpText as form_control_help_text };

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

@@ -51,7 +51,7 @@ const MonetaryInput = class {
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), 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 })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2a65acfea8e79d22dd09c7c116d80b12a2f2a47c', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '166dfb5c261c21d58db1a0e17d8bae149834c149', class: "form-group d-flex flex-column" }, h("label", { key: '1980871936440222e2b711ba2953d7b6287bf080', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '4cfb60bf946fa7e745c93b391997218122c551a0', class: "input-group" }, h("span", { key: '711357a32f9dc1fef77359f15ec3167a468d0463', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: '2489cab2ecb61096f781d339363dad50404e3c67', 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 })), h("form-control-help-text", { key: 'f7e89f0830ca0f453b02595303a245691f448d55', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61f03f0d09027237ab3f5c7979981ddc3dc4c916', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -0,0 +1,94 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
+import { I as IMask } from './index-d9a73ce3.js';
+import { S as StateOptions } from './state-options-a356fb11.js';
+import { n as numberOnlyHandler } from './utils-20cdf321.js';
+
+const NumberInputMasked = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, {
+                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) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.formControlInput.emit({ name: name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask && newValue) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.mask = undefined;
+        this.disabled = undefined;
+    }
+    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);
+        }
+    }
+    render() {
+        return (h(Host, { key: 'd22be5920cedfcbeb57164ba2d6909dc820fee6c', exportparts: "label,input,input-invalid" }, h("div", { key: '9ae430200ebdd26f5995dd2ccad7ad759d14ee11', class: "form-group d-flex flex-column" }, h("div", { key: '796880c67b2bd97977d09721f58357521cb76456', class: "d-flex align-items-start gap-2" }, h("label", { key: '8e4f342d1cebff5ba32b622448f759d83625d929', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '49b58ac4725e882732daefd29b3ce3c248fbe385', helpText: this.helpText })), h("input", { key: '566965701a60397807cc857813f839f56477dd81', 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 }), h("form-control-error-text", { key: '783689f60c6aacab17be5a94a2b1abbd01232a42', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const IdentityAddressForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.address[name] = value;
+            this.address = Object.assign({}, this.address);
+        };
+        this.handleFormUpdate = undefined;
+        this.errors = undefined;
+        this.defaultValues = undefined;
+        this.address = {};
+    }
+    handleAddressChange(newValues) {
+        this.handleFormUpdate(newValues);
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return (h(Host, { key: '5d9d020cdb5f9e0c422098f82fbd9b1c237515f2', exportparts: "label,input,input-invalid" }, h("div", { key: '280b3308698d51c8f3e60124f0433e12ff585abe', class: "row gy-3" }, h("div", { key: 'c31ef56c52561e2acaed2dac868117f6171a09cb', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a53eb44a3b6ab0044ba1746025293fa5be1cd469', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'cd62d3f1ea062f67ab71ced663954b172fa3c4ed', class: "col-12 col-md-4" }, h("form-control-text", { key: '24b4e359217b92c9d010c23f0a670f32a969c36e', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '5e2cf9ef49d42c736d8004e5063377a962857b35', class: "col-12" }, h("form-control-text", { key: 'b408fca949adc1e1f96ad1ab01d8265ef427cd18', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'ab8c048e274784406a8a872650e68791d3aa5844', class: "col-12 col-md-6" }, h("form-control-select", { key: '76db258faf7a4b30f7f1b6c6e975e5ea7e7c61d6', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '8bd2661ad3e579a52f91ce58c6be680d9955584b', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd8a2f3552e25bc57d8f09e61ee78f7f5a33e4bc7', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '93be2db05699edaa12981e0d96a9626ecc169030', class: "col-12" }, h("form-control-select", { key: '5f99c15b72cec36dc3b895c4dadce328f4503f6a', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+            // just for now so we skip handling country specificities
+            disabled: true })))));
+    }
+    static get watchers() { return {
+        "address": ["handleAddressChange"]
+    }; }
+};
+
+export { NumberInputMasked as form_control_number_masked, IdentityAddressForm as justifi_identity_address_form };

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

@@ -32,7 +32,7 @@ const NumberInput = class {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: 'dd43d75b327c05e75b453b954346c6ffcd85a2f5', exportparts: 'label,input,input-invalid' }, h("div", { key: '5215f62251bd89be493ddffe46bf0c466b42e314', class: 'form-group d-flex flex-column' }, h("label", { key: 'f0409970f8d43bcdef92b81363cc24aa1bb691a0', part: "label", class: "form-label", htmlFor: this.name }, this.label), 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 }), h("form-control-help-text", { key: 'cd7b4a724427383cafc04137f6feca473695b020', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '04748d3c5b1067b0312a2b7c36369e2a21a7215f', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2531e0e3e6ce1a477687be5f520f491256fb1841', exportparts: 'label,input,input-invalid' }, h("div", { key: '32df49f44e1a9737fbe62a6729007c048ed1ecac', class: 'form-group d-flex flex-column' }, h("label", { key: '33da2c09b1cf6b5d816bfa315061b4c5f211f0c5', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a890c2d80dd744194f715ab148e6229d3bb524ac', 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 }), h("form-control-help-text", { key: 'cb649de955887d02da58ab9934cadf5956cf7f8e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'db06fb4008f3f66b3b726f67bd58ae96bd152bd8', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,40 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
+
+const RadioInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.checked);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (checked) => {
+            this.radioElement.checked = checked;
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.value = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultChecked = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(checked) {
+        this.updateInput(checked);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultChecked);
+    }
+    render() {
+        return (h(Host, { key: '00ddff45ec5c4c37ddd90f7e8c43559356e23d6a', exportparts: "label,input,input-invalid" }, h("div", { key: '8a853ad5c99ee78111494dff4772ba6ece292f17', class: 'form-group d-flex flex-column' }, h("div", { key: 'bd0fa6c02ad9b3b5900f53bd520f9628bac13fad', class: "form-check" }, h("input", { key: '4318242ddc4ac275660dd8daac0b86d741d6cdf3', ref: el => (this.radioElement = el), type: "radio", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-radio ${this.errorText ? 'input-radio-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value }), h("label", { key: 'ece1080c9d76c1459649ae80dcf894623955a61c', class: "form-check-label", htmlFor: this.name }, this.label)), h("form-control-help-text", { key: '4862090450a3a9a2bab95a994d41bc54535007ec', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6cc9c5629e0f4bc6c7307a7f0a6f1726717d50fe', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultChecked": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { RadioInput as form_control_radio };

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

@@ -0,0 +1,45 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-57431c24.js';
+
+const TextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.maxLength = undefined;
+        this.inputHandler = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (h(Host, { key: '0c4290f6731324ed511abb14a7b84e07f061e2d0', exportparts: "label,input,input-invalid" }, h("div", { key: '615c33ea0f0488b0d1224fb158d77cd1234fa311', class: "form-group d-flex flex-column" }, h("label", { key: '86f2ce13d24b447f84af7bc59a89267e988992ce', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '1dbade53d02ac7a7daa1b546ab5d6d0e18c5fb46', 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', disabled: this.disabled }), h("form-control-help-text", { key: '73974fe9a18995251e39ca494ec9cecbf90af21d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e8f10bd3ec0fbb215d113159d38888fe9b3f4689', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { TextInput as form_control_textarea };

package/dist/esm/{get-payout-csv-93427146.js → get-payout-csv-70974763.js}

@@ -1,7 +1,8 @@
-import { A as Api } from './Api-c8abc2e0.js';
+import { A as Api } from './Api-391d00e2.js';
+import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-6bf26fe2.js';
-import './Payout-dfe15b00.js';
+import './Payment-30790721.js';
+import './SubAccount-7f7e4c56.js';
 import { c as config } from './config-27764a9d.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';

package/dist/esm/get-subaccounts-16c8ce40.js

@@ -0,0 +1,51 @@
+import { A as Api } from './Api-391d00e2.js';
+import './Checkout-0b4086f8.js';
+import './Pagination-afc8f96d.js';
+import './Payment-30790721.js';
+import { S as SubAccount } from './SubAccount-7f7e4c56.js';
+import { c as config } from './config-27764a9d.js';
+import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
+
+class SubAccountService {
+    async fetchSubAccounts(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const headers = { Account: accountId };
+        const api = Api({ authToken, apiOrigin: apiOrigin });
+        const endpoint = 'sub_accounts';
+        return api.get(endpoint, params, null, headers);
+    }
+}
+
+const makeGetSubAccounts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchSubAccounts(accountId, authToken, params, apiOrigin);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new SubAccount(dataItem))) || [];
+            onSuccess({ subAccounts, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+export { SubAccountService as S, makeGetSubAccounts as m };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-import { f as formatCurrency, a as formatDisplayDate } from './utils-e66d8bca.js';
-import { E as ErrorState, L as LoadingState } from './utils-01413a95.js';
+import { b as formatCurrency, c as formatDisplayDate } from './utils-3daada24.js';
+import { E as ErrorState, L as LoadingState } from './utils-218275b7.js';
 
 /*!
  * @kurkle/color v0.3.2
@@ -11041,7 +11041,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: '463d7e132e647e1da6dc5ad5ea54abf95a60e715' }, this.loading && LoadingState(), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '80dfc1ae805ac7e1d34222037de6f492feabf619' }, this.loading && LoadingState(), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/esm/justifi-additional-questions-form-step_10.entry.js

@@ -1,17 +1,18 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-0635eff7.js';
-import { B as BusinessService } from './business.service-1f589b6e.js';
-import { c as create$3, F as FormController, e as create$7 } from './index.esm-fc4f5c0c.js';
-import { b as BusinessFormStep, a as BusinessFormClickActions } from './business-form-types-1bc5fe08.js';
-import { z as bankNameValidation, A as nicknameValidation, u as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as governmentIdValidation, G as ss4Validation, H as otherDocumentValidation, I as balanceSheetValidation, J as bankStatementValidation, K as profitAndLossStatementValidation, L as EntityDocument, M as EntityDocumentStorage } from './schema-validations-e725d701.js';
+import { B as BusinessService } from './business.service-97a3da69.js';
+import { c as create$3, F as FormController, e as create$7 } from './index.esm-ed37201b.js';
+import { b as BusinessFormStep, c as BusinessFormStepV2, a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
+import { z as bankNameValidation, A as nicknameValidation, u as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as governmentIdValidation, G as ss4Validation, H as otherDocumentValidation, I as balanceSheetValidation, J as bankStatementValidation, K as profitAndLossStatementValidation, L as EntityDocument, M as EntityDocumentStorage } from './schema-validations-c1728516.js';
 import { c as bankAccountTypeOptions } from './business-form-options-d790973e.js';
-import { A as Api } from './Api-c8abc2e0.js';
+import { A as Api } from './Api-391d00e2.js';
+import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-6bf26fe2.js';
-import './Payout-dfe15b00.js';
+import './Payment-30790721.js';
+import './SubAccount-7f7e4c56.js';
 import { c as config } from './config-27764a9d.js';
-import { n as numberOnlyHandler } from './utils-3bb6347a.js';
+import { n as numberOnlyHandler } from './utils-20cdf321.js';
 import { B as Business } from './Business-b73d5055.js';
 import { S as Skeleton } from './skeleton-145a80d4.js';
 import { B as Button } from './button-34e75e0f.js';
@@ -60,7 +61,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'ede8f1336c69d47c651a5b4b95ee2746aae3aa52', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: '6ca8443cbe837d993be4381a9d650caaaf51f2df', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -113,6 +114,7 @@ const BusinessBankAccountFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.submitted = createEvent(this, "submitted", 7);
+        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.fetchData = async () => {
@@ -192,10 +194,16 @@ const BusinessBankAccountFormStep = class {
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.bankAccount } });
+        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.bankAccount });
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formDisabled ? onSuccess() :
+        if (this.formDisabled) {
+            this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.bankAccount, metadata: 'no data submitted' });
+            onSuccess();
+        }
+        else {
             this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        }
     }
     ;
     componentWillLoad() {
@@ -213,7 +221,7 @@ const BusinessBankAccountFormStep = class {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'c2bdcd5ab6301d1a39e4d774df101281c41e2002' }, h("fieldset", { key: '7f6b607be5b7bc5fcd0dc1687adaa1ad00d7d2e9' }, h("legend", { key: '91b68746c65bb68f4fbd2eef151258e6915f8e35' }, "Bank Account Info"), h("hr", { key: '5eceedbf59faef10757c9e2b04d4dc4cd6b88a9b' }), h("div", { key: 'd3185db7fceb9851ccb44c1c89f8cbe5a37c24e0', class: "row gy-3" }, h("div", { key: '625caf0e9b93c244d94c69174ffff57126d39fa1', class: "col-12" }, h("form-control-text", { key: 'ddf3206b09047dfea56df850babe6c8f92ed33ee', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'd7d498353eec8e1947ce748aa35cbee63e793817', class: "col-12" }, h("form-control-text", { key: 'a80050dcd088db0209c2e5da65b310d7fc7877f5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ea5578470e0e4d0fd5b973807475a02c7764c9c8', class: "col-12" }, h("form-control-text", { key: 'dd8c77b43ddfca61cfd5ed39ce6e142654f18d9f', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'cb3256226c5fdfa5ff2a02c456a6c384e06d16a6', class: "col-12" }, h("form-control-select", { key: 'a865f48350a0ae6b6a2a540dc2d54de72a8af074', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'aa9062a25dade06db1f175d4233f2e5bb4e7ecd7', class: "col-12" }, h("form-control-text", { key: '1a87920e4df50178625446c770e4182d918664c7', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: 'c72858a29aa1289b367c0eb89d6cc0eded23346d', class: "col-12" }, h("form-control-text", { key: 'b7fb93bcf16c01689245d5aca11142b013fe6adc', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled }))))));
+        return (h("form", { key: '7ae39afd400c9bc2a86f75aeb2a529a36ecd849c' }, h("fieldset", { key: 'd01072ed3710acfbb7916de8ffb9fb80770750af' }, h("div", { key: '75228827d492fcdbd603963a3574c1dca84530b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: '23600460d0b1486d3d4cd612bc9532ba30d5da0e', class: "mb-0" }, "Bank Account Info"), h("form-control-tooltip", { key: 'fed3ad0eef074985a25488a9c093b9eb0cbafabb', helpText: "The Direct Deposit Account is the business bank account where your funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { key: 'f7405cf23ee0a90d46f2c394d09ae421fe9472ee', class: "mt-2" }), h("div", { key: '4cc1d09daed6a897778440f69bd0a9dbd99c1270', class: "row gy-3" }, h("div", { key: 'f7e0e160adaf0925b4ea5ada12137dcf3e5c5d35', class: "col-12" }, h("form-control-text", { key: 'd7cbdb427b9bf332dd9da5885ccfc73d0dd4b40b', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '010c5dd53d8d31f9edc4f0e7ca225c0d2c8a1e09', class: "col-12" }, h("form-control-text", { key: 'f524266d5fcd4e3e35539c130f6dfe742d620593', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1875fc9bb5e0741e1c2aff205effa030aafcd0e2', class: "col-12" }, h("form-control-text", { key: '343754af2350ca668f39270513fa44be416834ba', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '9870781e41bd5879ec161569a7b60ecc049690cc', class: "col-12" }, h("form-control-select", { key: '1ade0e3e0f470e3165d227b67c9dd4054d8443fc', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'c5e531aaded367bd825913cb100dd3225d1c6f61', class: "col-12" }, h("form-control-text", { key: '39cd3bca5b86a0ca175c26be3982bc0e98953439', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '8c3306dde7149b49d1ad6ba426634674e318b4fd', class: "col-12" }, h("form-control-text", { key: '970305b04e9517f56bcb8217cd938b8971ca34b4', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))))));
     }
 };
 
@@ -258,7 +266,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '4ee53046d16fd42df4e09b10c338a740c22184ef', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '8b034d8c728aef3683823a45083764a456d07545', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -292,6 +300,7 @@ const BusinessDocumentFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.submitted = createEvent(this, "submitted", 7);
+        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.inputHandler = (name, value) => {
@@ -381,6 +390,7 @@ const BusinessDocumentFormStep = class {
             }
             else {
                 this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.documentUpload } });
+                this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.documentUpload });
                 return true;
             }
         };
@@ -394,6 +404,7 @@ const BusinessDocumentFormStep = class {
             try {
                 const docArray = Object.values(this.documentData).flat();
                 if (!docArray.length) {
+                    this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.documentUpload, metadata: 'no data submitted' });
                     return onSuccess();
                 }
                 const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
@@ -463,7 +474,7 @@ const BusinessDocumentFormStep = class {
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h("form", { key: '38bb9070ca04f773ec092ebb14ce8ad20f33d8cf' }, h("fieldset", { key: '9c736d11200bb9c5a37c1319f3bfb349b7a5e93f' }, h("legend", { key: '92ed2fb864e85e38532af364518c25ef4bd275a5' }, "Document Uploads"), h("p", { key: 'f5803df74a5d0bc4e544c6cc968333f2a3f77385' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '0c696d1bdb614bdacb3cbadeee66c95149efda68' }), this.documentsOnFile, h("div", { key: '7919205dfda677526d810a9fa1507ed8a55eafb8', class: "d-flex flex-column" }, this.formInputs))));
+        return (h("form", { key: '5e0722b4d5ea462cf5ba6ed2de9d3a73b8bf910a' }, h("fieldset", { key: '09f3589465a6ad53080743018a57b959bef68309' }, h("div", { key: 'b6c1aa4cf4754126b11902a8b35c19e3044ba4ed', class: "d-flex align-items-center gap-2" }, h("legend", { key: '77b5d6847054afbfe6cc7e9e00762c226a582447', class: "mb-0" }, "Document Uploads"), h("form-control-tooltip", { key: '9fb518fbad5039c77436377e26e420dc01a84ca2', helpText: "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { key: 'e95938b42ad6d52d612bb654e39af7ee3442b454', class: "mt-2" }), this.documentsOnFile, h("div", { key: '8ee1cda96d28486faa2371bb1b82c57a57220071', class: "d-flex flex-column" }, this.formInputs))));
     }
 };
 
@@ -508,7 +519,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (h(Host, { key: '213a68fd3543eb912c6fed376128ba877ba75871' }, h("justifi-business-owners-form-step-core", { key: '5acee797bd35f5b60cadc5ddd50f560532dfe8b1', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '31bd33a08c9eb4a849db8898b3ec7e6fede7b843' }, h("justifi-business-owners-form-step-core", { key: '9e4c88686e1a5ebfd81ab5f1aebd21f58c4e6be5', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -557,7 +568,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '866d8cf33d53eff562dac1d36898b4c5695bf39b', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '934b6204cfe78ffe17b3f975de3eedb64398168d', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -581,6 +592,7 @@ const BusinessTermsConditionsFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.submitted = createEvent(this, "submitted", 7);
+        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.fetchData = async () => {
@@ -666,6 +678,7 @@ const BusinessTermsConditionsFormStep = class {
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.termsAndConditions } });
+        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.termsAndConditions });
     }
     async validateAndSubmit({ onSuccess }) {
         if (this.acceptedTermsBefore) {
@@ -683,7 +696,7 @@ const BusinessTermsConditionsFormStep = class {
         });
     }
     render() {
-        return (h("form", { key: 'a292e2b1b69d152009000d9e7009e5ab07698bc8' }, h("fieldset", { key: '30843e9ed0029f64abcf076512af82974dd99598' }, h("legend", { key: '6453679a074056668bdd93cb91d2d725b73fb0da' }, "Terms and Conditions"), h("hr", { key: '6a44c1128e3dceb770b16533aa61fb5e81f5dda2' }), h("justifi-business-terms-conditions-text", { key: '714c9f81c1d1f91712a276259acf4eb6734b40d4' }), h("br", { key: '5e955908e53af5ade77fca9f2a47e8a9d10e7ad8' }), h("div", { key: '7c6ca9d2634c7cc6988292ffedf86b64c3865557', class: "row-gy-3" }, h("div", { key: 'e8f01c4bdcc07e0063e3b8f5f1acbabc9b3310f7', class: "col-12" }, h("form-control-checkbox", { key: 'e09eeb02dc30a9461e958bf43685d2c58f4a608f', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
+        return (h("form", { key: 'e675f117eb90a0690e148a1164fffde5d4f01419' }, h("fieldset", { key: 'e1cb1fe38b7365cc282eb91689afb40d6b01136c' }, h("legend", { key: 'e57a4bc006983c3ee3805445d750ea330bedd477' }, "Terms and Conditions"), h("hr", { key: '7b373693bd10d6493816b3dd9ae07d826bd7ff84' }), h("justifi-business-terms-conditions-text", { key: '984b3668240861df4947c60068c1be079a3eb7e1' }), h("br", { key: '15dfba53dd81d39be4ea216bf798f51881abf23d' }), h("div", { key: 'b426c709c11435911efb4289b68fa8f86c2569f2', class: "row-gy-3" }, h("div", { key: '307c51a7f78613807054a5d1480318fdb9316bff', class: "col-12" }, h("form-control-checkbox", { key: '6069cb9929c7ea0f2c1b2cbc99dad61806c80429', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
     }
 };
 
@@ -728,7 +741,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '7455b4950e2ca1121004943ad81537c583438738', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '06ac5acac2cc9c167a86448b0e12d885d21361fb', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],