@justifi/webcomponents 4.18.0 → 4.19.0

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

@@ -1,133 +1,79 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FormController } from './index.esm.js';
-import { P as PHONE_MASKS } from './form-input-masks.js';
-import { C as CoreBusinessInfo } from './Business.js';
-import { A as Api } from './Api.js';
-import './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
-import { c as config } from './config.js';
-import { p as parseCoreInfo } from './payload-parsers.js';
-import { d as flattenNestedObject } from './utils2.js';
-import { B as BusinessFormStep } from './business-form-types.js';
-import { a as businessClassificationOptions } from './business-form-options.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { n as numberOnlyHandler } from './utils3.js';
-import { d as defineCustomElement$6 } from './form-control-date2.js';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$2 } from './form-control-select2.js';
-import { d as defineCustomElement$1 } from './form-control-text2.js';
+import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
+import { B as BusinessService } from './business.service.js';
+import { d as defineCustomElement$7 } from './form-control-date2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-help-text2.js';
+import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './business-core-info-form-step-core.js';
 
 const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfoFormStep extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.submitted = createEvent(this, "submitted", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.fetchData = async () => {
-            this.formLoading.emit(true);
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                this.coreInfo = new CoreBusinessInfo(response.data);
-                this.formController.setInitialValues(Object.assign({}, this.coreInfo));
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.FETCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-            }
-        };
-        this.sendData = async (onSuccess) => {
-            this.formLoading.emit(true);
-            try {
-                const payload = parseCoreInfo(flattenNestedObject(this.formController.values.getValue()));
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify(payload));
-                this.handleResponse(response, onSuccess);
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.PATCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-            }
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.formController = undefined;
-        this.errors = {};
-        this.coreInfo = {};
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
     }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
-    }
-    handleResponse(response, onSuccess) {
-        if (response.error) {
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.PATCH_ERROR,
-                message: response.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-                data: response.error,
-            });
-        }
-        else {
-            onSuccess();
-        }
-        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.coreInfo } });
+    propChanged() {
+        this.initializeApi();
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
-    ;
     componentWillLoad() {
-        this.formController = new FormController(businessCoreInfoSchema(this.allowOptionalFields));
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
-        if (this.businessId && this.authToken) {
-            this.fetchData();
-        }
+        this.initializeApi();
     }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.coreInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
     }
     render() {
-        const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '4ea42b813bdd6e5c59a62ae4ae869e86dfddd7ce', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f5ec3be342eda82dee8a51fe2ee5a6da1ee8902e' }, h("fieldset", { key: 'e07041577f53badc6c172a2c6dc20b1066c03f4c' }, h("legend", { key: '2bcc8cc013eeee4e27c874d0bed4471515b68610' }, "General Info"), h("hr", { key: '6dc6f73cf851b9244c8d797bc5cefdfda848c7bc' }), h("div", { key: 'b2bfad85255ddfa76d405e45df3d668ad02a6fea', class: 'row gy-3' }, h("div", { key: 'a9a65df07f40621513ce4881dd203e90142d7670', class: 'col-12' }, h("form-control-text", { key: '7fe7ac765902c7cd9ed60004dc7be687d43b2e49', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6fe2e395e4391480f4d6dafcfc57619176efc45c', class: 'col-12' }, h("form-control-text", { key: 'd19870345d79e4c44c3e667e2751ff6f344e1d58', name: 'doing_business_as', label: 'Doing Business As (DBA)', defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '39acda8180c70f7684aa2d73ef31bc199233c358', class: 'col-12 col-md-8' }, h("form-control-select", { key: '67f98ac21a69a851bb9489df198e06c8b517d45e', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd54631f13e8998170de1f175d52d89d90035e688', class: 'col-12 col-md-4' }, h("form-control-date", { key: '8038e4f909c9bb2e5f3a8dd577f7b7f75e3d4f41', name: 'date_of_incorporation', label: 'Date of Incorporation', defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'ca43f206b14494ddaa55c625a2c408426ebcf529', class: 'col-12 col-md-6' }, h("form-control-text", { key: '7ccf50e04dad1a7e001c37074925f27f53ec831c', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '76136df0a434b7fce1b0307e962e4ea387a063d3', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ddfd853ed46b3995484dff54d47af0c0d6c93b0c', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: '1084c4d7a261b8fc0a9ceacc16b5823f09cfb807', class: 'col-12' }, h("form-control-text", { key: 'c9ca186a6f2cc10f43966de56e6a224103ddd1f3', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '55bc2f83a170fc1bec20c208460cc63b8f42a566', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5c35db62f1d7d56e01a839df29b39aa55e569d5c', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'f74aadc2ea606365918f29091a6f6bb08841bf00', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'ef54ee012cbc30464bcdc7e887d5eb0523e30057', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
+        return (h("justifi-business-core-info-form-step-core", { key: '4ee53046d16fd42df4e09b10c338a740c22184ef', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
 }, [0, "justifi-business-core-info-form-step", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "formController": [32],
-        "errors": [32],
-        "coreInfo": [32],
+        "getBusiness": [32],
+        "patchBusiness": [32],
         "validateAndSubmit": [64]
+    }, undefined, {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info-form-step", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text"];
+    const components = ["justifi-business-core-info-form-step", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-business-core-info-form-step-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
@@ -136,30 +82,35 @@ function defineCustomElement() {
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/business-core-info-schema.js

@@ -1,4 +1,4 @@
-import { c as create$3 } from './index.esm.js';
+import { c as create$3 } from './form.js';
 import { m as businessNameValidation, q as websiteUrlValidation, t as emailValidation, u as phoneValidation, v as doingBusinessAsValidation, x as businessClassificationValidation, y as industryValidation, z as taxIdValidation, A as dateOfIncorporationValidation } from './schema-validations.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {

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

@@ -29,7 +29,7 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '4fea3473993809a70e7b3558302e57daacae4be7', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'fe758a6e3b3541c9149c16184d7e619b5019604e' }, h("legend", { key: 'e7a4434f59077f7b8e906b45b1c391d30e5c536f' }, "General Info"), h("hr", { key: 'b04b40de508f0580bffe5f318332de683f23ec83' }), h("div", { key: 'd7d278de8389590d25f9adb00b8e36d80bb6d520', class: "row gy-3" }, h("div", { key: 'b1dfe6aa2f294551640900d04287d13375bfdfd1', class: "col-12" }, h("form-control-text", { key: '173c4a0032ca86c2e80fc37798d18d98d6b1ed31', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '7e7e88f865472ff30da4a1d5f8a10bb1e7b9a3bf', class: "col-12" }, h("form-control-text", { key: '1f4311a12ecc38683ba74c65bea0cdb65a21996e', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'c1ff7e2a163f62a8028feb534397d98e0257b7e7', class: "col-12 col-md-8" }, h("form-control-select", { key: 'd9115ebbe7150c8f61e9c2cc1c4ecac34f7c0a60', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '27d503028f65a6ca0f9e68230528919cfd57d4cd', class: "col-12 col-md-4" }, h("form-control-date", { key: 'eab280951c0f621b48bf3120d3da80f29e35c322', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '3671db6add3122a5fd1749be1abb51a7516139c8', class: "col-12 col-md-6" }, h("form-control-text", { key: '5e977bcd45d452a51cb6ae163b9a0cf0450ab97c', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '53f454c1db71809507a5c54d1c68b3207eba78b9', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '44ec8788833bec9d6907da169f4a21d524187ea4', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '42e58e2c69f5eb9e4c0daa726295a8adf1e4e1c3', class: "col-12" }, h("form-control-text", { key: '82f284b493837f42c41498a389d71977518ccc8d', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'c106af1bd728a6092c04a14111d793264f749c57', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ee0ab8aecb28a6391c00e6cdcfb499c6a4d0abd9', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'fd1de523d84a85bb304e0a32a974da37b3d216e1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '897a5415732edd5ea67326b4ae17aa102e993235', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '59fa8a9a4bef1875845633b66b60ebf2350fe61e', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b6c58d55cf2ed0f5020f043e164c63423d9ee4f' }, h("legend", { key: '5be18bc86f27541d7c6bb4ea4e05e3df4c9d87c0' }, "General Info"), h("hr", { key: '33747ac14e24ef2ecf9e84970cd8924b9f5a5c53' }), h("div", { key: '3d550cac878b9676d620fbea3c14dacf4db4e72f', class: "row gy-3" }, h("div", { key: 'd2226f4bdbbd87169d1ef75f9ffc1d7f6a6acba7', class: "col-12" }, h("form-control-text", { key: '4367c1eeec808b9b134c880be587f58327778bb2', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '455cacee1c69e28fc447e893bf648ff30946f66f', class: "col-12" }, h("form-control-text", { key: '1ea37fac67414741edab132c0b8d70c84cb4f1db', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3da63dd018d2503a9b47a2b0950f95ce887ba38d', class: "col-12 col-md-8" }, h("form-control-select", { key: 'a059c7fda30418c4338ac58630170104d616c0f2', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9157cac7c6999b25c8acf4e698d082a0fcbffe9d', class: "col-12 col-md-4" }, h("form-control-date", { key: '0726e93b8f6b2bd792102bb131c13e0806717f82', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f3391ac0166116ef685c6d26e6d0705d087fa83d', class: "col-12 col-md-6" }, h("form-control-text", { key: '682a18784fab9410002c7949a7cfa606f3ec5784', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '4a2d95cc422ebc882e2a47237f5b1324a7660b36', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0d138b6bafde2b5fc7c45f9d4d51746e5f91baaa', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'a895244496b196804a16931589f6f353c49476e8', class: "col-12" }, h("form-control-text", { key: '68375469c212b97e76861e5b8590dd502533a35a', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '84d1a7f2b51b6dae3283bbd6d0f5aca81a0da07b', class: "col-12 col-md-6" }, h("form-control-text", { key: '27f9dd986a431fa14028f1faa3997bbdb623574e', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0902cff0a887d5f19c5326ce135fed5f54d6643a', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'bbce92814cbf42f17a0a9e1e1df194d3ea3a15b0', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [0, "justifi-business-core-info", {
         "formController": [16],

package/dist/module/business-document-upload-form-step.js

@@ -1,5 +1,5 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as create$3, F as FormController } from './index.esm.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as create$3, F as FormController } from './form.js';
 import { B as BusinessFormStep } from './business-form-types.js';
 import { a as Business } from './Business.js';
 import { A as Api } from './Api.js';
@@ -7,12 +7,12 @@ import { c as config } from './config.js';
 import { B as voidedCheckValidation, C as governmentIdValidation, D as ss4Validation, E as otherDocumentValidation, F as balanceSheetValidation, G as bankStatementValidation, H as profitAndLossStatementValidation } from './schema-validations.js';
 import { a as EntityDocument, b as EntityDocumentStorage } from './Document.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { d as defineCustomElement$6 } from './form-control-error-text2.js';
-import { d as defineCustomElement$5 } from './form-control-file2.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './business-document-upload-input-group.js';
-import { d as defineCustomElement$2 } from './business-documents-on-file.js';
-import { d as defineCustomElement$1 } from './skeleton.js';
+import { S as Skeleton } from './skeleton.js';
+import { d as defineCustomElement$5 } from './form-control-error-text2.js';
+import { d as defineCustomElement$4 } from './form-control-file2.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$2 } from './business-document-upload-input-group.js';
+import { d as defineCustomElement$1 } from './business-documents-on-file.js';
 
 const businessDocumentSchema = (volume, documents, allowOptionalFields) => {
     const schema = create$3({
@@ -140,22 +140,26 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             this.documentData[docType] = documentList;
         };
         this.sendData = async (onSuccess) => {
-            const docArray = Object.values(this.documentData).flat();
-            if (!docArray.length) {
-                return onSuccess();
-            }
-            const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
-            const recordsCreated = await Promise.all(documentRecords);
-            if (!recordsCreated) {
-                return;
+            try {
+                const docArray = Object.values(this.documentData).flat();
+                if (!docArray.length) {
+                    return onSuccess();
+                }
+                const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
+                const recordsCreated = await Promise.all(documentRecords);
+                if (!recordsCreated) {
+                    return;
+                }
+                const uploads = docArray.map(docData => this.uploadDocument(docData));
+                const uploadsCompleted = await Promise.all(uploads);
+                if (!uploadsCompleted) {
+                    return;
+                }
+                await onSuccess();
             }
-            const uploads = docArray.map(docData => this.uploadDocument(docData));
-            const uploadsCompleted = await Promise.all(uploads);
-            if (!uploadsCompleted) {
-                return;
+            finally {
+                this.formLoading.emit(false);
             }
-            uploadsCompleted && this.formLoading.emit(false);
-            await onSuccess();
         };
         this.formController = undefined;
         this.errors = {};
@@ -194,7 +198,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             return null;
         }
         if (this.isLoading) {
-            return h("justifi-skeleton", { variant: 'rounded', height: '50px' });
+            return h(Skeleton, { variant: 'rounded', height: '50px' });
         }
         return h("justifi-business-documents-on-file", { documents: this.existingDocuments });
     }
@@ -203,12 +207,12 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             return null;
         }
         if (this.isLoading) {
-            return h("justifi-skeleton", { variant: 'rounded', height: '350px' });
+            return h(Skeleton, { variant: 'rounded', height: '350px' });
         }
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h(Host, { key: '9cc3ddc45413cf4bb5d2fabfc8bc6035035b02c3', exportparts: "label,input,input-invalid" }, h("form", { key: 'd4756e9cd27741cbf6637d42f3f0db77ebc4e2b1' }, h("fieldset", { key: '4c66e4cb9997c1a3645277b12358a3881361fd77' }, h("legend", { key: 'adf7e0e3c134a3e395d455d4c13b6b31e3caf5a0' }, "Document Uploads"), h("p", { key: '826529c3896e9acdf7dd0337e7dc0bb7f8f93386' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '76e343327d676f10df8652e9b3977b21e189607c' }), this.documentsOnFile, h("div", { key: 'bdd1fc8f4dc941c17d8457022cbdab679aedd009', class: "d-flex flex-column" }, this.formInputs)))));
+        return (h("form", { key: '8f2e1d262cd5050b315019a1947b1474eaf995de' }, h("fieldset", { key: 'd022b1c294835e456a9067fcfdbf2b93a33c8ca8' }, h("legend", { key: '522ecbab0489efa6d4294f38f792a28770010f1e' }, "Document Uploads"), h("p", { key: 'b49a6b3a4a7c79b368b20455b4ed4a943f08ec51' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '3d8c2f7f5b128b99ceaa501166ae60c490b12378' }), this.documentsOnFile, h("div", { key: 'd2627185483e1be43c0b34d80b1fcfa850decd28', class: "d-flex flex-column" }, this.formInputs))));
     }
 }, [0, "justifi-business-document-upload-form-step", {
         "authToken": [1, "auth-token"],
@@ -227,7 +231,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-document-upload-form-step", "form-control-error-text", "form-control-file", "form-control-help-text", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-skeleton"];
+    const components = ["justifi-business-document-upload-form-step", "form-control-error-text", "form-control-file", "form-control-help-text", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-document-upload-form-step":
             if (!customElements.get(tagName)) {
@@ -235,31 +239,26 @@ function defineCustomElement() {
             }
             break;
         case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-business-document-upload-input-group":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-business-documents-on-file":
+        case "justifi-business-document-upload-input-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-skeleton":
+        case "justifi-business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/business-document-upload-input-group.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 EntityDocumentType } from './Document.js';
 import { e as isInRange } from './utils2.js';
 import { d as defineCustomElement$3 } from './form-control-error-text2.js';
@@ -87,7 +87,7 @@ const BusinessDocumentUploadInputGroup = /*@__PURE__*/ proxyCustomElement(class
     }
     render() {
         const inputsConfig = this.inputConfigs;
-        return (h(Host, { key: '6750811a2e7cd2ed173ea309990677eed7d0d90b' }, h("div", { key: '5ccbf99d4f03c65a6a48530689340e3d40b7d2e6', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true })))))));
+        return (h("div", { key: '8035b474e298cae43e5ceda5594fd3891902a300', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true }))))));
     }
 }, [0, "justifi-business-document-upload-input-group", {
         "paymentVolume": [1, "payment-volume"],

package/dist/module/business-documents-on-file.js

@@ -13,7 +13,7 @@ const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessD
         }
         return (h("div", null, h("div", { class: 'card' }, h("div", { class: 'card-body' }, h("h5", { class: 'card-title' }, "Documents Already on File"), h("div", { class: 'table-responsive' }, h("table", { class: 'table table-sm table-borderless' }, h("thead", { part: "table-head" }, h("tr", { part: 'table-head-row' }, h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "File Name"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "File Type"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "Document Type"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "Date Uploaded"))), h("tbody", { part: 'table-body' }, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
             .map((document, index) => {
-            return (h("tr", { class: index === 0 ? 'row-border first-row' : 'row-border' }, h("td", { part: "table-cell" }, document.file_name), h("td", { part: "table-cell" }, document.file_type), h("td", { part: "table-cell" }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: "table-cell" }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
+            return (h("tr", { class: index === 0 ? 'border-bottom border-top' : 'border-bottom' }, h("td", { part: "table-cell" }, document.file_name), h("td", { part: "table-cell" }, document.file_type), h("td", { part: "table-cell" }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: "table-cell" }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
         })))))), h("hr", null)));
     }
 }, [0, "justifi-business-documents-on-file", {

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

@@ -19,6 +19,10 @@ var BusinessFormClickActions;
     BusinessFormClickActions["nextStep"] = "nextStep";
     BusinessFormClickActions["previousStep"] = "previousStep";
     BusinessFormClickActions["submit"] = "submit";
+    BusinessFormClickActions["removeOwner"] = "removeOwner";
+    BusinessFormClickActions["addOwner"] = "addOwner";
+    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
+    BusinessFormClickActions["updateOwner"] = "updateOwner";
 })(BusinessFormClickActions || (BusinessFormClickActions = {}));
 var OwnerFormServerErrors;
 (function (OwnerFormServerErrors) {
@@ -26,17 +30,10 @@ var OwnerFormServerErrors;
     OwnerFormServerErrors["patchData"] = "Error updating owner data";
     OwnerFormServerErrors["postData"] = "Error adding owner data";
 })(OwnerFormServerErrors || (OwnerFormServerErrors = {}));
-var OwnerFormClickActions;
-(function (OwnerFormClickActions) {
-    OwnerFormClickActions["removeOwner"] = "removeOwner";
-    OwnerFormClickActions["addOwner"] = "addOwner";
-    OwnerFormClickActions["addOwnerForm"] = "addOwnerForm";
-    OwnerFormClickActions["updateOwner"] = "updateOwner";
-})(OwnerFormClickActions || (OwnerFormClickActions = {}));
 var DocumentFormServerErrors;
 (function (DocumentFormServerErrors) {
     DocumentFormServerErrors["fetchData"] = "Error retrieving document data";
     DocumentFormServerErrors["sendData"] = "Error uploading document data";
 })(DocumentFormServerErrors || (DocumentFormServerErrors = {}));
 
-export { BusinessFormStep as B, OwnerFormClickActions as O, BusinessFormServerErrors as a, BusinessFormClickActions as b };
+export { BusinessFormStep as B, BusinessFormServerErrors as a, BusinessFormClickActions as b };

package/dist/module/business-identity-schema.js

@@ -1,4 +1,4 @@
-import { c as create$3, a as create$6 } from './index.esm.js';
+import { c as create$3, a as create$6 } from './form.js';
 import { a as addressSchema } from './business-address-schema.js';
 import { i as identityNameValidation, I as identityTitleValidation, t as emailValidation, u as phoneValidation, J as dobValidation, K as ssnValidation } from './schema-validations.js';