@justifi/webcomponents 5.7.1 → 5.7.3

package/dist/module/business-bank-account-form-step-core.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as create$3, F as FormController } from './form.js';
-import { z as bankStatementValidation, A as voidedCheckValidation, B as routingNumberValidation, C as accountNumberValidation, D as accountTypeValidation, n as identityNameValidation, E as nicknameValidation, F as bankNameValidation } from './schema-validations.js';
+import { c as create$3, d as create$8, F as FormController } from './form.js';
+import { E as EntityDocumentType, b as EntityDocumentStorage, c as EntityDocument } from './Refund.js';
+import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, n as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
 import './Business.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { h as heading2 } from './parts.js';
@@ -10,8 +11,6 @@ import './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './Refund.js';
-import { a as EntityDocumentStorage, b as EntityDocument } from './Document.js';
 import { d as defineCustomElement$8 } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$7 } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$6 } from './business-documents-on-file2.js';
@@ -54,17 +53,44 @@ class BankAccount {
     }
 }
 
+const checkExistingDocs = (documents, documentType) => {
+    return documents.some((doc) => doc.document_type === documentType);
+};
+const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
 const businessBankAccountSchema = (documents, allowOptionalFields) => {
-    const schema = create$3({
+    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
+    const existingDocument = existingVoidedCheck || existingBankStatement;
+    const schema = create$3().shape({
         bank_name: bankNameValidation.required('Enter bank name'),
         nickname: nicknameValidation.required('Enter nickname'),
         account_owner_name: identityNameValidation.required('Enter account owner name'),
         account_type: accountTypeValidation.required('Select account type'),
         account_number: accountNumberValidation.required('Enter account number'),
         routing_number: routingNumberValidation.required('Enter routing number'),
-        voided_check: voidedCheckValidation(documents, allowOptionalFields),
-        bank_statement: bankStatementValidation(documents, allowOptionalFields)
-    });
+        voided_check: create$8().when('bank_statement', {
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
+        }),
+        bank_statement: create$8().when('voided_check', {
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
+        }),
+    }, [['voided_check', 'bank_statement']]);
     const easySchema = create$3({
         bank_name: bankNameValidation.nullable(),
         nickname: nicknameValidation.nullable(),
@@ -72,8 +98,8 @@ const businessBankAccountSchema = (documents, allowOptionalFields) => {
         account_type: accountTypeValidation.nullable(),
         account_number: accountNumberValidation.nullable(),
         routing_number: routingNumberValidation.nullable(),
-        voided_check: voidedCheckValidation(documents, allowOptionalFields),
-        bank_statement: bankStatementValidation(documents, allowOptionalFields)
+        voided_check: create$8().nullable(),
+        bank_statement: create$8().nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };
@@ -297,7 +323,7 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "These documents are required for underwriting purposes. Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "isLoading": ["watchHandler"]

package/dist/module/business-bank-account-form-step.js

@@ -5,7 +5,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { m as makeGetBusiness, b as makePostBankAccount, c as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';

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

@@ -1,11 +1,11 @@
 import { h, Fragment, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import { d as defineCustomElement$4 } from './details.js';
 import './event-types.js';
 import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$5 } from './additional-questions-details2.js';
-import { d as defineCustomElement$4 } from './generic-info-details2.js';
+import { d as defineCustomElement$6 } from './additional-questions-details2.js';
+import { d as defineCustomElement$5 } from './core-info-details2.js';
 import { d as defineCustomElement$3 } from './legal-address-details2.js';
 import { d as defineCustomElement$2 } from './owner-details2.js';
 import { d as defineCustomElement$1 } from './representative-details2.js';
@@ -42,7 +42,6 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.renderState = RENDER_STATES.LOADING;
-        this.errorMessage = 'An error ocurred.';
     }
     async componentWillLoad() {
         if (this.getBusiness) {
@@ -74,7 +73,7 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
         if (this.renderState === RENDER_STATES.ERROR) {
             return h(StyledHost, null, ErrorState(this.errorMessage));
         }
-        return (h(StyledHost, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
+        return (h(StyledHost, null, h("justifi-details", { "error-message": this.errorMessage }, h("div", { slot: 'detail-sections' }, h("core-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
     }
 }, [0, "business-details-core", {
         "getBusiness": [16, "get-business"],
@@ -86,7 +85,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["business-details-core", "additional-questions-details", "generic-info-details", "legal-address-details", "owner-details", "representative-details"];
+    const components = ["business-details-core", "additional-questions-details", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
     components.forEach(tagName => { switch (tagName) {
         case "business-details-core":
             if (!customElements.get(tagName)) {
@@ -94,11 +93,16 @@ function defineCustomElement() {
             }
             break;
         case "additional-questions-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "core-info-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "generic-info-details":
+        case "justifi-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/business-terms-conditions-form-step.js

@@ -1,11 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as create$3, d as create$7, F as FormController } from './form.js';
+import { c as create$3, b as create$7, F as FormController } from './form.js';
 import { A as Api } from './Api.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { h as heading2 } from './parts.js';
 import { B as BusinessFormStep } from './event-types2.js';
@@ -54,7 +53,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
             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) {
@@ -132,7 +131,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '6bba766ba11512058470225103aa2afff318ab99' }, h("fieldset", { key: '318755ea4fc772e61ac9f8318ccf95494f71bf73' }, h("legend", { key: 'e5a268e9be8ed0a69eb8eed23ffc742228218685', part: heading2 }, "Terms and Conditions"), h("hr", { key: '100eed0ad0c8e7a5c652640c337d899be6f2131a' }), h("div", { key: '08a878a7fe9cd7b8ccb2217932d5d3a3b53bb0c9' }, h("p", { key: 'a5b3ddc655c511187327028229a893f7ea06c7ca' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '5c021ef8a8bce686a615a7478a4312f842eb4248' }), h("div", { key: '6b3172972459d33e70e6bf4b8c2c9d93a843b7f4', class: "row-gy-3" }, h("div", { key: '1e99c4eab265b0b0f370a02ddf76b15d27db961c', class: "col-12" }, 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 (h("form", { key: 'c1ca0ecd364a999e7525e9ac3da82e874a8784e8' }, h("fieldset", { key: 'a77178a38044c458d8dbd31a7e1aeb3f1a34c968' }, h("legend", { key: '7e933517fca8d54095466715bf1f0485625be74f', part: heading2 }, "Terms and Conditions"), h("hr", { key: '1c1da0b7378c51ad2be5efc0e51dedd3ed178c8f' }), h("div", { key: 'bc37aa5162dddc8ade4316b5f24deb1d4a4b6f86' }, h("p", { key: 'aef3d0c9186845e3f44b8e1906c405647f489b53' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '2a6a480916cc0c4bf35d96c96c3f0250e87149cb' }), h("div", { key: '2e3bed3a57bcb026152fcdc82debab0e667f8148', class: "row-gy-3" }, h("div", { key: '3243c1819e4e61921421467271b2a4d2a89e73d4', class: "col-12" }, 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 }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business.service.js

@@ -3,7 +3,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 
 const api = Api();

package/dist/module/check-pkg-version.js

@@ -4,7 +4,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 
 const api = Api();

package/dist/module/checkout.service.js

@@ -3,7 +3,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 
 const api = Api();

package/dist/module/checkouts-list-core2.js

@@ -5,7 +5,6 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';

package/dist/module/{generic-info-details.d.ts → core-info-details.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface GenericInfoDetails extends Components.GenericInfoDetails, HTMLElement {}
-export const GenericInfoDetails: {
-    prototype: GenericInfoDetails;
-    new (): GenericInfoDetails;
+interface CoreInfoDetails extends Components.CoreInfoDetails, HTMLElement {}
+export const CoreInfoDetails: {
+    prototype: CoreInfoDetails;
+    new (): CoreInfoDetails;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/module/core-info-details.js

@@ -0,0 +1,6 @@
+import { C as CoreInfoDetails$1, d as defineCustomElement$1 } from './core-info-details2.js';
+
+const CoreInfoDetails = CoreInfoDetails$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CoreInfoDetails, defineCustomElement };

package/dist/module/core-info-details2.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
+import { s as snakeCaseToHumanReadable } from './utils2.js';
+
+const CoreInfoDetails = /*@__PURE__*/ proxyCustomElement(class CoreInfoDetails extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        if (!this.business) {
+            return null;
+        }
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Business Core Info Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Name", value: this.business.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: this.business.doing_business_as }), h(DetailItem, { title: "Business Classification", value: snakeCaseToHumanReadable(this.business.classification) }), h(DetailItem, { title: "Industry", value: this.business.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: this.business.tax_id }), h(DetailItem, { title: "Website URL", value: this.business.website_url }), h(DetailItem, { title: "Email Address", value: this.business.email }), h(DetailItem, { title: "Phone Number", value: this.business.phone }))))));
+    }
+}, [0, "core-info-details", {
+        "business": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["core-info-details"];
+    components.forEach(tagName => { switch (tagName) {
+        case "core-info-details":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CoreInfoDetails);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { CoreInfoDetails as C, defineCustomElement as d };

package/dist/module/details.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 
 const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLElement {
@@ -7,7 +7,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/module/dispute-response-actions.js

@@ -3,7 +3,6 @@ import { C as ComponentErrorSeverity } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 

package/dist/module/form.js

@@ -11798,4 +11798,4 @@ class FormController {
     }
 }
 
-export { FormController as F, create$6 as a, create$8 as b, create$3 as c, create$7 as d };
+export { FormController as F, create$6 as a, create$7 as b, create$3 as c, create$8 as d };

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

@@ -4,7 +4,6 @@ import { C as ComponentErrorSeverity } from './Checkout.js';
 import './Pagination.js';
 import { b as Payment } from './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 

package/dist/module/get-subaccounts.js

@@ -3,7 +3,6 @@ import { C as ComponentErrorSeverity } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { S as SubAccount } from './Refund.js';
-import './Document.js';
 import './Business.js';
 import './config-state.js';
 import './utils2.js';

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

@@ -1,12 +1,13 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$7 } from './additional-questions-details2.js';
-import { d as defineCustomElement$6 } from './business-details-core2.js';
-import { d as defineCustomElement$5 } from './generic-info-details2.js';
+import { d as defineCustomElement$8 } from './additional-questions-details2.js';
+import { d as defineCustomElement$7 } from './business-details-core2.js';
+import { d as defineCustomElement$6 } from './core-info-details2.js';
+import { d as defineCustomElement$5 } from './details.js';
 import { d as defineCustomElement$4 } from './legal-address-details2.js';
 import { d as defineCustomElement$3 } from './owner-details2.js';
 import { d as defineCustomElement$2 } from './representative-details2.js';
@@ -17,6 +18,11 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -46,9 +52,9 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
     }
     render() {
         if (this.errorMessage) {
-            return h(Host, null, ErrorState(this.errorMessage));
+            return ErrorState(this.errorMessage);
         }
-        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
+        return (h("business-details-core", { getBusiness: this.getBusiness, "onError-event": this.handleErrorEvent }));
     }
 }, [1, "justifi-business-details", {
         "businessId": [1, "business-id"],
@@ -60,7 +66,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "generic-info-details", "legal-address-details", "owner-details", "representative-details"];
+    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-details":
             if (!customElements.get(tagName)) {
@@ -69,15 +75,20 @@ function defineCustomElement$1() {
             break;
         case "additional-questions-details":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "business-details-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "core-info-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "generic-info-details":
+        case "justifi-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -10,7 +10,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import { a as Business, c as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { B as Button } from './button.js';

package/dist/module/justifi-checkouts-list-filters.js

@@ -5,7 +5,6 @@ import { I as ICheckoutStatus, c as ICheckoutPaymentModeParam } from './Checkout
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
 import { a2 as checkoutsListFilterMenu, a3 as statusCheckoutsListFilterParam, a4 as paymentModeCheckoutsListFilterParam } from './parts.js';

package/dist/module/justifi-checkouts-list.js

@@ -5,7 +5,6 @@ import { b as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes }
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';

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

@@ -4,7 +4,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';

package/dist/module/justifi-order-terminals.js

@@ -13,8 +13,7 @@ import './config-state.js';
 import { n as formatPhoneNumber } from './utils2.js';
 import './Pagination.js';
 import './Payment.js';
-import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund.js';
-import './Document.js';
+import { h as TerminalModel, g as TerminalOrder, a as TerminalOrderType } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';

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

@@ -7,7 +7,6 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';

package/dist/module/justifi-payment-transactions-list.js

@@ -4,8 +4,7 @@ import { h as convertToLocal } from './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import { c as PaymentBalanceTransaction } from './Refund.js';
-import './Document.js';
+import { e as PaymentBalanceTransaction } from './Refund.js';
 import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';

package/dist/module/justifi-payments-list.js

@@ -6,7 +6,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import { b as Payment } from './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';

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

@@ -6,7 +6,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';

package/dist/module/justifi-payout-transactions-list.js

@@ -4,8 +4,7 @@ import { h as convertToLocal } from './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import { d as PayoutBalanceTransaction } from './Refund.js';
-import './Document.js';
+import { f as PayoutBalanceTransaction } from './Refund.js';
 import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';

package/dist/module/justifi-payouts-list.js

@@ -7,7 +7,6 @@ import './utils2.js';
 import './Pagination.js';
 import './Payment.js';
 import { P as Payout } from './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';

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

@@ -5,8 +5,7 @@ import './config-state.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { R as RefundReasons, g as RefundPayload } from './Refund.js';
-import './Document.js';
+import { R as RefundReasons, i as RefundPayload } from './Refund.js';
 import './Business.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';

package/dist/module/justifi-season-interruption-insurance.js

@@ -4,7 +4,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -10,7 +10,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { T as TerminalOrderStatus, a as TerminalOrderType } from './Refund.js';
-import './Document.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';

package/dist/module/justifi-terminal-orders-list.js

@@ -9,8 +9,7 @@ import './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { e as TerminalOrder } from './Refund.js';
-import './Document.js';
+import { g as TerminalOrder } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';

package/dist/module/justifi-terminals-list-filters.js

@@ -11,7 +11,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { I as ITerminalStatus } from './Refund.js';
-import './Document.js';
 import './Business.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';

package/dist/module/justifi-terminals-list.js

@@ -6,8 +6,7 @@ import './config-state.js';
 import './utils2.js';
 import './Pagination.js';
 import './Payment.js';
-import { b as Terminal } from './Refund.js';
-import './Document.js';
+import { d as Terminal } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';

package/dist/module/justifi-tokenize-payment-method.js

@@ -10,7 +10,6 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 import { d as defineCustomElement$i } from './bank-account-form2.js';
 import { d as defineCustomElement$h } from './card-form2.js';
@@ -81,11 +80,10 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     async validate() {
-        const { isValid } = await this.paymentMethodOptionsRef.validate();
-        return { isValid };
+        return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: 'd4dab6a0690a86229dd9b6e8bc39ea62cfa23300' }, h("form", { key: 'e2faa29095280fda65f14a4cb048c306578cf61e' }, h("fieldset", { key: '18b55da72957d26e3c3f44b9b2ef0c55d959e2ee' }, h("div", { key: '2d57f4b65361aadb7a0eed596a0595e24ef85930', class: "row gy-3" }, h("div", { key: 'd57acfc84d6af84c60636c6e7607a43926ead41f', class: "col-12" }, h("justifi-payment-method-options", { key: '1065a98d952820ba612376044c0c54fbb7ac0491', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'f50dd3f73048f7ca13a57bffe1ef6f2f33d091b0', class: "col-12" }, h(Button, { key: '1b13f82171d439bedaa0b6cc31d1593c2343a930', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '9f12f7a83b2cb06c83694454ea5884bd7392eb83' }, h("form", { key: '0a0a4b4a049aa85863ef5c65313b89ebf58455c5' }, h("fieldset", { key: 'c35ed423483d49615f9ebe500fcef405394f4eb6' }, h("div", { key: '80419e9ca3431d9d75cffc958daab84a2c232f49', class: "row gy-3" }, h("div", { key: 'bd465d8b364c1bc46a6a3dee3fb74087bc087580', class: "col-12" }, h("justifi-payment-method-options", { key: 'c363e501622ef81c78a728ebbd15a3a4cd89867a', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ad252991a12f6d21a012b6422ecaae13412f789b', class: "col-12" }, h(Button, { key: '4bb1dcdfeb71c21d3268c11fabd1ab92b43fca5e', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],