@axos-web-dev/shared-components 1.0.7 → 1.0.9-9.dev.1

package/dist/Forms/CpraRequest.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
@@ -16,22 +16,24 @@ import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
+import CheckboxGroup from "../Input/CheckboxGroup.js";
 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";
-/* empty css                                */
+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                                                */
+import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
+import { associatedEmail } from "../utils/EverestValidity.js";
 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, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import CheckboxGroup from "../Input/CheckboxGroup.js";
-import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const CpraRequest = ({
   icon = false,
   children,
@@ -49,21 +51,11 @@ const CpraRequest = ({
     California_Resident: z.string(),
     Categories_of_personal_info: z.string(),
     Pieces_of_personal_information: z.string(),
-    Request_Correction_of_Information: z.string().optional(),
-    Corrected_Information: z.string().optional().refine(
-      (val) => {
-        if (requestCorrectionOfInfo === "Yes" && !val) {
-          return false;
-        }
-        return true;
-      },
-      {
-        message: "Corrected Information is required."
-      }
-    ),
+    Request_Correction_of_Information: z.string(),
     Delete_personal_info: z.string(),
     Opt_out_of_sale_of_info: z.string(),
     Current_client: z.string(),
+    Former_client: z.string(),
     Currently_Employed_by_Axos_Financial: z.string(),
     Previously_Employed_by_Axos_Financial: z.string(),
     Ever_Applied_for_Employment_with_Axos_Financial: z.string(),
@@ -81,7 +73,7 @@ const CpraRequest = ({
       message: "Last Name is required."
     }).trim().min(1, { message: "Last Name is required." }),
     email: z.string().email({ message: "Email is required." }),
-    Telephone: z.string().regex(/[\d-]{10}/, { message: "Phone is required." }).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+    Telephone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
         ctx.addIssue({
@@ -90,11 +82,26 @@ const CpraRequest = ({
         });
         return z.NEVER;
       }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
       return removeDashes;
     })
   });
+  const gen_schema = schema.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, {
+    resolver: zodResolver(gen_schema, {
       async: true
     }),
     mode: "all"
@@ -103,20 +110,12 @@ const CpraRequest = ({
     handleSubmit,
     register,
     setValue,
-    watch,
     formState: { errors, isValid, isSubmitting }
   } = methods;
   const submitForm = async (data) => {
     await onSubmit(data);
   };
   const variant = getVariant(fullVariant);
-  const options = [
-    { label: "Address", value: "Address" },
-    { label: "Name", value: "Name" },
-    { label: "Phone Number", value: "Phone Number" },
-    { label: "Date of Birth", value: "Date of Birth" },
-    { label: "Email", value: "Email" }
-  ];
   const options2 = [
     { label: "Axos Bank", value: "Axos Bank" },
     {
@@ -126,15 +125,7 @@ const CpraRequest = ({
     { label: "UFB Direct", value: "UFB Direct" },
     { label: "Other", value: "Other" }
   ];
-  const [selectedValues, setSelectedValues] = useState([]);
   const [selectedValues2, setSelectedValues2] = useState([]);
-  const requestCorrectionOfInfo = watch("Request_Correction_of_Information");
-  const handleSelectedValues = (updatedValues) => {
-    if (updatedValues) {
-      setSelectedValues(updatedValues);
-      setValue("Corrected_Information", updatedValues.join(";"));
-    }
-  };
   const handleSelectedValues2 = (updatedValues) => {
     if (updatedValues) {
       setSelectedValues2(updatedValues);
@@ -252,12 +243,12 @@ const CpraRequest = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "By selecting specific pieces of personal information Axos Financial has collected about you, you are required to sign a declaration, under penalty of perjury, that you are the individual whose information is provided above. We will provide you with the form and instructions at your preferred contact method. If you do not return the completed form, we will not be able to provide you with the specific pieces of personal information Axos Financial has collected about you." }) }),
+        /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "By selecting specific pieces of personal information Axos Financial has collected about you, you are required to sign a declaration, under penalty of perjury, that you are the individual whose information is provided above." }) }),
         /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
           RadioButtonSet,
           {
             id: "Request_Correction_of_Information",
-            label: "Request correction of information?",
+            label: "* Request correction of information?",
             sizes: "medium",
             required: true,
             error: !!errors.Request_Correction_of_Information,
@@ -285,18 +276,6 @@ const CpraRequest = ({
             ]
           }
         ) }),
-        requestCorrectionOfInfo === "Yes" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant })}`, children: "Please select all that apply." }),
-          /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx(
-            CheckboxGroup,
-            {
-              options,
-              selectedValues,
-              error: !!errors.Corrected_Information,
-              onChange: handleSelectedValues
-            }
-          ) })
-        ] }),
         /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs("div", { className: `${form} ${descriptionField({ variant })}`, children: [
           /* @__PURE__ */ jsx("u", { children: "Right to Delete:" }),
           " You have the right to submit a verifiable request asking that Axos Financial delete certain personal information Axos Financial has collected from you, subject to certain exceptions as permitted by law."
@@ -374,7 +353,7 @@ const CpraRequest = ({
           RadioButtonSet,
           {
             id: "Current_client",
-            label: "* I am a current or former client or customer.",
+            label: "* I am a current client or customer.",
             sizes: "medium",
             required: true,
             error: !!errors.Current_client,
@@ -402,6 +381,38 @@ const CpraRequest = ({
             ]
           }
         ) }),
+        /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
+          RadioButtonSet,
+          {
+            id: "Former_client",
+            label: "* I am a former client or customer.",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Former_client,
+            helperText: errors.Former_client?.message,
+            variant,
+            children: [
+              /* @__PURE__ */ jsx(
+                RadioButton,
+                {
+                  ...register("Former_client", {}),
+                  value: "Yes",
+                  radioText: "Yes",
+                  groupName: "Former_client"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RadioButton,
+                {
+                  ...register("Former_client", {}),
+                  value: "No",
+                  radioText: "No",
+                  groupName: "Former_client"
+                }
+              )
+            ]
+          }
+        ) }),
         /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
           RadioButtonSet,
           {
@@ -506,7 +517,7 @@ const CpraRequest = ({
         ) }),
         /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
           /* @__PURE__ */ jsx("h2", { className: `header_2 ${descriptionField({ variant })}`, children: "Step 3: Where have you interacted with Axos Financial?" }),
-          /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "Please select all that apply." })
+          /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "* Please select all that apply." })
         ] }),
         /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx(
           CheckboxGroup,
@@ -523,7 +534,7 @@ const CpraRequest = ({
           {
             id: "First_Name",
             ...register("First_Name", { required: true }),
-            label: "First Name",
+            label: "* First Name",
             sizes: "medium",
             required: true,
             error: !!errors.First_Name,
@@ -536,7 +547,7 @@ const CpraRequest = ({
           {
             id: "Last_Name",
             ...register("Last_Name", { required: true }),
-            label: "Last Name",
+            label: "* Last Name",
             sizes: "medium",
             required: true,
             error: !!errors.Last_Name,
@@ -552,7 +563,7 @@ const CpraRequest = ({
               required: true
             }),
             type: "date",
-            label: "Date of Birth",
+            label: "* Date of Birth",
             sizes: "medium",
             placeholder: "Date of Birth",
             required: true,
@@ -566,12 +577,12 @@ const CpraRequest = ({
           {
             id: "email",
             ...register("email", {
-              required: true
-              // validate: {
-              //   isValid: associatedEmail,
-              // },
+              required: true,
+              validate: {
+                isValid: associatedEmail
+              }
             }),
-            label: "Email",
+            label: "* Email",
             sizes: "medium",
             required: true,
             error: !!errors.email,
@@ -584,7 +595,7 @@ const CpraRequest = ({
           {
             id: "Telephone",
             ...register("Telephone", { required: true, maxLength: 12 }),
-            label: "Preferred Phone",
+            label: "* Preferred Phone",
             sizes: "medium",
             required: true,
             error: !!errors.Telephone,
@@ -597,7 +608,7 @@ const CpraRequest = ({
           {
             id: "Street_Address",
             ...register("Street_Address", { required: true }),
-            label: "Street Address",
+            label: "* Street Address",
             sizes: "medium",
             required: true,
             variant
@@ -608,7 +619,7 @@ const CpraRequest = ({
           {
             id: "City",
             ...register("City", { required: true }),
-            label: "City",
+            label: "* City",
             sizes: "medium",
             required: true,
             variant
@@ -621,7 +632,7 @@ const CpraRequest = ({
             ...register("State_", {
               required: true
             }),
-            label: "State",
+            label: "* State",
             sizes: "medium",
             required: true,
             error: !!errors.State_,
@@ -686,7 +697,7 @@ const CpraRequest = ({
           {
             id: "Zip_Code",
             ...register("Zip_Code", { required: true }),
-            label: "Zip Code",
+            label: "* Zip Code",
             sizes: "medium",
             required: true,
             variant
@@ -724,7 +735,8 @@ const CpraRequest = ({
               )
             ]
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
       ] }),
       children,
       /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),

package/dist/Forms/CraPublicFile.d.ts

@@ -1,10 +1,10 @@
 import { FormProps } from './FormProps';
 
 export type CraPublicFileInputs = {
-    first_name: string;
-    last_name: string;
-    email: string;
-    phone: string;
-    comments: string;
+    First_Name__c: string;
+    Last_Name__c: string;
+    Customer_Email__c: string;
+    Customer_Phone__c: string;
+    description: string;
 };
 export declare const CraPublicFile: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CraPublicFile.js

@@ -16,7 +16,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";
-/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';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                                                    */
@@ -43,7 +43,8 @@ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
-import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 /* empty css                                          */
 /* empty css                                          */
@@ -53,6 +54,8 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                  */
+/* empty css                                */
+import "../Modal/contextApi/store.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                               */
 import "iframe-resizer";
@@ -60,6 +63,12 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -80,23 +89,25 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
+/* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
-import "../Modal/contextApi/store.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
@@ -112,10 +123,9 @@ import "react-slick";
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
+/* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 const CraPublicFile = ({
   icon = false,
@@ -132,10 +142,10 @@ const CraPublicFile = ({
   id
 }) => {
   const schema = z.object({
-    first_name: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "First Name is required." }),
-    last_name: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "Last Name is required." }),
-    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
-    phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+    First_Name__c: z.string({ message: "Invalid first name." }).regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "First Name is required." }).optional().or(z.literal("")),
+    Last_Name__c: z.string({ message: "Invalid last name." }).regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "Last Name is required." }).optional().or(z.literal("")),
+    Customer_Email__c: z.string({ message: "Invalid email." }).email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)).optional().or(z.literal("")),
+    Customer_Phone__c: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
         ctx.addIssue({
@@ -144,13 +154,30 @@ const CraPublicFile = ({
         });
         return z.NEVER;
       }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
       return removeDashes;
-    }),
-    comments: z.string()
+    }).optional().or(z.literal("")),
+    description: z.string({ message: "Comments/Questions are required." }).min(10, {
+      message: "Comments/Questions should have at least 10 chars."
+    })
+  });
+  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),
+      gen_schema,
       {
         async: true
       },
@@ -159,13 +186,13 @@ const CraPublicFile = ({
     mode: "onChange",
     shouldUnregister: true,
     defaultValues: {
-      email: ""
+      Customer_Email__c: ""
     }
   });
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid, isSubmitting }
+    formState: { errors, isSubmitting }
   } = methods;
   const submitForm = async (data) => {
     await onSubmit(data);
@@ -192,77 +219,74 @@ const CraPublicFile = ({
         /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
           Input,
           {
-            id: "first_name",
-            ...register("first_name", { required: true }),
+            id: "First_Name__c",
+            ...register("First_Name__c"),
             label: "First Name",
             sizes: "medium",
             placeholder: "First Name",
-            required: true,
-            error: !!errors.first_name,
-            helperText: errors.first_name?.message,
+            error: !!errors.First_Name__c,
+            helperText: errors.First_Name__c?.message,
             variant
           }
         ) }),
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           Input,
           {
-            id: "last_name",
-            ...register("last_name", { required: true }),
+            id: "Last_Name__c",
+            ...register("Last_Name__c"),
             label: "Last Name",
             sizes: "medium",
             placeholder: "Last Name",
-            required: true,
-            error: !!errors.last_name,
-            helperText: errors.last_name?.message,
+            error: !!errors.Last_Name__c,
+            helperText: errors.Last_Name__c?.message,
             variant
           }
         ) }),
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           Input,
           {
-            id: "email",
-            ...register("email", {
-              required: true
-            }),
+            id: "Customer_Email__c",
+            ...register("Customer_Email__c"),
             type: "email",
             label: "Email",
             sizes: "medium",
             placeholder: "Email",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
+            error: !!errors.Customer_Email__c,
+            helperText: errors.Customer_Email__c?.message,
             variant
           }
         ) }),
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
           InputPhone,
           {
-            id: "phone",
-            ...register("phone", { required: true, maxLength: 12 }),
+            id: "Customer_Phone__c",
+            ...register("Customer_Phone__c", {
+              maxLength: 12
+            }),
             label: "Phone",
             sizes: "medium",
             placeholder: "Phone",
             type: "tel",
-            required: true,
-            error: !!errors.phone,
-            helperText: errors.phone?.message,
+            error: !!errors.Customer_Phone__c,
+            helperText: errors.Customer_Phone__c?.message,
             variant
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
           InputTextArea,
           {
-            id: "comments",
-            ...register("comments"),
+            id: "description",
+            ...register("description", { required: true }),
             label: "Comments/Questions",
             sizes: "medium",
             placeholder: "",
-            error: !!errors.comments,
-            helperText: errors.comments?.message,
+            error: !!errors.description,
+            helperText: errors.description?.message,
             variant,
             rows: 1
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
       ] }),
       children,
       /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
@@ -272,7 +296,7 @@ const CraPublicFile = ({
           color: getVariant(callToAction?.variant),
           as: "button",
           type: "submit",
-          disabled: !isValid || isSubmitting,
+          disabled: isSubmitting,
           children: callToAction?.displayText
         }
       ) })

package/dist/Forms/DealerServices.js

@@ -20,7 +20,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";
-/* empty css                                */
+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                                                    */
@@ -32,6 +32,7 @@ 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 { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const DealerServices = ({
   icon = false,
@@ -51,8 +52,7 @@ const DealerServices = ({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
     email: z.string().email({ message: "Email is required." }),
-    // .refine(async (val: string) => await validateEmail(val)),
-    phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+    phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
         ctx.addIssue({
@@ -61,6 +61,13 @@ const DealerServices = ({
         });
         return z.NEVER;
       }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
       return removeDashes;
     }),
     title: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Title is required." }),
@@ -74,8 +81,16 @@ const DealerServices = ({
     zip: z.string().trim().max(20).min(1, { message: "Zip code is required." }),
     description: z.string().trim().max(32e3)
   });
+  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",
@@ -299,7 +314,8 @@ const DealerServices = ({
             variant,
             rows: 1
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
       ] }),
       children,
       /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),