@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step-core.js

@@ -1,380 +0,0 @@
-import { h } from "@stencil/core";
-import { Button } from "../../../../ui-components";
-import { heading2 } from "../../../../styles/parts";
-import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
-import { BusinessFormClickActions, BusinessFormStep } from "../../utils/event-types";
-export class BusinessOwnersFormStepCore {
-    constructor() {
-        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 is() { return "justifi-business-owners-form-step-core"; }
-    static get properties() {
-        return {
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auth-token"
-            },
-            "businessId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "business-id"
-            },
-            "getBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "patchBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "allowOptionalFields": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "ownersPayload": {},
-            "refs": {},
-            "newFormOpen": {},
-            "isLoading": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "clickEvent",
-                "name": "click-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentClickEvent",
-                    "resolved": "ComponentClickEvent",
-                    "references": {
-                        "ComponentClickEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "stepCompleteEvent",
-                "name": "complete-form-step-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentFormStepCompleteEvent",
-                    "resolved": "ComponentFormStepCompleteEvent",
-                    "references": {
-                        "ComponentFormStepCompleteEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "formLoading",
-                "name": "formLoading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "validateAndSubmit": {
-                "complexType": {
-                    "signature": "({ onSuccess }: { onSuccess: any; }) => Promise<void>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ onSuccess: any; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "ownersPayload",
-                "methodName": "ownersWatcher"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "ownerSubmitted",
-                "method": "handleOwnerSubmit",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.js

@@ -1,270 +0,0 @@
-import { h } from "@stencil/core";
-import { Representative } from "../../../../api/Identity";
-import { FormController } from "../../../../ui-components/form/form";
-import { identitySchemaByCountry } from "../../schemas/business-identity-schema";
-import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
-import { BusinessFormStep } from "../../utils";
-export class BusinessRepresentativeFormStepCore {
-    constructor() {
-        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 }));
-    }
-    static get is() { return "justifi-business-representative-form-step-core"; }
-    static get properties() {
-        return {
-            "getBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "patchBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "allowOptionalFields": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "formController": {},
-            "errors": {},
-            "representative": {},
-            "isLoading": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "stepCompleteEvent",
-                "name": "complete-form-step-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentFormStepCompleteEvent",
-                    "resolved": "ComponentFormStepCompleteEvent",
-                    "references": {
-                        "ComponentFormStepCompleteEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "formLoading",
-                "name": "formLoading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "validateAndSubmit": {
-                "complexType": {
-                    "signature": "({ onSuccess }: { onSuccess: any; }) => Promise<void>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ onSuccess: any; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}
-;