@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/module/form-control-number-masked2.js

@@ -17,8 +17,11 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
                 mask: this.mask,
             });
             this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
+                var _a;
+                const rawValue = (_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue;
+                if (rawValue !== undefined) {
+                    this.inputHandler(this.name, rawValue);
+                }
             });
             this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
         };
@@ -42,6 +45,7 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
+        this.initializeIMask();
         this.updateInput(newValue);
     }
     disconnectedCallback() {
@@ -49,11 +53,13 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     componentDidLoad() {
-        this.initializeIMask();
-        this.updateInput(this.defaultValue);
+        if (this.textInput) {
+            this.initializeIMask();
+            this.updateInput(this.defaultValue);
+        }
     }
     render() {
-        return (h(Host, { key: '781c4f77fe5b5b4f39c2d44868814ada72ce67c9', exportparts: "label,input,input-invalid" }, h("div", { key: '9c3ed0d13b883e3d2dc302225f25a00414088ef6', class: "form-group d-flex flex-column" }, h("label", { key: '0782f2936175944dd54e5497e54d2389c35c94bc', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8feee613f2f83e8cb0ac34a4939fd65b5c14729a', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: 'dbdf33259fd04b1488b299216eb550960068c553', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8a148bb9a29f322fb21acbfd8597a1e89433056a', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'e0a59308376055c019233f3d4649c9a37af963d2', exportparts: "label,input,input-invalid" }, h("div", { key: '52d9440421342fed6a4f97b57586a43d517ded7d', class: "form-group d-flex flex-column" }, h("label", { key: '8302a9fa1111d3b72600304cd0b1fb2c6239d895', part: "label", class: "form-label", htmlFor: this.name }, this.label), 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 }), h("form-control-help-text", { key: '71d4d44ff91d06229ccc22e70bc92e0a2050da90', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b7d42462ae9165acbde68cf59da07eb956a91fd6', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -35,7 +35,7 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: 'da1318fae566f16be182c710840df84a60ccf707', exportparts: 'label,input,input-invalid' }, h("div", { key: 'de12c73d81be1a797c7efd482adef5e648d2947b', class: 'form-group d-flex flex-column' }, h("label", { key: '95113ea706e25074512e948ae041ac121af6c181', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '03d3cf05f76c6dd4ec2b00d486f31045dd36dc12', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'ac4d21a4d723c80bff561364858f2dfba3c704b6', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7f474f8d69bf555a2e6c517772e79d35a7bd32b2', errorText: this.errorText, name: this.name }))));
+        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 }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-select2.js

@@ -34,7 +34,7 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: 'abc80a7f20c59c99a3468f199142bc01ba7883cb', exportparts: "label,input,input-invalid" }, h("div", { key: 'd34ec19e40c33bd16b1e03e2bfac07dd6dd1a3a8', class: "form-group d-flex flex-column" }, h("label", { key: '43adfb46f3bf2e72e50d2bab17b909fec8693c2a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: 'eacb07490715f8041cfa6cd4fab91959d5b6bfae', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: '5ec5ba6ca4e0503ffdbddb95e70444bbf8b169b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'bd90d61ca9aa0c52d351e336febc9f3d2e501355', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '99449e3724103b12af7f2a4573831961074a484a', exportparts: "label,input,input-invalid" }, h("div", { key: 'd73e89d43da9968b687afece24794d9472fec6b5', class: "form-group d-flex flex-column" }, h("label", { key: '6964c55858fc3cf96a137e1061c7f66831105348', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: '5b1a09a607ad9638915f5e70f2164f6010020438', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: '62d862921d463c98e56888293c878624f7311548', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0b1c4d4752965fb058208c72c7f1c3872d1e0561', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -37,7 +37,7 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '7b3c980cbad27b29bc87dd4eaa8a23398c8b244c', exportparts: "label,input,input-invalid" }, h("div", { key: 'fa49688c206721f177d2c57b42103ffcd139dde7', class: "form-group d-flex flex-column" }, h("label", { key: '596b8cae71f32769d82fa5e77df11daa172fcce9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '44ec6ef8e306c5d25190dec87926ba382665f2ca', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '888e0abf5f3687266784eda12428cb219321f964', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '902a8e06659e63cb35002b5eef8b3f987df8fb44', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '1194532f81831734543bad80860da14f8a5ad856', exportparts: "label,input,input-invalid" }, h("div", { key: '296538cf90b62f8041e21620aa06b4074f68b71a', class: "form-group d-flex flex-column" }, h("label", { key: '7c009ce96124e58f9657dba2565ef298225f10f7', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4b33cb700aecf4d0a359366ba2e0d248c602d904', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '7a279d72bb262fcb044b5b0cc31703878ce9f444', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '00bea288a99f626806697a98b6dca3f3298dc0b3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-payout-csv.js

@@ -4,7 +4,7 @@ import './Payment.js';
 import './Payout.js';
 import { c as config } from './config.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 
 class PayoutService {
     async fetchPayouts(accountId, authToken, params) {

package/dist/module/gross-payment-chart-core2.js

@@ -11042,7 +11042,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'c84e3a681d35e62474e6b34b2a54edcae47370d2' }, this.loading && LoadingState(), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '463d7e132e647e1da6dc5ad5ea54abf95a60e715' }, 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/module/identity-address-form.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils3.js';
+import { n as numberOnlyHandler } from './utils4.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
 import { d as defineCustomElement$2 } from './form-control-select2.js';
@@ -24,7 +24,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: '83dd1e3c2e9d5e1d9da9d64143045530ea3c49e6', exportparts: "label,input,input-invalid" }, h("div", { key: 'd2ccac17954bea719da0dba261359547b4873f25', class: "row gy-3" }, h("div", { key: 'ae78ba39a640f5798a90665eb2500195ce429215', class: "col-12 col-md-8" }, h("form-control-text", { key: '0c11aa4ac520f2d37fd6f079e67898fb50089d40', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler })), h("div", { key: '9130d253adc984b15540c779fcd348b43a47a92d', class: "col-12 col-md-4" }, h("form-control-text", { key: '1eb5d471e0d77d0055aa26cc9e75ab84aee87772', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '64b045b949e95e98db793495ddb53191b93db5eb', class: "col-12" }, h("form-control-text", { key: '98a05e17ebe3a676510614a218a8545af8c72c86', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '27995692a60f0c5663bad8c588ed8757d8a19e88', class: "col-12 col-md-6" }, h("form-control-select", { key: 'e83aae9954a38e03af941ae270b10d170be3c85a', 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: '8111c0cda61ebdf3df4464f32ebae2171c44dc74', class: "col-12 col-md-6" }, h("form-control-text", { key: 'b1b591ec7b419574d8245d710212809d153cd2d9', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '5420333a8133ee51f4c2d8100a0c0d59dae5e383', class: "col-12" }, h("form-control-select", { key: 'e0b19506594ad3051c5a1211421729d24352f572', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'd090676d3bb1d9de9ae947ff25d94b5985ace914', exportparts: "label,input,input-invalid" }, h("div", { key: '64ddec6db508d27b709ad551f60fe58494631fe3', class: "row gy-3" }, h("div", { key: '7e0f89b7b8d5a466b89efad75498c5d1f2cac8ea', class: "col-12 col-md-8" }, 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 })), h("div", { key: '5f6f456c573fb9318e58976decb67274b209fa23', class: "col-12 col-md-4" }, 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 })), h("div", { key: 'e06339cefebe37ae0629631fbc5101c9dbc040a6', class: "col-12" }, 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 })), h("div", { key: 'b655a66fb68f059fa91ae5f9f60fdebe0ae04fad', class: "col-12 col-md-6" }, h("form-control-select", { key: '50a65861a5a39daac199571c5a0273340556e476', 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: '30255517e0fa1ede35d7b2525625ebc389c44525', class: "col-12 col-md-6" }, 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: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '804e9aa1ca7b4ae167ae64969107ad6352559ed7', class: "col-12" }, h("form-control-select", { key: '1aa3734e10502bc8f1732f386b60135b8a7d94a6', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }

package/dist/module/input-handlers.js

@@ -0,0 +1,16 @@
+import { d as deconstructDate } from './helpers.js';
+
+const updateFormValues = (formController, newValues) => {
+    formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));
+};
+const updateAddressFormValues = (formController, newValues) => {
+    updateFormValues(formController, {
+        address: Object.assign(Object.assign({}, formController.values.getValue().address), newValues),
+    });
+};
+const updateDateOfBirthFormValues = (event, formController) => {
+    const dob_values = deconstructDate(event.detail);
+    updateFormValues(formController, Object.assign(Object.assign({}, formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
+};
+
+export { updateAddressFormValues as a, updateDateOfBirthFormValues as b, updateFormValues as u };

package/dist/module/justifi-additional-questions-form-step-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiAdditionalQuestionsFormStepCore extends Components.JustifiAdditionalQuestionsFormStepCore, HTMLElement {}
+export const JustifiAdditionalQuestionsFormStepCore: {
+    prototype: JustifiAdditionalQuestionsFormStepCore;
+    new (): JustifiAdditionalQuestionsFormStepCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-additional-questions-form-step-core.js

@@ -0,0 +1,6 @@
+import { A as AdditionalQuestionsFormStepCore, d as defineCustomElement$1 } from './business-additional-questions-form-step-core.js';
+
+const JustifiAdditionalQuestionsFormStepCore = AdditionalQuestionsFormStepCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiAdditionalQuestionsFormStepCore, defineCustomElement };

package/dist/module/justifi-bank-account-form.js

@@ -64,7 +64,7 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: 'd8978d420bc11899b12be05f6f318e1f4ff6f1bb', ref: el => {
+        return (h("justifi-payment-method-form", { key: 'e2fa64d199a6c550329c9797a6951335e7c12bc6', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/module/justifi-business-core-info-form-step-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiBusinessCoreInfoFormStepCore extends Components.JustifiBusinessCoreInfoFormStepCore, HTMLElement {}
+export const JustifiBusinessCoreInfoFormStepCore: {
+    prototype: JustifiBusinessCoreInfoFormStepCore;
+    new (): JustifiBusinessCoreInfoFormStepCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-business-core-info-form-step-core.js

@@ -0,0 +1,6 @@
+import { B as BusinessCoreInfoFormStepCore, d as defineCustomElement$1 } from './business-core-info-form-step-core.js';
+
+const JustifiBusinessCoreInfoFormStepCore = BusinessCoreInfoFormStepCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiBusinessCoreInfoFormStepCore, defineCustomElement };

package/dist/module/justifi-business-details.js

@@ -3,7 +3,7 @@ import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$7 } from './additional-questions-details2.js';
 import { d as defineCustomElement$6 } from './business-details-core2.js';

package/dist/module/justifi-business-form.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as create$3, F as FormController } from './index.esm.js';
+import { c as create$3, F as FormController } from './form.js';
 import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { i as identitySchema } from './business-identity-schema.js';
@@ -123,7 +123,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '4f1e4f5126536bb778a5d5292ea320432874096d', exportparts: "label,input,input-invalid" }, h("form", { key: '10a2ed6a9b406ce8b7d47bc8f883469ac53d83e6', onSubmit: this.validateAndSubmit }, h("div", { key: '7409bfa5188eddb37f866c4c5524bad91d6f416f', class: "row gap-3" }, h("h1", { key: '62108bc12ecf3a799ce1b26714c0ad18640f120c' }, this.title), h("form-alert", { key: '1cb678fc4ad2792e30fbe462dab72c8e5b7f67f0', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'a3aca83b156586dd33aa188308471b4ba94976b9', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: '1e586dc338f84fe18230763520e07cce36edb639', formController: this.formController })), h("div", { key: '965ab59b189a5b165575fbdbc78ed6a3378c1afd', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '883131879c4a30f9b27cace42bc980f0ceabd6dc', formController: this.formController })), h("div", { key: '8ddd7cfa816b977f2b8ee59b375a23bfdae7e3c0', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '812f878b5204f35ca1ddf25fe18a0ed2df320441', formController: this.formController })), h("div", { key: '0eeb17ac78fea83a2062b0c850d446aad53000a1', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'd5d478718a20337d86d3fd635d4ce1c7c6159ab5', formController: this.formController })), h("div", { key: '6911c9d8f27c675e47197e41f6cfc7185c014af8', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '8b6e15a727b988c7c473cfb0d34ad4815e7cd09e', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: '60989d23631d6a02e9a25313dd7297a61063a09c', exportparts: "label,input,input-invalid" }, h("form", { key: 'd961174a3e93ed505012919a0e7e036bd61a4902', onSubmit: this.validateAndSubmit }, h("div", { key: '2be81a7f0e3b568266ee66127f2b537d57c36762', class: "row gap-3" }, h("h1", { key: 'eefc257f687ff24cebf13155a571398e3ddbcabd' }, this.title), h("form-alert", { key: '173d3ee84f5a952a51884ab5f3818c768fcc9b08', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'bfd7fd73aca630fcf56f468d912759d5a96de172', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'dc15f46a28301c03ccd884ff09740e87d67b2e5a', formController: this.formController })), h("div", { key: 'b4cd6ba605ea28a7692cc561951bb69ad93bb8f5', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '670f320ff6d1ba86a34f5b42dd97a5d38e96c209', formController: this.formController })), h("div", { key: '0afb9d18e6ecb951cefda4df5dd133d31359cecc', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '6953718bea9525126db35adc44a9c8754234816a', formController: this.formController })), h("div", { key: 'f88b576b9159cd43f17d5a63c26acc4b53dfa9a0', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '4353116715c7f7b906c3c0eae322df04703fd8e5', formController: this.formController })), h("div", { key: 'd626b0738ce71f7529fa270d7a2c479f517e48a2', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '9469e132726c9bd02b8a1f4c4ca1a4c2a9000c1b', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
     static get style() { return JustifiBusinessFormStyle0; }
 }, [1, "justifi-business-form", {

package/dist/module/justifi-business-owners-form-step-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiBusinessOwnersFormStepCore extends Components.JustifiBusinessOwnersFormStepCore, HTMLElement {}
+export const JustifiBusinessOwnersFormStepCore: {
+    prototype: JustifiBusinessOwnersFormStepCore;
+    new (): JustifiBusinessOwnersFormStepCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-business-owners-form-step-core.js

@@ -0,0 +1,6 @@
+import { B as BusinessOwnersFormStepCore, d as defineCustomElement$1 } from './business-owners-form-step-core.js';
+
+const JustifiBusinessOwnersFormStepCore = BusinessOwnersFormStepCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiBusinessOwnersFormStepCore, defineCustomElement };

package/dist/module/justifi-business-representative-form-inputs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiBusinessRepresentativeFormInputs extends Components.JustifiBusinessRepresentativeFormInputs, HTMLElement {}
+export const JustifiBusinessRepresentativeFormInputs: {
+    prototype: JustifiBusinessRepresentativeFormInputs;
+    new (): JustifiBusinessRepresentativeFormInputs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-business-representative-form-inputs.js

@@ -0,0 +1,6 @@
+import { R as RepresentativeFormInputs, d as defineCustomElement$1 } from './business-representative-form-inputs.js';
+
+const JustifiBusinessRepresentativeFormInputs = RepresentativeFormInputs;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiBusinessRepresentativeFormInputs, defineCustomElement };

package/dist/module/justifi-business-representative-form-step-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiBusinessRepresentativeFormStepCore extends Components.JustifiBusinessRepresentativeFormStepCore, HTMLElement {}
+export const JustifiBusinessRepresentativeFormStepCore: {
+    prototype: JustifiBusinessRepresentativeFormStepCore;
+    new (): JustifiBusinessRepresentativeFormStepCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-business-representative-form-step-core.js

@@ -0,0 +1,6 @@
+import { B as BusinessRepresentativeFormStepCore, d as defineCustomElement$1 } from './business-representative-form-step-core.js';
+
+const JustifiBusinessRepresentativeFormStepCore = BusinessRepresentativeFormStepCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiBusinessRepresentativeFormStepCore, defineCustomElement };

package/dist/module/justifi-card-form.js

@@ -65,7 +65,7 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: 'f3b2fe6391ac8f2e704062553e920cb44ddca776', ref: el => {
+        return (h("justifi-payment-method-form", { key: '58843b8a47f35d716845de11f6a66d8960bc0776', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/module/justifi-checkout.js

@@ -1,25 +1,24 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
 import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
-import { d as defineCustomElement$e } from './form-control-error-text2.js';
-import { d as defineCustomElement$d } from './form-control-help-text2.js';
-import { d as defineCustomElement$c } from './form-control-select2.js';
-import { d as defineCustomElement$b } from './form-control-text2.js';
-import { d as defineCustomElement$a } from './billing-form.js';
-import { d as defineCustomElement$9 } from './checkout-core.js';
-import { d as defineCustomElement$8 } from './new-payment-method.js';
-import { d as defineCustomElement$7 } from './payment-method-form.js';
-import { d as defineCustomElement$6 } from './payment-method-options.js';
-import { d as defineCustomElement$5 } from './save-new-payment-method.js';
-import { d as defineCustomElement$4 } from './saved-payment-method.js';
-import { d as defineCustomElement$3 } from './sezzle-payment-method.js';
-import { d as defineCustomElement$2 } from './skeleton.js';
+import { d as defineCustomElement$d } from './form-control-error-text2.js';
+import { d as defineCustomElement$c } from './form-control-help-text2.js';
+import { d as defineCustomElement$b } from './form-control-select2.js';
+import { d as defineCustomElement$a } from './form-control-text2.js';
+import { d as defineCustomElement$9 } from './billing-form.js';
+import { d as defineCustomElement$8 } from './checkout-core.js';
+import { d as defineCustomElement$7 } from './new-payment-method.js';
+import { d as defineCustomElement$6 } from './payment-method-form.js';
+import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$4 } from './save-new-payment-method.js';
+import { d as defineCustomElement$3 } from './saved-payment-method.js';
+import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -144,11 +143,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '5dd0269c6fd04bff259204e80800803e618ffa83', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+        return (h("justifi-checkout-core", { key: 'd2f6bfed1be767edcf4ba21cddc503ff5efbec1a', 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;
                 }
-            } }, h("div", { key: 'a659fc258e90c32b4b16ea1d92492c0e16f830a3', slot: "insurance" }, h("slot", { key: 'c92ba9f86f72b372cafabbdd7aba92cee0af44f7', name: "insurance" }))));
+            } }, h("div", { key: '45ac1bea74ca8ef7999211b51fe7791225d61f00', slot: "insurance" }, h("slot", { key: '13e051844cc7cb4aed98076ccd64954b2dd68228', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -174,7 +173,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-checkout-core", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "justifi-skeleton"];
+    const components = ["justifi-checkout", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-checkout-core", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -182,66 +181,61 @@ function defineCustomElement$1() {
             }
             break;
         case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-select":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-billing-form":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-checkout-core":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-checkout-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-payment-method-form":
+        case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-payment-method-options":
+        case "justifi-payment-method-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "justifi-saved-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-skeleton":
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/justifi-gross-payment-chart.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';

package/dist/module/justifi-legal-address-form-step-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiLegalAddressFormStepCore extends Components.JustifiLegalAddressFormStepCore, HTMLElement {}
+export const JustifiLegalAddressFormStepCore: {
+    prototype: JustifiLegalAddressFormStepCore;
+    new (): JustifiLegalAddressFormStepCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-legal-address-form-step-core.js

@@ -0,0 +1,6 @@
+import { L as LegalAddressFormStepCore, d as defineCustomElement$1 } from './legal-address-form-step-core.js';
+
+const JustifiLegalAddressFormStepCore = LegalAddressFormStepCore;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiLegalAddressFormStepCore, defineCustomElement };

package/dist/module/justifi-payment-details.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
 import './Pagination.js';
-import { b as Payment } from './Payment.js';
+import { a as Payment } from './Payment.js';
 import './Payout.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$3 } from './details.js';

package/dist/module/justifi-payment-form.js

@@ -5,8 +5,9 @@ import './Payout.js';
 import { l as loadFontsOnParent } from './utils2.js';
 import { c as config } from './config.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getErrorMessage } from './utils4.js';
+import { g as getErrorMessage } from './utils3.js';
 import { J as JustifiAnalytics } from './Analytics.js';
+import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$8 } from './form-control-error-text2.js';
 import { d as defineCustomElement$7 } from './form-control-help-text2.js';
@@ -124,17 +125,15 @@ const PaymentForm = /*@__PURE__*/ proxyCustomElement(class PaymentForm extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '3aa9fa4d429ca4b614d51b87b51b1ab868d051e2' }, h("form", { key: '53a0ad2a960971fafb618d5be58af120336b36b9', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: 'b322cbe24fcbd81008ccf3a6e587786c0b7febd6', class: "col-12" }, h("justifi-payment-method-selector", { key: '8e77f5e040a73096765c30f1f259f87630ec80a8', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: '415f380e141eea4486fd47b4b2cbfcc7716ecacc', class: "col-12" }, h("justifi-payment-method-form", { key: 'cd4da9f66a030ab344be989a511e23462e3da887', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.iframeOrigin, ref: el => {
+        return (h(StyledHost, { key: '38bd6cca38d9068fa9277a8568a98f261a4cc616' }, h("form", { key: 'fec19f5e2f11934e6783124c4c437a2d3947f596', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '18001f78e03336d01de8473a57e3e228e9fce201', class: "col-12" }, h("justifi-payment-method-selector", { key: '260ac1ade3ccfe6baf518eb856bdf4d380025620', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: 'f6ade2336314e05f2bdce75df8577939efe33e3b', class: "col-12" }, h("justifi-payment-method-form", { key: 'ad8e5b121b8425175f7ac7f38ab24dfba1801a28', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.iframeOrigin, ref: el => {
                 if (el) {
                     this.paymentMethodFormRef = el;
                 }
-            } })), h("div", { key: '31eefc5775131f658987578da2d5b300292f67b5', class: "col-12" }, h("justifi-billing-form", { key: '11b9bdaa9c1fb26804fcdacfd3706b200ae49486', legend: "Billing Info", ref: el => {
+            } })), h("div", { key: '29f15f1cece3e07a569e514d08bf9996405699c6', class: "col-12" }, h("justifi-billing-form", { key: '9928924cc29bfa5c5e46ada294cb26da0c1d222b', legend: "Billing Info", ref: el => {
                 if (el) {
                     this.billingFormRef = el;
                 }
-            } })), h("slot", { key: '13fe093886828469c941d21c20c931c5cc2cae3d', name: 'insurance' }), h("div", { key: 'a77d44c79333303e59f3efb5c82db9e8830bfcdb', class: "col-12" }, h("button", { key: '50edd44047c81109f075e9ae760e58878b422fbc', "data-testid": "submit-button", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}` }, this.isLoading ?
-            h("div", { class: "spinner-border spinner-border-sm", role: "status" }, h("span", { class: "visually-hidden" }, "Loading...")) :
-            this.submitButtonText || 'Submit')))));
+            } })), h("slot", { key: 'c36583ab34bc105b506df27aec02898455855cec', name: 'insurance' }), h("div", { key: 'cc38292ae8a59bc6f4624a8535e8b7c93e6f3a35', class: "col-12" }, h(Button, { key: 'e5fe0f50ee2322ab2a199a6229015c9daa198cc0', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
     }
     static get style() { return JustifiPaymentFormStyle0; }
 }, [1, "justifi-payment-form", {