@axos-web-dev/shared-components 1.0.8 → 1.0.9

package/dist/Article/Article.js

@@ -25,13 +25,7 @@ const Article = ({
         /* @__PURE__ */ jsx("div", { className: ant_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
-          /* @__PURE__ */ jsx(
-            LazyImage,
-            {
-              src: `${image?.src}?q=85`,
-              alt: image?.alt ?? ""
-            }
-          )
+          /* @__PURE__ */ jsx(LazyImage, { src: `${image?.src}?q=85`, alt: image?.alt ?? "" })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: `${ant_content} flex flex_col between`, children: [
           /* @__PURE__ */ jsxs("div", { children: [

package/dist/Calculators/ApyCalculator/index.js

@@ -16,9 +16,10 @@ const ApyCalculator = ({
   variant
 }) => {
   const calculator_variant = getVariant(variant);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
   const [initialDeposit, setInititalDeposit] = useState(1e3);
-  const [APR, setAPR] = useState(2.32);
-  const [APY, setAPY] = useState(2.35);
+  const [APR, setAPR] = useState(AXOS_ONE_APY - 0.11);
+  const [APY, setAPY] = useState(AXOS_ONE_APY);
   const [months, setMonths] = useState(12);
   const [compounding, setCompounding] = useState(360);
   const [monthlyDeposits, setMonthlyDeposits] = useState(100);

package/dist/Calculators/AxosOneCalculator/index.js

@@ -27,9 +27,10 @@ const AxosOneCalculator = ({
   variant
 }) => {
   const calc_variant = getVariant(variant);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
   const [balance, setBalance] = useState(1e4);
-  const [axbAPY, _setAxbAPY] = useState(4.86);
-  const [axbEarning, setAxbEarning] = useState(486);
+  const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
+  const [axbEarning, setAxbEarning] = useState(AXOS_ONE_APY * 100);
   const [chaseAPY, _setChaseAPY] = useState(0.01);
   const [chaseEarning, setChaseEarning] = useState(1);
   const [bofaAPY, _setBofaAPY] = useState(0.01);
@@ -45,7 +46,7 @@ const AxosOneCalculator = ({
     setBalance(newValue);
     return newValue;
   };
-  const calculateBlance = (amount) => {
+  const calculateBalance = (amount) => {
     setAxbEarning(axbAPY / 100 * amount);
     setChaseEarning(chaseAPY / 100 * amount);
     setBofaEarning(bofaAPY / 100 * amount);
@@ -91,7 +92,14 @@ const AxosOneCalculator = ({
           {
             className: ax1_calculator_button,
             size: "large",
-            action: () => calculateBlance(balance),
+            action: () => calculateBalance(balance),
+            tabIndex: 0,
+            role: "button",
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                calculateBalance(balance);
+              }
+            },
             children: "Calculate"
           }
         )

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -162,7 +162,13 @@ const ExecutiveBio = ({
           type: "image/webp"
         }
       ),
-      /* @__PURE__ */ jsx(LazyImage, { src: `${executiveHeadshot?.src}?q=85`, alt: "" })
+      /* @__PURE__ */ jsx(
+        LazyImage,
+        {
+          src: `${executiveHeadshot?.src}?q=85`,
+          alt: ""
+        }
+      )
     ] }) }) }) }),
     /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
       /* @__PURE__ */ jsxs("div", { className: person, children: [

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -67,13 +67,7 @@ const ImageBillboard = ({
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
-          /* @__PURE__ */ jsx(
-            LazyImage,
-            {
-              src: `${image?.src}?q=85`,
-              alt: image?.alt ?? ""
-            }
-          )
+          /* @__PURE__ */ jsx(LazyImage, { src: `${image?.src}?q=85`, alt: image?.alt ?? "" })
         ] }) }) : /* @__PURE__ */ jsx(
           "div",
           {

package/dist/Insight/Featured/Featured.js

@@ -153,52 +153,59 @@ const Featured = (props) => {
       children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
         headline && /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
         /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
-          /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid, featured_hero), children: [
-            /* @__PURE__ */ jsxs("picture", { children: [
-              /* @__PURE__ */ jsx(
-                "source",
-                {
-                  srcSet: `https:${main?.image?.url}?fm=avif`,
-                  type: "image/avif"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "source",
-                {
-                  srcSet: `https:${main?.image?.url}?fm=webp`,
-                  type: "image/webp"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Image,
-                {
-                  src: `https:${main?.image?.url}?q=85`,
-                  className: clsx(featured_maingrid_img),
-                  width: 703,
-                  height: 340,
-                  priority: true,
-                  alt: ""
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
-              /* @__PURE__ */ jsx(
-                "h2",
-                {
-                  className: clsx(
-                    title({ variant: "primary" }),
-                    featured_maingrid_title
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: main?.url,
+              className: clsx(featured_maingrid, featured_hero),
+              children: [
+                /* @__PURE__ */ jsxs("picture", { children: [
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${main?.image?.url}?fm=avif`,
+                      type: "image/avif"
+                    }
                   ),
-                  children: main?.title ?? ""
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
-                " ",
-                /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
-              ] })
-            ] })
-          ] }),
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${main?.image?.url}?fm=webp`,
+                      type: "image/webp"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Image,
+                    {
+                      src: `https:${main?.image?.url}?q=85`,
+                      className: clsx(featured_maingrid_img),
+                      width: 703,
+                      height: 340,
+                      priority: true,
+                      alt: ""
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      className: clsx(
+                        title({ variant: "primary" }),
+                        featured_maingrid_title
+                      ),
+                      children: main?.title ?? ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+                    " ",
+                    /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
+                  ] })
+                ] })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               FeaturedItem,

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

@@ -1,56 +1,56 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_o9pri_1";
-const wrapper = "_wrapper_o9pri_9";
-const header_main_row = "_header_main_row_o9pri_21";
-const mobile_header = "_mobile_header_o9pri_23";
-const logo_wrap = "_logo_wrap_o9pri_35";
-const primary_links = "_primary_links_o9pri_43";
-const main_nav_link = "_main_nav_link_o9pri_51";
-const sub_nav_link = "_sub_nav_link_o9pri_87";
-const signin_wrap = "_signin_wrap_o9pri_91";
-const signin_btn = "_signin_btn_o9pri_93";
-const header_sub_row = "_header_sub_row_o9pri_167";
-const signin_dropdown = "_signin_dropdown_o9pri_231";
-const shadow = "_shadow_o9pri_251";
-const signin_header = "_signin_header_o9pri_271";
-const signin_subheader = "_signin_subheader_o9pri_285";
-const opacity = "_opacity_o9pri_329";
-const fadeInDown = "_fadeInDown_o9pri_1";
-const signin_footer = "_signin_footer_o9pri_341";
-const open = "_open_o9pri_383";
-const dd_wrapper = "_dd_wrapper_o9pri_407";
-const dd_media = "_dd_media_o9pri_425";
-const dd_media_img = "_dd_media_img_o9pri_435";
-const dd_site_navs = "_dd_site_navs_o9pri_443";
-const dd_media_header = "_dd_media_header_o9pri_457";
-const mt_8 = "_mt_8_o9pri_477";
-const mt_16 = "_mt_16_o9pri_485";
-const ml_8 = "_ml_8_o9pri_493";
-const dd_media_cta = "_dd_media_cta_o9pri_501";
-const reversed_row = "_reversed_row_o9pri_565";
-const headline = "_headline_o9pri_585";
-const nav_anchor = "_nav_anchor_o9pri_601";
-const headline_cta = "_headline_cta_o9pri_617";
-const site_lists = "_site_lists_o9pri_647";
-const hamburger = "_hamburger_o9pri_723";
-const mobile_only = "_mobile_only_o9pri_751";
-const mobile_logo = "_mobile_logo_o9pri_763";
-const highlight = "_highlight_o9pri_773";
-const mobile_nav = "_mobile_nav_o9pri_825";
-const mobile_opened = "_mobile_opened_o9pri_847";
-const mobile_nav_item = "_mobile_nav_item_o9pri_863";
-const has_dropdown = "_has_dropdown_o9pri_893";
-const icon_wrap = "_icon_wrap_o9pri_925";
-const mobile_footer = "_mobile_footer_o9pri_935";
-const mobile_footer_content = "_mobile_footer_content_o9pri_945";
-const mobile_footer_media = "_mobile_footer_media_o9pri_975";
-const footer_cta = "_footer_cta_o9pri_987";
-const inner_wrapper = "_inner_wrapper_o9pri_1043";
-const btn = "_btn_o9pri_1053";
-const sub_menu = "_sub_menu_o9pri_1063";
-const main = "_main_o9pri_51";
-const dd_footer = "_dd_footer_o9pri_1113";
-const skip_btn = "_skip_btn_o9pri_1129";
-const desktop_only = "_desktop_only_o9pri_1219";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1bt29_1";
+const wrapper = "_wrapper_1bt29_5";
+const header_main_row = "_header_main_row_1bt29_11";
+const mobile_header = "_mobile_header_1bt29_12";
+const logo_wrap = "_logo_wrap_1bt29_18";
+const primary_links = "_primary_links_1bt29_22";
+const main_nav_link = "_main_nav_link_1bt29_26";
+const sub_nav_link = "_sub_nav_link_1bt29_44";
+const signin_wrap = "_signin_wrap_1bt29_46";
+const signin_btn = "_signin_btn_1bt29_47";
+const header_sub_row = "_header_sub_row_1bt29_84";
+const signin_dropdown = "_signin_dropdown_1bt29_116";
+const shadow = "_shadow_1bt29_126";
+const signin_header = "_signin_header_1bt29_136";
+const signin_subheader = "_signin_subheader_1bt29_143";
+const opacity = "_opacity_1bt29_165";
+const fadeInDown = "_fadeInDown_1bt29_1";
+const signin_footer = "_signin_footer_1bt29_171";
+const open = "_open_1bt29_192";
+const dd_wrapper = "_dd_wrapper_1bt29_204";
+const dd_media = "_dd_media_1bt29_213";
+const dd_media_img = "_dd_media_img_1bt29_218";
+const dd_site_navs = "_dd_site_navs_1bt29_222";
+const dd_media_header = "_dd_media_header_1bt29_229";
+const mt_8 = "_mt_8_1bt29_239";
+const mt_16 = "_mt_16_1bt29_243";
+const ml_8 = "_ml_8_1bt29_247";
+const dd_media_cta = "_dd_media_cta_1bt29_251";
+const reversed_row = "_reversed_row_1bt29_283";
+const headline = "_headline_1bt29_293";
+const nav_anchor = "_nav_anchor_1bt29_301";
+const headline_cta = "_headline_cta_1bt29_309";
+const site_lists = "_site_lists_1bt29_324";
+const hamburger = "_hamburger_1bt29_362";
+const mobile_only = "_mobile_only_1bt29_376";
+const mobile_logo = "_mobile_logo_1bt29_382";
+const highlight = "_highlight_1bt29_387";
+const mobile_nav = "_mobile_nav_1bt29_413";
+const mobile_opened = "_mobile_opened_1bt29_424";
+const mobile_nav_item = "_mobile_nav_item_1bt29_432";
+const has_dropdown = "_has_dropdown_1bt29_447";
+const icon_wrap = "_icon_wrap_1bt29_463";
+const mobile_footer = "_mobile_footer_1bt29_468";
+const mobile_footer_content = "_mobile_footer_content_1bt29_473";
+const mobile_footer_media = "_mobile_footer_media_1bt29_488";
+const footer_cta = "_footer_cta_1bt29_494";
+const inner_wrapper = "_inner_wrapper_1bt29_522";
+const btn = "_btn_1bt29_527";
+const sub_menu = "_sub_menu_1bt29_532";
+const main = "_main_1bt29_26";
+const dd_footer = "_dd_footer_1bt29_557";
+const skip_btn = "_skip_btn_1bt29_565";
+const desktop_only = "_desktop_only_1bt29_610";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -119,6 +119,7 @@ function SubNavBar() {
   const [hoveredLink, setHoveredLink] = useState(void 0);
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
   const containerRef = useRef(null);
   const [isClient, setIsClient] = useState(false);
   const support = subNavItems.support;
@@ -138,7 +139,8 @@ function SubNavBar() {
     "/invest",
     "/tools"
   ];
-  if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage)) return null;
+  if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage))
+    return null;
   useEffect(() => {
     setIsClient(true);
   }, []);
@@ -732,7 +734,11 @@ function SubNavBar() {
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                     /* @__PURE__ */ jsx("p", { role: "heading", children: "Introducing Axos ONE" }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Explore the benefits of our newest account bundle with up to 4.86% APY on Savings, up to 0.51% on Checking, plus early paydays and no maintenance fees." })
+                    /* @__PURE__ */ jsxs("p", { className: styles.mt_8, children: [
+                      "Explore the benefits of our newest account bundle with up to ",
+                      AXOS_ONE_APY,
+                      "% APY on Savings, up to 0.51% on Checking, plus early paydays and no maintenance fees."
+                    ] })
                   ] }),
                   /* @__PURE__ */ jsx(
                     "div",
@@ -741,7 +747,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4dO1rYpd0H4ONDtLWCw5ze/2a843450436d41d18d91d6b97a7501bb/axos-one-nav.png`,
+                          src: `https://images.axos.com/o9ov1v03uwqk/17Q3IVqKwSGO9cMqFUWF4o/056f0174df9933f3963b215072bfe76b/axos-one-nav.png`,
                           alt: "",
                           width: 233,
                           height: 233