@justifi/webcomponents 4.10.0 → 4.12.0

package/dist/cjs/{index-69b9386b.js → index-5d5f2219.js}

@@ -1264,6 +1264,9 @@ const postUpdateComponent = (hostRef) => {
     const endPostUpdate = createTime('postUpdate', tagName);
     const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
+    {
+        safeCall(instance, 'componentDidRender');
+    }
     if (!(hostRef.$flags$ & 64 /* HOST_FLAGS.hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* HOST_FLAGS.hasLoadedComponent */;
         {

package/dist/cjs/justifi-additional-questions-form-step_5.cjs.entry.js

@@ -2,22 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-69b9386b.js');
+const index = require('./index-5d5f2219.js');
 const form = require('./form-2ad3d374.js');
-const Business = require('./Business-663db337.js');
+const Business = require('./Business-f8e37adb.js');
 const Api = require('./Api-a06b996e.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-89a8bc21.js');
+require('./Payment-eceed10f.js');
 require('./Payout-a2dd7b01.js');
 const config = require('./config-ff2dda66.js');
-const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-cbac27f2.js');
-const businessFormTypes = require('./business-form-types-3cdd5447.js');
-const businessFormSelectOptions = require('./business-form-select-options-7ccd8dca.js');
-const formInputMasks = require('./form-input-masks-e3bf2614.js');
-const payloadParsers = require('./payload-parsers-9e72e80f.js');
-const utils = require('./utils-2b9940e1.js');
-const Identity = require('./Identity-1c4528b8.js');
+const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-bdfd29c3.js');
+const businessFormTypes = require('./business-form-types-61b8196a.js');
+const formInputMasks = require('./form-input-masks-baa06faf.js');
+const payloadParsers = require('./payload-parsers-32c43c76.js');
+const utils = require('./utils-6f62f7a1.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
+const utils$1 = require('./utils-fc72268d.js');
 require('./index.esm-d25bd7bf.js');
 
 const AdditionalQuestionsFormStep = class {
@@ -59,6 +58,7 @@ const AdditionalQuestionsFormStep = class {
         };
         this.authToken = undefined;
         this.businessId = undefined;
+        this.allowOptionalFields = undefined;
         this.formController = undefined;
         this.errors = {};
         this.additional_questions = {};
@@ -86,7 +86,7 @@ const AdditionalQuestionsFormStep = class {
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.formController = new form.FormController(businessAdditionalQuestionsSchema.additionQuestionsSchema);
+        this.formController = new form.FormController(businessAdditionalQuestionsSchema.additionalQuestionsSchema(this.allowOptionalFields));
         this.api = Api.Api(this.authToken, config.config.proxyApiOrigin);
         this.fetchData();
     }
@@ -142,6 +142,7 @@ const BusinessCoreInfoFormStep = class {
         };
         this.authToken = undefined;
         this.businessId = undefined;
+        this.allowOptionalFields = undefined;
         this.formController = undefined;
         this.errors = {};
         this.coreInfo = {};
@@ -169,7 +170,7 @@ const BusinessCoreInfoFormStep = class {
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.formController = new form.FormController(businessAdditionalQuestionsSchema.businessCoreInfoSchema);
+        this.formController = new form.FormController(businessAdditionalQuestionsSchema.businessCoreInfoSchema(this.allowOptionalFields));
         this.api = Api.Api(this.authToken, config.config.proxyApiOrigin);
         this.fetchData();
     }
@@ -181,7 +182,7 @@ const BusinessCoreInfoFormStep = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormSelectOptions.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_structure", label: "Business Structure", options: businessFormSelectOptions.BusinessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })))))));
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormTypes.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })))))));
     }
 };
 BusinessCoreInfoFormStep.style = businessCoreInfoFormStepCss;
@@ -192,6 +193,7 @@ const BusinessOwnersFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.submitted = index.createEvent(this, "submitted", 7);
+        this.clickEvent = index.createEvent(this, "click-event", 7);
         this.formLoading = index.createEvent(this, "formLoading", 7);
         this.serverError = index.createEvent(this, "serverError", 7);
         this.managePayload = async () => {
@@ -239,10 +241,11 @@ const BusinessOwnersFormStep = class {
                 this.formLoading.emit(false);
             }
         };
-        this.addOwnerForm = () => {
+        this.addOwnerForm = (fireClick) => {
             this.newFormOpen = true;
-            const newOwner = Object.assign({}, new Identity.Owner({}));
+            const newOwner = Object.assign({}, new Business.Owner({}));
             this.owners = [...this.owners, newOwner];
+            fireClick && this.clickEvent.emit({ name: businessFormTypes.OwnerFormClickActions.addOwnerForm });
         };
         this.removeOwnerForm = (id) => {
             this.owners = this.owners.filter(owner => owner.id !== id);
@@ -262,6 +265,7 @@ const BusinessOwnersFormStep = class {
         };
         this.authToken = undefined;
         this.businessId = undefined;
+        this.allowOptionalFields = undefined;
         this.owners = [];
         this.newFormOpen = undefined;
         this.refs = [];
@@ -314,9 +318,9 @@ const BusinessOwnersFormStep = class {
     }
     render() {
         return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("div", { class: 'col-12' }, this.owners.map((owner) => {
-            return (index.h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.owners.length, onSubmitted: (e) => this.handleOwnerSubmit(e), onFormLoading: (e) => this.formLoading.emit(e.detail), ref: (ref) => { this.matchRef(ref, owner.id); } }));
+            return (index.h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.owners.length, onSubmitted: (e) => this.handleOwnerSubmit(e), onFormLoading: (e) => this.formLoading.emit(e.detail), allowOptionalFields: this.allowOptionalFields, ref: (ref) => { this.matchRef(ref, owner.id); } }));
         })), this.showAddOwnerButton &&
-            index.h("div", { class: 'col-12' }, index.h("button", { class: 'btn btn-primary', onClick: this.addOwnerForm }, "Add Owner"))));
+            index.h("div", { class: 'col-12' }, index.h("button", { class: 'btn btn-primary', onClick: () => this.addOwnerForm(true) }, "Add Owner"))));
     }
     static get watchers() { return {
         "owners": ["onOwnersUpdated"]
@@ -336,7 +340,7 @@ const BusinessRepresentativeFormStep = class {
             this.formLoading.emit(true);
             try {
                 const response = await this.api.get(this.businessEndpoint);
-                this.representative = new Identity.Representative(response.data.representative || {});
+                this.representative = new Business.Representative(response.data.representative || {});
                 this.formController.setInitialValues(Object.assign({}, this.representative));
             }
             catch (error) {
@@ -366,8 +370,18 @@ const BusinessRepresentativeFormStep = class {
         this.onAddressFormUpdate = (values) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { address: Object.assign(Object.assign({}, this.formController.values.getValue().address), values) }));
         };
+        this.onDateOfBirthUpdate = (event) => {
+            if (event.detail === '') {
+                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { dob_day: null, dob_month: null, dob_year: null }));
+            }
+            else {
+                const dob_values = Business.deconstructDate(event.detail);
+                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
+            }
+        };
         this.authToken = undefined;
         this.businessId = undefined;
+        this.allowOptionalFields = undefined;
         this.formController = undefined;
         this.errors = {};
         this.representative = {};
@@ -395,7 +409,7 @@ const BusinessRepresentativeFormStep = class {
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.formController = new form.FormController(payloadParsers.representativeSchema);
+        this.formController = new form.FormController(payloadParsers.identitySchema('representative', this.allowOptionalFields));
         this.api = Api.Api(this.authToken, config.config.proxyApiOrigin);
         this.fetchData();
     }
@@ -405,10 +419,7 @@ const BusinessRepresentativeFormStep = class {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "Representative"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-select", { name: "title", label: "Prefix", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, options: [
-                { label: 'Select Prefix', value: '' },
-                { label: 'Mrs.', value: 'Mrs.' },
-            ], error: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { class: "col-12" }, index.h("label", { part: "label", class: "form-label" }, "Birth Date")), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-datepart", { name: "dob_day", label: "Day", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_day, error: this.errors.dob_day, inputHandler: this.inputHandler, type: "day" })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-datepart", { name: "dob_month", label: "Month", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_month, error: this.errors.dob_month, inputHandler: this.inputHandler, type: "month" })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-datepart", { name: "dob_year", label: "Year", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_year, error: this.errors.dob_year, inputHandler: this.inputHandler, type: "year" })), index.h("div", { class: "col-12" }, index.h("form-control-number", { name: "identification_number", label: "EIN/SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("justifi-business-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: values => this.onAddressFormUpdate(values) })))))));
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "Representative"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-number", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
     }
 };
 BusinessRepresentativeFormStep.style = businessRepresentativeFormStepCss;
@@ -454,6 +465,7 @@ const LegalAddressFormStep = class {
         };
         this.authToken = undefined;
         this.businessId = undefined;
+        this.allowOptionalFields = undefined;
         this.formController = undefined;
         this.errors = {};
         this.legal_address = {};
@@ -481,7 +493,7 @@ const LegalAddressFormStep = class {
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.formController = new form.FormController(payloadParsers.legalAddressSchema);
+        this.formController = new form.FormController(payloadParsers.addressSchema(this.allowOptionalFields));
         this.api = Api.Api(this.authToken, config.config.proxyApiOrigin);
         this.fetchData();
     }
@@ -490,9 +502,9 @@ const LegalAddressFormStep = class {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "Business Legal Address"), index.h("hr", null), index.h("div", { class: "row gx-2 gy-2" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: (name, value) => this.inputHandler(name, value), defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.city })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.state })), index.h("div", { class: "col-12" }, index.h("form-control-number", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.postal_code })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.country,
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("form", null, index.h("fieldset", null, index.h("legend", null, "Business Legal Address"), index.h("hr", null), index.h("div", { class: "row gx-2 gy-2" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: utils$1.filterPostalInput })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
             // just for now so we skip handling country specificities
             disabled: true })))))));
     }

package/dist/cjs/justifi-additional-questions_4.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-69b9386b.js');
-const businessFormSelectOptions = require('./business-form-select-options-7ccd8dca.js');
-const formInputMasks = require('./form-input-masks-e3bf2614.js');
-const Business = require('./Business-663db337.js');
-require('./utils-2b9940e1.js');
-require('./state-options-4fbcb48a.js');
+const index = require('./index-5d5f2219.js');
+const businessFormTypes = require('./business-form-types-61b8196a.js');
+const formInputMasks = require('./form-input-masks-baa06faf.js');
+const Business = require('./Business-f8e37adb.js');
+const stateOptions = require('./state-options-4fbcb48a.js');
+const utils = require('./utils-fc72268d.js');
 
 const AdditionalQuestions = class {
     constructor(hostRef) {
@@ -52,7 +52,7 @@ const BusinessCoreInfo = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormSelectOptions.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_structure", label: "Business Structure", options: businessFormSelectOptions.BusinessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "General Info"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "business_type", label: "Business Type", options: businessFormTypes.BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 BusinessCoreInfo.style = businessCoreInfoCss;
@@ -62,28 +62,27 @@ const businessRepresentativeCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd
 const BusinessRepresentative = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
+        };
+        this.onAddressFormUpdate = (values) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { address: Object.assign(Object.assign({}, this.formController.values.getValue().representative.address), values) }) }));
+        };
+        this.onDateOfBirthUpdate = (event) => {
+            const dob_values = Business.deconstructDate(event.detail);
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }) }));
+        };
         this.formController = undefined;
         this.errors = {};
         this.representative = {};
-        this.inputHandler = this.inputHandler.bind(this);
-        this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
         this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
     }
-    inputHandler(name, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
-    }
-    onAddressFormUpdate(values) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { address: Object.assign(Object.assign({}, this.formController.values.getValue().representative.address), values) }) }));
-    }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "Representative"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-select", { name: "title", label: "Prefix", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, options: [
-                { label: 'Select Prefix', value: '' },
-                { label: 'Mrs.', value: 'Mrs.' },
-            ], error: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { class: "col-12" }, index.h("label", { part: "label", class: "form-label" }, "Birth Date")), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-datepart", { name: "dob_day", label: "Day", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_day, error: this.errors.dob_day, inputHandler: this.inputHandler, type: "day" })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-datepart", { name: "dob_month", label: "Month", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_month, error: this.errors.dob_month, inputHandler: this.inputHandler, type: "month" })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-datepart", { name: "dob_year", label: "Year", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_year, error: this.errors.dob_year, inputHandler: this.inputHandler, type: "year" })), index.h("div", { class: "col-12" }, index.h("form-control-number", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("justifi-business-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: values => this.onAddressFormUpdate(values) }))))));
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "Representative"), index.h("hr", null), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-number", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 BusinessRepresentative.style = businessRepresentativeCss;
@@ -106,9 +105,9 @@ const LegalAddressForm = class {
         this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { legal_address: Object.assign(Object.assign({}, this.formController.values.getValue().legal_address), { [name]: value }) }));
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "Business Legal Address"), index.h("hr", null), index.h("div", { class: "row gx-2 gy-2" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: (name, value) => this.inputHandler(name, value), defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.city })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "state", label: "State", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.state })), index.h("div", { class: "col-12" }, index.h("form-control-number", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.postal_code })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.country,
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("fieldset", null, index.h("legend", null, "Business Legal Address"), index.h("hr", null), index.h("div", { class: "row gx-2 gy-2" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, error: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: utils.filterPostalInput })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-69b9386b.js');
+const index = require('./index-5d5f2219.js');
 const config = require('./config-ff2dda66.js');
 
 const BankAccountForm = class {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-69b9386b.js');
+const index = require('./index-5d5f2219.js');
 const index_esm = require('./index.esm-d25bd7bf.js');
-const utils = require('./utils-2b9940e1.js');
+const utils = require('./utils-6f62f7a1.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 
 const BillingFormSchema = index_esm.create$3({
@@ -1567,7 +1567,7 @@ const MessageEventType = {
 };
 
 const name = "@justifi/webcomponents";
-const version = "4.10.0";
+const version = "4.12.0";
 const description = "JustiFi Web Components";
 const main = "dist/module/index.js";
 const module$1 = "dist/module/index.js";
@@ -1830,7 +1830,7 @@ const SelectInput = class {
         this.fieldReceivedInput.emit({ name: name, value: target.value });
     }
     render() {
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("label", { part: "label", class: "form-label" }, this.label), index.h("select", { name: this.name, onInput: event => this.onInput(event), part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-select is-invalid' : 'form-select' }, this.options.map(option => (index.h("option", { value: option.value }, option.label)))), this.error && index.h("div", { class: "invalid-feedback" }, this.error)));
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid,invalid-feedback" }, index.h("label", { part: "label", class: "form-label" }, this.label), index.h("select", { name: this.name, onInput: event => this.onInput(event), part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-select is-invalid' : 'form-select' }, this.options.map(option => (index.h("option", { value: option.value }, option.label)))), this.error && index.h("div", { class: "invalid-feedback", part: "invalid-feedback" }, this.error)));
     }
 };
 SelectInput.style = selectInputCss;
@@ -1853,7 +1853,7 @@ const TextInput = class {
         this.fieldReceivedInput.emit({ name: name, value: target.value });
     }
     render() {
-        return (index.h(index.Host, { exportparts: "label,input,input-invalid" }, index.h("label", { part: "label", class: "form-label" }, this.label), index.h("input", { name: this.name, type: "text", onInput: event => this.onInput(event), value: this.internalValue || this.defaultValue, part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-control is-invalid' : 'form-control' }), this.error && index.h("div", { class: "invalid-feedback" }, this.error)));
+        return (index.h(index.Host, { exportparts: "label,input,input-invalid,invalid-feedback" }, index.h("label", { part: "label", class: "form-label" }, this.label), index.h("input", { name: this.name, type: "text", onInput: event => this.onInput(event), value: this.internalValue || this.defaultValue, part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-control is-invalid' : 'form-control' }), this.error && index.h("div", { class: "invalid-feedback", part: "invalid-feedback" }, this.error)));
     }
 };
 TextInput.style = textInputCss;

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

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-69b9386b.js');
-const utils$1 = require('./utils-23e70ef2.js');
+const index = require('./index-5d5f2219.js');
+const utils$1 = require('./utils-6e35fa70.js');
 const config = require('./config-ff2dda66.js');
 const Api = require('./Api-a06b996e.js');
-const Business = require('./Business-663db337.js');
-const utils = require('./utils-f5d82f21.js');
-require('./utils-2b9940e1.js');
+const Business = require('./Business-f8e37adb.js');
+const utils = require('./utils-f8079741.js');
 require('./state-options-4fbcb48a.js');
 
 class BusinessService {
@@ -19,6 +18,7 @@ class BusinessService {
 }
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
     try {
         const response = await service.fetchBusiness(id, authToken);
         if (!response.error) {
@@ -26,17 +26,28 @@ const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onEr
         }
         else {
             const responseError = utils.getErrorMessage(response.error);
-            return onError({ error: responseError });
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: utils.ComponentErrorSeverity.ERROR,
+            });
         }
     }
     catch (error) {
-        return onError({ error: error.message || error });
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: utils.ComponentErrorSeverity.ERROR,
+        });
     }
 };
 
 const BusinessDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
         this.businessId = undefined;
         this.authToken = undefined;
         this.errorMessage = undefined;
@@ -48,6 +59,11 @@ const BusinessDetails = class {
     initializeGetBusiness() {
         if (!this.businessId || !this.authToken) {
             this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: utils.ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: utils.ComponentErrorSeverity.ERROR,
+            });
             return;
         }
         this.getBusiness = makeGetBusiness({