@axos-web-dev/shared-components 1.0.99 → 1.0.100-dev.1

package/dist/Forms/CommercialLending.js

@@ -21,7 +21,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -32,7 +32,8 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const CommercialLending = ({
   icon = false,
@@ -45,6 +46,7 @@ const CommercialLending = ({
   headline,
   callToAction,
   validateEmail,
+  onValidate,
   description,
   id
 }) => {
@@ -120,8 +122,16 @@ const CommercialLending = ({
       z.undefined()
     ])
   });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "fields are not valid."
+      });
+    }
+  });
   const methods = useForm({
-    resolver: zodResolver(schema.merge(SalesforceSchema), {
+    resolver: zodResolver(gen_schema, {
       async: true
     }),
     mode: "all",
@@ -154,262 +164,274 @@ const CommercialLending = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "first_name",
-            ...register("first_name", { required: true }),
-            label: "First Name",
-            sizes: "medium",
-            required: true,
-            error: !!errors.first_name,
-            helperText: errors.first_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "last_name",
-            ...register("last_name", { required: true }),
-            label: "Last Name",
-            sizes: "medium",
-            required: true,
-            error: !!errors.last_name,
-            helperText: errors.last_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "email",
-            ...register("email", {
-              required: true,
-              validate: {
-                isValid: associatedEmail
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
               }
-            }),
-            label: "Business Email",
-            sizes: "medium",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "General_Business_Phone_SFDC2__c",
-            ...register("General_Business_Phone_SFDC2__c", {
-              required: true,
-              maxLength: 12
-            }),
-            label: "Business Phone",
-            sizes: "medium",
-            required: true,
-            error: !!errors.General_Business_Phone_SFDC2__c,
-            helperText: errors.General_Business_Phone_SFDC2__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "Company_NMLS_ID__c",
-            ...register("Company_NMLS_ID__c"),
-            label: "Company NMLS ID",
-            sizes: "medium",
-            error: !!errors.Company_NMLS_ID__c,
-            helperText: errors.Company_NMLS_ID__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "Business_Name__c",
-            ...register("Business_Name__c"),
-            label: "Business Name",
-            sizes: "medium",
-            error: !!errors.Business_Name__c,
-            helperText: errors.Business_Name__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "Property_Zip__c",
-            ...register("Property_Zip__c"),
-            label: "Property Location or ZIP Code",
-            sizes: "medium",
-            error: !!errors.Property_Zip__c,
-            helperText: errors.Property_Zip__c?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Annual_Gross_Revenue__c",
-            ...register("Annual_Gross_Revenue__c", {
-              required: true
-            }),
-            label: "Annual Gross Revenue",
-            sizes: "medium",
-            required: true,
-            error: !!errors.Annual_Gross_Revenue__c,
-            helperText: errors.Annual_Gross_Revenue__c?.message,
-            variant,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
-              /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
-              /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
-              /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Time_in_Business__c",
-            ...register("Time_in_Business__c", {
-              required: true
-            }),
-            label: "Time in Business",
-            sizes: "medium",
-            required: true,
-            error: !!errors.Time_in_Business__c,
-            helperText: errors.Time_in_Business__c?.message,
-            variant,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
-              /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
-              /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Lead_Type__c",
-            ...register("Lead_Type__c", {
-              required: true
-            }),
-            label: "Type",
-            sizes: "medium",
-            required: true,
-            error: !!errors.Lead_Type__c,
-            helperText: errors.Lead_Type__c?.message,
-            variant,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
-              /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
-            ]
-          }
-        ) }),
-        equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Type_of_Equipment_Finance__c",
-            ...register("Type_of_Equipment_Finance__c"),
-            label: "Type of Equipment",
-            sizes: "medium",
-            error: !!errors.Type_of_Equipment_Finance__c,
-            helperText: errors.Type_of_Equipment_Finance__c?.message,
-            variant,
-            defaultValue: "",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-              /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
-              /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
-              /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
-              /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
-              /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
-              /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
-              /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
-              /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
-              /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
-            ]
-          }
-        ) }),
-        (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Asset_Class__c",
-            ...register("Asset_Class__c"),
-            label: "Asset Class",
-            sizes: "medium",
-            error: !!errors.Asset_Class__c,
-            helperText: errors.Asset_Class__c?.message,
-            variant,
-            defaultValue: "",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-              /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
-              CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
-              /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
-              /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
-              /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
-              /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
-              /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
-            ]
-          }
-        ) }),
-        CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Loan__c",
-            ...register("Loan__c"),
-            label: "Purpose of Loan",
-            sizes: "medium",
-            error: !!errors.Loan__c,
-            helperText: errors.Loan__c?.message,
-            variant,
-            defaultValue: "",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-              /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
-              /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
-            ]
-          }
-        ) }),
-        (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "Requested_loan_amount_and_leverage__c",
-            ...register("Requested_loan_amount_and_leverage__c"),
-            label: "Requested Loan Amount and Leverage",
-            sizes: "medium",
-            error: !!errors.Requested_loan_amount_and_leverage__c,
-            helperText: errors.Requested_loan_amount_and_leverage__c?.message,
-            variant
-          }
-        ) })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
-        LoadingIndicator,
-        {
-          style: { marginInline: "auto" },
-          variant
-        }
-      ) : /* @__PURE__ */ jsx(
-        Button,
-        {
-          color: getVariant(callToAction?.variant),
-          as: "button",
-          type: "submit",
-          disabled: !isValid || isSubmitting,
-          children: callToAction?.displayText
-        }
-      ) })
-    ] })
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Business Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "General_Business_Phone_SFDC2__c",
+                ...register("General_Business_Phone_SFDC2__c", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Business Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors.General_Business_Phone_SFDC2__c,
+                helperText: errors.General_Business_Phone_SFDC2__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Company_NMLS_ID__c",
+                ...register("Company_NMLS_ID__c"),
+                label: "Company NMLS ID",
+                sizes: "medium",
+                error: !!errors.Company_NMLS_ID__c,
+                helperText: errors.Company_NMLS_ID__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Business_Name__c",
+                ...register("Business_Name__c"),
+                label: "Business Name",
+                sizes: "medium",
+                error: !!errors.Business_Name__c,
+                helperText: errors.Business_Name__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Property_Zip__c",
+                ...register("Property_Zip__c"),
+                label: "Property Location or ZIP Code",
+                sizes: "medium",
+                error: !!errors.Property_Zip__c,
+                helperText: errors.Property_Zip__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Annual_Gross_Revenue__c",
+                ...register("Annual_Gross_Revenue__c", {
+                  required: true
+                }),
+                label: "Annual Gross Revenue",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Annual_Gross_Revenue__c,
+                helperText: errors.Annual_Gross_Revenue__c?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Time_in_Business__c",
+                ...register("Time_in_Business__c", {
+                  required: true
+                }),
+                label: "Time in Business",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Time_in_Business__c,
+                helperText: errors.Time_in_Business__c?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
+                  /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
+                  /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Lead_Type__c",
+                ...register("Lead_Type__c", {
+                  required: true
+                }),
+                label: "Type",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Lead_Type__c,
+                helperText: errors.Lead_Type__c?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
+                  /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
+                ]
+              }
+            ) }),
+            equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Type_of_Equipment_Finance__c",
+                ...register("Type_of_Equipment_Finance__c"),
+                label: "Type of Equipment",
+                sizes: "medium",
+                error: !!errors.Type_of_Equipment_Finance__c,
+                helperText: errors.Type_of_Equipment_Finance__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
+                  /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
+                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
+                  /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
+                  /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
+                  /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
+                  /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
+                  /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
+                  /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
+                ]
+              }
+            ) }),
+            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Asset_Class__c",
+                ...register("Asset_Class__c"),
+                label: "Asset Class",
+                sizes: "medium",
+                error: !!errors.Asset_Class__c,
+                helperText: errors.Asset_Class__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
+                  CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
+                  /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
+                  /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
+                  /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
+                  /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
+                  /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
+                ]
+              }
+            ) }),
+            CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Loan__c",
+                ...register("Loan__c"),
+                label: "Purpose of Loan",
+                sizes: "medium",
+                error: !!errors.Loan__c,
+                helperText: errors.Loan__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
+                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
+                ]
+              }
+            ) }),
+            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Requested_loan_amount_and_leverage__c",
+                ...register("Requested_loan_amount_and_leverage__c"),
+                label: "Requested Loan Amount and Leverage",
+                sizes: "medium",
+                error: !!errors.Requested_loan_amount_and_leverage__c,
+                helperText: errors.Requested_loan_amount_and_leverage__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
   ] }) }) }, id);
 };
 export {

package/dist/Forms/CommercialPremiumFinance.d.ts

@@ -7,4 +7,4 @@ export type CommercialPremiumFinanceInputs = {
     Insurance_Company__c: string;
     Type_of_Policy__c: string;
 };
-export declare const CommercialPremiumFinance: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialPremiumFinance: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;