@axos-web-dev/shared-components 1.0.100-dev.8 → 1.0.100-dev.81

package/dist/Forms/ApplicationStart.js

@@ -20,17 +20,18 @@ 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                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "../utils/allowedAxosDomains.js";
+import * as z from "zod";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
 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";
@@ -49,10 +50,11 @@ const ApplicationStart = ({
   onValidate,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     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) => await validateEmail(val)),
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
     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) {

package/dist/Forms/ApplyNow.js

@@ -6,13 +6,14 @@ 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/Modal/Modal.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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/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                                */
+import '../assets/Modal/Modal.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/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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import { useReducer } from "react";
 import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
@@ -22,7 +23,6 @@ import "../Chevron/Chevron.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import { useReducer } from "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
@@ -70,12 +70,14 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -102,7 +104,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
@@ -110,15 +111,12 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
+import "../Modal/contextApi/store.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */
@@ -133,7 +131,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                */
 /* empty css                                              */
 /* empty css                                */
-import "../Modal/contextApi/store.js";
 const ApplyNow = ({
   icon = false,
   children,

package/dist/Forms/BoatMooringLocation.d.ts

@@ -0,0 +1,25 @@
+import { FormProps } from './FormProps';
+
+export type BoatMooringLocationInputs = {
+    email: string;
+    firstName: string;
+    lastName: string;
+    boatName: string;
+    marinaAddress: string;
+    marinaAddress2: string;
+    city: string;
+    state: string;
+    zip: string;
+    country: string;
+    seasonallyMove: "Yes" | "No";
+    charter: "Yes" | "No";
+    extraMarinaAddress: string;
+    extraMarinaAddress2: string;
+    extraCity: string;
+    extraState: string;
+    extraZip: string;
+    extraCountry: string;
+    charterType: "Limited Charter" | "Full-time Charter";
+    charterCompany: string;
+};
+export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/BoatMooringLocation.js

@@ -0,0 +1,480 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import { Input } from "../Input/Input.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.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";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import * as z from "zod";
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
+const BoatMooringLocation = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  callToAction,
+  validateEmail,
+  onValidate,
+  description,
+  id
+}) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const schema = z.object({
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    boatName: z.string().trim(),
+    marinaAddress: z.string().trim(),
+    marinaAddress2: z.string().trim().optional().or(z.literal("")),
+    city: z.string().trim(),
+    state: z.string().trim(),
+    zip: z.string().regex(/^[0-9]*$/g, { message: "Invalid zip code" }).trim().max(5, { message: "Zip code is 5 digits maximum." }),
+    country: z.string().trim(),
+    seasonallyMove: z.string().trim().optional().or(z.literal("")),
+    charter: z.string().trim().optional().or(z.literal("")),
+    extraMarinaAddress: z.string().trim().optional().or(z.literal("")),
+    extraMarinaAddress2: z.string().trim().optional().or(z.literal("")),
+    extraCity: z.string().trim().optional().or(z.literal("")),
+    extraState: z.string().trim().optional().or(z.literal("")),
+    extraZip: z.string().trim().optional().or(z.literal("")),
+    extraCountry: z.string().trim().optional().or(z.literal("")),
+    charterType: z.string().trim().optional().or(z.literal("")),
+    charterCompany: z.string().trim().optional().or(z.literal(""))
+  });
+  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(gen_schema, {
+      async: true
+    }),
+    mode: "all",
+    shouldUnregister: true,
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    watch,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const seasonMove = watch("seasonallyMove");
+  const isCharter = watch("charter");
+  const renderExtraFields = seasonMove === "Yes";
+  const renderCharterFields = isCharter === "Yes";
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            "text_center",
+            form,
+            descriptionField({ variant })
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__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", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "firstName",
+                ...register("firstName", {
+                  required: true
+                }),
+                label: "First Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.firstName?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "lastName",
+                ...register("lastName", {
+                  required: true
+                }),
+                label: "Last Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.lastName?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email Address",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "boatName",
+                ...register("boatName", { required: true }),
+                label: "Boat Name",
+                sizes: "medium",
+                required: true,
+                helperText: errors.boatName?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "marinaAddress",
+                ...register("marinaAddress", { required: true }),
+                label: "Marina Address Line 1",
+                sizes: "medium",
+                required: true,
+                helperText: errors.marinaAddress?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "marinaAddress2",
+                label: "Marina Address Line 2 (optional)",
+                sizes: "medium",
+                required: false,
+                helperText: errors.marinaAddress2?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "city",
+                ...register("city", { required: true }),
+                label: "City",
+                sizes: "medium",
+                required: true,
+                helperText: errors.city?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "state",
+                ...register("state", { required: true }),
+                label: "State",
+                sizes: "medium",
+                required: true,
+                helperText: errors.state?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "zip",
+                ...register("zip", { required: true }),
+                label: "Zip Code",
+                sizes: "medium",
+                required: true,
+                helperText: errors.zip?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "country",
+                ...register("country", { required: true }),
+                label: "Country",
+                sizes: "medium",
+                required: true,
+                helperText: errors.country?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "seasonallyMove",
+                label: "Do you move your boat seasonally?",
+                sizes: "medium",
+                required: true,
+                error: !!errors.seasonallyMove,
+                helperText: errors.seasonallyMove?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("seasonallyMove", {
+                        required: true
+                      }),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "seasonallyMove"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("seasonallyMove", {
+                        required: true
+                      }),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "seasonallyMove"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            renderExtraFields && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "extraMarinaAddress",
+                  ...register("extraMarinaAddress"),
+                  label: "Marina Address Line 1",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.extraMarinaAddress?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "extraMarinaAddress2",
+                  label: "Marina Address Line 2 (optional)",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.extraMarinaAddress2?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "extraCity",
+                  ...register("extraCity"),
+                  label: "City",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.extraCity?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "extraState",
+                  ...register("extraState"),
+                  label: "State",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.extraState?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "extraZip",
+                  ...register("extraZip"),
+                  label: "Zip Code",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.extraZip?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "extraCountry",
+                  ...register("extraCountry"),
+                  label: "Country",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.extraCountry?.message,
+                  variant
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "charter",
+                label: "Is your boat a charter?",
+                sizes: "medium",
+                required: true,
+                error: !!errors.charter,
+                helperText: errors.charter?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("charter"),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "charter"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("charter"),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "charter"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            renderCharterFields && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "charterCompany",
+                  ...register("charterCompany"),
+                  label: "Name of Charter Company: ",
+                  sizes: "medium",
+                  required: false,
+                  helperText: errors.charterCompany?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
+                RadioButtonSet,
+                {
+                  id: "charterType",
+                  label: "Charter Type: ",
+                  sizes: "medium",
+                  required: false,
+                  error: !!errors.charterType,
+                  helperText: errors.charterType?.message,
+                  variant,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      RadioButton,
+                      {
+                        ...register("charterType"),
+                        value: "Limited Charter",
+                        radioText: "Limited Charter",
+                        groupName: "charterType"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      RadioButton,
+                      {
+                        ...register("charterType"),
+                        value: "Full-time Charter",
+                        radioText: "Full-time Charter",
+                        groupName: "charterType"
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ] }),
+            /* @__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 {
+  BoatMooringLocation
+};

package/dist/Forms/ClearingForm.js

@@ -21,17 +21,18 @@ 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                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "../utils/allowedAxosDomains.js";
+import * as z from "zod";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
 import { iconForm, headerForm, form, descriptionField, headerContainer, xc_input, fullRowForm, ro_input, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
@@ -65,6 +66,7 @@ const ClearingForm = ({
   onValidate,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
       message: "First name is required."
@@ -72,7 +74,7 @@ const ClearingForm = ({
     last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
       message: "Last Name is required."
     }).trim().min(1, { message: "Last Name is required." }),
-    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
     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) {