@justifi/webcomponents 6.11.0 → 6.12.0

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

@@ -1,217 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
-import { B as BusinessService } from './business.service.js';
-import { C as CoreBusinessInfo, a as CountryCode } from './Business.js';
-import { b as businessCoreInfoSchemaCAN, a as businessCoreInfoSchemaUSA } from './business-core-info-schema.js';
-import { F as FormController } from './form.js';
-import { c as businessClassificationOptions } from './business-form-options.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { P as PHONE_MASKS } from './form-input-masks.js';
-import { h as heading2, b as label, d as inputDisabled, Z as buttonSecondary } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { c as countryLabels } from './country-config.js';
-import { d as defineCustomElement$6 } from './custom-popper2.js';
-import { d as defineCustomElement$5 } from './form-control-date2.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 './form-control-tooltip2.js';
+import { B as BusinessCoreInfoFormStep$1, d as defineCustomElement$1 } from './business-core-info-form-step2.js';
 
-const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfoFormStep extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.coreInfo = {};
-        this.isLoading = false;
-        this.isEditingTaxId = false;
-        this.getData = () => {
-            if (!this.getBusiness)
-                return;
-            this.formLoading.emit(true);
-            this.isLoading = 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.isLoading = false;
-                }
-            });
-        };
-        this.sendData = (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.patchBusiness({
-                payload: this.patchPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    onSuccess();
-                    // after successful patch, revert back to read-only for tax id
-                    this.isEditingTaxId = false;
-                },
-                onError: ({ error, code, severity, rawError }) => {
-                    submittedData = error;
-                    // Set field-specific error if param exists
-                    if (rawError && typeof rawError === 'object' && rawError.param) {
-                        this.formController.setFieldError(rawError.param, rawError.message);
-                    }
-                    // Still emit component-level error
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.businessInfo });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            // Clear backend error when user edits field
-            if (this.errors[name]) {
-                this.formController.clearFieldError(name);
-            }
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    propChanged() {
-        this.initializeApi();
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    get patchPayload() {
-        let formValues = new CoreBusinessInfo(this.formController.values.getValue()).payload;
-        return formValues;
-    }
-    componentWillLoad() {
-        this.initializeApi();
-        const schema = (this.country === CountryCode.CAN)
-            ? businessCoreInfoSchemaCAN(this.allowOptionalFields)
-            : businessCoreInfoSchemaUSA(this.allowOptionalFields);
-        this.formController = new FormController(schema);
-        this.getData();
-    }
-    componentDidLoad() {
-        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;
-        const coreInfoDefaultValue = this.formController.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Registration", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingTaxId = true;
-                // Clear last4-equivalent and current value if any future conditional validation depends on it
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '', tax_id_last4: null }));
-            } }, "Change"))))), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
-    }
-    static get watchers() { return {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"]
-    }; }
-}, [256, "justifi-business-core-info-form-step", {
-        "authToken": [1, "auth-token"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "getBusiness": [32],
-        "patchBusiness": [32],
-        "formController": [32],
-        "errors": [32],
-        "coreInfo": [32],
-        "isLoading": [32],
-        "isEditingTaxId": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-core-info-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-business-core-info-form-step":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessCoreInfoFormStep);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-number-masked":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const BusinessCoreInfoFormStep = BusinessCoreInfoFormStep$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { BusinessCoreInfoFormStep as B, defineCustomElement as d };
+export { BusinessCoreInfoFormStep, defineCustomElement };

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

@@ -0,0 +1,217 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
+import { B as BusinessService } from './business.service.js';
+import { C as CoreBusinessInfo, a as CountryCode } from './Business.js';
+import { b as businessCoreInfoSchemaCAN, a as businessCoreInfoSchemaUSA } from './business-core-info-schema.js';
+import { F as FormController } from './form.js';
+import { c as businessClassificationOptions } from './business-form-options.js';
+import { B as BusinessFormStep } from './event-types2.js';
+import { P as PHONE_MASKS } from './form-input-masks.js';
+import { h as heading2, l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
+import { c as countryLabels } from './country-config.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-date2.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 './form-control-tooltip2.js';
+
+const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfoFormStep extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.coreInfo = {};
+        this.isLoading = false;
+        this.isEditingTaxId = false;
+        this.getData = () => {
+            if (!this.getBusiness)
+                return;
+            this.formLoading.emit(true);
+            this.isLoading = 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.isLoading = false;
+                }
+            });
+        };
+        this.sendData = (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: this.patchPayload,
+                onSuccess: (response) => {
+                    submittedData = response;
+                    onSuccess();
+                    // after successful patch, revert back to read-only for tax id
+                    this.isEditingTaxId = false;
+                },
+                onError: ({ error, code, severity, rawError }) => {
+                    submittedData = error;
+                    // Set field-specific error if param exists
+                    if (rawError && typeof rawError === 'object' && rawError.param) {
+                        this.formController.setFieldError(rawError.param, rawError.message);
+                    }
+                    // Still emit component-level error
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.businessInfo });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            // Clear backend error when user edits field
+            if (this.errors[name]) {
+                this.formController.clearFieldError(name);
+            }
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get patchPayload() {
+        let formValues = new CoreBusinessInfo(this.formController.values.getValue()).payload;
+        return formValues;
+    }
+    componentWillLoad() {
+        this.initializeApi();
+        const schema = (this.country === CountryCode.CAN)
+            ? businessCoreInfoSchemaCAN(this.allowOptionalFields)
+            : businessCoreInfoSchemaUSA(this.allowOptionalFields);
+        this.formController = new FormController(schema);
+        this.getData();
+    }
+    componentDidLoad() {
+        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;
+        const coreInfoDefaultValue = this.formController.getInitialValues();
+        if (this.isLoading) {
+            return h(PaymentProvisioningLoading, null);
+        }
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Registration", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+                this.isEditingTaxId = true;
+                // Clear last4-equivalent and current value if any future conditional validation depends on it
+                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '', tax_id_last4: null }));
+            } }, "Change"))))), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+}, [256, "business-core-info-form-step", {
+        "authToken": [1, "auth-token"],
+        "businessId": [1, "business-id"],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "country": [1],
+        "getBusiness": [32],
+        "patchBusiness": [32],
+        "formController": [32],
+        "errors": [32],
+        "coreInfo": [32],
+        "isLoading": [32],
+        "isEditingTaxId": [32],
+        "validateAndSubmit": [64]
+    }, undefined, {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["business-core-info-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "business-core-info-form-step":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessCoreInfoFormStep);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BusinessCoreInfoFormStep as B, defineCustomElement as d };

package/dist/module/{justifi-owner-form.d.ts → business-core-info.d.ts}

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

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

@@ -1,94 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as businessClassificationOptions } from './business-form-options.js';
-import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
-import { C as CoreBusinessInfo } from './Business.js';
-import { h as heading2, b as label, d as inputDisabled, Z as buttonSecondary } from './parts.js';
-import { c as countryLabels } from './country-config.js';
-import { d as defineCustomElement$6 } from './custom-popper2.js';
-import { d as defineCustomElement$5 } from './form-control-date2.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 './form-control-tooltip2.js';
+import { B as BusinessCoreInfo$1, d as defineCustomElement$1 } from './business-core-info2.js';
 
-const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errors = {};
-        this.coreInfo = {};
-        this.isEditingTaxId = false;
-        this.inputHandler = this.inputHandler.bind(this);
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => (this.coreInfo = Object.assign({}, new CoreBusinessInfo(values))));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    inputHandler(name, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-    }
-    render() {
-        var _a, _b;
-        const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'd60b250bd327a8f49ac2854ef90a50149952d91f' }, h("fieldset", { key: '99523dc8f944bbbd51fd1cd660fcd2908658a5b8' }, h("legend", { key: 'f709a73ed08970d75e83617d9d4927a33fc8bcc4', part: heading2 }, "General Info"), h("div", { key: '7519e5f5b18247f63010edb6b15994413a1349f1', class: "row gy-3" }, h("div", { key: 'd11c9b6bc5f91ed3c521eeee88ee866ec81cb363', class: "col-12" }, h("form-control-text", { key: '8d346946db7275e1f64c84019dc2e202be77f8f7', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '4bdfff98f5652dfd22c04a4340b1ac882bf3ce65', class: "col-12" }, h("form-control-text", { key: '97055ec207286cb931e04f301fb6a0abef8e1085', 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: 'aa43935a6d369a3f7c7fea36805fe2b15b908e06', class: "col-12 col-md-8" }, h("form-control-select", { key: 'fe958c7152cc3da4f33f666c4f57e692119fda18', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'c6c3233c998973732545d3f9623ee0e7f2606ead', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a87ac87813b6fe6c84cafbda1977c4ba93741342', 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: '5046bf2e0c9e2bbc6bbb6c8809b7147acab1ee1f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1771cd9caf5e29d4e03666e3cebed92dcdaa686a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '1a9beb47f729497275e15ad8d4910ad5b4c9951d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingTaxId = true;
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: '94b23160df7686b910628f02451c12a7752b72cd', class: "col-12" }, h("form-control-text", { key: '40faf5a4b4f9c8d21385ee078ed9f4aaa9f47583', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '36a7c80684f7fb5259f3e9385393a2787bbd1516', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a3bf801d4789e2b6328842b4bb1dfe8758f946b6', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '437eeff1d27957a77b7bf4c9e4aa2fc4fa436867', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0780f85cedacda3b8288ba54b5b40b86338ce877', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
-    }
-}, [256, "justifi-business-core-info", {
-        "formController": [16],
-        "country": [1],
-        "errors": [32],
-        "coreInfo": [32],
-        "isEditingTaxId": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-core-info", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-business-core-info":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessCoreInfo);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-number-masked":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const BusinessCoreInfo = BusinessCoreInfo$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { BusinessCoreInfo as B, defineCustomElement as d };
+export { BusinessCoreInfo, defineCustomElement };