@justifi/webcomponents 6.10.4 → 6.12.0

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

@@ -0,0 +1,94 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as businessClassificationOptions } from './business-form-options.js';
+import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
+import { C as CoreBusinessInfo } from './Business.js';
+import { h as heading2, l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { c as countryLabels } from './country-config.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-date2.js';
+import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.errors = {};
+        this.coreInfo = {};
+        this.isEditingTaxId = false;
+        this.inputHandler = this.inputHandler.bind(this);
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => (this.coreInfo = Object.assign({}, new CoreBusinessInfo(values))));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    inputHandler(name, value) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+    }
+    render() {
+        var _a, _b;
+        const coreInfoDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { key: 'def39bb2d2fe2a47f064996ce20bc60fd490dc25' }, h("fieldset", { key: '64bd49c1a6be4193ffb7aae9e97c4b3e9a15f359' }, h("legend", { key: 'b11b4b1ff667d0367078c8af716ed99bb937809c', part: heading2 }, "General Info"), h("div", { key: '0da76a2b84b20da143a3071caef531c41cd81a3f', class: "row gy-3" }, h("div", { key: 'be1fa57c9efc822fe1c88360414dfab08ecdc60e', class: "col-12" }, h("form-control-text", { key: '5b044ec875cac8d7576c7b060bc262e513a6d2b1', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '00322e05fad4bdf71780e573adf5b7d1d0d85b25', class: "col-12" }, h("form-control-text", { key: '36608a32b2a9ec194785c7f32b92b40f136af6b2', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '90ccab857bb042c9d6eba0a9dcbcf72996a7da69', class: "col-12 col-md-8" }, h("form-control-select", { key: '3cf4ea374ae74005214684b20de6e3cd62337134', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'b4c0330b07221e9ff399cd360d81c0b0c6b8adad', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ae27cf1fc8f20b134e754f2612e945e0bcf85737', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '5f6c82d761dd44631fae1e61f9d73e9db84535dc', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ba6006564085b2634d6b438b72eca1bd2a344556', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '1bbd58d1cbfaf676a5a9d4f188d676c38d10303c', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+                this.isEditingTaxId = true;
+                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
+            } }, "Change"))))), h("div", { key: 'c2759307684d50d8a7176b2c5c774f5f99016843', class: "col-12" }, h("form-control-text", { key: '96d3027c8db2dcd655c611201353948805fa3223', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '8918f247bf9cb2bfe6cd24d421be2ffd83bb08e8', class: "col-12 col-md-6" }, h("form-control-text", { key: 'da695eb10f15ff7ed08a5865a751cc467cfbe3a2', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0e6b9149f4fca4d55b12d96d3cd9b928beb34bd3', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd127281e989bb4d9140109b3bc46f1fad80feba4', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+    }
+}, [256, "business-core-info", {
+        "formController": [16],
+        "country": [1],
+        "errors": [32],
+        "coreInfo": [32],
+        "isEditingTaxId": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["business-core-info", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "business-core-info":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessCoreInfo);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BusinessCoreInfo as B, defineCustomElement as d };

package/dist/module/business-details-core2.js

@@ -1,7 +1,7 @@
 import { h, Fragment, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$4 } from './details.js';
+import { d as defineCustomElement$4 } from './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';

package/dist/module/business-documents-on-file2.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as snakeCaseToHumanReadable, a as formatDate, b as formatTime } from './utils2.js';
-import { u as card, h as heading2, v as table, w as tableHeadCell, x as tableCell } from './parts.js';
+import { s as snakeCaseToHumanReadable, f as formatDate, a as formatTime } from './utils2.js';
+import { z as card, h as heading2, A as table, B as tableHeadCell, C as tableCell } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 

package/dist/module/business-form-options.js

@@ -87,4 +87,4 @@ const bankAccountTypeOptions = [
     }
 ];
 
-export { businessServiceReceivedOptions as a, bankAccountTypeOptions as b, businessClassificationOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };
+export { bankAccountTypeOptions as a, businessServiceReceivedOptions as b, businessClassificationOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };

package/dist/module/business-identity-schema.js

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './form.js';
-import { a as addressSchemaUSA, b as addressSchemaCAN } from './business-address-schema.js';
-import { q as ownershipPercentageValidation, u as ssnValidation, v as dobValidation, h as phoneValidation, j as emailValidation, x as identityTitleValidation, i as identityNameValidation, y as makeIdentityNumberValidation } from './schema-validations.js';
+import { a as addressSchemaCAN, b as addressSchemaUSA } from './business-address-schema.js';
+import { q as ownershipPercentageValidation, u as makeIdentityNumberValidation, v as dobValidation, h as phoneValidation, j as emailValidation, x as identityTitleValidation, i as identityNameValidation, y as ssnValidation } from './schema-validations.js';
 import { a as CountryCode } from './Business.js';
 
 // Internal USA schemas

package/dist/module/business-owners-form-step.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BusinessOwnersFormStep extends Components.BusinessOwnersFormStep, HTMLElement {}
+export const BusinessOwnersFormStep: {
+    prototype: BusinessOwnersFormStep;
+    new (): BusinessOwnersFormStep;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -1,304 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
-import { B as BusinessService } from './business.service.js';
-import { B as Button } from './button.js';
-import { h as heading2, _ as alert } 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 { R as Representative } from './Business.js';
-import { d as defineCustomElement$c } from './custom-popper2.js';
-import { d as defineCustomElement$b } from './form-control-date2.js';
-import { d as defineCustomElement$a } from './form-control-number2.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';
+import { B as BusinessOwnersFormStep$1, d as defineCustomElement$1 } from './business-owners-form-step2.js';
 
-const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOwnersFormStep 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.representativeIsOwner = null;
-        this.matchRef = (ref, ownerId) => {
-            if (ref === null)
-                return;
-            const ownerIndex = this.ownersPayload.findIndex(owner => owner.id === ownerId);
-            if (ownerIndex !== -1) {
-                // Ensure refs array is properly sized before setting ref
-                if (this.refs.length !== this.ownersPayload.length) {
-                    this.manageRefs();
-                }
-                this.refs[ownerIndex] = ref;
-            }
-        };
-        this.getData = () => {
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.representative = new Representative(response.data.representative || {});
-                    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);
-        };
-        this.handleRepresentativeIsOwnerChange = (value) => {
-            this.representativeIsOwner = value;
-            if (this.representativeIsOwner) {
-                this.formLoading.emit(true);
-                this.isLoading = true;
-                this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
-                this.patchBusiness({
-                    payload: {
-                        owners: [{ id: this.representative.id }, ...this.ownersPayload],
-                    },
-                    onSuccess: () => {
-                        this.getData();
-                        this.newFormOpen = false;
-                    },
-                    finally: () => {
-                        this.isLoading = false;
-                        this.formLoading.emit(false);
-                    }
-                });
-            }
-        };
-    }
-    propChanged() {
-        this.initializeApi();
-    }
-    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.initializeApi();
-        if (this.getBusiness) {
-            this.getData();
-        }
-    }
-    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,
-            });
-        }
-    }
-    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(Host, null, h(PaymentProvisioningLoading, null)));
-        }
-        const isRepresentativeOwner = this.ownersPayload.some(owner => owner.id === this.representative.id);
-        const shouldShowRepresentativeIsOwner = this.representativeIsOwner === null && !isRepresentativeOwner;
-        return (h(Host, null, 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" }), shouldShowRepresentativeIsOwner && (h("div", { class: `alert alert-warning mb-3`, part: alert }, h("div", { class: "card-body" }, h("div", { class: "d-flex align-items-center mb-3" }, h("strong", null, "Is the representative of this business also an owner?")), h("div", { class: "d-flex gap-2" }, h(Button, { variant: 'primary', onClick: () => this.handleRepresentativeIsOwnerChange(true) }, "Yes"), h(Button, { variant: 'secondary', onClick: () => this.handleRepresentativeIsOwnerChange(false) }, "No"))))), 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 {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"],
-        "ownersPayload": ["ownersWatcher"]
-    }; }
-}, [256, "justifi-business-owners-form-step", {
-        "authToken": [1, "auth-token"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "getBusiness": [32],
-        "patchBusiness": [32],
-        "ownersPayload": [32],
-        "refs": [32],
-        "newFormOpen": [32],
-        "isLoading": [32],
-        "representativeIsOwner": [32],
-        "representative": [32],
-        "validateAndSubmit": [64]
-    }, [[0, "ownerSubmitted", "handleOwnerSubmit"]], {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"],
-        "ownersPayload": ["ownersWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-owners-form-step", "custom-popper", "form-control-date", "form-control-number", "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":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessOwnersFormStep);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-number":
-            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();
+const BusinessOwnersFormStep = BusinessOwnersFormStep$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { BusinessOwnersFormStep as B, defineCustomElement as d };
+export { BusinessOwnersFormStep, defineCustomElement };