@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/module/legal-address-form-step.js

@@ -1,191 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } 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 { c as addressSchemaByCountry } from './business-address-schema.js';
-import { F as FormController } from './form.js';
-import { c as Address } from './Business.js';
-import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.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 './form-control-tooltip2.js';
-import { d as defineCustomElement$1 } from './form-address-fields.js';
+import { L as LegalAddressFormStep$1, d as defineCustomElement$1 } from './legal-address-form-step2.js';
 
-const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddressFormStep extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.legal_address = {};
-        this.isLoading = false;
-        this.getData = () => {
-            if (!this.getBusiness)
-                return;
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    const business = response.data || {};
-                    const address = new Address(business.legal_address || {});
-                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
-                    this.formController.setInitialValues(Object.assign({}, this.legal_address));
-                },
-                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.legalAddress });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    propChanged() {
-        this.initializeApi();
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    get patchPayload() {
-        let formValues = new Address(this.formController.values.getValue()).payload;
-        return { legal_address: formValues };
-    }
-    componentWillLoad() {
-        this.initializeApi();
-        const schemaFactory = addressSchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
-        this.getData();
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    initializeApi() {
-        if (this.authToken && this.businessId) {
-            this.getBusiness = makeGetBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-            this.patchBusiness = makePatchBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'Missing required props',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        var _a;
-        const legalAddressDefaultValue = (_a = this.formController) === null || _a === void 0 ? void 0 : _a.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
-    }
-    static get watchers() { return {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"]
-    }; }
-}, [256, "justifi-legal-address-form-step", {
-        "authToken": [1, "auth-token"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "getBusiness": [32],
-        "patchBusiness": [32],
-        "formController": [32],
-        "errors": [32],
-        "legal_address": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-legal-address-form-step", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-legal-address-form-step":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LegalAddressFormStep);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const LegalAddressFormStep = LegalAddressFormStep$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { LegalAddressFormStep as L, defineCustomElement as d };
+export { LegalAddressFormStep, defineCustomElement };

package/dist/module/legal-address-form-step2.js

@@ -0,0 +1,191 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { C as ComponentErrorSeverity, a 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 { c as addressSchemaByCountry } from './business-address-schema.js';
+import { F as FormController } from './form.js';
+import { c as Address } from './Business.js';
+import { h as heading2 } from './parts.js';
+import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
+import { B as BusinessFormStep } from './event-types2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-address-fields2.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 LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddressFormStep extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.legal_address = {};
+        this.isLoading = false;
+        this.getData = () => {
+            if (!this.getBusiness)
+                return;
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    const business = response.data || {};
+                    const address = new Address(business.legal_address || {});
+                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
+                    this.formController.setInitialValues(Object.assign({}, this.legal_address));
+                },
+                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.legalAddress });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get patchPayload() {
+        let formValues = new Address(this.formController.values.getValue()).payload;
+        return { legal_address: formValues };
+    }
+    componentWillLoad() {
+        this.initializeApi();
+        const schemaFactory = addressSchemaByCountry[this.country];
+        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
+        this.getData();
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        var _a;
+        const legalAddressDefaultValue = (_a = this.formController) === null || _a === void 0 ? void 0 : _a.getInitialValues();
+        if (this.isLoading) {
+            return h(PaymentProvisioningLoading, null);
+        }
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+}, [256, "legal-address-form-step", {
+        "authToken": [1, "auth-token"],
+        "businessId": [1, "business-id"],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "country": [1],
+        "getBusiness": [32],
+        "patchBusiness": [32],
+        "formController": [32],
+        "errors": [32],
+        "legal_address": [32],
+        "isLoading": [32],
+        "validateAndSubmit": [64]
+    }, undefined, {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["legal-address-form-step", "custom-popper", "form-address-fields", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "legal-address-form-step":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LegalAddressFormStep);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-address-fields":
+            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 { LegalAddressFormStep as L, defineCustomElement as d };

package/dist/module/legal-address-form.d.ts

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

package/dist/module/legal-address-form.js

@@ -1,76 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { h as heading2 } from './parts.js';
-import { d as defineCustomElement$5 } from './custom-popper2.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 './form-control-tooltip2.js';
-import { d as defineCustomElement$1 } from './form-address-fields.js';
+import { L as LegalAddressForm$1, d as defineCustomElement$1 } from './legal-address-form2.js';
 
-const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errors = {};
-        this.inputHandler = this.inputHandler.bind(this);
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
-        this.formController.values.subscribe(values => (this.legal_address = Object.assign({}, values.legal_address)));
-    }
-    inputHandler(name, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { legal_address: Object.assign(Object.assign({}, this.formController.values.getValue().legal_address), { [name]: value }) }));
-    }
-    render() {
-        var _a;
-        const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
-    }
-}, [256, "justifi-legal-address-form", {
-        "formController": [16],
-        "country": [1],
-        "errors": [32],
-        "legal_address": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-legal-address-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-legal-address-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LegalAddressForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const LegalAddressForm = LegalAddressForm$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { LegalAddressForm as L, defineCustomElement as d };
+export { LegalAddressForm, defineCustomElement };

package/dist/module/legal-address-form2.js

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { h as heading2 } from './parts.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-address-fields2.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 LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.errors = {};
+        this.inputHandler = this.inputHandler.bind(this);
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+        this.formController.values.subscribe(values => (this.legal_address = Object.assign({}, values.legal_address)));
+    }
+    inputHandler(name, value) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { legal_address: Object.assign(Object.assign({}, this.formController.values.getValue().legal_address), { [name]: value }) }));
+    }
+    render() {
+        var _a;
+        const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
+        return (h(Host, { key: '56c938599697c9e40658de6fd52699ccfd306232' }, h("fieldset", { key: '7e77d120698e29ce040cce256e37745f53fac795' }, h("legend", { key: 'e4a4e23744eb5679d0797bb83970067709a0010d', part: heading2 }, "Business Legal Address"), h("form-address-fields", { key: '0703605fd1e5143547865bc19d1b0cdbe34a41bc', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+    }
+}, [256, "legal-address-form", {
+        "formController": [16],
+        "country": [1],
+        "errors": [32],
+        "legal_address": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["legal-address-form", "custom-popper", "form-address-fields", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "legal-address-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LegalAddressForm);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-address-fields":
+            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 { LegalAddressForm as L, defineCustomElement as d };

package/dist/module/owner-details2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-import { f as formatMediumDate } from './utils2.js';
+import { b as formatMediumDate } from './utils2.js';
 
 const OwnerDetails = /*@__PURE__*/ proxyCustomElement(class OwnerDetails extends HTMLElement {
     constructor(registerHost) {

package/dist/module/owner-form-core.js

@@ -1,6 +1,6 @@
-import { B as BusinessOwnerFormCore, d as defineCustomElement$1 } from './owner-form-core2.js';
+import { O as OwnerFormCore$1, d as defineCustomElement$1 } from './owner-form-core2.js';
 
-const OwnerFormCore = BusinessOwnerFormCore;
+const OwnerFormCore = OwnerFormCore$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { OwnerFormCore, defineCustomElement };