@justifi/webcomponents 4.12.2 → 4.13.0-rc.1

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

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { BusinessStructureOptions, BusinessTypeOptions } from "../../utils/business-form-types";
+import { businessStructureOptions, businessTypeOptions } from "../../utils/business-form-options";
 import { PHONE_MASKS, TAX_ID_MASKS } from "../../../../utils/form-input-masks";
 import { CoreBusinessInfo } from "../../../../api/Business";
 /**
@@ -30,7 +30,7 @@ export class BusinessCoreInfo {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "General Info"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_type", label: "Business Type", options: BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: BusinessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "General Info"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, error: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_type", label: "Business Type", options: businessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: businessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info"; }
     static get originalStyleUrls() {

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js

@@ -5,6 +5,8 @@ import { Api } from "../../../../api";
 import { config } from "../../../../../config";
 import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
 import { BusinessFormServerErrors } from "../../utils/business-form-types";
+import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
+import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils/business-form-options";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -82,9 +84,9 @@ export class AdditionalQuestionsFormStep {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Additional Questions"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_revenue", label: "Business Revenue", inputHandler: this.inputHandler, error: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue })), h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_payment_volume", label: "Business Payment Volume", inputHandler: this.inputHandler, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume })), h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_dispute_volume", label: "Business Dispute Volume", inputHandler: this.inputHandler, error: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_dispute_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_dispute_volume })), h("div", { class: "col-12" }, h("form-control-monetary", { name: "business_receivable_volume", label: "Business Receivable Volume", inputHandler: this.inputHandler, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_receivable_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_receivable_volume })))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Additional Questions"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary", { name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activies?", inputHandler: this.inputHandler, error: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary", { name: "business_payment_volume", label: "What is the business\u2019 annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, error: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, error: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, error: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: "col-12" }, h("form-control-text", { name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, error: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { class: "col-12" }, h("form-control-select", { name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, error: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, error: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details })))))));
     }
     static get is() { return "justifi-additional-questions-form-step"; }
     static get properties() {

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

@@ -7,7 +7,8 @@ import { businessCoreInfoSchema } from "../../schemas/business-core-info-schema"
 import { config } from "../../../../../config";
 import { parseCoreInfo } from "../../utils/payload-parsers";
 import { flattenNestedObject } from "../../../../utils/utils";
-import { BusinessFormServerErrors, BusinessStructureOptions, BusinessTypeOptions } from "../../utils/business-form-types";
+import { BusinessFormServerErrors } from "../../utils/business-form-types";
+import { businessStructureOptions, businessTypeOptions } from "../../utils/business-form-options";
 /**
  *
  * The difference between this component and business-generic-info-details
@@ -93,7 +94,7 @@ export class BusinessCoreInfoFormStep {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "General Info"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_type", label: "Business Type", options: BusinessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: BusinessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "General Info"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, error: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_type", label: "Business Type", options: businessTypeOptions, defaultValue: coreInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: businessStructureOptions, defaultValue: coreInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, error: this.errors.industry, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
     }
     static get is() { return "justifi-business-core-info-form-step"; }
     static get originalStyleUrls() {

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

@@ -1,16 +1,23 @@
-import { object, string } from "yup";
+import { object } from "yup";
+import { otherPaymentDetailsValidation, paymentVolumeValidation, recurringPaymentsPercentageValidation, recurringPaymentsValidation, revenueValidation, seasonalBusinessValidation, whenServiceReceivedValidation } from "./schema-validations";
 export const additionalQuestionsSchema = (allowOptionalFields) => {
     const schema = 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'),
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     const easySchema = object({
-        business_revenue: string().nullable(),
-        business_payment_volume: string().nullable(),
-        business_dispute_volume: string().nullable(),
-        business_receivable_volume: string().nullable()
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_recurring_payments: recurringPaymentsValidation.nullable(),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };

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

@@ -1,5 +1,5 @@
 import { object } from "yup";
-import { businessTypeValidation, doingBusinessAsValidation, emailValidation, industryValidation, businessNameValidation, phoneValidation, taxIdValidation, websiteUrlValidation, businessStructureValidation } from "./schema-validations";
+import { businessTypeValidation, doingBusinessAsValidation, emailValidation, industryValidation, businessNameValidation, phoneValidation, taxIdValidation, websiteUrlValidation, dateOfIncorporationValidation, businessStructureValidation } from "./schema-validations";
 export const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = object({
         legal_name: businessNameValidation.required('Enter legal name'),
@@ -11,6 +11,7 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
         business_structure: businessStructureValidation.required('Select business structure'),
         industry: industryValidation.required('Enter a business industry'),
         tax_id: taxIdValidation.required('Enter tax id'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = object({
         legal_name: businessNameValidation.required('Enter legal name'),
@@ -22,6 +23,7 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
         business_structure: businessStructureValidation.nullable(),
         industry: industryValidation.nullable(),
         tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };

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

@@ -6,4 +6,7 @@ export const phoneRegex = /^\d{10}$/;
 export const urlRegex = /^(?:http(s)?:\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/;
 export const taxIdRegex = /^\d{9}$/;
 export const stringLettersOnlyRegex = /^(?!^\s+$)[a-zA-Z\s]*$/;
+export const numbersOnlyRegex = /^\d+$/;
 export const ssnRegex = /^(?!000|666|9\d{2})\d{3}(?!00)\d{2}(?!0000)\d{4}$/;
+export const streetAddressRegex = /^(?!^\s+$)[a-zA-Z0-9\s,&.-]*$/;
+export const poBoxRegex = /P\.?\s?O\.?\s?Box|Postal\sBox/i;

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

@@ -1,7 +1,7 @@
 import { string } from "yup";
-import { BusinessStructureOptions, BusinessTypeOptions } from "../utils/business-form-types";
 import StateOptions from "../../../utils/state-options";
-import { businessNameRegex, phoneRegex, ssnRegex, stringLettersOnlyRegex, taxIdRegex, transformEmptyString, urlRegex } from "./schema-helpers";
+import { businessStructureOptions, businessServiceReceivedOptions, businessTypeOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../utils/business-form-options";
+import { businessNameRegex, numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, streetAddressRegex, stringLettersOnlyRegex, taxIdRegex, transformEmptyString, urlRegex } from "./schema-helpers";
 // Common Validations
 export const emailValidation = string()
     .email('Enter valid email')
@@ -24,10 +24,10 @@ export const websiteUrlValidation = string()
     .matches(urlRegex, 'Enter valid website url')
     .transform(transformEmptyString);
 export const businessTypeValidation = string()
-    .oneOf(BusinessTypeOptions.map((option) => option.value), 'Select business type')
+    .oneOf(businessTypeOptions.map((option) => option.value), 'Select business type')
     .transform(transformEmptyString);
 export const businessStructureValidation = string()
-    .oneOf(BusinessStructureOptions.map((option) => option.value), 'Select business structure')
+    .oneOf(businessStructureOptions.map((option) => option.value), 'Select business structure')
     .transform(transformEmptyString);
 export const industryValidation = string()
     .min(2, 'Industry must be at least 2 characters')
@@ -36,6 +36,19 @@ export const industryValidation = string()
     .transform(transformEmptyString);
 export const taxIdValidation = string()
     .matches(taxIdRegex, 'Enter valid tax id')
+    .test('not-repeat', 'Enter valid tax id', (value) => {
+    return !/^(\d)\1+$/.test(value);
+})
+    .test('not-seq', 'Enter valid tax id', (value) => {
+    return value !== '123456789';
+})
+    .transform(transformEmptyString);
+export const dateOfIncorporationValidation = string()
+    .test('not-future', 'Date of incorporation cannot be in the future', (value) => {
+    const inputDate = new Date(value);
+    const today = new Date();
+    return inputDate <= today;
+})
     .transform(transformEmptyString);
 // Identity Validations
 export const identityNameValidation = string()
@@ -76,16 +89,22 @@ export const ssnValidation = string()
 export const lineOneValidation = string()
     .min(5, 'Address must be at least 5 characters')
     .max(100, 'Address must be less than 100 characters')
-    .matches(/^(?!^\s+$)[a-zA-Z0-9\s,.'-]*$/, 'Enter valid address line 1')
+    .matches(streetAddressRegex, 'Enter valid address line 1')
+    .test('not-po-box', 'A PO Box is not a valid address entry', (value) => {
+    return !poBoxRegex.test(value);
+})
     .transform(transformEmptyString);
 export const lineTwoValidation = string()
     .max(100, 'Address must be less than 100 characters')
-    .matches(/^(?!^\s+$)[a-zA-Z0-9\s,.'-]*$/, 'Enter valid address line 2')
+    .matches(streetAddressRegex, 'Enter valid address line 2')
+    .test('not-po-box', 'A PO Box is not a valid address entry', (value) => {
+    return !poBoxRegex.test(value);
+})
     .transform(transformEmptyString);
 export const cityValidation = string()
     .min(2, 'City must be at least 2 characters')
     .max(50, 'City must be less than 50 characters')
-    .matches(/^(?!^\s+$)[a-zA-Z\s]*$/, 'Enter valid city')
+    .matches(stringLettersOnlyRegex, 'Enter valid city')
     .transform(transformEmptyString);
 export const stateValidation = string()
     .oneOf(StateOptions.map((option) => option.value), 'Select state')
@@ -93,3 +112,28 @@ export const stateValidation = string()
 export const postalValidation = string()
     .matches(/^[0-9]{5}$/, 'Enter valid postal code')
     .transform(transformEmptyString);
+// Additional Questions Validations
+export const revenueValidation = string()
+    .matches(numbersOnlyRegex, 'Enter valid revenue')
+    .transform(transformEmptyString);
+export const paymentVolumeValidation = string()
+    .matches(numbersOnlyRegex, 'Enter valid payment volume')
+    .transform(transformEmptyString);
+export const whenServiceReceivedValidation = string()
+    .oneOf(businessServiceReceivedOptions.map((option) => option.value), 'Select when service is received')
+    .transform(transformEmptyString);
+export const recurringPaymentsValidation = string()
+    .oneOf(recurringPaymentsOptions.map((option) => option.value), 'Select recurring payments')
+    .transform(transformEmptyString);
+export const recurringPaymentsPercentageValidation = string()
+    .when('business_recurring_payments', {
+    is: (val) => val === 'Yes',
+    then: (schema) => schema.required('Enter recurring payments percentage'),
+    otherwise: (schema) => schema.nullable(),
+})
+    .transform(transformEmptyString);
+export const seasonalBusinessValidation = string()
+    .oneOf(seasonalBusinessOptions.map((option) => option.value), 'Select seasonal business')
+    .transform(transformEmptyString);
+export const otherPaymentDetailsValidation = string()
+    .transform(transformEmptyString);

package/dist/collection/components/business-forms/utils/business-form-options.js

@@ -0,0 +1,119 @@
+import { BusinessStructure, BusinessType } from "../../../api/Business";
+export const businessTypeOptions = [
+    {
+        label: 'Individual',
+        value: BusinessType.individual,
+    },
+    {
+        label: 'For Profit',
+        value: BusinessType.for_profit,
+    },
+    {
+        label: 'Non Profit',
+        value: BusinessType.non_profit,
+    },
+    {
+        label: 'Government Entity',
+        value: BusinessType.government_entity,
+    },
+];
+export const businessStructureOptions = [
+    {
+        label: 'Choose business structure',
+        value: '',
+    },
+    {
+        label: 'Sole Proprietorship',
+        value: BusinessStructure.sole_proprietorship,
+    },
+    {
+        label: 'LLC (Single)',
+        value: BusinessStructure.single_llc,
+    },
+    {
+        label: 'LLC (Multiple)',
+        value: BusinessStructure.multi_llc,
+    },
+    {
+        label: 'Private Partnership',
+        value: BusinessStructure.private_partnership,
+    },
+    {
+        label: 'Private Corporation',
+        value: BusinessStructure.private_corporation,
+    },
+    {
+        label: 'Unincorporated Association',
+        value: BusinessStructure.unincorporated_association,
+    },
+    {
+        label: 'Public Partnership',
+        value: BusinessStructure.public_partnership,
+    },
+    {
+        label: 'Public Corporation',
+        value: BusinessStructure.public_corporation,
+    },
+    {
+        label: 'Incorporated',
+        value: BusinessStructure.incorporated,
+    },
+    {
+        label: 'Unincorporated',
+        value: BusinessStructure.unincorporated,
+    },
+    {
+        label: 'Government Unit',
+        value: BusinessStructure.government_unit,
+    },
+    {
+        label: 'Government Instrumentality',
+        value: BusinessStructure.government_instrumentality,
+    },
+    {
+        label: 'Tax Exempt Government Instrumentality',
+        value: BusinessStructure.tax_exempt_government_instrumentality,
+    },
+];
+export const businessServiceReceivedOptions = [
+    {
+        label: 'Within 7 days',
+        value: 'Within 7 days',
+    },
+    {
+        label: 'Within 30 days',
+        value: 'Within 30 days',
+    },
+    {
+        label: 'Within 90 days',
+        value: 'Within 90 days',
+    },
+    {
+        label: 'Within 120 days',
+        value: 'Within 120 days',
+    },
+    {
+        label: 'More than 120 days',
+        value: 'More than 120 days',
+    }
+];
+export const recurringPaymentsOptions = [
+    {
+        label: 'Yes',
+        value: 'Yes',
+    },
+    {
+        label: 'No',
+        value: 'No',
+    }
+];
+export const seasonalBusinessOptions = [
+    {
+        label: 'Yes. The majority of the business revenue is generated in 3-6 months.',
+        value: 'Yes',
+    },
+    {
+        label: 'No. The business revenue is generated evenly throughout the year.',
+        value: 'No',
+    }
+];

package/dist/collection/components/business-forms/utils/business-form-types.js

@@ -1,4 +1,3 @@
-import { BusinessStructure, BusinessType } from "../../../api/Business";
 export var BusinessFormServerErrors;
 (function (BusinessFormServerErrors) {
     BusinessFormServerErrors["fetchData"] = "Error retrieving business data";
@@ -23,83 +22,3 @@ export var OwnerFormClickActions;
     OwnerFormClickActions["addOwnerForm"] = "addOwnerForm";
     OwnerFormClickActions["updateOwner"] = "updateOwner";
 })(OwnerFormClickActions || (OwnerFormClickActions = {}));
-export const BusinessTypeOptions = [
-    {
-        label: 'Choose business type',
-        value: '',
-    },
-    {
-        label: 'Individual',
-        value: BusinessType.individual,
-    },
-    {
-        label: 'For Profit',
-        value: BusinessType.for_profit,
-    },
-    {
-        label: 'Non Profit',
-        value: BusinessType.non_profit,
-    },
-    {
-        label: 'Government Entity',
-        value: BusinessType.government_entity,
-    },
-];
-export const BusinessStructureOptions = [
-    {
-        label: 'Choose business structure',
-        value: '',
-    },
-    {
-        label: 'Sole Proprietorship',
-        value: BusinessStructure.sole_proprietorship,
-    },
-    {
-        label: 'LLC (Single)',
-        value: BusinessStructure.single_llc,
-    },
-    {
-        label: 'LLC (Multiple)',
-        value: BusinessStructure.multi_llc,
-    },
-    {
-        label: 'Private Partnership',
-        value: BusinessStructure.private_partnership,
-    },
-    {
-        label: 'Private Corporation',
-        value: BusinessStructure.private_corporation,
-    },
-    {
-        label: 'Unincorporated Association',
-        value: BusinessStructure.unincorporated_association,
-    },
-    {
-        label: 'Public Partnership',
-        value: BusinessStructure.public_partnership,
-    },
-    {
-        label: 'Public Corporation',
-        value: BusinessStructure.public_corporation,
-    },
-    {
-        label: 'Incorporated',
-        value: BusinessStructure.incorporated,
-    },
-    {
-        label: 'Unincorporated',
-        value: BusinessStructure.unincorporated,
-    },
-    {
-        label: 'Government Unit',
-        value: BusinessStructure.government_unit,
-    },
-    {
-        label: 'Government Instrumentality',
-        value: BusinessStructure.government_instrumentality,
-    },
-    {
-        label: 'Tax Exempt Government Instrumentality',
-        value: BusinessStructure.tax_exempt_government_instrumentality,
-    },
-];

package/dist/collection/components/checkout/checkout-actions.js

@@ -1,5 +1,7 @@
-import { getErrorMessage } from "../../api/services/utils";
+import { ComponentErrorSeverity } from "../../api/ComponentError";
+import { getErrorCode, getErrorMessage } from "../../api/services/utils";
 export const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
+    var _a;
     try {
         const response = await service.fetchCheckout(authToken, checkoutId);
         if (!response.error) {
@@ -8,26 +10,46 @@ export const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({
         }
         else {
             const responseError = getErrorMessage(response.error);
-            return onError(responseError);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
         }
     }
     catch (error) {
-        return onError(error.message || error);
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
     }
 };
 export const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
+    var _a;
     try {
         const response = await service.complete(authToken, checkoutId, payment);
         if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
+            onSuccess(response);
         }
         else {
             const responseError = getErrorMessage(response.error);
-            return onError(responseError);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
         }
     }
     catch (error) {
-        return onError(error.message || error);
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
     }
 };

package/dist/collection/components/checkout/checkout-core.js

@@ -2,12 +2,21 @@ import { h, Host } from "@stencil/core";
 import { extractComputedFontsToLoad, formatCurrency } from "../../utils/utils";
 import { config } from "../../../config";
 import { Checkout } from "../../api/Checkout";
+import { ComponentErrorSeverity } from "../../api/ComponentError";
 export class CheckoutCore {
     constructor() {
         this.onSubmitted = (data) => {
             this.submitted.emit(data);
             this.isLoading = false;
         };
+        this.onError = ({ error, code, severity }) => {
+            this.errorEvent.emit({
+                errorCode: code,
+                message: error,
+                severity,
+            });
+            this.isLoading = false;
+        };
         this.loadingSpinner = (h("div", { class: "spinner-border spinner-border-sm", role: "status" }, h("span", { class: "visually-hidden" }, "Loading...")));
         this.iframeOrigin = config.iframeOrigin;
         this.authToken = undefined;
@@ -18,9 +27,7 @@ export class CheckoutCore {
         this.isLoading = false;
         this.checkout = undefined;
         this.serverError = false;
-        this.errorMessage = '';
         this.creatingNewPaymentMethod = false;
-        this.selectedPaymentMethodToken = undefined;
     }
     componentWillLoad() {
         if (this.getCheckout) {
@@ -40,10 +47,14 @@ export class CheckoutCore {
                 this.checkout = new Checkout(checkout);
                 this.isLoading = false;
             },
-            onError: (errorMessage) => {
-                this.errorMessage = errorMessage;
+            onError: ({ error, code, severity }) => {
                 this.isLoading = false;
-            },
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
         });
     }
     ;
@@ -64,23 +75,30 @@ export class CheckoutCore {
         event.preventDefault();
         this.isLoading = true;
         const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod();
-        if (payload.token) {
+        if (!payload) {
+            this.isLoading = false;
+        }
+        else if (payload.error) {
+            this.onError({
+                code: payload.error.code,
+                error: payload.error.message,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+        else if (payload.token) {
             this.complete({
                 payment: { payment_mode: 'ecom', payment_token: payload.token },
                 onSuccess: this.onSubmitted,
-                onError: this.onSubmitted,
+                onError: this.onError,
             });
         }
         else if (((_a = payload.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
             this.complete({
                 payment: { payment_mode: 'bnpl' },
                 onSuccess: this.onSubmitted,
-                onError: this.onSubmitted,
+                onError: this.onError,
             });
         }
-        else {
-            this.isLoading = false;
-        }
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -200,9 +218,7 @@ export class CheckoutCore {
             "isLoading": {},
             "checkout": {},
             "serverError": {},
-            "errorMessage": {},
-            "creatingNewPaymentMethod": {},
-            "selectedPaymentMethodToken": {}
+            "creatingNewPaymentMethod": {}
         };
     }
     static get events() {
@@ -227,6 +243,27 @@ export class CheckoutCore {
                         }
                     }
                 }
+            }, {
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentError",
+                    "resolved": "ComponentError",
+                    "references": {
+                        "ComponentError": {
+                            "location": "import",
+                            "path": "../../api/ComponentError",
+                            "id": "src/api/ComponentError.ts::ComponentError"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {