@justifi/webcomponents 4.10.0-rc.0 → 4.11.0

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

@@ -1,18 +1,54 @@
-import { c as create$3, a as create$6 } from './index.esm.js';
+import { a as create$6, c as create$3 } from './index.esm.js';
+import { S as StateOptions } from './state-options.js';
 
-const legalAddressSchema = create$3({
-    line1: create$6().required('Enter street address'),
-    line2: create$6().nullable(),
-    city: create$6().required('Enter city'),
-    state: create$6().required('Select state'),
-    postal_code: create$6().required('Enter postal code'),
-    country: create$6().required('Select country'),
+const lineOneValidation = create$6()
+    .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,.'-]*$/, 'Invalid characters in address')
+    .transform((value) => {
+    return value === '' ? null : value;
 });
-const identityAddressSchema = create$3({
-    line1: create$6().required('Enter street address'),
-    city: create$6().required('Enter city'),
-    state: create$6().required('Select state'),
-    postal_code: create$6().required('Enter postal code'),
+const lineTwoValidation = create$6()
+    .max(100, 'Address must be less than 100 characters')
+    .matches(/^(?!^\s+$)[a-zA-Z0-9\s,.'-]*$/, 'Invalid characters in address')
+    .transform((value) => {
+    return value === '' ? null : value;
 });
+const cityValidation = create$6()
+    .min(2, 'City must be at least 2 characters')
+    .max(50, 'City must be less than 50 characters')
+    .matches(/^(?!^\s+$)[a-zA-Z\s]*$/, 'Invalid characters in city')
+    .transform((value) => {
+    return value === '' ? null : value;
+});
+const stateValidation = create$6()
+    .oneOf(StateOptions.map((option) => option.value), 'Select state')
+    .transform((value) => {
+    return value === '' ? null : value;
+});
+const postalValidation = create$6()
+    .matches(/^[0-9]{5}$/, 'Enter valid postal code')
+    .transform((value) => {
+    return value === '' ? null : value;
+});
+const addressSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        line1: lineOneValidation.required('Enter street address'),
+        line2: lineTwoValidation.nullable(),
+        city: cityValidation.required('Enter city'),
+        state: stateValidation.required('Select state'),
+        postal_code: postalValidation.required('Enter postal code'),
+        country: create$6().required('Select country')
+    });
+    const easySchema = create$3({
+        line1: lineOneValidation.nullable(),
+        line2: lineTwoValidation.nullable(),
+        city: cityValidation.nullable(),
+        state: stateValidation.nullable(),
+        postal_code: postalValidation.nullable(),
+        country: create$6().required('Select country')
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
 
-export { identityAddressSchema as i, legalAddressSchema as l };
+export { addressSchema as a };

package/dist/module/business-core-info-form-step.js

@@ -58,6 +58,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         };
         this.authToken = undefined;
         this.businessId = undefined;
+        this.allowOptionalFields = undefined;
         this.formController = undefined;
         this.errors = {};
         this.coreInfo = {};
@@ -85,7 +86,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.formController = new FormController(businessCoreInfoSchema);
+        this.formController = new FormController(businessCoreInfoSchema(this.allowOptionalFields));
         this.api = Api(this.authToken, config.proxyApiOrigin);
         this.fetchData();
     }
@@ -103,6 +104,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
 }, [0, "justifi-business-core-info-form-step", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
+        "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],
         "coreInfo": [32],

package/dist/module/business-core-info-schema.js

@@ -1,16 +1,28 @@
 import { c as create$3, a as create$6 } from './index.esm.js';
+import { u as urlRegex, p as phoneRegex } from './helpers.js';
 
-const businessCoreInfoSchema = create$3({
-    legal_name: create$6().required('Enter legal name'),
-    website_url: create$6()
-        .url('Enter valid website url')
-        .required('Enter website url'),
-    email: create$6().email('Enter valid email').required('Enter email'),
-    phone: create$6().required('Enter phone number'),
-    doing_business_as: create$6().required('Enter doing business as'),
-    business_type: create$6().required('Select business type'),
-    business_structure: create$6().required('Select business structure'),
-    industry: create$6().required('Enter a business industry'),
-});
+const businessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        legal_name: create$6().required('Enter legal name'),
+        website_url: create$6().matches(urlRegex, 'Enter valid website url').required('Enter website url'),
+        email: create$6().email('Enter valid email').required('Enter email'),
+        phone: create$6().matches(phoneRegex, 'Enter valid phone number').required('Enter phone number'),
+        doing_business_as: create$6().required('Enter doing business as'),
+        business_type: create$6().required('Select business type'),
+        business_structure: create$6().required('Select business structure'),
+        industry: create$6().required('Enter a business industry'),
+    });
+    const easySchema = create$3({
+        legal_name: create$6().required('Enter legal name'),
+        website_url: create$6().matches(urlRegex, 'Enter valid website url').nullable(),
+        email: create$6().email('Enter valid email').nullable(),
+        phone: create$6().matches(phoneRegex, 'Enter valid phone number').nullable(),
+        doing_business_as: create$6().nullable(),
+        business_type: create$6().nullable(),
+        business_structure: create$6().nullable(),
+        industry: create$6().nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
 
 export { businessCoreInfoSchema as b };

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

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as LoadingState, E as ErrorState } from './utils.js';
 import { d as defineCustomElement$5 } from './additional-questions-details2.js';
 import { d as defineCustomElement$4 } from './generic-info-details2.js';
@@ -18,6 +18,7 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
     constructor() {
         super();
         this.__registerHost();
+        this.errorEvent = createEvent(this, "error-event", 7);
         this.getBusiness = undefined;
         this.business = undefined;
         this.renderState = RENDER_STATES.LOADING;
@@ -35,10 +36,14 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
                 this.business = business;
                 this.renderState = RENDER_STATES.READY;
             },
-            onError: ({ error }) => {
-                console.error(error);
+            onError: ({ error, code, severity }) => {
                 this.errorMessage = error;
                 this.renderState = RENDER_STATES.ERROR;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
             }
         });
     }

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

@@ -15,5 +15,12 @@ var OwnerFormServerErrors;
     OwnerFormServerErrors["patchData"] = "Error updating owner data";
     OwnerFormServerErrors["postData"] = "Error adding owner data";
 })(OwnerFormServerErrors || (OwnerFormServerErrors = {}));
+var OwnerFormClickActions;
+(function (OwnerFormClickActions) {
+    OwnerFormClickActions["removeOwner"] = "removeOwner";
+    OwnerFormClickActions["addOwner"] = "addOwner";
+    OwnerFormClickActions["addOwnerForm"] = "addOwnerForm";
+    OwnerFormClickActions["updateOwner"] = "updateOwner";
+})(OwnerFormClickActions || (OwnerFormClickActions = {}));
 
-export { BusinessFormServerErrors as B, OwnerFormServerErrors as O, BusinessFormClickActions as a };
+export { BusinessFormServerErrors as B, OwnerFormClickActions as O, BusinessFormClickActions as a, OwnerFormServerErrors as b };

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

@@ -1,38 +1,33 @@
 import { c as create$3, a as create$6 } from './index.esm.js';
-import { i as identityAddressSchema } from './business-address-schema.js';
+import { a as addressSchema } from './business-address-schema.js';
+import { p as phoneRegex } from './helpers.js';
 
-const phoneRegex = /^[0-9]+$/;
-const representativeSchema = create$3({
-    name: create$6().required('Enter representative name'),
-    email: create$6()
-        .email('Enter valid representative email')
-        .required('Enter representative email'),
-    phone: create$6()
-        .required('Enter representative phone number')
-        .matches(phoneRegex, 'Phone number must contain only numbers')
-        .min(10, 'Phone number must contain 10 digits')
-        .max(10, 'Phone number must contain 10 digits'),
-    dob_day: create$6().required('Enter representative birth day'),
-    dob_month: create$6().required('Enter representative birth month'),
-    dob_year: create$6().required('Enter representative birth year'),
-    identification_number: create$6(),
-    address: identityAddressSchema,
-});
-const ownerSchema = create$3({
-    name: create$6().required('Enter owner name'),
-    email: create$6()
-        .email('Enter valid owner email')
-        .required('Enter owner email'),
-    phone: create$6()
-        .required('Enter owner phone number')
-        .matches(phoneRegex, 'Phone number must contain only numbers')
-        .min(10, 'Phone number must contain 10 digits')
-        .max(10, 'Phone number must contain 10 digits'),
-    dob_day: create$6().required('Enter owner birth day'),
-    dob_month: create$6().required('Enter owner birth month'),
-    dob_year: create$6().required('Enter owner birth year'),
-    identification_number: create$6(),
-    address: identityAddressSchema,
-});
+const identitySchema = (title, allowOptionalFields) => {
+    const schema = create$3({
+        name: create$6().required(`Enter ${title} name`),
+        email: create$6()
+            .email(`Enter valid ${title} email`)
+            .required(`Enter ${title} email`),
+        phone: create$6().matches(phoneRegex, 'Enter valid phone number').required('Enter phone number'),
+        dob_day: create$6().required(`Enter ${title} birth day`),
+        dob_month: create$6().required(`Enter ${title} birth month`),
+        dob_year: create$6().required(`Enter ${title} birth year`),
+        identification_number: create$6(),
+        address: addressSchema(allowOptionalFields),
+    });
+    const easySchema = create$3({
+        name: create$6().required(`Enter ${title} name`),
+        email: create$6()
+            .email(`Enter valid ${title} email`)
+            .nullable(),
+        phone: create$6().matches(phoneRegex, 'Enter valid phone number').nullable(),
+        dob_day: create$6().nullable(),
+        dob_month: create$6().nullable(),
+        dob_year: create$6().nullable(),
+        identification_number: create$6().nullable(),
+        address: addressSchema(allowOptionalFields),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
 
-export { ownerSchema as o, representativeSchema as r };
+export { identitySchema as i };