@justifi/webcomponents 4.18.0 → 4.19.0

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

@@ -0,0 +1,152 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { R as Representative } from './Business.js';
+import { b as parseIdentityInfo } from './payload-parsers.js';
+import { F as FormController } from './form.js';
+import { i as identitySchema } from './business-identity-schema.js';
+import { d as defineCustomElement$8 } from './form-control-date2.js';
+import { d as defineCustomElement$7 } from './form-control-error-text2.js';
+import { d as defineCustomElement$6 } from './form-control-help-text2.js';
+import { d as defineCustomElement$5 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$1 } from './identity-address-form.js';
+
+const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessRepresentativeFormStepCore 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.representative = new Representative(response.data.representative || {});
+                    this.formController.setInitialValues(Object.assign({}, this.representative));
+                },
+                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.formController = undefined;
+        this.errors = {};
+        this.representative = {};
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get patchPayload() {
+        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        return JSON.stringify({ representative: formValues });
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new FormController(identitySchema('representative', this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        return (h("justifi-business-representative-form-inputs", { key: 'bfe9944ea9fc78fda577944f2c968ab9decf7f00', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+    }
+}, [0, "justifi-business-representative-form-step-core", {
+        "getBusiness": [16],
+        "patchBusiness": [16],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "formController": [32],
+        "errors": [32],
+        "representative": [32],
+        "validateAndSubmit": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-business-representative-form-step-core", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-business-representative-form-inputs", "justifi-identity-address-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-business-representative-form-step-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessRepresentativeFormStepCore);
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-business-representative-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-identity-address-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BusinessRepresentativeFormStepCore as B, defineCustomElement as d };

package/dist/module/business-representative-form-step.js

@@ -1,139 +1,81 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as FormController } from './index.esm.js';
-import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
-import { A as Api } from './Api.js';
-import { b as parseIdentityInfo } from './payload-parsers.js';
-import { i as identitySchema } from './business-identity-schema.js';
-import { c as config } from './config.js';
-import { B as BusinessFormStep } from './business-form-types.js';
-import { R as Representative } from './Business.js';
-import { d as deconstructDate } from './helpers.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$7 } from './form-control-date2.js';
-import { d as defineCustomElement$6 } from './form-control-error-text2.js';
-import { d as defineCustomElement$5 } from './form-control-help-text2.js';
-import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
+import { B as BusinessService } from './business.service.js';
+import { d as defineCustomElement$9 } from './form-control-date2.js';
+import { d as defineCustomElement$8 } from './form-control-error-text2.js';
+import { d as defineCustomElement$7 } from './form-control-help-text2.js';
+import { d as defineCustomElement$6 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$5 } from './form-control-select2.js';
+import { d as defineCustomElement$4 } from './form-control-text2.js';
+import { d as defineCustomElement$3 } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$2 } from './business-representative-form-step-core.js';
 import { d as defineCustomElement$1 } from './identity-address-form.js';
 
 const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessRepresentativeFormStep 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.representative = new Representative(response.data.representative || {});
-                this.formController.setInitialValues(Object.assign({}, this.representative));
-            }
-            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 = parseIdentityInfo(this.formController.values.getValue());
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify({ representative: 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.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.formController = undefined;
-        this.errors = {};
-        this.representative = {};
+        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.representative } });
+    propChanged() {
+        this.initializeApi();
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
-    ;
     componentWillLoad() {
-        this.formController = new FormController(identitySchema('representative', this.allowOptionalFields));
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
-        if (this.businessId && this.authToken) {
-            this.fetchData();
-        }
+        this.initializeApi();
     }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
-        this.formController.values.subscribe(values => (this.representative = Object.assign({}, values)));
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
     }
     render() {
-        const representativeDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'd2c9bc0dd40d85403688d4c0ff482d7b0c3c35ab', exportparts: 'label,input,input-invalid' }, h("form", { key: '99a6b23b13b893f760e322dfe2e6f603e86e718c' }, h("fieldset", { key: '7c3b1897a7fe0fa672fa2d8d1a35ba4c81e9c256' }, h("legend", { key: 'f0fe4c93f757167e631d6e21bda5b559556550ad' }, "Representative"), h("hr", { key: '1dd5db7898b510bcdae492460f2ce57d7871c282' }), h("div", { key: '33d1935e5b6cc441bd0193e35aaaedcecfc2bc95', class: 'row gy-3' }, h("div", { key: 'c872b5a20469e3609178106b019fe1d0aecb2a24', class: 'col-12 col-md-8' }, h("form-control-text", { key: '31f37067b3c46bb4f7120169878dae88c1d4e918', name: 'name', label: 'Full Name', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9bdc8c1756a693f48bf060ee66f6fcf44cabc025', class: 'col-12 col-md-4' }, h("form-control-text", { key: '1686ff4c8e7b2e2fb74cc104966bf56d2754f8a8', name: 'title', label: 'Title', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '789443ed50f9f0957e6bd8b4f6dea8d6ba7421a9', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'fcf1bd082368ee1adcc6b661ec75e3693fcc30dd', name: 'email', label: 'Email Address', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '163d3f6e3ea1d2b7833b7a232e4726e56fda6416', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '3eba7a3ab6a7e8631cb9f100bfd7e5e5566efecc', name: 'phone', label: 'Phone Number', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '42fc6d656c069f073b08e77398a266e367e771ad', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'f627ff9478974305c83a8947b6c7f60d46189104', name: 'dob_full', label: 'Birth Date', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'ffded118a7a2d1c5889c46ac879cdadc289f1c1e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: 'bf9cda57b1b7579a38d4f1f276c5cbc7b1723e2d', name: 'identification_number', label: 'SSN', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b033205960692dc7b3cea5ce59e12a13c58d5243', class: 'col-12' }, h("justifi-identity-address-form", { key: 'f243060451c630da18d175a93f55bb1fcabd0cec', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
+        return (h("justifi-business-representative-form-step-core", { key: '866d8cf33d53eff562dac1d36898b4c5695bf39b', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
 }, [0, "justifi-business-representative-form-step", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "formController": [32],
-        "errors": [32],
-        "representative": [32],
+        "getBusiness": [32],
+        "patchBusiness": [32],
         "validateAndSubmit": [64]
+    }, undefined, {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative-form-step", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative-form-step", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step-core", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
@@ -142,30 +84,40 @@ function defineCustomElement() {
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$9();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$6();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$5();
             }
             break;
         case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-business-representative-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/business-representative.js

@@ -36,7 +36,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '21aef5028007bfac782975b84f6a8e634e2f9d40', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'e2d1e4fba7e20b5ed3d72b9a0c39d3f157ffa767' }, h("legend", { key: 'd67f71ddcfc7a0a5877b020218c26e11c0971052' }, "Representative"), h("hr", { key: '4e638af72e155b7761a774ef3c8557f1baa4f0ec' }), h("div", { key: '4f0187d3f85ac985b55409adce4657ac4bfc1ad8', class: "row gy-3" }, h("div", { key: '126ab48d1457e0995c0e50d47a2fb0326b1e22a6', class: "col-12 col-md-8" }, h("form-control-text", { key: '47424dc1a820457a39feb52c9c3eac3096dadd84', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '61806cf6e9b957594e7553c48bbcc486aafe33ea', class: "col-12 col-md-4" }, h("form-control-text", { key: '68171b9d5abdcf2aab91a202c284d3e56bd5d0f2', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'bc68fe6035685fab636ab67da574a08d312ab5c9', class: "col-12 col-md-6" }, h("form-control-text", { key: '4b04b0afe8dfa9fa9ab60e37b50bae6e49d36eac', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'e5c2d68541587709ae067989a7f1e7f3ffaf1b5e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '47bef60ff18ac186727c7e331b8d4e6c9a8031bf', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'b8b06d9e33530be2d5166b658ddfd6f59f38e621', class: "col-12 col-md-4" }, h("form-control-date", { key: '61dee02ca9c35b307a48c873e357686d76598d20', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a2e7a921789726641aca8eabf68ff3099cd9e18b', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '28248a2447c934cc1d534ebc666f2e9fd61e681e', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '23650027826bee18f2b12562280fd30d7515e6b8', class: "col-12" }, h("justifi-identity-address-form", { key: '1f2a2d5e7bc58fbc3467cd94ded09804bd132d0f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: '857634ffd34ea218dce687fb0eaa95830a58bfb1', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'b3b073dc456e58c4fa67182ea3518581038419e3' }, h("legend", { key: '3c1997f718c340b5dd32e4cdbe9400d64eecf577' }, "Representative"), h("hr", { key: 'd51e5d797106af2050b884fc09802c497a180e1d' }), h("div", { key: '7e5631f8eb5c28f0a5c4193ece3039a3adc35d0a', class: "row gy-3" }, h("div", { key: '399a1f505781ed0b82fa85366ca66580e977f3e5', class: "col-12 col-md-8" }, h("form-control-text", { key: '0820b8e0b6178b997ba1938efc045ad334f061d3', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '2bb15a86304ce8755e1183835c0ed7c310a0e8b2', class: "col-12 col-md-4" }, h("form-control-text", { key: '2cc405cea169ec1bd5d72b110ce403101d029fff', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd2927f863bd374c38b8028a148568068144294d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '0fa24fa492e060978facf23aac2b151595bb129c', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8c9f75ebc3c5d87fafaff48e489ad5dc091fbca4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'f060196556cd11d9f68dab3aa7e87cba24e38afe', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '19f7bcd2a18ef1f8c937a90602bdd9f0ac8f91e5', class: "col-12 col-md-4" }, h("form-control-date", { key: '5392a1ce2cbb43a88c2d90981b56ef55ba4fdb31', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '36203f898451d610b34afabc4bac9e20f01e53f7', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '4d4b9e4dcc0f5829068d4916d7373f6506ee9e74', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '560e1dabe186e54a201ad02fb9054505ab5bb84c', class: "col-12" }, h("justifi-identity-address-form", { key: 'b47b48c19ca88248a9609c0e1858ba649f44c2da', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [0, "justifi-business-representative", {
         "formController": [16],

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

@@ -1,5 +1,5 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as create$3, d as create$7, F as FormController } from './index.esm.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as create$3, d as create$7, F as FormController } from './form.js';
 import { B as BusinessFormStep } from './business-form-types.js';
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
@@ -131,7 +131,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         });
     }
     render() {
-        return (h(Host, { key: '63c8c815109b63b868fedfa6c9142a787d43625c' }, h("form", { key: '364ec85e5a8399b3bb1233a09a588470f7d96542' }, h("fieldset", { key: '8f4206180a48cc665b50bdc47604871b8c46212a' }, h("legend", { key: 'c50cf85809bcf0c370fe3e3756bbdf97cbc35c9f' }, "Terms and Conditions"), h("hr", { key: '4ae031aaa9a56f26c8818c11cf3ff91e559c7399' }), h("justifi-business-terms-conditions-text", { key: '4c8f520d4fbb14e94bfd345e196e5a8602fec0e2' }), h("br", { key: 'd76eff074fb8b7195ce22128a19f3ad6ff5c6ac0' }), h("div", { key: '5663d9804ccb01af38bfbf056645ef4e11695366', class: "row-gy-3" }, h("div", { key: '8587e533aa31febd996e643c366eeee3d147bc9d', class: "col-12" }, h("form-control-checkbox", { key: 'd2ff86a1d92a040e119432487b1405d0a6ae2c55', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText })))))));
+        return (h("form", { key: '29b946b553d7a8011bee8f1997888f04b51897b3' }, h("fieldset", { key: 'c6e6c2577a66e58de8aabaac572cd7dab0a609b2' }, h("legend", { key: '4cf7e19049ee60807ffc5cbecbc8b87e9725590a' }, "Terms and Conditions"), h("hr", { key: 'b0d0bb46987a864a20a419eb0b2338fd57d07765' }), h("justifi-business-terms-conditions-text", { key: 'c936f2205bf123266d8eed2f12194eb2d8feb056' }), h("br", { key: 'e4f38ba5341c5fcf5938c3637905612e02bc7077' }), h("div", { key: '163401aaaee6e037d94182e5005625055bda66c5', class: "row-gy-3" }, h("div", { key: '3925d9b802f62e16cc41407170593b4b9a676bd9', class: "col-12" }, h("form-control-checkbox", { key: 'd86e00bfebe915d84a41486be34cec3555598d92', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],