@justifi/webcomponents 4.9.1 → 4.10.0

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js

@@ -0,0 +1,233 @@
+import { Host, h } from "@stencil/core";
+import { FormController } from "../../../form/form";
+import Api from "../../../../api/Api";
+import { Address } from "../../../../api/Business";
+import { parseAddressInfo } from "../../utils/payload-parsers";
+import { legalAddressSchema } from "../../schemas/business-address-schema";
+import { config } from "../../../../../config";
+import { BusinessFormServerErrors } from "../../utils/business-form-types";
+import StateOptions from "../../../../utils/state-options";
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export class LegalAddressFormStep {
+    constructor() {
+        this.fetchData = async () => {
+            this.formLoading.emit(true);
+            try {
+                const response = await this.api.get(this.businessEndpoint);
+                this.legal_address = new Address(response.data.legal_address || {});
+                this.formController.setInitialValues(Object.assign({}, this.legal_address));
+            }
+            catch (error) {
+                this.serverError.emit({ data: error, message: BusinessFormServerErrors.fetchData });
+            }
+            finally {
+                this.formLoading.emit(false);
+            }
+        };
+        this.sendData = async (onSuccess) => {
+            this.formLoading.emit(true);
+            try {
+                const payload = parseAddressInfo(this.formController.values.getValue());
+                const response = await this.api.patch(this.businessEndpoint, JSON.stringify({ legal_address: payload }));
+                this.handleResponse(response, onSuccess);
+            }
+            catch (error) {
+                this.serverError.emit({ data: error, message: BusinessFormServerErrors.patchData });
+            }
+            finally {
+                this.formLoading.emit(false);
+            }
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.formController = undefined;
+        this.errors = {};
+        this.legal_address = {};
+    }
+    get businessEndpoint() {
+        return `entities/business/${this.businessId}`;
+    }
+    handleResponse(response, onSuccess) {
+        if (response.error) {
+            this.serverError.emit({ data: response.error, message: BusinessFormServerErrors.patchData });
+        }
+        else {
+            onSuccess();
+        }
+        this.submitted.emit({ data: response, metadata: { completedStep: 'legalAddress' } });
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    componentWillLoad() {
+        const missingAuthTokenMessage = 'Warning: Missing auth-token. The form will not be functional without it.';
+        const missingBusinessIdMessage = 'Warning: Missing business-id. The form requires an existing business-id to function.';
+        if (!this.authToken)
+            console.error(missingAuthTokenMessage);
+        if (!this.businessId)
+            console.error(missingBusinessIdMessage);
+        this.formController = new FormController(legalAddressSchema);
+        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.fetchData();
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.legal_address = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const legalAddressDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Business Legal Address"), h("hr", null), h("div", { class: "row gx-2 gy-2" }, h("div", { class: "col-12" }, h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, error: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Address Line 2", inputHandler: (name, value) => this.inputHandler(name, value), defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2 })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.city })), h("div", { class: "col-12" }, h("form-control-select", { name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, error: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.state })), h("div", { class: "col-12" }, h("form-control-number", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.postal_code })), h("div", { class: "col-12" }, h("form-control-select", { name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, error: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.country,
+            // just for now so we skip handling country specificities
+            disabled: true })))))));
+    }
+    static get is() { return "justifi-legal-address-form-step"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["legal-address-form-step.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["legal-address-form-step.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            },
+            "businessId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "business-id",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "errors": {},
+            "legal_address": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "submitted",
+                "name": "submitted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormSubmitEvent",
+                    "resolved": "BusinessFormSubmitEvent",
+                    "references": {
+                        "BusinessFormSubmitEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "formLoading",
+                "name": "formLoading",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "serverError",
+                "name": "serverError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormServerErrorEvent",
+                    "resolved": "BusinessFormServerErrorEvent",
+                    "references": {
+                        "BusinessFormServerErrorEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormServerErrorEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    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": []
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/{business-form/business-form-stepped.css → business-forms/payment-provisioning/payment-provisioning.css}

@@ -2536,6 +2536,68 @@ progress {
   --bs-btn-border-radius: var(--bs-border-radius-sm);
 }
 
+.spinner-grow,
+.spinner-border {
+  display: inline-block;
+  width: var(--bs-spinner-width);
+  height: var(--bs-spinner-height);
+  vertical-align: var(--bs-spinner-vertical-align);
+  border-radius: 50%;
+  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
+}
+
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg) /* rtl:ignore */;
+  }
+}
+.spinner-border {
+  --bs-spinner-width: 2rem;
+  --bs-spinner-height: 2rem;
+  --bs-spinner-vertical-align: -0.125em;
+  --bs-spinner-border-width: 0.25em;
+  --bs-spinner-animation-speed: 0.75s;
+  --bs-spinner-animation-name: spinner-border;
+  border: var(--bs-spinner-border-width) solid currentcolor;
+  border-right-color: transparent;
+}
+
+.spinner-border-sm {
+  --bs-spinner-width: 1rem;
+  --bs-spinner-height: 1rem;
+  --bs-spinner-border-width: 0.2em;
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+.spinner-grow {
+  --bs-spinner-width: 2rem;
+  --bs-spinner-height: 2rem;
+  --bs-spinner-vertical-align: -0.125em;
+  --bs-spinner-animation-speed: 0.75s;
+  --bs-spinner-animation-name: spinner-grow;
+  background-color: currentcolor;
+  opacity: 0;
+}
+
+.spinner-grow-sm {
+  --bs-spinner-width: 1rem;
+  --bs-spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    --bs-spinner-animation-speed: 1.5s;
+  }
+}
 @keyframes progress-bar-stripes {
   0% {
     background-position-x: 1rem;
@@ -7933,4 +7995,47 @@ progress {
 *::part(input-invalid):focus {
   border-color: var(--jfi-form-control-border-color-error);
   box-shadow: var(--jfi-form-control-box-shadow-error-focus);
+}
+
+.jfi-submit-button {
+  font-family: var(--jfi-layout-font-family);
+  color: var(--jfi-submit-button-color);
+  background-color: var(--jfi-submit-button-background-color);
+  border-color: var(--jfi-submit-button-border-color);
+  padding: var(--jfi-submit-button-padding);
+  font-size: var(--jfi-submit-button-font-size);
+  border-radius: var(--jfi-submit-button-border-radius);
+  width: var(--jfi-submit-button-width);
+  box-shadow: var(--jfi-submit-button-box-shadow);
+}
+
+.jfi-submit-button:hover {
+  color: var(--jfi-submit-button-color-hover);
+  background-color: var(--jfi-submit-button-background-color-hover);
+  border-color: var(--jfi-submit-button-border-color-hover);
+}
+
+.jfi-submit-button:focus {
+  color: var(--jfi-submit-button-color-focus);
+  background-color: var(--jfi-submit-button-background-color-focus);
+  border-color: var(--jfi-submit-button-border-color-focus);
+}
+
+.btn.jfi-submit-button:active {
+  color: var(--jfi-submit-button-color-active);
+  background-color: var(--jfi-submit-button-background-color-active);
+  border-color: var(--jfi-submit-button-border-color-active);
+}
+
+.btn.jfi-submit-button-loading {
+  min-width: 75px;
+  color: var(--jfi-submit-button-color-loading);
+  background-color: var(--jfi-submit-button-background-color-loading);
+  border-color: var(--jfi-submit-button-border-color-loading);
+}
+
+.btn.jfi-submit-button-loading .spinner-border {
+  border-top-color: var(--jfi-submit-button-color-loading);
+  border-bottom-color: var(--jfi-submit-button-color-loading);
+  border-left-color: var(--jfi-submit-button-color-loading);
 }

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js

@@ -0,0 +1,199 @@
+import { Host, h } from "@stencil/core";
+import { FormAlert, LoadingSpinner } from "../../form/utils";
+import { BusinessFormClickActions } from "../utils/business-form-types";
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export class PaymentProvisioning {
+    constructor() {
+        this.refs = [];
+        this.componentStepMapping = {
+            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, onFormLoading: (e) => this.handleFormLoading(e), onServerError: (e) => this.handleServerErrors(e) }),
+            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, onFormLoading: (e) => this.handleFormLoading(e), onServerError: (e) => this.handleServerErrors(e) }),
+            2: () => h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, onFormLoading: (e) => this.handleFormLoading(e), onServerError: (e) => this.handleServerErrors(e) }),
+            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, onFormLoading: (e) => this.handleFormLoading(e), onServerError: (e) => this.handleServerErrors(e) }),
+            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, onFormLoading: (e) => this.handleFormLoading(e), onServerError: (e) => this.handleServerErrors(e) }),
+        };
+        this.incrementSteps = () => {
+            if (this.currentStep < this.totalSteps) {
+                return this.currentStep++;
+            }
+        };
+        this.decrementSteps = () => { return this.currentStep--; };
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.testMode = false;
+        this.hideErrors = false;
+        this.formLoading = false;
+        this.errorMessage = '';
+        this.currentStep = 0;
+        this.totalSteps = 5;
+    }
+    get showErrors() {
+        return this.errorMessage && !this.hideErrors;
+    }
+    get businessEndpoint() {
+        return `entities/business/${this.businessId}`;
+    }
+    componentWillLoad() {
+        const missingAuthTokenMessage = 'Warning: Missing auth-token. The form will not be functional without it.';
+        const missingBusinessIdMessage = 'Warning: Missing business-id. The form requires an existing business-id to function.';
+        if (!this.authToken)
+            console.error(missingAuthTokenMessage);
+        if (!this.businessId)
+            console.error(missingBusinessIdMessage);
+        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef];
+        this.totalSteps = Object.keys(this.componentStepMapping).length - 1;
+    }
+    handleFormLoading(e) {
+        this.formLoading = e.detail;
+    }
+    handleServerErrors(e) {
+        this.errorMessage = e.detail.message;
+    }
+    showPreviousStepButton() {
+        return this.currentStep > 0;
+    }
+    showNextStepButton() {
+        return this.currentStep < this.totalSteps;
+    }
+    previousStepButtonOnClick() {
+        this.clickEvent.emit({ name: BusinessFormClickActions.previousStep });
+        const currentStep = this.refs[this.currentStep];
+        currentStep.validateAndSubmit({ onSuccess: this.decrementSteps });
+    }
+    nextStepButtonOnClick(e, clickEventName) {
+        e.preventDefault();
+        this.clickEvent.emit({ name: clickEventName });
+        const currentStep = this.refs[this.currentStep];
+        currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
+    }
+    showSubmitButton() {
+        return this.currentStep === this.totalSteps;
+    }
+    currentStepComponent() {
+        return this.componentStepMapping[this.currentStep]();
+    }
+    render() {
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("h1", null, "Business Information"), this.showErrors && FormAlert(this.errorMessage), h("div", { class: "my-4" }, this.currentStepComponent()), h("div", { class: "d-flex justify-content-between align-items-center" }, h("div", { class: "d-flex align-items-center" }, "Step ", this.currentStep + 1, " of ", this.totalSteps + 1), h("div", { class: "d-flex gap-2" }, this.showPreviousStepButton() && (h("button", { type: "button", class: "btn btn-secondary", onClick: () => this.previousStepButtonOnClick(), disabled: this.formLoading }, "Previous")), this.showNextStepButton() && (h("button", { type: "button", class: `btn btn-primary jfi-submit-button${this.formLoading ? ' jfi-submit-button-loading' : ''}`, onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formLoading }, this.formLoading ? LoadingSpinner() : 'Next')), this.showSubmitButton() && (h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.formLoading ? ' jfi-submit-button-loading' : ''}`, onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formLoading }, this.formLoading ? LoadingSpinner() : 'Submit'))))));
+    }
+    static get is() { return "justifi-payment-provisioning"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["payment-provisioning.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["payment-provisioning.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            },
+            "businessId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "business-id",
+                "reflect": false
+            },
+            "testMode": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "test-mode",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "hideErrors": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-errors",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formLoading": {},
+            "errorMessage": {},
+            "currentStep": {},
+            "totalSteps": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "clickEvent",
+                "name": "clickEvent",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormClickEvent",
+                    "resolved": "BusinessFormClickEvent",
+                    "references": {
+                        "BusinessFormClickEvent": {
+                            "location": "import",
+                            "path": "../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormClickEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}

package/dist/collection/components/business-forms/payment-provisioning/test/payment-provisioning.spec.js

@@ -0,0 +1,61 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { PaymentProvisioning } from "../payment-provisioning";
+describe.skip('justifi-payment-provisioning', () => {
+    let consoleSpy;
+    // Initialize the spy in the beforeEach
+    beforeEach(() => {
+        consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => { });
+    });
+    // Restore the original function in the afterEach
+    afterEach(() => {
+        consoleSpy.mockRestore();
+    });
+    it('should log a warning if no authToken is provided', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning></justifi-payment-provisioning>`,
+        });
+    });
+    it('should log a warning if no businessId is provided', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning></justifi-payment-provisioning>`,
+        });
+    });
+    it('should emit server error event if server error when fetching data', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning business-id="biz_123" auth-token="some-token"></justifi-payment-provisioning>`,
+        });
+    });
+    it('should emit server error event if server error when patching data', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning business-id="biz_123" auth-token="some-token"></justifi-payment-provisioning>`,
+        });
+    });
+    it('should render', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning business-id="biz_123" auth-token="some-token"></justifi-payment-provisioning>`,
+        });
+    });
+    it('should call onSuccess when a step is successfully completed', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning business-id="biz_123" auth-token="some-token"></justifi-payment-provisioning>`,
+        });
+    });
+    it('should emit clickEvent when a button is clicked', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning business-id="biz_123" auth-token="some-token"></justifi-payment-provisioning>`,
+        });
+    });
+    it('should emit submitted event when a step is completed', async () => {
+        await newSpecPage({
+            components: [PaymentProvisioning],
+            html: `<justifi-payment-provisioning business-id="biz_123" auth-token="some-token"></justifi-payment-provisioning>`,
+        });
+    });
+});

package/dist/collection/components/business-forms/schemas/business-additional-questions-schema.js

@@ -0,0 +1,7 @@
+import { object, string } from "yup";
+export const additionQuestionsSchema = object({
+    business_revenue: string().required('Enter business revenue'),
+    business_payment_volume: string().required('Enter business payment volume'),
+    business_dispute_volume: string().required('Enter business dispute volume'),
+    business_receivable_volume: string().required('Enter business receivable volume'),
+});

package/dist/collection/components/business-forms/schemas/business-address-schema.js

@@ -0,0 +1,16 @@
+import { object, string } from "yup";
+import StateOptions from "../../../utils/state-options";
+export const legalAddressSchema = object({
+    line1: string().required('Enter street address'),
+    line2: string().nullable(),
+    city: string().required('Enter city'),
+    state: string().required('Select state').oneOf(StateOptions.map((option) => option.value), 'Select state'),
+    postal_code: string().required('Enter postal code'),
+    country: string().required('Select country'),
+});
+export const identityAddressSchema = object({
+    line1: string().required('Enter street address'),
+    city: string().required('Enter city'),
+    state: string().required('Select state').oneOf(StateOptions.map((option) => option.value), 'Select state'),
+    postal_code: string().required('Enter postal code'),
+});

package/dist/collection/components/business-forms/schemas/business-core-info-schema.js

@@ -0,0 +1,13 @@
+import { object, string } from "yup";
+export const businessCoreInfoSchema = object({
+    legal_name: string().required('Enter legal name'),
+    website_url: string()
+        .url('Enter valid website url')
+        .required('Enter website url'),
+    email: string().email('Enter valid email').required('Enter email'),
+    phone: string().required('Enter phone number'),
+    doing_business_as: string().required('Enter doing business as'),
+    business_type: string().required('Select business type'),
+    business_structure: string().required('Select business structure'),
+    industry: string().required('Enter a business industry'),
+});

package/dist/collection/components/business-forms/schemas/business-form-schema.js

@@ -0,0 +1,6 @@
+import { object } from "yup";
+import { businessCoreInfoSchema } from "./business-core-info-schema";
+import { additionQuestionsSchema } from "./business-additional-questions-schema";
+import { representativeSchema } from "./business-identity-schema";
+import { legalAddressSchema } from "./business-address-schema";
+export const businessFormSchema = object(Object.assign(Object.assign({}, businessCoreInfoSchema.fields), { legal_address: legalAddressSchema, additional_questions: additionQuestionsSchema, representative: representativeSchema }));