@axos-web-dev/shared-components 1.0.77-patch.6 → 1.0.77-patch.61

package/dist/Forms/EmailOnly.js

@@ -6,7 +6,7 @@ import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
+import { email_only_input } from "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -16,8 +16,9 @@ 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/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.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/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                                */
+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/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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -35,16 +36,20 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
+import { z } from "zod";
 import { associatedEmail } from "../utils/EverestValidity.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.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 "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import { iconForm, headerContainer, headerForm, email_only_h2, form, descriptionField, actions, email_only_btn, formWrapper, disclosureForm, formContainer, email_only_padding } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 /* empty css                                          */
 /* empty css                                          */
@@ -63,16 +68,22 @@ 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                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/authenticate.js";
+/* empty css                                    */
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -91,11 +102,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* 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 "next/navigation.js";
@@ -124,8 +136,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 const EmailOnly = ({
   icon = false,
@@ -139,18 +149,24 @@ const EmailOnly = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
-    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." })
+  });
+  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: async (data, context, options) => {
-      return zodResolver(schema.merge(SalesforceSchema))(
-        data,
-        context,
-        options
-      );
+      return zodResolver(gen_schema)(data, context, options);
     },
     mode: "all",
     defaultValues: {
@@ -167,55 +183,94 @@ const EmailOnly = ({
   };
   const variant = getVariant(fullVariant);
   const formType = "email";
-  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 })
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: clsx(
+        formContainer({ variant }),
+        email_only_padding,
+        "containment",
+        "rounded"
+      ),
+      children: /* @__PURE__ */ jsx("div", { style: { width: "100%" }, 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 }),
+                email_only_h2
+              ),
+              children: headline
+            }
           ),
-          children: description
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsx("div", { className: clsx(formWrapper({ variant, formType })), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: "email",
-          ...register("email", {
-            required: true,
-            validate: {
-              isValid: associatedEmail
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
+              children: description
             }
-          }),
-          sizes: "medium",
-          placeholder: "Enter Email",
-          required: true,
-          error: !!errors.email,
-          helperText: errors.email?.message,
-          variant
-        }
-      ) }) }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          color: getVariant(callToAction?.variant),
-          as: "button",
-          type: "submit",
-          disabled: !isValid || isSubmitting,
-          children: callToAction?.displayText
-        }
-      ) })
-    ] })
-  ] }) }) }, id);
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: form,
+            style: { width: "min(618px, 100%)" },
+            onSubmit: async (e) => {
+              onValidate && onValidate(e);
+              await handleSubmit(submitForm)(e);
+              e.preventDefault();
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType })), children: [
+                /* @__PURE__ */ jsx("div", { className: email_only_input, children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "email",
+                    ...register("email", {
+                      required: true,
+                      validate: {
+                        isValid: associatedEmail
+                      }
+                    }),
+                    sizes: "medium",
+                    placeholder: "Enter Email",
+                    required: true,
+                    error: !!errors.email,
+                    helperText: errors.email?.message,
+                    variant
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: actions, style: { marginTop: 0 }, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    color: getVariant(callToAction?.variant),
+                    as: "button",
+                    type: "submit",
+                    disabled: !isValid || isSubmitting,
+                    className: email_only_btn,
+                    children: callToAction?.displayText
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+              ] }),
+              children,
+              disclosure && /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure })
+            ]
+          }
+        )
+      ] }) })
+    },
+    id
+  );
 };
 export {
   EmailOnly

package/dist/Forms/EmailUs.d.ts

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

package/dist/Forms/EmailUs.js

@@ -12,18 +12,21 @@ 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, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const EmailUs = ({
   icon = false,
   children,
@@ -35,15 +38,25 @@ const EmailUs = ({
   headline,
   callToAction,
   validateEmail,
+  onValidate,
   description,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
-    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." }),
     message: z.string().min(2, "Message is required")
   });
+  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",
@@ -77,59 +90,71 @@ const EmailUs = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-        /* @__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, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
               }
-            }),
-            label: "Email",
-            sizes: "medium",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "message",
-            ...register("message", { required: true }),
-            label: "Write Your Message",
-            sizes: "medium",
-            required: true,
-            error: !!errors.message,
-            helperText: errors.message?.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(
+              InputTextArea,
+              {
+                id: "message",
+                ...register("message", { required: true }),
+                label: "Write Your Message",
+                sizes: "medium",
+                required: true,
+                error: !!errors.message,
+                helperText: errors.message?.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/FormEnums.js

@@ -177,20 +177,8 @@ const Fico = [
   { value: "720-759", text: "720-759" },
   { value: "700-719", text: "700-719" }
 ];
-const BuydownRate = [
-  { value: 2.99, text: "2.99%" },
-  { value: 3.99, text: "3.99%" },
-  { value: 4.99, text: "4.99%" },
-  { value: 5.99, text: "5.99%" },
-  { value: 6.99, text: "6.99%" }
-];
-const BuydownTerm = [
-  { value: 1, text: "1 Year" },
-  { value: 2, text: "2 Years" },
-  { value: 3, text: "3 Years" },
-  { value: 4, text: "4 Years" },
-  { value: 5, text: "5 Years" }
-];
+const BuydownRate = [{ value: 3.74, text: "3.74%" }];
+const BuydownTerm = [{ value: 3, text: "3 Years" }];
 const LoanRates = /* @__PURE__ */ new Map([
   [
     "3/6 SOFR ARM",
@@ -299,7 +287,60 @@ const LoanRates = /* @__PURE__ */ new Map([
     ])
   ],
   [
-    "20 Year Fixed - Personal Use/Limited Charter",
+    "20 Year Fixed Personal Use",
+    /* @__PURE__ */ new Map([
+      [
+        "800+",
+        /* @__PURE__ */ new Map([
+          ["$75,000 ≤ $100,000", "8.240%"],
+          ["$100,001 ≤ $150,000", "8.240%"],
+          ["$150,001 ≤ $250,000", "7.590%"],
+          ["$250,001 ≤ $500,000", "7.290%"],
+          ["$500,001 ≤ $1,500,000", "7.090%"],
+          ["$1,500,001 ≤ $2,000,000", "7.290%"],
+          ["> $2,000,000", "7.540%"]
+        ])
+      ],
+      [
+        "760-799",
+        /* @__PURE__ */ new Map([
+          ["$75,000 ≤ $100,000", "8.490%"],
+          ["$100,001 ≤ $150,000", "8.490%"],
+          ["$150,001 ≤ $250,000", "7.990%"],
+          ["$250,001 ≤ $500,000", "7.690%"],
+          ["$500,001 ≤ $1,500,000", "7.490%"],
+          ["$1,500,001 ≤ $2,000,000", "7.790%"],
+          ["> $2,000,000", "8.040%"]
+        ])
+      ],
+      [
+        "720-759",
+        /* @__PURE__ */ new Map([
+          ["$75,000 ≤ $100,000", "8.740%"],
+          ["$100,001 ≤ $150,000", "8.740%"],
+          ["$150,001 ≤ $250,000", "8.490%"],
+          ["$250,001 ≤ $500,000", "8.190%"],
+          ["$500,001 ≤ $1,500,000", "7.990%"],
+          ["$1,500,001 ≤ $2,000,000", "8.390%"],
+          ["> $2,000,000", "N/A"]
+        ])
+      ],
+      [
+        "700-719",
+        /* @__PURE__ */ new Map([
+          ["$75,000 ≤ $100,000", "9.240%"],
+          ["$100,001 ≤ $150,000", "9.240%"],
+          ["$150,001 ≤ $250,000", "8.990%"],
+          ["$250,001 ≤ $500,000", "8.990%"],
+          ["$500,001 ≤ $1,500,000", "8.490%"],
+          ["$1,500,001 ≤ $2,000,000", "N/A"],
+          ["> $2,000,000", "N/A"]
+        ])
+      ]
+    ])
+  ],
+  [
+    "20 Year Fixed Limited Charter",
     /* @__PURE__ */ new Map([
       [
         "800+",
@@ -352,7 +393,7 @@ const LoanRates = /* @__PURE__ */ new Map([
     ])
   ],
   [
-    "20 Year Fixed - Full Time Charter",
+    "20 Year Fixed Full Time Charter",
     /* @__PURE__ */ new Map([
       [
         "800+",

package/dist/Forms/FormProps.d.ts

@@ -7,6 +7,9 @@ export interface FormProps extends PropsWithChildren {
     onSubmit?: (values: {
         [index: string]: string | boolean | number | Date | any;
     }) => void;
+    onValidate?: (values: {
+        [index: string]: string | boolean | number | Date | any;
+    }) => void;
     icon?: boolean;
     headline?: ReactNode | string;
     description?: ReactNode | string;

package/dist/Forms/Forms.css.d.ts

@@ -1,3 +1,4 @@
+export declare const email_only_h2: string;
 export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -18,43 +19,33 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
         };
     };
 }>;
+export declare const email_only_padding: string;
 export declare const iconForm: string;
 export declare const headerContainer: string;
+export declare const axosHeader: string;
+export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -81,7 +72,9 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     formType: {
         email: {
-            gridTemplateColumns: "1fr";
+            alignItems: "flex-start";
+            gap: number;
+            gridTemplateColumns: "1fr auto !important";
         };
         questionnaire: {
             display: "flex";
@@ -111,6 +104,7 @@ export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeF
     };
 }>;
 export declare const form: string;
+export declare const apply_now_form: string;
 export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -212,3 +206,4 @@ export declare const back_btn_apply_now: string;
 export declare const iconbillboards_option_apply_now: string;
 export declare const form_nav_apply_now: string;
 export declare const step_title_apply_now: string;
+export declare const email_only_btn: string;