@justifi/webcomponents 4.17.0 → 4.19.0

package/dist/module/business-additional-questions-form-step.js

@@ -1,128 +1,78 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FormController } from './index.esm.js';
-import { A as AdditionalQuestions } from './Business.js';
-import { A as Api } from './Api.js';
-import './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { c as config } from './config.js';
-import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
-import { B as BusinessFormStep } from './business-form-types.js';
-import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { b as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions } 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 { 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-monetary2.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$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-monetary2.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-additional-questions-form-step-core.js';
 
 const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class AdditionalQuestionsFormStep 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.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
-                this.formController.setInitialValues(Object.assign({}, this.additional_questions));
-            }
-            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 = this.formController.values.getValue();
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify({ additional_questions: 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.additional_questions = {};
+        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.additionalQuestions } });
+    propChanged() {
+        this.initializeApi();
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
-    ;
     componentWillLoad() {
-        this.formController = new FormController(additionalQuestionsSchema(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.additional_questions = 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() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '86a6cacf09105f5c4415a01738ba77b7eeb7622c', name: "business_revenue", label: "What is the business' 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: 'ae68b9c006ea41e1f214226efdb4e14098d5e800', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'ddbff877fc74121bbf84eb7f4ee278558f35d853', 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: '80fa2c11d3cadd1a1ab07ad79b7ff736a15a38d3', class: "col-12" }, h("form-control-select", { key: '7fca901a87105b9a401309d5841279bac7a6f5cd', 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: 'a20763d9518cd84b062f81fdce325be2a8dfb40e', class: "col-12" }, h("form-control-select", { key: 'cfec3aab19c544b16f8a0fab7541433130c3b749', 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: '0ef1a0473a5870428a741be696e08c881ebee524', class: "col-12" }, h("form-control-text", { key: '512a4924c14b7c2da661b5ffe966d8d1497cb706', 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: '75a7b0adfde53443a53ca4e4143f1ff060291837', class: "col-12" }, h("form-control-select", { key: '1474ce5f608be57a36486ad46c7a7bd68fc44fc7', 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: '7de2fd399754cc0c77e2b08b7d1a4d0082903f61', class: "col-12" }, h("form-control-text", { key: '5de14ae950223e353dd6d58430a4493ffd26da4e', 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 })))))));
+        return (h("justifi-additional-questions-form-step-core", { key: 'ede8f1336c69d47c651a5b4b95ee2746aae3aa52', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
 }, [0, "justifi-additional-questions-form-step", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "formController": [32],
-        "errors": [32],
-        "additional_questions": [32],
+        "getBusiness": [32],
+        "patchBusiness": [32],
         "validateAndSubmit": [64]
+    }, undefined, {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-additional-questions-form-step", "form-control-error-text", "form-control-help-text", "form-control-monetary", "form-control-select", "form-control-text"];
+    const components = ["justifi-additional-questions-form-step", "form-control-error-text", "form-control-help-text", "form-control-monetary", "form-control-select", "form-control-text", "justifi-additional-questions-form-step-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
@@ -131,25 +81,30 @@ function defineCustomElement() {
             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-monetary":
             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-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/business-additional-questions-schema.js

@@ -1,4 +1,4 @@
-import { c as create$3 } from './index.esm.js';
+import { c as create$3 } from './form.js';
 import { r as revenueValidation, p as paymentVolumeValidation, w as whenServiceReceivedValidation, a as recurringPaymentsValidation, b as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations.js';
 
 const additionalQuestionsSchema = (allowOptionalFields) => {

package/dist/module/business-address-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 { l as lineOneValidation, c as lineTwoValidation, d as cityValidation, e as stateValidation, f as postalValidation } from './schema-validations.js';
 
 const addressSchema = (allowOptionalFields) => {

package/dist/module/business-bank-account-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 { g as bankNameValidation, n as nicknameValidation, i as identityNameValidation, h as accountTypeValidation, j as accountNumberValidation, k as routingNumberValidation } from './schema-validations.js';
 import { c as bankAccountTypeOptions } from './business-form-options.js';
@@ -8,7 +8,7 @@ import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
 import { c as config } from './config.js';
-import { n as numberOnlyHandler } from './utils3.js';
+import { n as numberOnlyHandler } from './utils4.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -161,7 +161,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '06a761a462bc8211d31021815bf0f826002ff674', exportparts: "label,input,input-invalid" }, h("form", { key: '46e2a31edda4f8297fc8858ed9373dd744e5a39b' }, h("fieldset", { key: '3f8ed5c4d2e801a1824110449e14d86df2f14dc4' }, h("legend", { key: 'f88054577ab1f30332ddd0aafad4b3a40dce8de3' }, "Bank Account Info"), h("hr", { key: '0cf5f443ee658510192d60a29d81040ac0763588' }), h("div", { key: 'c446362495de7cb85610f50ddec515e983aef55a', class: "row gy-3" }, h("div", { key: '9bdde0ea622a0e41963dc025e887bb2b5701e160', class: "col-12" }, h("form-control-text", { key: 'ffbe63f3b934c4b9428e4cb6928d554ce87ff627', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '6753f56609e0447ec0eb5b040c74bd511f6dd4de', class: "col-12" }, h("form-control-text", { key: 'c5903b44239826b1fd454731b2d2a406665fe62f', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1ff0746d2b60f376f664a81011f4482d380ac760', class: "col-12" }, h("form-control-text", { key: '110b3d4f9e5266caf8cc0701d2e4764ec44dcf3c', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'e045bc7620c101116e28d2307497139776ca7588', class: "col-12" }, h("form-control-select", { key: 'acee452f96ab59da937a5379a7ef4a2703861647', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '8e576bebe699f605a411d2dbeca04d11be0181a2', class: "col-12" }, h("form-control-text", { key: '0df383e2d9c5b4ba609820f473cad3098968a6e7', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: '91dc628aaceb4b86171b45f52bd6f023d338a4db', class: "col-12" }, h("form-control-text", { key: '239f3cf414fa1ca1f3de5e8fb5ba9e1c7b6c458f', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })))))));
+        return (h("form", { key: 'b2e106437693b667376fb8091117bc04899cce13' }, h("fieldset", { key: 'c6fc0e5b39278a4618abe0aeba8593b4800f23fa' }, h("legend", { key: 'f07c520e32491dd506f7ac16b03b0eb82a451035' }, "Bank Account Info"), h("hr", { key: '43845af4ec6f143653154e301a49c870c688e8cb' }), h("div", { key: '911f450a0e81a7fcf6afb8b54be910da36b068d6', class: "row gy-3" }, h("div", { key: 'afe5dd40139f1098e69736cd08f00792916657b1', class: "col-12" }, h("form-control-text", { key: 'c590065940b5ef4ab5a125962e114d3bb99161e8', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ad7ac99fdae7bb0108675cf4ea522ae7b0c7b340', class: "col-12" }, h("form-control-text", { key: '4e69debe8b184272c788f0ba206b7e983bb6bba5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a478bb2330e48935b65d22a42287ab89f94b4808', class: "col-12" }, h("form-control-text", { key: 'c20531fb2c5e903eefeeb62fca5a831cf2542867', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '63325c985d0341888ad9ce34fec48c623e275f55', class: "col-12" }, h("form-control-select", { key: 'b9fc86477dada5413e4a6e18b10e77de620996d9', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '7d2849185532bb21c85cf8227749469e28fdc102', class: "col-12" }, h("form-control-text", { key: '466a38e94ed054788596ec63bed4b4ffe646dc63', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: '1162fae41dfc767cd038a37d7a7581b54dee1a1d', class: "col-12" }, h("form-control-text", { key: '47ffb34b6523d34df02739231b5764418f162fe6', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled }))))));
     }
 }, [0, "justifi-business-bank-account-form-step", {
         "authToken": [1, "auth-token"],

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

@@ -0,0 +1,151 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
+import { F as FormController } from './form.js';
+import { C as CoreBusinessInfo } from './Business.js';
+import { a as businessClassificationOptions } from './business-form-options.js';
+import { P as PHONE_MASKS } from './form-input-masks.js';
+import { p as parseCoreInfo } from './payload-parsers.js';
+import { d as flattenNestedObject } from './utils2.js';
+import { n as numberOnlyHandler } from './utils4.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';
+
+const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfoFormStepCore 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.getData = () => {
+            this.formLoading.emit(true);
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.coreInfo = new CoreBusinessInfo(response.data);
+                    this.formController.setInitialValues(Object.assign({}, this.coreInfo));
+                },
+                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.coreInfo = {};
+        this.businessId = undefined;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    get patchPayload() {
+        let formValues = parseCoreInfo(flattenNestedObject(this.formController.values.getValue()));
+        return JSON.stringify(formValues);
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new FormController(businessCoreInfoSchema(this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        const coreInfoDefaultValue = this.formController.getInitialValues();
+        return (h("form", { key: 'c91c42a7b3d48789f2304f6f3e7b9cab228e7e86' }, h("fieldset", { key: '159f23468da4ed60e89be108c3640c3e4f19a32a' }, h("legend", { key: '7666498459afce82b88114c880dba4f697ec422e' }, "General Info"), h("hr", { key: 'f9d253d811ba1f9b7438888f5c2e9813fb6371a9' }), h("div", { key: '9bc73f86956d81ed4028cabb4ec083e7524ad973', class: 'row gy-3' }, h("div", { key: '86bc9d41f88ee46e727a11b6371ecdb7d9dac6f3', class: 'col-12' }, h("form-control-text", { key: '2f470cdd65f25993a2671f1ab1938a214acfa625', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '38af9153a77c6f121a2f1af626a325a525b8be36', class: 'col-12' }, h("form-control-text", { key: '5912ab4555f9522f973ef67240249fb44e89bcab', 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: 'a48d44f28b473c3873aa16468a01f45f46e99c5e', class: 'col-12 col-md-8' }, h("form-control-select", { key: '7fa00ac1122a43fd1645dd81c6d9fbaf6b10131d', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'cd4e235392581af33d79d0eeb7a950fe51291bb4', class: 'col-12 col-md-4' }, h("form-control-date", { key: '43f65e71b7ea53fb82f8a97d4160b3df9b1ceacf', 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: '37ba3bc3731eec0281ab6c4ae942649ac25e4eba', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'b48172d98fd70130fe60c47f31b077e8644ed2e7', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '3212bfe272b22b896ef6602f639b2779ace36857', class: 'col-12 col-md-6' }, h("form-control-text", { key: '523a2e4b1df12723e936f224ad1518d657acc38e', 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: '4018cec1595a3c2b92d92faaec10c6c917364721', class: 'col-12' }, h("form-control-text", { key: 'f5dfb03af25b7eeeb1720191acff2fff510b8114', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '3dbe9c55e93c35b68d6783f4dd73dab45970289b', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5de21e1a7c0647b4fe6e66b51a32288c96ae82a7', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '93c06e619ea76c69eb7723c3d050edfb0539635d', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '4dc5a4ee1bb04075ee20d58e87fec1711b0683a8', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+    }
+}, [0, "justifi-business-core-info-form-step-core", {
+        "businessId": [1, "business-id"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "formController": [32],
+        "errors": [32],
+        "coreInfo": [32],
+        "validateAndSubmit": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-business-core-info-form-step-core", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-business-core-info-form-step-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessCoreInfoFormStepCore);
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BusinessCoreInfoFormStepCore as B, defineCustomElement as d };