@justifi/webcomponents 4.20.1 → 4.21.0

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

@@ -14,9 +14,16 @@ const DateInput = class {
         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 });
+            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;
@@ -25,18 +32,50 @@ const DateInput = class {
         this.helpText = undefined;
         this.errorText = undefined;
         this.disabled = undefined;
+        this.filterTimeZone = false;
+        this.showTime = undefined;
     }
     handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(newValue));
+        }
+        else {
+            this.updateInput(newValue);
+        }
+    }
+    get maxDate() {
+        if (!this.showTime) {
+            return new Date().toISOString().split('T')[0];
+        }
+        else {
+            return new Date().toISOString().slice(0, 16);
+        }
     }
     componentDidLoad() {
-        this.updateInput(this.defaultValue);
+        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 (index.h(index.Host, { key: 'dfbfc1ea5d7139a1c1d30c7bd84b33a9c22604cf', exportparts: "label,input,input-invalid" }, index.h("label", { key: '99a01781ecd1421fa439ad08f77d3f750a55eaee', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'd8db68d8a62e0f982c3aa7d4bd3a5cf7c2681db3', 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: '1ee2ccdc1e409c5427e39efe2929b830960edce9', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '1db50cca364b4d059dac37243cf83bb4b11459cd', errorText: this.errorText, name: this.name })));
+        return (index.h(index.Host, { key: '2ee850cab24ab7d32cbd638299f59827b5b7e117', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'cc898cb56cb32f86e9a9f2a8fb626c38394cf36f', class: "form-group d-flex flex-column" }, index.h("div", { key: 'de4f8f4da4d650eeced126625ddcad480714dc50', class: "d-flex gap-2" }, index.h("label", { key: '99a74827cb24033d33ce5e9b978c4ec7161590f4', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'c9b2278afb165b5fc37dea2546f41912edb21567', helpText: this.helpText })), index.h("input", { key: 'af22c6198cb66961a3b4acf8486fdf034d65108c', 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 }), index.h("form-control-error-text", { key: 'cdb69d99d1736c8ba976170bb2baf28246939cfd', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -98,7 +137,7 @@ const NumberInputMasked = class {
         }
     }
     render() {
-        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 }))));
+        return (index.h(index.Host, { key: 'ec5637a437fc6925f12ed0ff9653de16cebec6c8', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'fa43aed393941aaa2c9aadf550e2528aca661c90', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f97bc1662798dd0ac7a01050771f7e2d8b94d3c8', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '75b17b73150c1c1ef3ca0489aa1dac45b86583b8', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'd1c35542ebf2c49de0abb0488dff23aad8238eaf', helpText: this.helpText })), index.h("input", { key: '3573366640ca5525b12cf086c92c000a25bfaf8b', 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-error-text", { key: 'db11bee11d3f1f33ac03e8ed0f8687f0b9fff9cf', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -122,7 +161,7 @@ const IdentityAddressForm = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        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,
+        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: '0fdbbf48001fe60c5bf5e7a07d7b43186ca2f0eb', 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." })), index.h("div", { key: '2b17a0fcd80dbea0703ac0291d5e509b0c14d9c8', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'ae29fceaf3af789789c86f545dab6a9d0e4c8429', 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: '55ccf8053ec8e3c1f4534c47d8d23eeac3383d13', class: "col-12" }, index.h("form-control-text", { key: '3a3ca85cbf0514da6828e3f5a0bf0fd4b9e983c8', 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: 'daf6e6031b8dfab6a3e0170f96cc2f0649ded7ce', class: "col-12 col-md-6" }, index.h("form-control-select", { key: '08791966d72817826f23c3d55ffe3cbaad0ac3bd', 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: 'c97882ae4c598f762ec32e9ff54b819077ba7193', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '562ffc8ad8de252d009a284b7b61f978084034dd', 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: '6fda38b6ab0618bd9c47ae51417f3b7e10148f53', class: "col-12" }, index.h("form-control-select", { key: 'df9ec4209e2c82ba05af0160cb74849c20110bae', 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 })))));
     }

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: '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 }))));
+        return (index.h(index.Host, { key: 'e55c4e61544191f12bccce66ed922357090f6a12', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'ec8dd08ef6d99ae26a82ff891b25ae2d3892aea1', class: "form-group d-flex flex-column" }, index.h("div", { key: '8430c4a605b4869e6bb4f206d5cbd1588c4e983d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'e9519f7c08040964b5594961b6c26ce14bbc2681', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '67ec6c6453976e2e6442e82ab94f94a5d0d91bb2', helpText: this.helpText })), index.h("input", { key: 'a25d7f66085730bcb2a0f749f744f0f6bd9fa76e', 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-error-text", { key: '96b42ba795d86098932c1aeaf4d868cfce17895d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{form-control-monetary.cjs.entry.js → form-control-help-text_2.cjs.entry.js}

@@ -6,6 +6,20 @@ const index = require('./index-fb499e95.js');
 const index$1 = require('./index-750475a3.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 
+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 MonetaryInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -55,11 +69,12 @@ const MonetaryInput = class {
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        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 }))));
+        return (index.h(index.Host, { key: '6c95f96829b6cacc9d3fa975e1b9e81fa2011360', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, index.h("div", { key: 'e8343e6439d4a52d21991f9071caebb94789afdf', class: "form-group d-flex flex-column" }, index.h("label", { key: '5bff3a49dc18c407a8df5c96fd65720531bad45c', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '012e6cddda14b939c898df2c8422cd21f10e18fa', class: "input-group" }, index.h("span", { key: 'a7fa4827a93a925472271630a4667b64d1fa99c2', class: "input-group-text", part: "input-group-text" }, "$"), index.h("input", { key: 'd0e8c3f4e7466ab2115cbbe03bc9f81759f32c10', 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: '62f6cbc7dad3127d5461b8d003e9cf0a991373ff', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '465b5a31b6434b2afc40ff4cc6d29713e5840fe8', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
+exports.form_control_help_text = FormControlHelpText;
 exports.form_control_monetary = MonetaryInput;

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: '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 }))));
+        return (index.h(index.Host, { key: '5f7a94160460fd8a92d740899a7418c98b3178d0', exportparts: 'label,input,input-invalid' }, index.h("div", { key: 'c8386c9c72a721d53d33d3894615f7d8f127b1bf', class: 'form-group d-flex flex-column' }, index.h("label", { key: '754f8714d1d0e42c977dace41e79d0e7b21c7e39', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '4289872c0983d50ff89851aac2309b911e6348df', 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: '0de80b8d728865b8978a7daaf54315dbf422dced', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'b0cd9a78aa4c44dc7103c5d6ceced7258b197f16', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{get-payout-csv-3a3260ec.js → get-payout-csv-a82b2c1c.js}

@@ -2,7 +2,7 @@
 
 const Api = require('./Api-b98b256f.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-05767cba.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-af1b60a9.js');
+const utils = require('./utils-52fb7fa1.js');
 const utils$1 = require('./utils-c1d2e426.js');
 
 /*!
@@ -11045,7 +11045,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        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)));
+        return (index.h(index.Host, { key: 'aee0faee30a5c998410cdb28d52107ce2c0cb672' }, 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/justifi-additional-questions-form-step_10.cjs.entry.js

@@ -7,12 +7,12 @@ const ComponentError = require('./ComponentError-233ac749.js');
 const paymentProvisioningActions = require('./payment-provisioning-actions-06466dda.js');
 const business_service = require('./business.service-031c0084.js');
 const index_esm = require('./index.esm-52757963.js');
-const businessFormTypes = require('./business-form-types-6e1fcda3.js');
+const businessFormTypes = require('./business-form-types-719b7f52.js');
 const schemaValidations = require('./schema-validations-0a7e46a3.js');
 const businessFormOptions = require('./business-form-options-5db0bd5e.js');
 const Api = require('./Api-b98b256f.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-05767cba.js');
 const utils = require('./utils-ddacfc44.js');
@@ -64,7 +64,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-additional-questions-form-step-core", { key: 'ede8f1336c69d47c651a5b4b95ee2746aae3aa52', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.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"],
@@ -117,6 +117,7 @@ const BusinessBankAccountFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.submitted = index.createEvent(this, "submitted", 7);
+        this.stepCompleted = index.createEvent(this, "form-step-completed", 7);
         this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
         this.fetchData = async () => {
@@ -196,10 +197,16 @@ const BusinessBankAccountFormStep = class {
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: businessFormTypes.BusinessFormStep.bankAccount } });
+        this.stepCompleted.emit({ data: response, formStep: businessFormTypes.BusinessFormStepV2.bankAccount });
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formDisabled ? onSuccess() :
+        if (this.formDisabled) {
+            this.stepCompleted.emit({ data: null, formStep: businessFormTypes.BusinessFormStepV2.bankAccount, metadata: 'no data submitted' });
+            onSuccess();
+        }
+        else {
             this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        }
     }
     ;
     componentWillLoad() {
@@ -217,7 +224,7 @@ const BusinessBankAccountFormStep = class {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (index.h("form", { key: 'c2bdcd5ab6301d1a39e4d774df101281c41e2002' }, index.h("fieldset", { key: '7f6b607be5b7bc5fcd0dc1687adaa1ad00d7d2e9' }, index.h("legend", { key: '91b68746c65bb68f4fbd2eef151258e6915f8e35' }, "Bank Account Info"), index.h("hr", { key: '5eceedbf59faef10757c9e2b04d4dc4cd6b88a9b' }), index.h("div", { key: 'd3185db7fceb9851ccb44c1c89f8cbe5a37c24e0', class: "row gy-3" }, index.h("div", { key: '625caf0e9b93c244d94c69174ffff57126d39fa1', class: "col-12" }, index.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 })), index.h("div", { key: 'd7d498353eec8e1947ce748aa35cbee63e793817', class: "col-12" }, index.h("form-control-text", { key: 'a80050dcd088db0209c2e5da65b310d7fc7877f5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'ea5578470e0e4d0fd5b973807475a02c7764c9c8', class: "col-12" }, index.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 })), index.h("div", { key: 'cb3256226c5fdfa5ff2a02c456a6c384e06d16a6', class: "col-12" }, index.h("form-control-select", { key: 'a865f48350a0ae6b6a2a540dc2d54de72a8af074', name: "account_type", label: "Account Type", options: businessFormOptions.bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'aa9062a25dade06db1f175d4233f2e5bb4e7ecd7', class: "col-12" }, index.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: utils.numberOnlyHandler, disabled: this.formDisabled })), index.h("div", { key: 'c72858a29aa1289b367c0eb89d6cc0eded23346d', class: "col-12" }, index.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: utils.numberOnlyHandler, disabled: this.formDisabled }))))));
+        return (index.h("form", { key: 'c19f52934f1fa591d71175d1a0a584c0e9d0bd92' }, index.h("fieldset", { key: '96c326422e38efe3413b282fcc2415355108992c' }, index.h("div", { key: '7a39297bc087e310ad28fbdd58e71b509c002132', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '81b0cc0fc84846e04f3efb1efc0c33c181a3399d', class: "mb-0" }, "Bank Account Info"), index.h("form-control-tooltip", { key: 'f24f0605251a59c7df3a01bfb5d01302e95b45ba', 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." })), index.h("hr", { key: '8386d2b17e191ca529a663ced0c430e71c3da4d6', class: "mt-2" }), index.h("div", { key: 'd5ddcc4c0b54320a0e1f1fd381dd41e8bdb86c2f', class: "row gy-3" }, index.h("div", { key: '29bd4e26bed9fef74ee79241d5dc6fd9a4d5954e', class: "col-12" }, index.h("form-control-text", { key: 'ac9781048b7dfb24da9565b058994ffd78053db9', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'db9d13b0a62927b790bdcf5bc77ffa4fbadb227b', class: "col-12" }, index.h("form-control-text", { key: '41d192f0d9df09e62aa929642ca2ae40946f951e', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '2b37a20c6bb6f942ccf5b49e84a2d6d1669d9fd7', class: "col-12" }, index.h("form-control-text", { key: '0392b8d08a48ff27af80d6fa42959b90a713de4e', 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 })), index.h("div", { key: '2a30485d70f0825e7e677b3f4b75caf4c601090e', class: "col-12" }, index.h("form-control-select", { key: '65cb43b080e47208bf83099cfec12cc8351281c6', name: "account_type", label: "Account Type", options: businessFormOptions.bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'ab0c65f348486814ac14ed548ecaa25610e14d58', class: "col-12" }, index.h("form-control-text", { key: '3c08ce88f652bfe6ae64807beab30ed796cad6c3', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), index.h("div", { key: 'f5314db551f6d4482f151b49d9db685b78223f2a', class: "col-12" }, index.h("form-control-text", { key: '1f204b3140c9fc4fe20519ebc082751c291ba816', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))))));
     }
 };
 
@@ -262,7 +269,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (index.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 (index.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"],
@@ -296,6 +303,7 @@ const BusinessDocumentFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.submitted = index.createEvent(this, "submitted", 7);
+        this.stepCompleted = index.createEvent(this, "form-step-completed", 7);
         this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
         this.inputHandler = (name, value) => {
@@ -385,6 +393,7 @@ const BusinessDocumentFormStep = class {
             }
             else {
                 this.submitted.emit({ data: response, metadata: { completedStep: businessFormTypes.BusinessFormStep.documentUpload } });
+                this.stepCompleted.emit({ data: response, formStep: businessFormTypes.BusinessFormStepV2.documentUpload });
                 return true;
             }
         };
@@ -398,6 +407,7 @@ const BusinessDocumentFormStep = class {
             try {
                 const docArray = Object.values(this.documentData).flat();
                 if (!docArray.length) {
+                    this.stepCompleted.emit({ data: null, formStep: businessFormTypes.BusinessFormStepV2.documentUpload, metadata: 'no data submitted' });
                     return onSuccess();
                 }
                 const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
@@ -467,7 +477,7 @@ const BusinessDocumentFormStep = class {
         return (index.h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (index.h("form", { key: '38bb9070ca04f773ec092ebb14ce8ad20f33d8cf' }, index.h("fieldset", { key: '9c736d11200bb9c5a37c1319f3bfb349b7a5e93f' }, index.h("legend", { key: '92ed2fb864e85e38532af364518c25ef4bd275a5' }, "Document Uploads"), index.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."), index.h("hr", { key: '0c696d1bdb614bdacb3cbadeee66c95149efda68' }), this.documentsOnFile, index.h("div", { key: '7919205dfda677526d810a9fa1507ed8a55eafb8', class: "d-flex flex-column" }, this.formInputs))));
+        return (index.h("form", { key: 'f240b37d159cbf3db19e4256f97ade622e88d41b' }, index.h("fieldset", { key: '0555c8a1747336af04b470f750343d231cebb7cc' }, index.h("div", { key: '7c46295e5997aba7f769324d52def17236babe7b', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '2a3fe8a3031a1923df6de8752438d595d935d8f6', class: "mb-0" }, "Document Uploads"), index.h("form-control-tooltip", { key: '6b3f02a801ff53a1c28ee30710980f5e2790ac5c', helpText: "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { key: 'ac1f9e460920d3654f9c079e8c3fc84ccf7369b4', class: "mt-2" }), this.documentsOnFile, index.h("div", { key: '444b0f875d460d6bdddc9183bc5c797d3828c127', class: "d-flex flex-column" }, this.formInputs))));
     }
 };
 
@@ -512,7 +522,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '213a68fd3543eb912c6fed376128ba877ba75871' }, index.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 (index.h(index.Host, { key: '31bd33a08c9eb4a849db8898b3ec7e6fede7b843' }, index.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"],
@@ -561,7 +571,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-representative-form-step-core", { key: '866d8cf33d53eff562dac1d36898b4c5695bf39b', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.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"],
@@ -585,6 +595,7 @@ const BusinessTermsConditionsFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.submitted = index.createEvent(this, "submitted", 7);
+        this.stepCompleted = index.createEvent(this, "form-step-completed", 7);
         this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
         this.fetchData = async () => {
@@ -670,6 +681,7 @@ const BusinessTermsConditionsFormStep = class {
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: businessFormTypes.BusinessFormStep.termsAndConditions } });
+        this.stepCompleted.emit({ data: response, formStep: businessFormTypes.BusinessFormStepV2.termsAndConditions });
     }
     async validateAndSubmit({ onSuccess }) {
         if (this.acceptedTermsBefore) {
@@ -687,7 +699,7 @@ const BusinessTermsConditionsFormStep = class {
         });
     }
     render() {
-        return (index.h("form", { key: 'a292e2b1b69d152009000d9e7009e5ab07698bc8' }, index.h("fieldset", { key: '30843e9ed0029f64abcf076512af82974dd99598' }, index.h("legend", { key: '6453679a074056668bdd93cb91d2d725b73fb0da' }, "Terms and Conditions"), index.h("hr", { key: '6a44c1128e3dceb770b16533aa61fb5e81f5dda2' }), index.h("justifi-business-terms-conditions-text", { key: '714c9f81c1d1f91712a276259acf4eb6734b40d4' }), index.h("br", { key: '5e955908e53af5ade77fca9f2a47e8a9d10e7ad8' }), index.h("div", { key: '7c6ca9d2634c7cc6988292ffedf86b64c3865557', class: "row-gy-3" }, index.h("div", { key: 'e8f01c4bdcc07e0063e3b8f5f1acbabc9b3310f7', class: "col-12" }, index.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 (index.h("form", { key: '3f269771c368a23afd1c7b139b0fce416d18f161' }, index.h("fieldset", { key: 'a94a5bf100cb5a10b156b8cf94dc85f03cc1f6ae' }, index.h("legend", { key: 'facb4a29cebd5147fe3c35d336df04546b550d74' }, "Terms and Conditions"), index.h("hr", { key: '3dafaab7d2d35bf9a00f87da643f6e1efaa7b147' }), index.h("justifi-business-terms-conditions-text", { key: '60a1370c8b0d817d79130e8607f6d663c4648c78' }), index.h("br", { key: 'e72e81a34b31a00ebe3a0d01e24dc096df7bc2a9' }), index.h("div", { key: '676ed858195c1b90a9e4fdc22ba9654ff944dc93', class: "row-gy-3" }, index.h("div", { key: '20039587eb6144a05078799f6a41feb59f43dbd2', class: "col-12" }, index.h("form-control-checkbox", { key: 'fc8eaa81e530b55f24e2ec994b97b4c181af94b2', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
     }
 };
 
@@ -732,7 +744,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-legal-address-form-step-core", { key: '7455b4950e2ca1121004943ad81537c583438738', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.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"],

package/dist/cjs/justifi-bank-account-form.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const config = require('./config-05767cba.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-require('./package-3a9ac89d.js');
+const Analytics = require('./Analytics-880f5152.js');
+require('./package-cb1b1015.js');
 require('./Api-b98b256f.js');
 
 const BankAccountForm = class {

package/dist/cjs/justifi-billing-form_2.cjs.entry.js

@@ -7,7 +7,7 @@ const index_esm = require('./index.esm-52757963.js');
 const schemaValidations = require('./schema-validations-0a7e46a3.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 const utils = require('./utils-ddacfc44.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 require('./business-form-options-5db0bd5e.js');
 require('./Business-aa799fec.js');
 require('./helpers-602962eb.js');
@@ -73,7 +73,7 @@ const SaveNewPaymentMethod = class {
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (index.h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, index.h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), index.h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
+        return (index.h("div", { key: 'dc65b5d53172a7d3b26f7a09ea98b865fcc4689a', class: "mt-4 form-check" }, index.h("input", { key: 'e4af44c05c9f45ffe6d2eb88199983725d421d7b', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), index.h("label", { key: 'ad6aa82a60e4d2c6f73cda78a819e9f1590a598b', class: "form-check-label" }, "Save new payment method")));
     }
 };
 

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -8,13 +8,13 @@ const business_service = require('./business.service-031c0084.js');
 const Business = require('./Business-aa799fec.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
+const Analytics = require('./Analytics-880f5152.js');
+const checkPkgVersion = require('./check-pkg-version-54f7dfda.js');
 require('./config-05767cba.js');
 require('./Api-b98b256f.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
-require('./package-3a9ac89d.js');
+require('./package-cb1b1015.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -8,19 +8,19 @@ const businessAdditionalQuestionsSchema = require('./business-additional-questio
 const businessIdentitySchema = require('./business-identity-schema-503ecb77.js');
 const Api = require('./Api-b98b256f.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-05767cba.js');
-const businessFormTypes = require('./business-form-types-6e1fcda3.js');
+const businessFormTypes = require('./business-form-types-719b7f52.js');
 const Business = require('./Business-aa799fec.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
+const Analytics = require('./Analytics-880f5152.js');
+const styledHost = require('./styled-host-1adf46c3.js');
+const checkPkgVersion = require('./check-pkg-version-54f7dfda.js');
 require('./schema-validations-0a7e46a3.js');
 require('./state-options-4fbcb48a.js');
 require('./business-form-options-5db0bd5e.js');
 require('./helpers-602962eb.js');
-require('./package-3a9ac89d.js');
+require('./package-cb1b1015.js');
 
 const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
 

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -23,7 +23,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, index.h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, index.h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), index.h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), index.h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, index.h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, index.h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', name: 'name', label: 'Full Name', defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, index.h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, index.h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', name: 'email', label: 'Email Address', defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, index.h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', name: 'phone', label: 'Phone Number', defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, index.h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', name: 'dob_full', label: 'Birth Date', defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController) })), index.h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, index.h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', name: 'identification_number', label: 'SSN', defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK })), index.h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, index.h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (index.h("form", { key: 'e60e25f358a68b95126f1b0238b754db71ffeb5e' }, index.h("fieldset", { key: 'ab9ca66102990e85694090847abda3842b4302e2' }, index.h("div", { key: '7fd390072a5b449efb1d18538da2a5ca985b7786', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '0fce87b8847777b8a2489684066a7f2ad28037a2', class: "mb-0" }, "Representative"), index.h("form-control-tooltip", { key: '685ab12d13997025ff840776a7868627d71c4ddf', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: '87c7bf398f56addcc816803ca4b0b8b6598f47f9', class: "mt-2" }), index.h("div", { key: '76f9606e68374f92810686b4ee1e65855bb724dd', class: "row gy-3" }, index.h("div", { key: '982dfe08aba4db2ed702aaff432bea4e527ab9cb', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '4dfbde53299db25439a8be81187d7b3cb39d1026', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '9d9428eb5a8269861170dfa3ec162f0b52581101', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'af3601d4dfa0ffbe0a83f467d88c34add95b57b6', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '9f56a922a12b5a8393effde4a7e5d3e62f29a8e6', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'cc784d334f4c4612686f62a613ac7910d680dba8', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '4f63adab539a9f285985c440fcaf112ae81f7826', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'a170c6b9a6d553216adc41ac7603841b949b4b83', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '85ea5c9bc2b3992d44247991fda34a5142e50faa', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '0e66f5255a6d159350ecd7d228ded18441b47d26', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: 'e0dddceb3d489b9d92a19e983d2ef147c9127e68', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: '0f95dd8c436a38377058bf6067d810d8bdcb7686', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '0fb3fea4773d72d787c50e18213379ca3aed5c9e', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'fe9cf9cc527794376968d35cdd42bfd75e550cca', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 

package/dist/cjs/justifi-card-form.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const config = require('./config-05767cba.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-require('./package-3a9ac89d.js');
+const Analytics = require('./Analytics-880f5152.js');
+require('./package-cb1b1015.js');
 require('./Api-b98b256f.js');
 
 const CardForm = class {
@@ -69,7 +69,7 @@ const CardForm = class {
         return this.childRef.resize();
     }
     render() {
-        return (index.h("justifi-payment-method-form", { key: '58843b8a47f35d716845de11f6a66d8960bc0776', ref: el => {
+        return (index.h("justifi-payment-method-form", { key: 'e31d3c703e1a0c3778ddeb88d118ea3ef88d0adf', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/cjs/justifi-checkout-core.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils = require('./utils-af1b60a9.js');
+const utils = require('./utils-52fb7fa1.js');
 const config = require('./config-05767cba.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const insuranceState = require('./insurance-state-80e24caf.js');
 const button = require('./button-3f400a66.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 const skeleton = require('./skeleton-748c5dde.js');
 
 class Checkout {
@@ -145,7 +145,7 @@ const CheckoutCore = class {
         return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "24px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), index.h("div", { class: "jfi-payment-total" }, index.h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", index.h("span", { class: "jfi-payment-total-amount" }, utils.formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e322f280a57bb0baab61174bca21f0a7e9afa3c1' }, index.h("div", { key: '4ad8cc4f6243de8ddc03fb184ac4e960a04280eb', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '7f13e26b36790558c8eb455f4d5ab3d0952b4e62', class: "col-12" }, index.h("h2", { key: 'c5e4b6fc30f51821537915f3ce5d4830ed3f8da9', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: '164b7a2cc51d871ad4a92044d0f7240e376bd4b3', class: "col-12" }, index.h("slot", { key: 'a98b7c6a0bb9e4d1b102e832ee7aa43218432298', name: "insurance" })), index.h("div", { key: '415d3aac64b4190f54d785695c50a92ce02a76c2', class: "col-12 mt-4" }, index.h("h2", { key: '6d7f0df1165ec359877459a8bada855ef353c3b3', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: 'be8495d792cf065d2cbc7d3b46648c887951e313', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: '5c9d8baffb50b0b10e9911463f307581cad7619c', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '9351832b69a8e5285cae35534299b51193248719', class: "col-12" }, index.h("div", { key: '5b0e382836c858369caf93a287272922024ce72b', class: "d-flex justify-content-end" }, index.h(button.Button, { key: 'f76d37000f7b026e97f083e7cf817bed8f84f34f', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (index.h(styledHost.StyledHost, { key: '5f0d9ae550582f13376cc242bd8654e440f83219' }, index.h("div", { key: '6acd2acafa61be4a59b6ebbfdd7f14aac282d1dc', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '23089c7a0e688fc44ab66dc46470f115bb430d0f', class: "col-12" }, index.h("h2", { key: '1888832c214484c0904135029f5f6bbdba356049', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), index.h("div", { key: '47cac0b14213043a8b7c15127c17b51e92e6bef3', class: "col-12" }, index.h("slot", { key: '3548f92bee3b6b23bd74a8578601b1f1aac05960', name: "insurance" })), index.h("div", { key: 'ee3a5b2a7598ded7c88a17400e01b4dd8a4048bf', class: "col-12 mt-4" }, index.h("h2", { key: '65d196aa405f018a2f0c6606363a6d3fc0f957d6', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), index.h("h3", { key: '10b7613dec7240a342d147c11431a9217fd514e5', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), index.h("div", { key: '29d3f1cca38f76f8cdee726cc779a0e0853124a2', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: 'ebfdd182534f510887a8921d89054ae329d01cfd', class: "col-12" }, index.h("div", { key: '1a607695a7de0ef135e9ae2ee1ac63e174e71135', class: "d-flex justify-content-end" }, index.h(button.Button, { key: 'f3e9b863354b022f872b27434e1a020d03c6979e', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 };
 CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -7,12 +7,12 @@ const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const Api = require('./Api-b98b256f.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-1a8a8ca6.js');
+require('./Payment-04a842f4.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-05767cba.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
-require('./package-3a9ac89d.js');
+const Analytics = require('./Analytics-880f5152.js');
+const checkPkgVersion = require('./check-pkg-version-54f7dfda.js');
+require('./package-cb1b1015.js');
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -137,11 +137,11 @@ const Checkout = class {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (index.h("justifi-checkout-core", { key: 'ea50f0df79dae86294ccfdf2ec523f0fb81433e4', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+        return (index.h("justifi-checkout-core", { key: '24400b7f50a91d2c24e372a030fde6b0a1af9e66', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, index.h("div", { key: '301247cf7c916ba1c6c5464e3c2f0226d0f6f041', slot: "insurance" }, index.h("slot", { key: 'a75ff85e5a6d954e7c0d3c24abac518a2765f889', name: "insurance" }))));
+            } }, index.h("div", { key: '0f530bd18cab94b2ab3707b22908198878d34a4a', slot: "insurance" }, index.h("slot", { key: '94d10781b8df51ab34df5e414e304537682d8c2c', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-details.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const utils = require('./utils-c1d2e426.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 
 const Details = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const Details = class {
         this.errorMessage = undefined;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+        return (index.h(styledHost.StyledHost, { key: '067f67765c63376d98b996fded17eb6418832d92', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
             utils.ErrorState(this.errorMessage)
             :
                 index.h("main", { class: "p-2" }, index.h("slot", { name: "head-info" }), index.h("slot", { name: 'detail-sections' }))));

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

@@ -8,9 +8,9 @@ const Api = require('./Api-b98b256f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const utils$1 = require('./utils-c1d2e426.js');
-const Analytics = require('./Analytics-3c89cfb4.js');
-const checkPkgVersion = require('./check-pkg-version-4fa0367d.js');
-require('./package-3a9ac89d.js');
+const Analytics = require('./Analytics-880f5152.js');
+const checkPkgVersion = require('./check-pkg-version-54f7dfda.js');
+require('./package-cb1b1015.js');
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {