@axos-web-dev/shared-components 0.0.196 → 0.0.198

package/dist/Forms/EmailOnly.js

@@ -23,6 +23,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -34,7 +35,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../utils/EverestValidity.js";
-import clsx from "clsx";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -45,6 +45,8 @@ import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+/* empty css                                          */
+/* empty css                                          */
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -59,8 +61,6 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                          */
-/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

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

@@ -196,3 +196,8 @@ export declare const resposiveLabel: string;
 export declare const dropdown: string;
 export declare const dynPH: string;
 export declare const na_cursor: string;
+export declare const show_options: string;
+export declare const hide_options: string;
+export declare const back_btn_apply_now: string;
+export declare const iconbillboards_option_apply_now: string;
+export declare const form_nav_apply_now: string;

package/dist/Forms/Forms.css.js

@@ -41,8 +41,14 @@ var resposiveLabel = "tfms6a1u";
 var dropdown = "tfms6a1v";
 var dynPH = "tfms6a1w";
 var na_cursor = "tfms6a1x";
+var show_options = "tfms6a1y";
+var hide_options = "tfms6a1z";
+var back_btn_apply_now = "tfms6a20";
+var iconbillboards_option_apply_now = "tfms6a21";
+var form_nav_apply_now = "tfms6a22";
 export {
   actions,
+  back_btn_apply_now,
   centerSelect,
   checkbox_group,
   descriptionField,
@@ -53,11 +59,14 @@ export {
   formBtns,
   formContainer,
   formWrapper,
+  form_nav_apply_now,
   fullRowForm,
   fullRowSelect,
   headerContainer,
   headerForm,
+  hide_options,
   iconForm,
+  iconbillboards_option_apply_now,
   modalCheckboxContainer,
   modalMobile,
   mt1Rem,
@@ -69,6 +78,7 @@ export {
   resposiveLabel,
   ro_input,
   section_title,
+  show_options,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/Forms/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ApplicationStart';
+export * from './ApplyNow';
 export * from './ClearingForm';
 export * from './CommercialDeposits';
 export * from './CommercialLending';

package/dist/Forms/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { ApplicationStart } from "./ApplicationStart.js";
+import { ApplyNow, getLink } from "./ApplyNow.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
 import { CommercialLending } from "./CommercialLending.js";
@@ -13,7 +14,7 @@ import { CpraRequest } from "./CpraRequest.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, fullRowForm, fullRowSelect, headerContainer, headerForm, iconForm, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
+import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
 import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
@@ -32,6 +33,7 @@ import { SuccesFormWrapper } from "./SuccesForm.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
 export {
   ApplicationStart,
+  ApplyNow,
   ClearingForm,
   CommercialDeposits,
   CommercialLending,
@@ -57,6 +59,7 @@ export {
   UserInformation,
   WCPLSurvey,
   actions,
+  back_btn_apply_now,
   centerSelect,
   checkbox_group,
   descriptionField,
@@ -67,11 +70,15 @@ export {
   formBtns,
   formContainer,
   formWrapper,
+  form_nav_apply_now,
   fullRowForm,
   fullRowSelect,
+  getLink,
   headerContainer,
   headerForm,
+  hide_options,
   iconForm,
+  iconbillboards_option_apply_now,
   mb_form,
   modalCheckboxContainer,
   modalMobile,
@@ -86,6 +93,7 @@ export {
   results_container,
   ro_input,
   section_title,
+  show_options,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/Hyperlink/index.js

@@ -8,6 +8,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
+import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -15,7 +16,6 @@ import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
 import { validateLink } from "../utils/validateExternalLinks.js";
-import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/IconBillboard/IconBillboard.d.ts

@@ -1,5 +1,5 @@
 import { ChevronProps } from '../Chevron/Chevron.interface';
-import { ReactNode } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { ImageInterface } from '.';
 import { ContainerVariants, LayoutVariants } from './IconBillboard.css';
 
@@ -15,4 +15,5 @@ export interface FocusProps {
     set?: boolean;
     id?: string;
 }
+export declare const Icon: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const IconBillboard: (props: FocusProps & ContainerVariants & LayoutVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/IconBillboard/IconBillboard.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -7,7 +7,8 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { billboard_icon, containerIconBillboard, layout, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
 const IconBillboard = (props) => {
   const {
     callToActionRow,
@@ -49,8 +50,24 @@ const IconBillboard = (props) => {
             targetUrl,
             type,
             marketingIntersitial,
-            newTab
-          }) => type === "Button" ? /* @__PURE__ */ jsx(
+            newTab,
+            ...rest
+          }) => type === "Button" ? rest.as == "button" ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              targetUrl,
+              color: getVariant(variant2),
+              size: "medium",
+              rounded: "medium",
+              marketingIntersitial,
+              newTab,
+              as: "button",
+              type: "button",
+              action: rest?.onClick,
+              children: displayText
+            },
+            id2
+          ) : /* @__PURE__ */ jsx(
             Button,
             {
               targetUrl,
@@ -79,5 +96,6 @@ const IconBillboard = (props) => {
   );
 };
 export {
+  Icon,
   IconBillboard
 };

package/dist/IconBillboard/index.js

@@ -1,7 +1,8 @@
-import { IconBillboard } from "./IconBillboard.js";
+import { Icon, IconBillboard } from "./IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
+  Icon,
   IconBillboard,
   IconBillboardSet,
   billboard_icon,

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -90,7 +90,7 @@ const ImageBillboard = ({
               )
             ] }),
             /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
-            bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(
+            bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(
               ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
                 /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(
                   SvgCheckIcon,

package/dist/ImageLink/index.js

@@ -7,13 +7,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
+import "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/Modal/Modal.js

@@ -8,6 +8,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
+import "clsx";
 import "react";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
@@ -17,7 +18,6 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-import "clsx";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -39,6 +39,8 @@ import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+/* empty css                                          */
+/* empty css                                          */
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -53,8 +55,6 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                          */
-/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/NavigationMenu/AxosBank/NavBar.module.js

@@ -1,56 +1,56 @@
-const header = "_header_1hvl7_1";
-const wrapper = "_wrapper_1hvl7_5";
-const header_main_row = "_header_main_row_1hvl7_11";
-const mobile_header = "_mobile_header_1hvl7_12";
-const logo_wrap = "_logo_wrap_1hvl7_18";
-const primary_links = "_primary_links_1hvl7_22";
-const main_nav_link = "_main_nav_link_1hvl7_26";
-const sub_nav_link = "_sub_nav_link_1hvl7_44";
-const signin_wrap = "_signin_wrap_1hvl7_46";
-const signin_btn = "_signin_btn_1hvl7_47";
-const header_sub_row = "_header_sub_row_1hvl7_84";
-const signin_dropdown = "_signin_dropdown_1hvl7_107";
-const shadow = "_shadow_1hvl7_117";
-const signin_header = "_signin_header_1hvl7_127";
-const signin_subheader = "_signin_subheader_1hvl7_134";
-const opacity = "_opacity_1hvl7_156";
-const fadeInDown = "_fadeInDown_1hvl7_1";
-const signin_footer = "_signin_footer_1hvl7_162";
-const open = "_open_1hvl7_183";
-const dd_wrapper = "_dd_wrapper_1hvl7_195";
-const dd_media = "_dd_media_1hvl7_204";
-const dd_media_img = "_dd_media_img_1hvl7_209";
-const dd_site_navs = "_dd_site_navs_1hvl7_213";
-const dd_media_header = "_dd_media_header_1hvl7_220";
-const mt_8 = "_mt_8_1hvl7_230";
-const mt_16 = "_mt_16_1hvl7_234";
-const ml_8 = "_ml_8_1hvl7_238";
-const dd_media_cta = "_dd_media_cta_1hvl7_242";
-const reversed_row = "_reversed_row_1hvl7_274";
-const headline = "_headline_1hvl7_284";
-const nav_anchor = "_nav_anchor_1hvl7_299";
-const headline_cta = "_headline_cta_1hvl7_307";
-const site_lists = "_site_lists_1hvl7_322";
-const hamburger = "_hamburger_1hvl7_360";
-const mobile_only = "_mobile_only_1hvl7_374";
-const mobile_logo = "_mobile_logo_1hvl7_380";
-const highlight = "_highlight_1hvl7_385";
-const mobile_nav = "_mobile_nav_1hvl7_411";
-const mobile_opened = "_mobile_opened_1hvl7_422";
-const mobile_nav_item = "_mobile_nav_item_1hvl7_430";
-const has_dropdown = "_has_dropdown_1hvl7_445";
-const icon_wrap = "_icon_wrap_1hvl7_461";
-const mobile_footer = "_mobile_footer_1hvl7_466";
-const mobile_footer_content = "_mobile_footer_content_1hvl7_471";
-const mobile_footer_media = "_mobile_footer_media_1hvl7_485";
-const footer_cta = "_footer_cta_1hvl7_491";
-const inner_wrapper = "_inner_wrapper_1hvl7_519";
-const btn = "_btn_1hvl7_524";
-const sub_menu = "_sub_menu_1hvl7_529";
-const main = "_main_1hvl7_26";
-const dd_footer = "_dd_footer_1hvl7_554";
-const skip_btn = "_skip_btn_1hvl7_562";
-const desktop_only = "_desktop_only_1hvl7_607";
+const header = "_header_1dbja_1";
+const wrapper = "_wrapper_1dbja_9";
+const header_main_row = "_header_main_row_1dbja_21";
+const mobile_header = "_mobile_header_1dbja_23";
+const logo_wrap = "_logo_wrap_1dbja_35";
+const primary_links = "_primary_links_1dbja_43";
+const main_nav_link = "_main_nav_link_1dbja_51";
+const sub_nav_link = "_sub_nav_link_1dbja_87";
+const signin_wrap = "_signin_wrap_1dbja_91";
+const signin_btn = "_signin_btn_1dbja_93";
+const header_sub_row = "_header_sub_row_1dbja_167";
+const signin_dropdown = "_signin_dropdown_1dbja_213";
+const shadow = "_shadow_1dbja_233";
+const signin_header = "_signin_header_1dbja_253";
+const signin_subheader = "_signin_subheader_1dbja_267";
+const opacity = "_opacity_1dbja_311";
+const fadeInDown = "_fadeInDown_1dbja_1";
+const signin_footer = "_signin_footer_1dbja_323";
+const open = "_open_1dbja_365";
+const dd_wrapper = "_dd_wrapper_1dbja_389";
+const dd_media = "_dd_media_1dbja_407";
+const dd_media_img = "_dd_media_img_1dbja_417";
+const dd_site_navs = "_dd_site_navs_1dbja_425";
+const dd_media_header = "_dd_media_header_1dbja_439";
+const mt_8 = "_mt_8_1dbja_459";
+const mt_16 = "_mt_16_1dbja_467";
+const ml_8 = "_ml_8_1dbja_475";
+const dd_media_cta = "_dd_media_cta_1dbja_483";
+const reversed_row = "_reversed_row_1dbja_547";
+const headline = "_headline_1dbja_567";
+const nav_anchor = "_nav_anchor_1dbja_583";
+const headline_cta = "_headline_cta_1dbja_599";
+const site_lists = "_site_lists_1dbja_629";
+const hamburger = "_hamburger_1dbja_705";
+const mobile_only = "_mobile_only_1dbja_733";
+const mobile_logo = "_mobile_logo_1dbja_745";
+const highlight = "_highlight_1dbja_755";
+const mobile_nav = "_mobile_nav_1dbja_807";
+const mobile_opened = "_mobile_opened_1dbja_829";
+const mobile_nav_item = "_mobile_nav_item_1dbja_845";
+const has_dropdown = "_has_dropdown_1dbja_875";
+const icon_wrap = "_icon_wrap_1dbja_907";
+const mobile_footer = "_mobile_footer_1dbja_917";
+const mobile_footer_content = "_mobile_footer_content_1dbja_927";
+const mobile_footer_media = "_mobile_footer_media_1dbja_955";
+const footer_cta = "_footer_cta_1dbja_967";
+const inner_wrapper = "_inner_wrapper_1dbja_1023";
+const btn = "_btn_1dbja_1033";
+const sub_menu = "_sub_menu_1dbja_1043";
+const main = "_main_1dbja_51";
+const dd_footer = "_dd_footer_1dbja_1093";
+const skip_btn = "_skip_btn_1dbja_1109";
+const desktop_only = "_desktop_only_1dbja_1199";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -7,13 +7,13 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                      */
 /* empty css                                                       */
 /* empty css                                                   */
+import "clsx";
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-import "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
@@ -106,10 +106,26 @@ import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
 const navItemsRaw = [
-  { name: "Personal", url: findMoreAxosDomains("{AXOSBANK}/personal") },
-  { name: "Business", url: findMoreAxosDomains("{AXOSBANK}/business") },
-  { name: "Partners", url: findMoreAxosDomains("{AXOSBANK}/partners") },
-  { name: "Support", url: findMoreAxosDomains("{AXOSBANK}/customer-support") }
+  {
+    domain: "/personal",
+    name: "Personal",
+    url: findMoreAxosDomains("{AXOSBANK}/personal/bank")
+  },
+  {
+    domain: "/business",
+    name: "Business",
+    url: findMoreAxosDomains("{AXOSBANK}/business")
+  },
+  {
+    domain: "/partners",
+    name: "Partners",
+    url: findMoreAxosDomains("{AXOSBANK}/partners")
+  },
+  {
+    domain: "/customer-support",
+    name: "Support",
+    url: findMoreAxosDomains("{AXOSBANK}/customer-support")
+  }
 ];
 const subNavItemsRaw = {
   personal: [
@@ -153,7 +169,7 @@ const subNavItemsRaw = {
   ],
   partners: [
     {
-      name: "New! Marine Dealer Floorplan Finance",
+      name: "Marine Dealer Floorplan Finance",
       url: "https://lavictoirefinance.com/dealers",
       id: "pt_1"
     },
@@ -213,11 +229,6 @@ const subNavItemsRaw = {
       url: findMoreAxosDomains("{AXOSBANK}/about-us/history-of-axos"),
       id: "a_2"
     },
-    {
-      name: "Why Axos",
-      url: findMoreAxosDomains("{AXOSBANK}/careers/why-axos"),
-      id: "a_3"
-    },
     {
       name: "Awards and Recognitions",
       url: findMoreAxosDomains("{AXOSBANK}/about-us/awards-and-recognitions"),