@justifi/webcomponents 4.18.0 → 4.19.0

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

@@ -0,0 +1,216 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { B as BusinessFormStep, b as BusinessFormClickActions } from './business-form-types.js';
+import { B as Button } from './button.js';
+import { d as defineCustomElement$a } from './form-control-date2.js';
+import { d as defineCustomElement$9 } from './form-control-error-text2.js';
+import { d as defineCustomElement$8 } from './form-control-help-text2.js';
+import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$6 } from './form-control-select2.js';
+import { d as defineCustomElement$5 } from './form-control-text2.js';
+import { d as defineCustomElement$4 } from './identity-address-form.js';
+import { d as defineCustomElement$3 } from './owner-form.js';
+import { d as defineCustomElement$2 } from './owner-form-core2.js';
+import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
+
+const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwnersFormStepCore extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.submitted = createEvent(this, "submitted", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.matchRef = (ref, ownerId) => {
+            const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
+            if (ownerIndex !== -1) {
+                this.refs[ownerIndex] = ref;
+            }
+        };
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.getBusiness({
+                onSuccess: (response) => {
+                    if (response.data.owners.length) {
+                        this.ownersPayload = response.data.owners.map(owner => ({ id: owner.id }));
+                    }
+                    else {
+                        this.addOwnerForm();
+                    }
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.formLoading.emit(false);
+                    this.manageRefs();
+                }
+            });
+        };
+        this.sendData = async (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: JSON.stringify({ owners: this.ownersPayload }),
+                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, metadata: { completedStep: BusinessFormStep.owners } });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.addOwnerForm = (fireClick) => {
+            this.newFormOpen = true;
+            this.ownersPayload = [...this.ownersPayload, { id: '' }];
+            fireClick && this.clickEvent.emit({ name: BusinessFormClickActions.addOwnerForm });
+        };
+        this.removeOwnerForm = (id) => {
+            this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== id);
+            this.newFormOpen && (this.newFormOpen = false);
+        };
+        this.ownersPayload = [];
+        this.refs = [];
+        this.newFormOpen = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    get showAddOwnerButton() {
+        return this.ownersPayload.length < 4 && !this.newFormOpen;
+    }
+    manageRefs() {
+        this.refs = this.ownersPayload.map((owner) => { return owner.id; });
+    }
+    async validateAndSubmit({ onSuccess }) {
+        const formValidations = this.refs.map(ref => ref.validate());
+        const formsValid = (await Promise.all(formValidations)).every(result => result);
+        if (!formsValid) {
+            return;
+        }
+        const formSubmissions = this.refs.map(ref => ref.submit());
+        const submissionsValid = (await Promise.all(formSubmissions)).every(result => result);
+        if (!submissionsValid) {
+            return;
+        }
+        this.sendData(onSuccess);
+    }
+    ;
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+    }
+    ownersWatcher() {
+        this.manageRefs();
+    }
+    handleOwnerSubmit(event) {
+        const submittedOwner = event.detail;
+        const updatedOwners = this.ownersPayload.map(owner => owner.id === submittedOwner.id ? submittedOwner : owner);
+        if (!updatedOwners.includes(submittedOwner)) {
+            const newOwnerIndex = this.ownersPayload.findIndex(owner => !owner.id);
+            updatedOwners[newOwnerIndex] = submittedOwner;
+            this.newFormOpen && (this.newFormOpen = false);
+        }
+        this.ownersPayload = updatedOwners;
+    }
+    render() {
+        return (h("div", { key: '5958d46ae5bc3abb7a82f5c67c597be46898284e' }, h("legend", { key: 'e10085a37e93b96901187e0a926127167ca6dbc5' }, "Owners"), h("hr", { key: 'eb7f84185271c80b87397e49f2ee5c6e20faad99' }), h("div", { key: '0f791f3d3f6c7f6aa363004d0618bd90e16f185b', class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+            return (h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
+        })), h("div", { key: 'd1f6414e9213d9600eaea7e9c1e033d250f8e49a', class: 'd-flex justify-content-start' }, h("div", { key: 'fd96248f6dddfa0d973744d11e3f1f121353e398', class: 'gap-2' }, h(Button, { key: '514e549632c8f11b4b51c061949b026734ae0113', variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
+    }
+    static get watchers() { return {
+        "ownersPayload": ["ownersWatcher"]
+    }; }
+}, [0, "justifi-business-owners-form-step-core", {
+        "authToken": [1, "auth-token"],
+        "businessId": [1, "business-id"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "ownersPayload": [32],
+        "refs": [32],
+        "newFormOpen": [32],
+        "validateAndSubmit": [64]
+    }, [[0, "ownerSubmitted", "handleOwnerSubmit"]], {
+        "ownersPayload": ["ownersWatcher"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-business-owners-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-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-business-owners-form-step-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessOwnersFormStepCore);
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-identity-address-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-owner-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "owner-form-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "owner-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BusinessOwnersFormStepCore as B, defineCustomElement as d };

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

@@ -1,185 +1,83 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { A as Api } from './Api.js';
-import './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { c as config } from './config.js';
-import { O as Owner } from './Business.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { O as OwnerFormClickActions, B as BusinessFormStep } from './business-form-types.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 './identity-address-form.js';
-import { d as defineCustomElement$1 } from './owner-form.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$b } from './form-control-date2.js';
+import { d as defineCustomElement$a } from './form-control-error-text2.js';
+import { d as defineCustomElement$9 } from './form-control-help-text2.js';
+import { d as defineCustomElement$8 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$7 } from './form-control-select2.js';
+import { d as defineCustomElement$6 } from './form-control-text2.js';
+import { d as defineCustomElement$5 } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$4 } from './identity-address-form.js';
+import { d as defineCustomElement$3 } from './owner-form.js';
+import { d as defineCustomElement$2 } from './owner-form-core2.js';
+import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
 
 const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOwnersFormStep extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.submitted = createEvent(this, "submitted", 7);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.managePayload = async () => {
-            const payload = this.owners.filter((owner) => owner.id).map((owner) => {
-                return { id: owner.id };
-            });
-            return payload;
-        };
-        this.matchRef = (ref, ownerId) => {
-            const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
-            if (ownerIndex !== -1) {
-                this.refs[ownerIndex] = ref;
-            }
-        };
-        this.fetchData = async () => {
-            this.formLoading.emit(true);
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                if (response.data.owners.length) {
-                    this.owners = response.data.owners.map(owner => owner);
-                }
-                else {
-                    this.addOwnerForm();
-                }
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.FETCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-                this.manageRefs();
-            }
-        };
-        this.sendData = async (onSuccess) => {
-            this.formLoading.emit(true);
-            try {
-                const payload = await this.managePayload();
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify({ owners: 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.addOwnerForm = (fireClick) => {
-            this.newFormOpen = true;
-            const newOwner = Object.assign({}, new Owner({}));
-            this.owners = [...this.owners, newOwner];
-            fireClick && this.clickEvent.emit({ name: OwnerFormClickActions.addOwnerForm });
-        };
-        this.removeOwnerForm = (id) => {
-            this.owners = this.owners.filter(owner => owner.id !== id);
-            this.newFormOpen ? this.newFormOpen = false : null;
-        };
-        this.handleOwnerSubmit = (event) => {
-            const ownerData = event.detail.data.data;
-            const currentIndex = this.owners.findIndex(owner => owner.id === ownerData.id);
-            if (currentIndex !== -1) {
-                this.owners[currentIndex] = ownerData;
-            }
-            else {
-                const newOwnerIndex = this.owners.findIndex(owner => !owner.id);
-                this.owners[newOwnerIndex] = ownerData;
-                this.newFormOpen ? this.newFormOpen = false : null;
-            }
-        };
-        this.owners = [];
-        this.newFormOpen = undefined;
-        this.refs = [];
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
     }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
+    propChanged() {
+        this.initializeApi();
     }
-    get showAddOwnerButton() {
-        return this.owners.length < 4 && !this.newFormOpen;
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
-    manageRefs() {
-        const ownerRefs = this.owners.map((owner) => owner.id);
-        this.refs = ownerRefs;
+    componentWillLoad() {
+        this.initializeApi();
     }
-    handleResponse(response, onSuccess) {
-        if (response.error) {
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.PATCH_ERROR,
-                message: response.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-                data: response.error,
+    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 {
-            onSuccess();
-        }
-        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.owners } });
-    }
-    async validateAndSubmit({ onSuccess }) {
-        const formValidations = this.refs.map(ref => ref.validate());
-        const formsValid = (await Promise.all(formValidations)).every(result => result);
-        if (!formsValid) {
-            return;
-        }
-        const formSubmissions = this.refs.map(ref => ref.submit());
-        const submissionsValid = (await Promise.all(formSubmissions)).every(result => result);
-        if (!submissionsValid) {
-            return;
-        }
-        await this.sendData(onSuccess);
-    }
-    ;
-    componentWillLoad() {
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
-        if (this.businessId && this.authToken) {
-            this.fetchData();
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
         }
     }
-    onOwnersUpdated() {
-        this.manageRefs();
-    }
     render() {
-        return (h(Host, { key: 'c47bc68f4ee75973c394d84bcf791ae4bf32aeb2', exportparts: "label,input,input-invalid" }, h("legend", { key: 'c08c53d29e9aab0f80748b98c54c18607b1a5c8b' }, "Owners"), h("hr", { key: '6d9ff85001290730c437a9a1b3fa6ebb1035d86e' }), h("div", { key: 'bb693079ee194368763d082d681e8563562be343', class: 'row gy-3' }, this.owners.map((owner) => {
-            return (h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.owners.length, onSubmitted: (e) => this.handleOwnerSubmit(e), onFormLoading: (e) => this.formLoading.emit(e.detail), allowOptionalFields: this.allowOptionalFields, ref: (ref) => { this.matchRef(ref, owner.id); } }));
-        })), this.showAddOwnerButton &&
-            h("div", { key: '3d3293f26ca3f9214d34ceee9f31974d127088b3', class: 'col-12' }, h("button", { key: '4dbcbf90018343c8c8b13e32cfc9121b2087c40d', class: 'btn btn-primary', onClick: () => this.addOwnerForm(true) }, "Add Owner"))));
+        return (h(Host, { key: '213a68fd3543eb912c6fed376128ba877ba75871' }, h("justifi-business-owners-form-step-core", { key: '5acee797bd35f5b60cadc5ddd50f560532dfe8b1', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
-        "owners": ["onOwnersUpdated"]
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
     }; }
 }, [0, "justifi-business-owners-form-step", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "owners": [32],
-        "newFormOpen": [32],
-        "refs": [32],
+        "getBusiness": [32],
+        "patchBusiness": [32],
         "validateAndSubmit": [64]
     }, undefined, {
-        "owners": ["onOwnersUpdated"]
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-owners-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", "justifi-owner-form"];
+    const components = ["justifi-business-owners-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-owners-form-step-core", "justifi-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
@@ -188,40 +86,55 @@ function defineCustomElement() {
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$b();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$a();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$9();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$8();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$7();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-business-owners-form-step-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
             }
             break;
         case "justifi-identity-address-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$4();
             }
             break;
         case "justifi-owner-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "owner-form-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "owner-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -0,0 +1,85 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers.js';
+import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
+import { d as defineCustomElement$7 } from './form-control-date2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-help-text2.js';
+import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './identity-address-form.js';
+
+const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class RepresentativeFormInputs extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.representativeDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', name: 'name', label: 'Full Name', defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', name: 'email', label: 'Email Address', defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', name: 'phone', label: 'Phone Number', defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', name: 'dob_full', label: 'Birth Date', defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', name: 'identification_number', label: 'SSN', defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+    }
+}, [0, "justifi-business-representative-form-inputs", {
+        "representativeDefaultValue": [8, "representative-default-value"],
+        "errors": [8],
+        "formController": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-business-representative-form-inputs", "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"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-business-representative-form-inputs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RepresentativeFormInputs);
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-help-text":
+            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 "justifi-identity-address-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { RepresentativeFormInputs as R, defineCustomElement as d };