@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

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

@@ -1,231 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { B as Button } from './button.js';
-import { h as heading2 } from './parts.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep, a as BusinessFormClickActions } from './event-types2.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-control-date2.js';
-import { d as defineCustomElement$9 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$8 } from './form-control-select2.js';
-import { d as defineCustomElement$7 } from './form-control-text2.js';
-import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$5 } from './form-address-fields.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(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.ownersPayload = [];
-        this.refs = [];
-        this.isLoading = false;
-        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.isLoading = 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.isLoading = false;
-                    this.manageRefs();
-                }
-            });
-        };
-        this.sendData = async (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.patchBusiness({
-                payload: { 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.stepCompleteEvent.emit({ response: submittedData, formStep: 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);
-        };
-    }
-    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() {
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("div", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Owners"), h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), h("hr", { class: "mt-2" }), h("div", { 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, country: this.country, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
-        })), h("div", { class: 'd-flex justify-content-start' }, h("div", { class: 'gap-2' }, h(Button, { variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
-    }
-    static get watchers() { return {
-        "ownersPayload": ["ownersWatcher"]
-    }; }
-}, [256, "justifi-business-owners-form-step-core", {
-        "authToken": [1, "auth-token"],
-        "businessId": [1, "business-id"],
-        "getBusiness": [16],
-        "patchBusiness": [16],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "ownersPayload": [32],
-        "refs": [32],
-        "newFormOpen": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }, [[0, "ownerSubmitted", "handleOwnerSubmit"]], {
-        "ownersPayload": ["ownersWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-owners-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "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 "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-number-masked":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "justifi-form-address-fields":
-            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-representative-form-step-core.js

@@ -1,171 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { R as Representative } from './Business.js';
-import { F as FormController } from './form.js';
-import { i as identitySchemaByCountry } from './business-identity-schema.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$9 } from './custom-popper2.js';
-import { d as defineCustomElement$8 } from './form-control-date2.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 './form-control-tooltip2.js';
-import { d as defineCustomElement$3 } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$2 } from './form-address-fields.js';
-import { d as defineCustomElement$1 } from './identity-address-form.js';
-
-const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessRepresentativeFormStepCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.representative = {};
-        this.isLoading = false;
-        this.getData = () => {
-            if (!this.getBusiness)
-                return;
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.representative = new Representative(response.data.representative || {});
-                    this.representative.address.country = this.country;
-                    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.isLoading = 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.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.representative });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    get patchPayload() {
-        let formValues = new Representative(this.formController.values.getValue()).payload;
-        return { representative: formValues };
-    }
-    componentWillLoad() {
-        const schemaFactory = identitySchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory('representative', this.allowOptionalFields));
-        this.getData();
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    render() {
-        if (this.isLoading) {
-            return (h(PaymentProvisioningLoading, null));
-        }
-        return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
-    }
-}, [256, "justifi-business-representative-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "formController": [32],
-        "errors": [32],
-        "representative": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-representative-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-form-address-fields", "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 "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-date":
-            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 "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-business-representative-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-form-address-fields":
-            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 };