@justifi/webcomponents 5.7.1 → 5.7.3

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var configState = require('./config-state-D7p-XunE.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var configState = require('./config-state-BH7lf2ok.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 → Payment-D5UynU2f.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;
@@ -148,60 +148,4 @@ class Payment {
     }
 }
 
-exports.EntityDocumentType = void 0;
-(function (EntityDocumentType) {
-    EntityDocumentType["voidedCheck"] = "voided_check";
-    EntityDocumentType["balanceSheet"] = "balance_sheet";
-    EntityDocumentType["bankStatement"] = "bank_statement";
-    EntityDocumentType["governmentId"] = "government_id";
-    EntityDocumentType["profitAndLossStatement"] = "profit_and_loss_statement";
-    EntityDocumentType["taxReturn"] = "tax_return";
-    EntityDocumentType["other"] = "other";
-})(exports.EntityDocumentType || (exports.EntityDocumentType = {}));
-var EntityDocumentStatus;
-(function (EntityDocumentStatus) {
-    EntityDocumentStatus["pending"] = "pending";
-    EntityDocumentStatus["uploaded"] = "uploaded";
-    EntityDocumentStatus["canceled"] = "canceled";
-    EntityDocumentStatus["needed"] = "needed";
-})(EntityDocumentStatus || (EntityDocumentStatus = {}));
-class EntityDocumentStorage {
-    constructor() {
-        this.voided_check = [];
-        this.balance_sheet = [];
-        this.bank_statement = [];
-        this.government_id = [];
-        this.profit_and_loss_statement = [];
-        this.tax_return = [];
-        this.other = [];
-    }
-}
-class EntityDocument {
-    constructor(fileData, business_id) {
-        this.file = fileData.file;
-        this.fileString = this.getFileString();
-        this.document_type = fileData.document_type;
-        this.presigned_url = null;
-        this.record_data = {
-            business_id: business_id,
-            document_type: this.document_type,
-            file_name: this.file.name,
-            file_type: this.file.type,
-        };
-    }
-    getFileString() {
-        let reader = new FileReader();
-        reader.onload = (e) => {
-            this.fileString = e.target.result;
-        };
-        reader.readAsDataURL(this.file);
-        return this.fileString;
-    }
-    setPresignedUrl(url) {
-        this.presigned_url = url;
-    }
-}
-
-exports.EntityDocument = EntityDocument;
-exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.Payment = Payment;

package/dist/cjs/{Refund-CYxocU06.js → Refund-BFE-2OxN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-qOon0GWm.js');
 
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
@@ -258,6 +258,60 @@ class SubAccount {
     }
 }
 
+exports.EntityDocumentType = void 0;
+(function (EntityDocumentType) {
+    EntityDocumentType["voidedCheck"] = "voided_check";
+    EntityDocumentType["balanceSheet"] = "balance_sheet";
+    EntityDocumentType["bankStatement"] = "bank_statement";
+    EntityDocumentType["governmentId"] = "government_id";
+    EntityDocumentType["profitAndLossStatement"] = "profit_and_loss_statement";
+    EntityDocumentType["taxReturn"] = "tax_return";
+    EntityDocumentType["other"] = "other";
+})(exports.EntityDocumentType || (exports.EntityDocumentType = {}));
+var EntityDocumentStatus;
+(function (EntityDocumentStatus) {
+    EntityDocumentStatus["pending"] = "pending";
+    EntityDocumentStatus["uploaded"] = "uploaded";
+    EntityDocumentStatus["canceled"] = "canceled";
+    EntityDocumentStatus["needed"] = "needed";
+})(EntityDocumentStatus || (EntityDocumentStatus = {}));
+class EntityDocumentStorage {
+    constructor() {
+        this.voided_check = [];
+        this.balance_sheet = [];
+        this.bank_statement = [];
+        this.government_id = [];
+        this.profit_and_loss_statement = [];
+        this.tax_return = [];
+        this.other = [];
+    }
+}
+class EntityDocument {
+    constructor(fileData, business_id) {
+        this.file = fileData.file;
+        this.fileString = this.getFileString();
+        this.document_type = fileData.document_type;
+        this.presigned_url = null;
+        this.record_data = {
+            business_id: business_id,
+            document_type: this.document_type,
+            file_name: this.file.name,
+            file_type: this.file.type,
+        };
+    }
+    getFileString() {
+        let reader = new FileReader();
+        reader.onload = (e) => {
+            this.fileString = e.target.result;
+        };
+        reader.readAsDataURL(this.file);
+        return this.fileString;
+    }
+    setPresignedUrl(url) {
+        this.presigned_url = url;
+    }
+}
+
 var RefundStatuses;
 (function (RefundStatuses) {
     RefundStatuses["succeeded"] = "succeeded";
@@ -278,6 +332,8 @@ class RefundPayload {
     }
 }
 
+exports.EntityDocument = EntityDocument;
+exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.PaymentBalanceTransaction = PaymentBalanceTransaction;
 exports.Payout = Payout;
 exports.PayoutBalanceTransaction = PayoutBalanceTransaction;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils$1 = require('./utils-5lco6NzU.js');
-var utils = require('./utils-DmZ8Dia3.js');
+var index = require('./index-y-rskGFM.js');
+var utils$1 = require('./utils-B4fXt0os.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/{badge-BxoJOyTJ.js → badge-ByHiVqEE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-y-rskGFM.js');
 var parts = require('./parts-9jMf1erK.js');
 
 exports.BadgeVariant = void 0;

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

@@ -1,23 +1,23 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-require('./config-state-D7p-XunE.js');
-var utils$1 = require('./utils-DmZ8Dia3.js');
+var index = require('./index-y-rskGFM.js');
+require('./config-state-BH7lf2ok.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');
+require('./Payment-D5UynU2f.js');
+var Refund = require('./Refund-BFE-2OxN.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');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-CgT0siC5.js');
 require('./event-types-YOY5TKUN.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
-require('./index-B8ljHEN1.js');
+var formControlErrorText = require('./form-control-error-text-B-3qE49U.js');
+require('./index-oahmQhrI.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -27,7 +27,7 @@ const BankAccountDocumentFormInputs = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, index.h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, index.h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: Document.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, index.h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: Document.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (index.h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, index.h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, index.h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: Refund.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, index.h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: Refund.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 };
 

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

@@ -1,22 +1,22 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
-var configState = require('./config-state-D7p-XunE.js');
-var iframeInputStylesState = require('./iframe-input-styles-state-D9vhHzZQ.js');
+var index = require('./index-y-rskGFM.js');
+var skeleton = require('./skeleton-CgT0siC5.js');
+var configState = require('./config-state-BH7lf2ok.js');
+var iframeInputStylesState = require('./iframe-input-styles-state-CFjq45QT.js');
 var parts = require('./parts-9jMf1erK.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-Bhz09M42.js');
-var header3 = require('./header-3-B-bXHCpC.js');
+var schemaValidations = require('./schema-validations-BSeMee-o.js');
+var header3 = require('./header-3-BAx5OhvM.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');
-require('./index-B8ljHEN1.js');
+var Payment = require('./Payment-D5UynU2f.js');
+var utils$1 = require('./utils-qOon0GWm.js');
+require('./index-oahmQhrI.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));
     }
 };
 
@@ -397,17 +409,17 @@ const PaymentMethodOptions = class {
             .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
             .filter((paymentMethod) => {
             // Don't saved card or bank account if they are disabled
-            return ((this.showCard || paymentMethod.type !== Document.PaymentMethodTypes.card) &&
-                (this.showAch || paymentMethod.type !== Document.PaymentMethodTypes.bankAccount));
+            return ((this.showCard || paymentMethod.type !== Payment.PaymentMethodTypes.card) &&
+                (this.showAch || paymentMethod.type !== Payment.PaymentMethodTypes.bankAccount));
         });
         if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Document.PaymentMethodTypes.sezzle }));
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Payment.PaymentMethodTypes.sezzle }));
         }
         if (this.showCard) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Document.PaymentMethodTypes.card }));
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Payment.PaymentMethodTypes.card }));
         }
         if (this.showAch) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Document.PaymentMethodTypes.bankAccount }));
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Payment.PaymentMethodTypes.bankAccount }));
         }
         if (!this.selectedPaymentMethodId) {
             this.selectedPaymentMethodId = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
@@ -422,16 +434,15 @@ 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) => {
-            const newCard = paymentMethodOption.id === Document.PaymentMethodTypes.card;
-            const newBankAccount = paymentMethodOption.id === Document.PaymentMethodTypes.bankAccount;
+        return (index.h(index.Host, { key: 'c61e82c72aaa25e87ded723799a1eb0961c05444' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+            const newCard = paymentMethodOption.id === Payment.PaymentMethodTypes.card;
+            const newBankAccount = paymentMethodOption.id === Payment.PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
-            const sezzle = paymentMethodOption.id === Document.PaymentMethodTypes.sezzle;
+            const sezzle = paymentMethodOption.id === Payment.PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
                 return (index.h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: (el) => {
                         if (isSelected) {

package/dist/cjs/{business-additional-questions-schema-DR8vt11M.js → business-additional-questions-schema-e3GCIHk5.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-BSeMee-o.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-5lco6NzU.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
+var index = require('./index-y-rskGFM.js');
+var utils = require('./utils-B4fXt0os.js');
+var styledHost = require('./styled-host-LD5MpzHs.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-CgT0siC5.js');
 require('./parts-9jMf1erK.js');
 
 const BusinessDetailsLoading = () => {
@@ -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-Diqj_WVQ.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-BSeMee-o.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-CJ1_RDQW.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('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/{button-BPFSRx4d.js → button-DXvFLf3b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-y-rskGFM.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var _package = require('./package-Biee4Hdo.js');
-var Api = require('./Api-C8nf_gS9.js');
+var _package = require('./package-a_vXN-Ly.js');
+var Api = require('./Api-CJ1_RDQW.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('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-C8nf_gS9.js');
+var Api = require('./Api-CJ1_RDQW.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('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();