@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/collection/components/business-forms/owner-form/owner-form.js

@@ -1,104 +1,11 @@
-import { Host, h } from "@stencil/core";
-import { FormController } from "../../form/form";
-import { PHONE_MASKS, SSN_MASK } from "../../../utils/form-input-masks";
-import { Api } from "../../../api";
-import { Owner } from "../../../api/Identity";
-import { parseIdentityInfo } from "../utils/payload-parsers";
-import { identitySchema } from "../schemas/business-identity-schema";
-import { config } from "../../../../config";
-import { LoadingSpinner } from "../../form/utils";
-import { deconstructDate } from "../utils/helpers";
-import { OwnerFormClickActions } from "../utils/business-form-types";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
+import { h } from "@stencil/core";
+import { makeGetIdentity, makePatchIdentity, makePostIdentity } from "../payment-provisioning/payment-provisioning-actions";
+import { IdentityService } from "../../../api/services/business.service";
 export class BusinessOwnerForm {
     constructor() {
-        this.instantiateOwner = (data) => {
-            this.owner = Object.assign({}, new Owner(data));
-            this.formController.setInitialValues(this.owner);
-        };
-        this.fetchData = async () => {
-            if (!this.ownerId) {
-                this.instantiateOwner({});
-                return;
-            }
-            this.isLoading = true;
-            try {
-                const response = await this.api.get(this.identityEndpoint);
-                this.instantiateOwner(response.data);
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.FETCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.isLoading = false;
-            }
-        };
-        this.sendData = async () => {
-            this.isLoading = true;
-            try {
-                if (this.ownerId) {
-                    const payload = parseIdentityInfo(this.formController.values.getValue());
-                    const response = await this.api.patch(this.identityEndpoint, JSON.stringify(payload));
-                    return this.handleResponse(response);
-                }
-                else {
-                    const payload = Object.assign(Object.assign({}, parseIdentityInfo(this.formController.values.getValue())), { business_id: this.businessId });
-                    const response = await this.api.post(this.identityEndpoint, JSON.stringify(payload));
-                    this.ownerId = response.data.id;
-                    return this.handleResponse(response);
-                }
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.PATCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.isLoading = false;
-            }
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.onAddressFormUpdate = (values) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { address: Object.assign(Object.assign({}, this.formController.values.getValue().address), values) }));
-        };
-        this.onDateOfBirthUpdate = (event) => {
-            if (event.detail === '') {
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { dob_day: null, dob_month: null, dob_year: null }));
-            }
-            else {
-                const dob_values = deconstructDate(event.detail);
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
-            }
-        };
-        this.handleAddOwner = () => {
-            const eventName = this.ownerId ? OwnerFormClickActions.updateOwner : OwnerFormClickActions.addOwner;
-            this.clickEvent.emit({ name: eventName });
-        };
-        this.handleRemoveOwner = () => {
-            this.removeOwner(this.ownerId);
-            this.clickEvent.emit({ name: OwnerFormClickActions.removeOwner });
-        };
-        this.validateAndSubmit = async (event) => {
-            event.preventDefault();
-            const isValid = await this.validate();
-            if (isValid) {
-                this.submit();
-            }
-        };
-        this.isLoading = false;
-        this.formController = undefined;
-        this.errors = {};
-        this.owner = {};
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
         this.authToken = undefined;
         this.ownerId = undefined;
         this.businessId = undefined;
@@ -107,73 +14,39 @@ export class BusinessOwnerForm {
         this.newFormOpen = undefined;
         this.ownersLength = undefined;
     }
-    get identityEndpoint() {
-        return this.ownerId ? `entities/identity/${this.ownerId}` : 'entities/identity';
-    }
-    get formTitle() {
-        return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
-    }
-    get submitButtonText() {
-        return this.ownerId ? 'Update' : 'Add';
-    }
-    get showRemoveButton() {
-        const blankForm = !this.ownerId && this.newFormOpen;
-        if (this.ownersLength <= 1) {
-            return false;
-        }
-        else {
-            if (blankForm) {
-                return true;
-            }
-            else if (this.ownerId && !this.newFormOpen) {
-                return true;
-            }
-        }
+    async validate() {
+        return this.coreComponent.validate();
     }
-    loadingWatcher() {
-        this.formLoading.emit(this.isLoading);
+    async submit() {
+        return this.coreComponent.submit();
     }
-    handleResponse(response) {
-        this.submitted.emit({ data: response, metadata: { ownerId: this.ownerId } });
-        let errorCode = this.ownerId ? ComponentErrorCodes.PATCH_ERROR : ComponentErrorCodes.POST_ERROR;
-        if (response.error) {
-            this.errorEvent.emit({
-                errorCode: errorCode,
-                message: response.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-                data: response.error,
-            });
-            return false;
-        }
-        else {
-            this.instantiateOwner(response.data);
-            return true;
-        }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
     componentWillLoad() {
-        this.formController = new FormController(identitySchema('owner', this.allowOptionalFields));
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
-        if (this.authToken) {
-            this.fetchData();
-        }
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
-        this.formController.values.subscribe(values => (this.owner = Object.assign({}, values)));
+        this.initializeApi();
     }
-    async validate() {
-        return this.formController.validate();
-    }
-    async submit() {
-        const isValid = await this.validate();
-        if (isValid) {
-            return this.sendData();
+    initializeApi() {
+        if (!this.authToken) {
+            return;
         }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
     }
     render() {
-        const ownerDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '3a578c58fa8c11c2baf46a95e623414a694c18a2', exportparts: 'label,input,input-invalid' }, h("form", { key: 'ef53b26ec0ed5a41559bf3d4dbf85f8b79c8d8db', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'f23d280aa2ff12c685b87dcd3dc3dcb34bbf1784' }, h("legend", { key: '3d825e9ec1ad52471e175d78e8f012d1f1de2594', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '38d6a4fb10ddf4be97950e2eb985f0e136d295c4' }), h("div", { key: '3d1ede4480f325cc18ba22458527a8ba60159360', class: 'row gy-3' }, h("div", { key: '5f542713f105488bcf0b83d7f8cbd3702e8fd2da', class: 'col-12 col-md-6' }, h("form-control-text", { key: '4b415df939665d4a2ae29a78b0d6f3036b824233', name: 'name', label: 'Full Name', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'f92a0fdd5fa3288586ddc3815aa8e475b48687e3', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'f3defa8f646072654ff528c4c3f7029a3e94e188', name: 'title', label: 'Title', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'cf0ad4643b076a5611526a30b753b349326fdc5c', class: 'col-12 col-md-6' }, h("form-control-text", { key: '4dff997ae72b053586ab9a89c8cfa253d786c2e6', name: 'email', label: 'Email Address', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'baf2251fe3813beca1943ea3c37090ae31cff04c', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '465c8e61db06d11cf7fe85cf49868fc50375ca01', name: 'phone', label: 'Phone Number', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '862ec747120b5b4a05091545bbba8e8e0649a063', class: 'col-12 col-md-4' }, h("form-control-date", { key: '1724de6338244e687135d992df528ffc9286284b', name: 'dob_full', label: 'Birth Date', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '9289f44bcb62e4b7baa36f6d5a88d1f2eab8f9dc', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '4e2ac4ee3edc0cce36e97014184029b09be47e80', name: 'identification_number', label: 'SSN', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '1373375140a0c071c80764b69c2bacc26c22cf42', class: 'col-12' }, h("justifi-identity-address-form", { key: 'cc01cfc035e53ff6d995f387cd1dce713c5a6199', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: 'f51f56934730f45b5ea8cad8c051c7995a101d01', class: 'col-12 d-flex gap-2' }, h("button", { key: 'e267c7f93110b5b45fea9e170718dd74fd2dba3e', type: 'submit', class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
-            h("button", { key: '61486f9ae64c488abf267c15ddcbc61537b3e433', type: 'button', class: 'btn btn-danger', onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: 'c599a8b0f3f41f58691cb353f91d3b167bbcab11' })))));
+        return (h("owner-form-core", { key: '332d1e77d01886f13aba09b32b2d5f2199131619', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
     }
     static get is() { return "justifi-owner-form"; }
     static get properties() {
@@ -299,71 +172,13 @@ export class BusinessOwnerForm {
     }
     static get states() {
         return {
-            "isLoading": {},
-            "formController": {},
-            "errors": {},
-            "owner": {}
+            "getOwner": {},
+            "patchOwner": {},
+            "postOwner": {}
         };
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "OwnerFormSubmitEvent",
-                    "resolved": "OwnerFormSubmitEvent",
-                    "references": {
-                        "OwnerFormSubmitEvent": {
-                            "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::OwnerFormSubmitEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "clickEvent",
-                "name": "click-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "OwnerFormClickEvent",
-                    "resolved": "OwnerFormClickEvent",
-                    "references": {
-                        "OwnerFormClickEvent": {
-                            "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::OwnerFormClickEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "formLoading",
-                "name": "formLoading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
                 "method": "errorEvent",
                 "name": "error-event",
                 "bubbles": true,
@@ -421,13 +236,28 @@ export class BusinessOwnerForm {
                     "text": "",
                     "tags": []
                 }
+            },
+            "validateAndSubmit": {
+                "complexType": {
+                    "signature": "({ onSuccess }: { onSuccess: any; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "__0",
+                            "type": "{ onSuccess: any; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }
-    static get watchers() {
-        return [{
-                "propName": "isLoading",
-                "methodName": "loadingWatcher"
-            }];
-    }
 }

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.js

@@ -0,0 +1,235 @@
+import { h } from "@stencil/core";
+import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
+import { FormController } from "../../../form/form";
+import { AdditionalQuestions } from "../../../../api/Business";
+import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
+import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils/business-form-options";
+export class AdditionalQuestionsFormStepCore {
+    constructor() {
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
+                    this.formController.setInitialValues(Object.assign({}, this.additional_questions));
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => this.formLoading.emit(false)
+            });
+        };
+        this.sendData = (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: this.patchPayload,
+                onSuccess: (response) => {
+                    submittedData = response;
+                    onSuccess();
+                },
+                onError: ({ error, code, severity }) => {
+                    submittedData = error;
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.submitted.emit({ data: { submittedData } });
+                    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.additional_questions = {};
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    get patchPayload() {
+        let formValues = this.formController.values.getValue();
+        return JSON.stringify({ additional_questions: formValues });
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const additionalQuestionsDefaultValue = this.formController.getInitialValues();
+        return (h("form", { key: 'f5a3d2826c65e84e90325000973c5cdc2922c643' }, h("fieldset", { key: '8dfecfc242e62ca523c3950b9f29e159ee8debc5' }, h("legend", { key: '192071e8d05c1d075ad79678890b47fe116577d2' }, "Additional Questions"), h("hr", { key: 'e2b7369711b4ba285522200233c5112ad5320a74' }), h("div", { key: '3ef5edae7215eb35835cfc6dd373c311ba7446a5', class: 'row gy-3' }, h("div", { key: '6af600e3612b03b505c0d2c1ddbfdb9520b9df9d', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '8afb46cdad6b2ceab63227bd6f659f7f8b2a9153', name: 'business_revenue', label: 'What is the business\u2019 estimated annual revenue from its primary business activities?', inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'ae94caaafd45e4c46899d802337ce0a3a8d5b3aa', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '6b86e3a15934a15ecfbf7a1ac369c8ed9ee2f6a4', name: 'business_payment_volume', label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '4b8fe3214082368c111183fcb1b76abf2c1ba5a1', class: 'col-12' }, h("form-control-select", { key: '88e5c2593bc1b55a797e1d67e103759c5e2e29e8', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'a914e7114fd6fd4e44136ba8b986c20d1984dba8', class: 'col-12' }, h("form-control-select", { key: '38c9934952884a6d1dc70f4ebd61f03a87bd8091', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '7a6d2a527e7486cff7dfa1d594e2f0378e66b583', class: 'col-12' }, h("form-control-text", { key: '6e445ff593a7970967040ae5bfd3b8056e17c129', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'cf00fad8a096be8e28ef12bde563ead6f8b5ef6d', class: 'col-12' }, h("form-control-select", { key: '7cf9edd70b0ceaf25d2fd5947ecaf2760e76dd75', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'ceb6355fef7bae249330e0f39758be1812ff8cbe', class: 'col-12' }, h("form-control-text", { key: '689edc0fb02f926112c529301366e31d6d130aa6', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+    }
+    static get is() { return "justifi-additional-questions-form-step-core"; }
+    static get properties() {
+        return {
+            "getBusiness": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "patchBusiness": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "allowOptionalFields": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "allow-optional-fields",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "errors": {},
+            "additional_questions": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "submitted",
+                "name": "submitted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormSubmitEvent",
+                    "resolved": "BusinessFormSubmitEvent",
+                    "references": {
+                        "BusinessFormSubmitEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "formLoading",
+                "name": "formLoading",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentError",
+                    "resolved": "ComponentError",
+                    "references": {
+                        "ComponentError": {
+                            "location": "import",
+                            "path": "../../../../components",
+                            "id": "src/components.d.ts::ComponentError"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "validateAndSubmit": {
+                "complexType": {
+                    "signature": "({ onSuccess }: { onSuccess: any; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "__0",
+                            "type": "{ onSuccess: any; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}