@axos-web-dev/shared-components 1.0.93 → 1.0.95-dev.1

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1r8g1_1";
-const author = "_author_1r8g1_13";
-const quote = "_quote_1r8g1_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
+const author = "_author_1mzku_7";
+const quote = "_quote_1mzku_1";
 const css = {
   quote_spacer,
   author,

package/dist/Calculators/AxosOneCalculator/index.js

@@ -141,48 +141,48 @@ const AxosOneCalculator = ({
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Chase",
+                  "Wells Fargo",
                   /* @__PURE__ */ jsx("sup", { children: "2" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  chaseAPY.toFixed(2),
+                  fargoAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  chaseEarning.toLocaleString(void 0, {
+                  fargoEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Wells Fargo",
+                  "Bank of America",
                   /* @__PURE__ */ jsx("sup", { children: "3" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  fargoAPY.toFixed(2),
+                  bofaAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  fargoEarning.toLocaleString(void 0, {
+                  bofaEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Bank of America",
+                  "Chase",
                   /* @__PURE__ */ jsx("sup", { children: "4" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  bofaAPY.toFixed(2),
+                  chaseAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  bofaEarning.toLocaleString(void 0, {
+                  chaseEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })

package/dist/Carousel/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import React, { useEffect, Children, cloneElement } from "react";
 import { section_text } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -14,7 +15,6 @@ import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";

package/dist/Comparison/Comparison.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import "react";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -121,5 +121,6 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
+export declare const link_wrapper: string;
 export type ContainerVariants = RecipeVariants<typeof containerIconBillboard>;
 export type LayoutVariants = RecipeVariants<typeof layout>;

package/dist/IconBillboard/IconBillboard.css.js

@@ -17,6 +17,7 @@ var section_text = "_1r4ovbui";
 var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
 var section_container = "_1r4ovbuo";
 var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbuu";
 export {
   billboard_icon,
   buttons,
@@ -25,6 +26,7 @@ export {
   headerIconBillboard,
   header_section,
   layout,
+  link_wrapper,
   list,
   listItem,
   section_body,

package/dist/IconBillboard/IconBillboard.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import { useRef, useState, useEffect, createElement } from "react";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
+import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard, link_wrapper } from "./IconBillboard.css.js";
 const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
 const IconBillboard = (props) => {
   const {
@@ -36,15 +36,42 @@ const IconBillboard = (props) => {
       }
     }
   }, []);
+  let chevronCount = 0;
+  let buttonCount = 0;
+  let chevronUrl;
+  let chevronText;
+  if (callToActionRow && callToActionRow.length > 0) {
+    callToActionRow.forEach((cta) => {
+      if (cta.type === "Button") {
+        buttonCount++;
+      } else {
+        chevronCount++;
+        chevronUrl = cta.targetUrl;
+        chevronText = cta.displayText;
+      }
+    });
+  }
+  const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
+  const handleClick = (e) => {
+    if (!isClickable) return;
+    const linkEl = e.currentTarget.querySelector("a");
+    if (linkEl && linkEl instanceof HTMLAnchorElement) {
+      window.location.href = linkEl.href;
+    }
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
         containerIconBillboard({ variant }),
         `${set ? "" : "containment"}`,
-        "billboard rounded flex_col gap_24 is_icon"
+        "billboard rounded flex_col gap_24 is_icon",
+        isClickable && link_wrapper
       ),
       id,
+      onClick: handleClick,
+      role: isClickable ? "link" : void 0,
+      title: isClickable ? chevronText : void 0,
       children: [
         /* @__PURE__ */ jsxs("div", { className: `flex_col middle ${layout({ side })}`, children: [
           icon && /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 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 { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   Icon,
@@ -12,6 +12,7 @@ export {
   headerIconBillboard,
   header_section,
   layout,
+  link_wrapper,
   list,
   listItem,
   section_body,

package/dist/ImageLink/ImageLinkSet.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "clsx";
 import "react";
 import { buttons } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -10,7 +11,6 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import { Chevron } from "../Chevron/index.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Chevron } from "../../Chevron/index.js";
+import clsx from "clsx";
 import "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWra
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";

package/dist/Insight/Featured/Featured.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
 import { Fragment } from "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";

package/dist/Insight/Featured/Header.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -9,7 +10,6 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -4,12 +4,12 @@ import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
 import { useRef, useState, useEffect } from "react";
 import "react-use";
+import "../../utils/allowedAxosDomains.js";
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import { usePathname } from "next/navigation.js";
 import styles from "./NavBar.module.js";
 import { sub_nav, absolute, dd_media, dd_media_btn } from "./SubNavbar.css.js";
-import "../../utils/allowedAxosDomains.js";
-import { appendQueryParams } from "../../utils/appendQueryParams.js";
 function SubNavBar() {
   const subNav1 = useRef(null);
   const [isMouseOver, setIsMouseOver] = useState(false);
@@ -245,14 +245,7 @@ function SubNavBar() {
                         children: "Advisor Private Client Banking"
                       }
                     ) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href: "/products/premier-world-checking-and-savings",
-                        children: "Advisor World Checking and Savings"
-                      }
-                    ) })
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -4,14 +4,14 @@ import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
 import { useState, useRef, useEffect } from "react";
 import { useClickAway } from "react-use";
+import "../../utils/allowedAxosDomains.js";
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import { NavItem } from "../NavItem/index.js";
 import { Sign_in_btn, expand } from "./NavBar.css.js";
 import styles from "./NavBar.module.js";
 import { navItems } from "./NavData.js";
 import SubNavBar from "./SubNavBar.js";
-import "../../utils/allowedAxosDomains.js";
-import { appendQueryParams } from "../../utils/appendQueryParams.js";
 function NavBar() {
   const [isOpenSignIn, setisOpenSignIn] = useState(false);
   const [isOpenSignInToggle, setisOpenSignInToggle] = useState(false);
@@ -343,15 +343,7 @@ function NavBar() {
                             children: "Advisor Private Client Banking"
                           }
                         ),
-                        /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", role: "menuitem", children: "InsureGuard+" }),
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/products/premier-world-checking-and-savings",
-                            role: "menuitem",
-                            children: "Advisor World Checking and Savings"
-                          }
-                        )
+                        /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", role: "menuitem", children: "InsureGuard+" })
                       ]
                     }
                   )

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

@@ -1,19 +1,19 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1rjre_1";
-const drawer = "_drawer_1rjre_17";
-const hamburger = "_hamburger_1rjre_57";
-const header = "_header_1rjre_79";
-const back = "_back_1rjre_101";
-const close = "_close_1rjre_123";
-const levelContainer = "_levelContainer_1rjre_137";
-const level = "_level_1rjre_137";
-const levelTitle = "_levelTitle_1rjre_169";
-const menu = "_menu_1rjre_179";
-const menuItem = "_menuItem_1rjre_219";
-const chevron = "_chevron_1rjre_251";
-const chevronIcon = "_chevronIcon_1rjre_261";
-const quickLinks = "_quickLinks_1rjre_283";
-const quickLink = "_quickLink_1rjre_283";
-const sr_only = "_sr_only_1rjre_331";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1s2qa_1";
+const drawer = "_drawer_1s2qa_9";
+const hamburger = "_hamburger_1s2qa_29";
+const header = "_header_1s2qa_40";
+const back = "_back_1s2qa_51";
+const close = "_close_1s2qa_62";
+const levelContainer = "_levelContainer_1s2qa_69";
+const level = "_level_1s2qa_69";
+const levelTitle = "_levelTitle_1s2qa_85";
+const menu = "_menu_1s2qa_90";
+const menuItem = "_menuItem_1s2qa_110";
+const chevron = "_chevron_1s2qa_126";
+const chevronIcon = "_chevronIcon_1s2qa_131";
+const quickLinks = "_quickLinks_1s2qa_142";
+const quickLink = "_quickLink_1s2qa_142";
+const sr_only = "_sr_only_1s2qa_166";
 const styles = {
   overlay,
   drawer,

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -23,7 +23,6 @@ export declare const menuData: {
                 "Premier Home": string;
                 "Private Client": string;
                 "InsureGuard+": string;
-                "World Checking & Savings": string;
             };
             "ATM Locator": string;
             "Refer-a-Friend": string;

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -171,9 +171,6 @@ const menuData = {
         ),
         "InsureGuard+": findMoreAxosDomains(
           "{AXOSBANK}/personal/bank/premier/insureguard-savings"
-        ),
-        "World Checking & Savings": findMoreAxosDomains(
-          "{AXOSBANK}/personal/bank/premier/world-checking-and-savings"
         )
       },
       "ATM Locator": findMoreAxosDomains(

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

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_nom5w_1";
-const wrapper = "_wrapper_nom5w_9";
-const header_main_row = "_header_main_row_nom5w_21";
-const logo_wrap = "_logo_wrap_nom5w_33";
-const primary_links = "_primary_links_nom5w_41";
-const main_nav_link = "_main_nav_link_nom5w_49";
-const sub_nav_link = "_sub_nav_link_nom5w_113";
-const signin_wrap = "_signin_wrap_nom5w_117";
-const signin_btn = "_signin_btn_nom5w_119";
-const header_sub_row = "_header_sub_row_nom5w_193";
-const signin_dropdown = "_signin_dropdown_nom5w_257";
-const shadow = "_shadow_nom5w_277";
-const signin_header = "_signin_header_nom5w_297";
-const signin_subheader = "_signin_subheader_nom5w_311";
-const opacity = "_opacity_nom5w_355";
-const fadeInDown = "_fadeInDown_nom5w_1";
-const signin_footer = "_signin_footer_nom5w_367";
-const open = "_open_nom5w_409";
-const dd_wrapper = "_dd_wrapper_nom5w_433";
-const dd_media = "_dd_media_nom5w_451";
-const dd_media_img = "_dd_media_img_nom5w_461";
-const dd_site_navs = "_dd_site_navs_nom5w_469";
-const dd_media_header = "_dd_media_header_nom5w_483";
-const mt_8 = "_mt_8_nom5w_503";
-const mt_16 = "_mt_16_nom5w_511";
-const ml_8 = "_ml_8_nom5w_519";
-const dd_media_cta = "_dd_media_cta_nom5w_527";
-const reversed_row = "_reversed_row_nom5w_591";
-const headline = "_headline_nom5w_611";
-const nav_anchor = "_nav_anchor_nom5w_627";
-const headline_cta = "_headline_cta_nom5w_643";
-const site_lists = "_site_lists_nom5w_673";
-const mobile_only = "_mobile_only_nom5w_749";
-const mobile_logo = "_mobile_logo_nom5w_761";
-const highlight = "_highlight_nom5w_775";
-const mobile_opened = "_mobile_opened_nom5w_787";
-const dd_footer = "_dd_footer_nom5w_803";
-const skip_btn = "_skip_btn_nom5w_819";
-const desktop_only = "_desktop_only_nom5w_891";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_68bu0_1";
+const wrapper = "_wrapper_68bu0_5";
+const header_main_row = "_header_main_row_68bu0_11";
+const logo_wrap = "_logo_wrap_68bu0_17";
+const primary_links = "_primary_links_68bu0_21";
+const main_nav_link = "_main_nav_link_68bu0_25";
+const sub_nav_link = "_sub_nav_link_68bu0_57";
+const signin_wrap = "_signin_wrap_68bu0_59";
+const signin_btn = "_signin_btn_68bu0_60";
+const header_sub_row = "_header_sub_row_68bu0_97";
+const signin_dropdown = "_signin_dropdown_68bu0_129";
+const shadow = "_shadow_68bu0_139";
+const signin_header = "_signin_header_68bu0_149";
+const signin_subheader = "_signin_subheader_68bu0_156";
+const opacity = "_opacity_68bu0_178";
+const fadeInDown = "_fadeInDown_68bu0_1";
+const signin_footer = "_signin_footer_68bu0_184";
+const open = "_open_68bu0_205";
+const dd_wrapper = "_dd_wrapper_68bu0_217";
+const dd_media = "_dd_media_68bu0_226";
+const dd_media_img = "_dd_media_img_68bu0_231";
+const dd_site_navs = "_dd_site_navs_68bu0_235";
+const dd_media_header = "_dd_media_header_68bu0_242";
+const mt_8 = "_mt_8_68bu0_252";
+const mt_16 = "_mt_16_68bu0_256";
+const ml_8 = "_ml_8_68bu0_260";
+const dd_media_cta = "_dd_media_cta_68bu0_264";
+const reversed_row = "_reversed_row_68bu0_296";
+const headline = "_headline_68bu0_306";
+const nav_anchor = "_nav_anchor_68bu0_314";
+const headline_cta = "_headline_cta_68bu0_322";
+const site_lists = "_site_lists_68bu0_337";
+const mobile_only = "_mobile_only_68bu0_375";
+const mobile_logo = "_mobile_logo_68bu0_381";
+const highlight = "_highlight_68bu0_388";
+const mobile_opened = "_mobile_opened_68bu0_394";
+const dd_footer = "_dd_footer_68bu0_402";
+const skip_btn = "_skip_btn_68bu0_410";
+const desktop_only = "_desktop_only_68bu0_446";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -1024,15 +1024,6 @@ function SubNavBar() {
                             ),
                             children: "InsureGuard+"
                           }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: findMoreAxosDomains(
-                              "{AXOSBANK}/personal/bank/premier/world-checking-and-savings"
-                            ),
-                            children: "World Checking & Savings"
-                          }
                         ) })
                       ] })
                     ] }),

package/dist/NavigationMenu/NavDataJson.d.ts

@@ -0,0 +1,2 @@
+export declare const navItems: any;
+export declare const subNavItems: any;