@axos-web-dev/shared-components 1.0.99-dev-10 → 1.0.99-dev.11

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -1,4 +1,4 @@
-import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -8,7 +8,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.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                                    */
 /* empty css                                                    */

package/dist/FaqAccordion/FaqAccordion.css.js

@@ -1,4 +1,4 @@
-import '../assets/FaqAccordion/FaqAccordion.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/FaqAccordion/index.js

@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-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                                    */
 /* empty css                                                    */
@@ -127,7 +127,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
+import { summary, summaryHeader, content, faqAccordion_section, header, faqAccordion } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
   addItem: (id) => {

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,4 +1,4 @@
-import '../assets/FdicCallout/FdicCallout.css.css';const fdic_callout = "_fdic_callout_1f6md_1";
+const fdic_callout = "_fdic_callout_1f6md_1";
 const inner_container = "_inner_container_1f6md_6";
 const css = {
   fdic_callout,

package/dist/FooterDisclosure/FooterDisclosure.css.js

@@ -1,4 +1,4 @@
-import '../assets/FooterDisclosure/FooterDisclosure.css';/* empty css                                    */
+/* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var footerDisclosure = createRuntimeFn({ defaultClassName: "_1a6b3vu0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 var footerParagraph = "_1a6b3vu1";

package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js

@@ -1,4 +1,4 @@
-import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.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                                    */

package/dist/FooterDisclosure/LVF/LaVictorieFooter.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Hyperlink } from "../../Hyperlink/index.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -10,7 +10,7 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
 import SvgComponent$1 from "../../icons/Logos/LVF.js";
 import SvgComponent from "../../icons/Logos/LVFText.js";
 import clsx from "clsx";
-import { divider, lvf_footer_terms, lvf_footer_content, lvf_small_footer, lvf_footer } from "./LaVictorieFooter.css.js";
+import { lvf_footer, lvf_small_footer, lvf_footer_content, lvf_footer_terms, divider } from "./LaVictorieFooter.css.js";
 const LaVictorieFooter = ({
   footerLinks,
   logo = "full",

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js

@@ -1,4 +1,4 @@
-import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/Typography/Typography.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                                             */

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -3,7 +3,7 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-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/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/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.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                                       */
 /* empty css                                                       */

package/dist/Forms/ApplicationStart.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";
-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                                                    */
@@ -31,7 +31,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ApplicationStart = ({

package/dist/Forms/ApplyNow.d.ts

@@ -1,6 +1,6 @@
 import { FormProps } from './FormProps';
 
-export declare const ApplyNow: ({ icon, children, disclosure, variant: fullVariant, headline, description, id, gbf, }: Omit<FormProps & {
+export declare const ApplyNow: ({ icon, children, disclosure, variant: fullVariant, headline, description, id, gbf, project, }: Omit<FormProps & {
     gbf?: boolean;
+    project?: string;
 }, "callToAction" | "validateEmail" | "onSubmit">) => import("react/jsx-runtime").JSX.Element;
-export declare const getLink: (selection: Array<string>) => string;

package/dist/Forms/ApplyNow.js

@@ -6,7 +6,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/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/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                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -45,9 +45,10 @@ import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
-import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, step_title_apply_now, form_nav_apply_now, iconbillboards_option_apply_now, show_options, hide_options, back_btn_apply_now, disclosureForm, formContainer } from "./Forms.css.js";
+import { formContainer, iconForm, axosHeader, headerContainer, headerForm, form, descriptionField, apply_now_form, formWrapper, show_options, hide_options, form_nav_apply_now, step_title_apply_now, iconbillboards_option_apply_now, back_btn_apply_now, disclosureForm } from "./Forms.css.js";
 import "./HoneyPot/index.js";
 import "./SalesforceFieldsForm.js";
+import { getLink } from "./applynow-utils.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -135,7 +136,8 @@ const ApplyNow = ({
   headline,
   description,
   id,
-  gbf = false
+  gbf = false,
+  project = "lvf"
 }) => {
   const reducer = (state, action) => {
     if (action.type == "back") {
@@ -145,11 +147,29 @@ const ApplyNow = ({
         selection: state.selection.includes("Inventory Finance") ? [] : state.selection.slice(0, -1)
       };
     }
+    if (action.type == "Initial") {
+      return {
+        ...state,
+        step: 1,
+        selection: [],
+        title: "Choose the boat loan that fits your needs."
+      };
+    }
     if (action.type == "Term") {
-      return { ...state, step: 2, selection: ["Term"] };
+      return {
+        ...state,
+        step: 2,
+        selection: ["Term"],
+        title: "How are you going to use your boat?"
+      };
     }
     if (action.type == "Credit Line") {
-      return { ...state, step: 2, selection: ["Credit Line"] };
+      return {
+        ...state,
+        step: 2,
+        selection: ["Credit Line"],
+        title: "How are you going to use your boat?"
+      };
     }
     if (action.type == "Inventory Finance") {
       return { ...state, step: 4, selection: ["Inventory Finance"] };
@@ -158,31 +178,40 @@ const ApplyNow = ({
       return {
         ...state,
         step: 3,
-        selection: [...state.selection, "Limited Charter"]
+        selection: [...state.selection, "Limited Charter"],
+        title: "Will you hold your boat in LLC or personally own it?"
       };
     }
     if (action.type == "Personal Use") {
       return {
         ...state,
         step: 3,
-        selection: [...state.selection, "Personal Use"]
+        selection: [...state.selection, "Personal Use"],
+        title: "Will you hold your boat in LLC or personally own it?"
       };
     }
     if (action.type == "Full-time Charter") {
       return {
         ...state,
         step: 3,
-        selection: [...state.selection, "Full-time Charter"]
+        selection: [...state.selection, "Full-time Charter"],
+        title: "Will you hold your boat in LLC or personally own it?"
       };
     }
     if (action.type == "LLC") {
-      return { ...state, step: 4, selection: [...state.selection, "LLC"] };
+      return {
+        ...state,
+        step: 4,
+        selection: [...state.selection, "LLC"],
+        title: "Get ready to start your application."
+      };
     }
     if (action.type == "Personal") {
       return {
         ...state,
         step: 4,
-        selection: [...state.selection, "Personal"]
+        selection: [...state.selection, "Personal"],
+        title: "Get ready to start your application."
       };
     }
     if (action.type == "URL") {
@@ -197,26 +226,38 @@ const ApplyNow = ({
   const [stateRed, dispatch] = useReducer(reducer, {
     url: "",
     selection: [],
-    step: 1
+    step: 1,
+    title: "Choose the boat loan that fits your needs."
   });
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(Fragment, { 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 && typeof description === "string" ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx(
-            "text_center",
-            form,
-            descriptionField({ variant })
-          ),
-          children: description
-        }
-      ) : description
-    ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          project === "lvf" ? axosHeader : "",
+          `${headerContainer} text_center`,
+          headerForm({ variant })
+        ),
+        children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: stateRed.title ?? headline }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant }),
+                project === "axos" && stateRed.step > 1 ? "hide" : ""
+              ),
+              children: description
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("form", { className: project === "lvf" ? form : apply_now_form, children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -235,30 +276,48 @@ const ApplyNow = ({
               stateRed.step == 1 ? show_options : hide_options
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: clsx(form_nav_apply_now), children: /* @__PURE__ */ jsx(
-                "p",
+              /* @__PURE__ */ jsx(
+                "div",
                 {
                   className: clsx(
-                    "header_2",
-                    headerForm({ variant }),
-                    step_title_apply_now
+                    form_nav_apply_now,
+                    project !== "lvf" ? "hide" : ""
                   ),
-                  children: "Step One"
+                  children: /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: clsx(
+                        "header_2",
+                        headerForm({ variant }),
+                        step_title_apply_now
+                      ),
+                      children: "Step One"
+                    }
+                  )
                 }
-              ) }),
+              ),
               /* @__PURE__ */ jsxs("div", { className: clsx(iconbillboards_option_apply_now), children: [
                 /* @__PURE__ */ jsx(
                   IconBillboard,
                   {
                     headline: "Term Loans",
-                    body: "I am buying a new or used boat OR I am looking for a Preapproval.",
+                    body: project === "lvf" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      "I am buying a new or used boat ",
+                      /* @__PURE__ */ jsx("strong", { children: "or" }),
+                      " I am looking for a Preapproval."
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      "I'm ready to begin a boat loan application",
+                      " ",
+                      /* @__PURE__ */ jsx("strong", { children: "or" }),
+                      " get preapproved."
+                    ] }),
                     callToActionRow: [
                       {
                         id: "Term",
                         targetUrl: "#",
-                        displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
+                        displayText: project === "lvf" ? "Select" : "Get Started",
+                        variant: project === "lvf" ? "secondary" : "primary",
+                        type: project === "lvf" ? "Button" : "Chevron",
                         as: "button",
                         onClick: () => {
                           dispatch({ type: "Term" });
@@ -270,48 +329,50 @@ const ApplyNow = ({
                     variant: "primary"
                   }
                 ),
-                gbf && /* @__PURE__ */ jsx(
-                  IconBillboard,
-                  {
-                    headline: "Credit Line",
-                    body: "I want to make improvements on my boat.",
-                    callToActionRow: [
-                      {
-                        id: "Credit Line",
-                        targetUrl: "#",
-                        displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
-                        as: "button",
-                        onClick: () => {
-                          dispatch({ type: "Credit Line" });
-                          dispatch({ type: "URL" });
+                project === "lvf" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  gbf && /* @__PURE__ */ jsx(
+                    IconBillboard,
+                    {
+                      headline: "Credit Line",
+                      body: "I want to make improvements on my boat.",
+                      callToActionRow: [
+                        {
+                          id: "Credit Line",
+                          targetUrl: "#",
+                          displayText: "Select",
+                          variant: "secondary",
+                          type: "Button",
+                          as: "button",
+                          onClick: () => {
+                            dispatch({ type: "Credit Line" });
+                            dispatch({ type: "URL" });
+                          }
                         }
-                      }
-                    ],
-                    id: "Credit Line",
-                    variant: "primary"
-                  }
-                ),
-                !gbf && /* @__PURE__ */ jsx(
-                  IconBillboard,
-                  {
-                    headline: "Inventory Finance",
-                    body: "I am a boat dealer purchasing multiple boats in the future.",
-                    callToActionRow: [
-                      {
-                        id: "Inventory Finance",
-                        targetUrl: "/contact-us",
-                        displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
-                        as: "a"
-                      }
-                    ],
-                    id: "billboard-term",
-                    variant: "primary"
-                  }
-                )
+                      ],
+                      id: "Credit Line",
+                      variant: "primary"
+                    }
+                  ),
+                  !gbf && /* @__PURE__ */ jsx(
+                    IconBillboard,
+                    {
+                      headline: "Inventory Finance",
+                      body: "I am a boat dealer purchasing multiple boats in the future.",
+                      callToActionRow: [
+                        {
+                          id: "Inventory Finance",
+                          targetUrl: "/contact-us",
+                          displayText: "Select",
+                          variant: "secondary",
+                          type: "Button",
+                          as: "a"
+                        }
+                      ],
+                      id: "billboard-term",
+                      variant: "primary"
+                    }
+                  )
+                ] })
               ] })
             ]
           }
@@ -332,6 +393,7 @@ const ApplyNow = ({
                     action: () => {
                       dispatch({ type: "back" });
                       dispatch({ type: "URL" });
+                      dispatch({ type: "Initial" });
                     },
                     variant: "primary",
                     targetUrl: "#",
@@ -347,7 +409,8 @@ const ApplyNow = ({
                     className: clsx(
                       "header_2",
                       headerForm({ variant }),
-                      step_title_apply_now
+                      step_title_apply_now,
+                      project !== "lvf" ? "hide" : ""
                     ),
                     children: "Step Two"
                   }
@@ -364,8 +427,8 @@ const ApplyNow = ({
                         id: "Full-time Charter",
                         targetUrl: "#",
                         displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
+                        variant: project === "lvf" ? "secondary" : "primary",
+                        type: project === "lvf" ? "Button" : "Chevron",
                         as: "button",
                         onClick: () => {
                           dispatch({ type: "Full-time Charter" });
@@ -387,8 +450,8 @@ const ApplyNow = ({
                         id: "Limited-charter",
                         targetUrl: "#",
                         displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
+                        variant: project === "lvf" ? "secondary" : "primary",
+                        type: project === "lvf" ? "Button" : "Chevron",
                         as: "button",
                         onClick: () => {
                           dispatch({ type: "Limited Charter" });
@@ -410,8 +473,8 @@ const ApplyNow = ({
                         id: "personal-use",
                         targetUrl: "#",
                         displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
+                        variant: project === "lvf" ? "secondary" : "primary",
+                        type: project === "lvf" ? "Button" : "Chevron",
                         as: "button",
                         onClick: () => {
                           dispatch({ type: "Personal Use" });
@@ -458,7 +521,8 @@ const ApplyNow = ({
                     className: clsx(
                       "header_2",
                       headerForm({ variant }),
-                      step_title_apply_now
+                      step_title_apply_now,
+                      project !== "lvf" ? "hide" : ""
                     ),
                     children: "Step Three"
                   }
@@ -475,8 +539,8 @@ const ApplyNow = ({
                         id: "llc",
                         targetUrl: "#",
                         displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
+                        variant: project === "lvf" ? "secondary" : "primary",
+                        type: project === "lvf" ? "Button" : "Chevron",
                         as: "button",
                         onClick: () => {
                           dispatch({ type: "LLC" });
@@ -498,8 +562,8 @@ const ApplyNow = ({
                         id: "personal",
                         targetUrl: "#",
                         displayText: "Select",
-                        variant: "secondary",
-                        type: "Button",
+                        variant: project === "lvf" ? "secondary" : "primary",
+                        type: project === "lvf" ? "Button" : "Chevron",
                         as: "button",
                         onClick: () => {
                           dispatch({ type: "Personal" });
@@ -567,8 +631,8 @@ const ApplyNow = ({
                     {
                       id: "Inventory Finance",
                       targetUrl: stateRed.url,
-                      displayText: "Select",
-                      variant: "secondary",
+                      displayText: project === "lvf" ? "Select" : "Start Application",
+                      variant: project === "lvf" ? "secondary" : "primary",
                       type: "Button",
                       as: "a"
                     }
@@ -586,52 +650,6 @@ const ApplyNow = ({
     ] })
   ] }) }) }, id);
 };
-const getLink = (selection) => {
-  const formSelection = selection.join(" | ");
-  let url = "{LVFMYSITE}/Portal/nPortal__SelfRegistration?core=es5";
-  switch (formSelection) {
-    case "Term | Full-time Charter | LLC":
-      url += "&product=a0u5e000001XiAo";
-      break;
-    case "Term | Limited Charter | LLC":
-      url += "&product=a0u5e000001XiAp";
-      break;
-    case "Term | Personal Use | LLC":
-      url += "&product=a0u5e000001XiB3";
-      break;
-    case "Term | Full-time Charter | Personal":
-      url += "&product=a0u5e000001Wfd5";
-      break;
-    case "Term | Limited Charter | Personal":
-      url += "&product=a0u5e000001WfdA";
-      break;
-    case "Term | Personal Use | Personal":
-      url += "&product=a0u5e000001WfdB";
-      break;
-    case "Credit Line | Full-time Charter | LLC":
-      url += "&product=a0u8W00002DhceX";
-      break;
-    case "Credit Line | Limited Charter | LLC":
-      url += "&product=a0u8W00002DhceY";
-      break;
-    case "Credit Line | Personal Use | LLC":
-      url += "&product=a0u8W00002DhceZ";
-      break;
-    case "Credit Line | Full-time Charter | Personal":
-      url += "&product=a0u8W00002DhceS";
-      break;
-    case "Credit Line | Limited Charter | Personal":
-      url += "&product=a0u8W00002DhceT";
-      break;
-    case "Credit Line | Personal Use | Personal":
-      url += "&product=a0u8W00002DhceU";
-      break;
-    default:
-      url += "&product=a0u5e000000hzHz";
-  }
-  return url;
-};
 export {
-  ApplyNow,
-  getLink
+  ApplyNow
 };

package/dist/Forms/ClearingForm.js

@@ -21,7 +21,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -32,7 +32,7 @@ import { getVariant } from "../utils/getVariant.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 { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, xc_input, fullRowForm, ro_input, disclosureForm, actions } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const options = [