@justifi/webcomponents 5.7.1 → 5.7.2

package/dist/cjs/{Api-C8nf_gS9.js → Api-Dp4CW5K6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var configState = require('./config-state-D7p-XunE.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/cjs/{Business-DyiDiIuO.js → Business-DCRzZf0w.js}

@@ -179,7 +179,9 @@ class CoreBusinessInfo {
 }
 class Business {
     constructor(business) {
-        this.additional_questions = new AdditionalQuestions(business.additional_questions || {});
+        this.additional_questions = business.additional_questions
+            ? new AdditionalQuestions(business.additional_questions)
+            : null;
         this.associated_accounts = business.associated_accounts;
         this.classification = business.classification;
         this.bank_accounts = business.bank_accounts;

package/dist/cjs/{Checkout-RAGvjVPj.js → Checkout-TZnRz3-3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 
 class Completion {
     constructor(data) {

package/dist/cjs/{Document-CL5Zc72Q.js → Document-Qt0qiXeh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 
 var CaptureStrategy;

package/dist/cjs/{Refund-CYxocU06.js → Refund-BDFOEJv_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYd8IvAa.js');
 var utils$1 = require('./utils-5lco6NzU.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
@@ -11,22 +11,21 @@ const AdditionalQuestionsDetails = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        var _a, _b;
-        if (utils.isEmptyObject(this.additionalQuestions))
+        if (!this.additionalQuestions || utils.isEmptyObject(this.additionalQuestions))
             return null;
-        return (index.h(index.Host, null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Additional Questions" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), index.h(utils$1.DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() }))))));
+        return (index.h("div", null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Additional Questions" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), index.h(utils$1.DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
     }
 };
 
-const GenericInfoDetails = class {
+const CoreInfoDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (!this.business)
+        if (!this.business) {
             return null;
-        return (index.h(index.Host, null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), index.h(utils$1.DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), index.h(utils$1.DetailItem, { title: "Business Classification", value: utils.snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.classification) }), index.h(utils$1.DetailItem, { title: "Industry", value: (_d = this.business) === null || _d === void 0 ? void 0 : _d.industry })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Tax ID", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.tax_id }), index.h(utils$1.DetailItem, { title: "Website URL", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.website_url }), index.h(utils$1.DetailItem, { title: "Email Address", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.email }), index.h(utils$1.DetailItem, { title: "Phone Number", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.phone }))))));
+        }
+        return (index.h("div", null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Business Core Info Details" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Legal Name", value: this.business.legal_name }), index.h(utils$1.DetailItem, { title: "Doing Business As (DBA)", value: this.business.doing_business_as }), index.h(utils$1.DetailItem, { title: "Business Classification", value: utils.snakeCaseToHumanReadable(this.business.classification) }), index.h(utils$1.DetailItem, { title: "Industry", value: this.business.industry })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Tax ID", value: this.business.tax_id }), index.h(utils$1.DetailItem, { title: "Website URL", value: this.business.website_url }), index.h(utils$1.DetailItem, { title: "Email Address", value: this.business.email }), index.h(utils$1.DetailItem, { title: "Phone Number", value: this.business.phone }))))));
     }
 };
 
@@ -36,9 +35,9 @@ const LegalAddressDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (utils.isEmptyObject(this.legalAddress))
+        if (!this.legalAddress || utils.isEmptyObject(this.legalAddress))
             return null;
-        return (index.h(index.Host, null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), index.h(utils$1.DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), index.h(utils$1.DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), index.h(utils$1.DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), index.h(utils$1.DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
+        return (index.h("div", null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), index.h(utils$1.DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), index.h(utils$1.DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), index.h(utils$1.DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), index.h(utils$1.DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
     }
 };
 
@@ -66,14 +65,14 @@ const JustifiRepresentativeDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        if (utils.isEmptyObject(this.representative))
+        if (!this.representative || utils.isEmptyObject(this.representative))
             return null;
-        return (index.h(index.Host, null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Representative Details" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), index.h(utils$1.DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), index.h(utils$1.DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), index.h(utils$1.DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && utils.formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), index.h(utils$1.DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), index.h(utils$1.DetailItem, { title: "Date Of Birth", value: this.representative && utils.formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), index.h(utils$1.DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), index.h(utils$1.DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), index.h(utils$1.DetailItem, { title: "Updated At", value: this.representative && utils.formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
+        return (index.h("div", null, index.h(utils$1.DetailSectionTitle, { sectionTitle: "Representative Details" }), index.h("div", { class: "d-table gap-2 w-100 mt-3" }, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), index.h(utils$1.DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), index.h(utils$1.DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), index.h(utils$1.DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && utils.formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), index.h("div", { class: "col-12 col-md-6" }, index.h(utils$1.DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), index.h(utils$1.DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), index.h(utils$1.DetailItem, { title: "Date Of Birth", value: this.representative && utils.formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), index.h(utils$1.DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), index.h(utils$1.DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), index.h(utils$1.DetailItem, { title: "Updated At", value: this.representative && utils.formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
     }
 };
 
 exports.additional_questions_details = AdditionalQuestionsDetails;
-exports.generic_info_details = GenericInfoDetails;
+exports.core_info_details = CoreInfoDetails;
 exports.legal_address_details = LegalAddressDetails;
 exports.owner_details = OwnerDetails;
 exports.representative_details = JustifiRepresentativeDetails;

package/dist/cjs/bank-account-document-form-inputs_4.cjs.entry.js

@@ -2,15 +2,15 @@
 
 var index = require('./index-BYd8IvAa.js');
 require('./config-state-D7p-XunE.js');
-var utils$1 = require('./utils-DmZ8Dia3.js');
+var utils$1 = require('./utils-qOon0GWm.js');
 require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+var Document = require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var businessFormOptions = require('./business-form-options-BCj0efiD.js');
+var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
 var parts = require('./parts-9jMf1erK.js');

package/dist/cjs/bank-account-form_9.cjs.entry.js

@@ -6,17 +6,17 @@ var configState = require('./config-state-D7p-XunE.js');
 var iframeInputStylesState = require('./iframe-input-styles-state-D9vhHzZQ.js');
 var parts = require('./parts-9jMf1erK.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-Bhz09M42.js');
+var schemaValidations = require('./schema-validations-BUor-ySb.js');
 var header3 = require('./header-3-B-bXHCpC.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
-var Document = require('./Document-CL5Zc72Q.js');
-var utils$1 = require('./utils-DmZ8Dia3.js');
+var Document = require('./Document-Qt0qiXeh.js');
+var utils$1 = require('./utils-qOon0GWm.js');
 require('./index-B8ljHEN1.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./business-form-options-BCj0efiD.js');
-require('./Business-DyiDiIuO.js');
+require('./business-form-options-CMII7nIK.js');
+require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./Dispute-CruQTF6_.js');
 
@@ -264,13 +264,14 @@ const BillingForm = class {
         this.formController.setInitialValues(fields);
     }
     async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
         const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
-        return (index.h(index.Host, { key: '0df4ecdee8c32874325b83dd79586c7449ce6d93' }, index.h("div", { key: '6d5b45f278a7c69a76fe0895036ab37b810d0262', part: parts.billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && index.h(header3.Header3, { key: 'bc8f57f42134859e28dd523500ef874101198076', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", { key: '908b8265b028caaa01314bc56bdbfe550b632b94' }, index.h("fieldset", { key: 'af3e34fca100b0e0c3f13ef3af3a88009859e277' }, this.legend && index.h("legend", { key: '15cfcc98681d4386afad33d68910f7732e88b9a9' }, this.legend), index.h("div", { key: 'de372fbe06a6da1f512170a6f79f27c96499d790', class: "row gy-3" }, index.h("div", { key: 'bb4aab9d17a7bed7cb09e4306158f5e0ff248b8f', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: 'f8e086504b6f3fac0e4bd2a0c0dee5e2f2c3328a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '9a5105e1183a61c55639c8153a65169fb65998c5', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: '4802e1462b0b1f433c77f817b733611332b18711', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: '3edf7b2390c2fa7d0cadd75f9102a63f88a3685b', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: 'bec348d7030fa44e5a627ebc3f67ed9689a4a5b9', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { key: '066d141b9529aae210fc2585bd2fd386e5b82120', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: '602587fcca0666d7070e5cd0316ed1c541953337', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: '125aeec26f292763abefe1c3a1a3070a2a8b4c7c', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-select", { key: 'fb8d46d217d452809ee199ef8640e93714a91e85', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: 'b622a69cb724ed15d2fe0fb2a9039635bc96a12e', class: "col-12", hidden: this.hideAllBillingFields }, index.h("form-control-text", { key: 'a094770db85d5a65524909b5c4ec532fca167a95', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+        return (index.h(index.Host, { key: 'df86239c476aadde3af18742bbf643d61825c051' }, index.h("div", { key: '186f3ef6c2295223da888b7645a0af7aa8df4535', part: parts.billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && index.h(header3.Header3, { key: '72284e3fcea18cbdfe879989fb7f1b007e2a37df', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", { key: '9479d696a0486e63edfad4bd0dbe374a21cb7b8c' }, index.h("fieldset", { key: 'b780abf09a714f2e9588670ad149c3ca999cbc87' }, this.legend && index.h("legend", { key: 'f102dc51722fe2f050c951e7b56117c9577f3b83' }, this.legend), index.h("div", { key: '00d6c7e35d768f3357cc17836c916e2bf24e3a7e', class: "row gy-3" }, index.h("div", { key: 'cb2b29aa769c97ccab246dc74e463d389497edbd', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: '3cb8ca5e3ecd0817f8e16aafbb5d3ca5ee7824ed', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '781338b1c79fd815d2ab2dbc15e7b56b534a2278', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: '682a37c6b417fbc0edf76b89122b5bf618603360', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: '50d657891e492c8568bf179d752b9aadf10f2387', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: 'ce1f04bfc3307af7a025390bcbcce6a6b3da6fab', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { key: 'ddb45c1cbdc6aa5d27c6a0c4b6f29366ed0e8eba', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-text", { key: '410efdbcd5381bdf61d9c752f292f794d8e12670', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: 'a65811acc25443a07cdb1401231ce1e703096fd4', class: "col-12", hidden: this.isPostalOnlyMode }, index.h("form-control-select", { key: 'bed28d564c9e5a2ebfc10b6ab47e43e2b17bd6e6', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: '8aca307d318e87b17e09122fa91e817c0a59c8d5', class: "col-12", hidden: this.hideAllBillingFields }, index.h("form-control-text", { key: '4dd06dc9ae01fc2953780e52f9e9c918a38a7bbd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
     }
 };
 
@@ -299,9 +300,18 @@ const NewPaymentMethod = class {
         if (!this.paymentMethodFormRef || !this.billingFormRef)
             return;
         try {
-            const isValid = await this.validate();
+            const { isValid, errors } = await this.validate();
             if (!isValid || !insuranceValidation.isValid) {
-                return { validationError: true };
+                // get propety value from first property in errors object
+                const message = `${Object.values(errors)[0] || 'Validation error'}`;
+                return {
+                    validationError: true,
+                    error: {
+                        code: 'validation_error',
+                        message,
+                        decline_code: undefined
+                    }
+                };
             }
             const tokenizeResponse = await this.tokenize();
             if (tokenizeResponse.error) {
@@ -322,7 +332,9 @@ const NewPaymentMethod = class {
     async validate() {
         const billingFormValidation = await this.billingFormRef.validate();
         const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        return billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
+        return { isValid, errors };
     }
     async tokenize() {
         try {
@@ -352,7 +364,7 @@ const NewPaymentMethod = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'b80791923e2276322ebe0ce3b25b2073beac188d', class: "payment-method" }, index.h("div", { key: '47dc555bc135d4562958cf371ca3c8b80ee7236d', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: 'e485347f39fa4b7d46d64e231931d6bdf541687c', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (index.h(index.Host, { key: '137378e62a729bd2287b1bdf89cb85c702cd4e12', class: "payment-method" }, index.h("div", { key: 'dabfcf5c56169708a8968a16aeaafefb43ca3ab8', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: 'd098e2b8f6e1230fc16fdc2cbfd616559bcf2b89', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -422,12 +434,11 @@ const PaymentMethodOptions = class {
     }
     async validate() {
         const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        const isValid = await newPaymentMethodElement.validate();
-        return { isValid: isValid };
+        return newPaymentMethodElement.validate();
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '506450161ed363330132c2bfa99a6a7729e94778' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (index.h(index.Host, { key: 'c61e82c72aaa25e87ded723799a1eb0961c05444' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === Document.PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === Document.PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;

package/dist/cjs/{business-additional-questions-schema-DR8vt11M.js → business-additional-questions-schema-JlysTRE3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-Bhz09M42.js');
+var schemaValidations = require('./schema-validations-BUor-ySb.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -38,7 +38,6 @@ const BusinessDetailsCore = class {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
         this.renderState = RENDER_STATES.LOADING;
-        this.errorMessage = 'An error ocurred.';
     }
     async componentWillLoad() {
         if (this.getBusiness) {
@@ -70,7 +69,7 @@ const BusinessDetailsCore = class {
         if (this.renderState === RENDER_STATES.ERROR) {
             return index.h(styledHost.StyledHost, null, utils.ErrorState(this.errorMessage));
         }
-        return (index.h(styledHost.StyledHost, null, index.h("generic-info-details", { business: this.business }), index.h("legal-address-details", { legalAddress: this.business.legal_address }), index.h("representative-details", { representative: this.business.representative }), index.h("owner-details", { owners: this.business.owners }), index.h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
+        return (index.h(styledHost.StyledHost, null, index.h("justifi-details", { "error-message": this.errorMessage }, index.h("div", { slot: 'detail-sections' }, index.h("core-info-details", { business: this.business }), index.h("legal-address-details", { legalAddress: this.business.legal_address }), index.h("representative-details", { representative: this.business.representative }), index.h("owner-details", { owners: this.business.owners }), index.h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
     }
 };
 

package/dist/cjs/{business-form-options-BCj0efiD.js → business-form-options-CMII7nIK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-DyiDiIuO.js');
+var Business = require('./Business-DCRzZf0w.js');
 
 const businessClassificationOptions = [
     {

package/dist/cjs/{business-identity-schema-BYaCsboD.js → business-identity-schema-BksYFWls.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-Bhz09M42.js');
+var schemaValidations = require('./schema-validations-BUor-ySb.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

package/dist/cjs/{business.service-C2rg_zSw.js → business.service-DMIMZpx4.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-Dp4CW5K6.js');
 require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/{check-pkg-version-BqC8BOhm.js → check-pkg-version-hqYwYpQq.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var _package = require('./package-Biee4Hdo.js');
-var Api = require('./Api-C8nf_gS9.js');
+var _package = require('./package-BCOEGxFC.js');
+var Api = require('./Api-Dp4CW5K6.js');
 require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/{checkout.service-CyvIIMeq.js → checkout.service-DKH8NODe.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-Dp4CW5K6.js');
 require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/checkouts-list-core.cjs.entry.js

@@ -2,17 +2,17 @@
 
 var index = require('./index-BYd8IvAa.js');
 require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
+require('./utils-qOon0GWm.js');
 require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 var Pagination = require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var table = require('./table-DKVauFHc.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-_T5eblyc.js');
+var checkoutsTable = require('./checkouts-table-Cj2iSB_P.js');
 var checkoutsListParamsState = require('./checkouts-list-params-state-BvG5Ysrg.js');
 require('./index-B8ljHEN1.js');
 require('./_commonjsHelpers-BJu3ubxk.js');

package/dist/cjs/{checkouts-table-_T5eblyc.js → checkouts-table-Cj2iSB_P.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 var badge = require('./badge-BxoJOyTJ.js');
 var parts = require('./parts-9jMf1erK.js');
 

package/dist/cjs/{dispute.service-CKPR1vFS.js → dispute.service-8j6tLV4i.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-Dp4CW5K6.js');
 require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/form-alert_5.cjs.entry.js

@@ -2,9 +2,9 @@
 
 var index = require('./index-BYd8IvAa.js');
 var parts = require('./parts-9jMf1erK.js');
-var businessFormOptions = require('./business-form-options-BCj0efiD.js');
+var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
-var Business = require('./Business-DyiDiIuO.js');
+var Business = require('./Business-DCRzZf0w.js');
 var helpers = require('./helpers-B5OCqlIM.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var utils = require('./utils-DAyWinG2.js');

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

@@ -5,7 +5,7 @@ var parts = require('./parts-9jMf1erK.js');
 var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
 var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
 require('./event-types-YOY5TKUN.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
 const MonetaryInput = class {

package/dist/cjs/{get-business-DHg5rpse.js → get-business-BJrtsomz.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-DyiDiIuO.js');
+var Business = require('./Business-DCRzZf0w.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
 var utils = require('./utils-l0veqT9y.js');
 

package/dist/cjs/{get-payment-details-C9HqIv-M.js → get-payment-details-MM1u5jMc.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
+require('./utils-qOon0GWm.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+var Document = require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-l0veqT9y.js');
 

package/dist/cjs/{get-subaccounts-BNpIanJ9.js → get-subaccounts-CkjWYxIU.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-Dp4CW5K6.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-var Refund = require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+var Refund = require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
+require('./utils-qOon0GWm.js');
 var utils = require('./utils-l0veqT9y.js');
 
 const api = Api.Api();

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 var utils$1 = require('./utils-5lco6NzU.js');
 var spinner = require('./spinner-BTyIjlMM.js');
 require('./_commonjsHelpers-BJu3ubxk.js');

package/dist/cjs/iframe-input.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-BYd8IvAa.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
-var _package = require('./package-Biee4Hdo.js');
+var _package = require('./package-BCOEGxFC.js');
 var iframeInputStylesState = require('./iframe-input-styles-state-D9vhHzZQ.js');
 var parts = require('./parts-9jMf1erK.js');
 require('./index-B8ljHEN1.js');

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

@@ -1,27 +1,27 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DR8vt11M.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-JlysTRE3.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var Business = require('./Business-DyiDiIuO.js');
+var Business = require('./Business-DCRzZf0w.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');
 var skeleton = require('./skeleton-aMh0RMHq.js');
 require('./event-types-YOY5TKUN.js');
-var businessFormOptions = require('./business-form-options-BCj0efiD.js');
+var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var schemaValidations = require('./schema-validations-Bhz09M42.js');
+var schemaValidations = require('./schema-validations-BUor-ySb.js');
 require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
+require('./utils-qOon0GWm.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
+var Document = require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DAyWinG2.js');
 var button = require('./button-BPFSRx4d.js');
-var businessIdentitySchema = require('./business-identity-schema-BYaCsboD.js');
+var businessIdentitySchema = require('./business-identity-schema-BksYFWls.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');

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

@@ -3,17 +3,17 @@
 var index = require('./index-BYd8IvAa.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-C2rg_zSw.js');
+var business_service = require('./business.service-DMIMZpx4.js');
 require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
-require('./Checkout-RAGvjVPj.js');
+require('./utils-qOon0GWm.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Document-Qt0qiXeh.js');
+require('./Refund-BDFOEJv_.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-Dp4CW5K6.js');
 var parts = require('./parts-9jMf1erK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var button = require('./button-BPFSRx4d.js');
@@ -289,7 +289,7 @@ const BusinessTermsConditionsFormStep = class {
             this.formLoading.emit(true);
             try {
                 const payload = this.termsPayload;
-                const response = await this.api.post({ endpoint: this.termsConditionsEndpoint, body: payload });
+                const response = await this.api.post({ endpoint: this.termsConditionsEndpoint, body: payload, authToken: this.authToken });
                 this.handleResponse(response, onSuccess);
             }
             catch (error) {
@@ -367,7 +367,7 @@ const BusinessTermsConditionsFormStep = class {
         return (index.h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (index.h("form", { key: '6bba766ba11512058470225103aa2afff318ab99' }, index.h("fieldset", { key: '318755ea4fc772e61ac9f8318ccf95494f71bf73' }, index.h("legend", { key: 'e5a268e9be8ed0a69eb8eed23ffc742228218685', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '100eed0ad0c8e7a5c652640c337d899be6f2131a' }), index.h("div", { key: '08a878a7fe9cd7b8ccb2217932d5d3a3b53bb0c9' }, index.h("p", { key: 'a5b3ddc655c511187327028229a893f7ea06c7ca' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '5c021ef8a8bce686a615a7478a4312f842eb4248' }), index.h("div", { key: '6b3172972459d33e70e6bf4b8c2c9d93a843b7f4', class: "row-gy-3" }, index.h("div", { key: '1e99c4eab265b0b0f370a02ddf76b15d27db961c', class: "col-12" }, index.h("form-control-checkbox", { key: '4c974e3fd58f34000fa70d38d3da312f9bd1fe0d', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (index.h("form", { key: 'c1ca0ecd364a999e7525e9ac3da82e874a8784e8' }, index.h("fieldset", { key: 'a77178a38044c458d8dbd31a7e1aeb3f1a34c968' }, index.h("legend", { key: '7e933517fca8d54095466715bf1f0485625be74f', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '1c1da0b7378c51ad2be5efc0e51dedd3ed178c8f' }), index.h("div", { key: 'bc37aa5162dddc8ade4316b5f24deb1d4a4b6f86' }, index.h("p", { key: 'aef3d0c9186845e3f44b8e1906c405647f489b53' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '2a6a480916cc0c4bf35d96c96c3f0250e87149cb' }), index.h("div", { key: '2e3bed3a57bcb026152fcdc82debab0e667f8148', class: "row-gy-3" }, index.h("div", { key: '3243c1819e4e61921421467271b2a4d2a89e73d4', class: "col-12" }, index.h("form-control-checkbox", { key: '20b9b72809148ef390a6da7d9f5bc216436d34a5', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 };