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

package/dist/Insight/Featured/CategorySelector.js

@@ -18,10 +18,10 @@ import "../../Chevron/Chevron.css.js";
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import "react";
-import { LazyImage } from "../../utils/lazyImage/lazyImage.js";
+import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
+import "react";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Button/Button.css.js";
@@ -63,7 +63,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -79,6 +78,7 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                            */
 import "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
+import "next/image.js";
 import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
@@ -165,19 +165,17 @@ const CategorySelector = (props) => {
 const InsightItem = (props) => {
   const { id, image, readingTime, title: itemTitle, url } = props;
   return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(selector_small_item), children: [
-    /* @__PURE__ */ jsxs("picture", { children: [
-      /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=avif`, type: "image/avif" }),
-      /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=webp`, type: "image/webp" }),
-      /* @__PURE__ */ jsx(
-        LazyImage,
-        {
-          src: `${image?.url}?q=85`,
-          alt: image?.alt ?? "",
-          className: clsx(featured_maingrid_img, selector_img),
-          height: 207
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+      OptimizeImage,
+      {
+        src: `${image?.url}`,
+        alt: image?.alt ?? "",
+        className: clsx(featured_maingrid_img, selector_img),
+        height: 207,
+        width: 368,
+        rootMargin: "210px"
+      }
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
       /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
       /* @__PURE__ */ jsxs("div", { children: [

package/dist/Insight/Featured/Featured.js

@@ -17,6 +17,7 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import { Fragment } from "react";
+import Image from "next/image.js";
 import "../../Article/Article.css.js";
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
@@ -64,7 +65,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import Image from "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/Insight/Featured/Header.js

@@ -15,6 +15,7 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "react";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
@@ -62,7 +63,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/Modal/Modal.js

@@ -12,6 +12,7 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/Vid
 import "clsx";
 import "react";
 import "../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../Article/Article.css.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
@@ -61,7 +62,6 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -12,6 +12,7 @@ import "clsx";
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -62,7 +63,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/AxosALTS/index.js

@@ -13,6 +13,7 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTi
 import { useState, useEffect } from "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -63,7 +64,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

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

@@ -1,56 +1,56 @@
-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";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1nad4_1";
+const wrapper = "_wrapper_1nad4_5";
+const header_main_row = "_header_main_row_1nad4_11";
+const mobile_header = "_mobile_header_1nad4_12";
+const logo_wrap = "_logo_wrap_1nad4_18";
+const primary_links = "_primary_links_1nad4_22";
+const main_nav_link = "_main_nav_link_1nad4_26";
+const sub_nav_link = "_sub_nav_link_1nad4_58";
+const signin_wrap = "_signin_wrap_1nad4_60";
+const signin_btn = "_signin_btn_1nad4_61";
+const header_sub_row = "_header_sub_row_1nad4_98";
+const signin_dropdown = "_signin_dropdown_1nad4_130";
+const shadow = "_shadow_1nad4_140";
+const signin_header = "_signin_header_1nad4_150";
+const signin_subheader = "_signin_subheader_1nad4_157";
+const opacity = "_opacity_1nad4_179";
+const fadeInDown = "_fadeInDown_1nad4_1";
+const signin_footer = "_signin_footer_1nad4_185";
+const open = "_open_1nad4_206";
+const dd_wrapper = "_dd_wrapper_1nad4_218";
+const dd_media = "_dd_media_1nad4_227";
+const dd_media_img = "_dd_media_img_1nad4_232";
+const dd_site_navs = "_dd_site_navs_1nad4_236";
+const dd_media_header = "_dd_media_header_1nad4_243";
+const mt_8 = "_mt_8_1nad4_253";
+const mt_16 = "_mt_16_1nad4_257";
+const ml_8 = "_ml_8_1nad4_261";
+const dd_media_cta = "_dd_media_cta_1nad4_265";
+const reversed_row = "_reversed_row_1nad4_297";
+const headline = "_headline_1nad4_307";
+const nav_anchor = "_nav_anchor_1nad4_315";
+const headline_cta = "_headline_cta_1nad4_323";
+const site_lists = "_site_lists_1nad4_338";
+const hamburger = "_hamburger_1nad4_376";
+const mobile_only = "_mobile_only_1nad4_390";
+const mobile_logo = "_mobile_logo_1nad4_396";
+const highlight = "_highlight_1nad4_401";
+const mobile_nav = "_mobile_nav_1nad4_427";
+const mobile_opened = "_mobile_opened_1nad4_438";
+const mobile_nav_item = "_mobile_nav_item_1nad4_446";
+const has_dropdown = "_has_dropdown_1nad4_461";
+const icon_wrap = "_icon_wrap_1nad4_477";
+const mobile_footer = "_mobile_footer_1nad4_482";
+const mobile_footer_content = "_mobile_footer_content_1nad4_487";
+const mobile_footer_media = "_mobile_footer_media_1nad4_502";
+const footer_cta = "_footer_cta_1nad4_508";
+const inner_wrapper = "_inner_wrapper_1nad4_536";
+const btn = "_btn_1nad4_541";
+const sub_menu = "_sub_menu_1nad4_546";
+const main = "_main_1nad4_26";
+const dd_footer = "_dd_footer_1nad4_571";
+const skip_btn = "_skip_btn_1nad4_579";
+const desktop_only = "_desktop_only_1nad4_624";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -12,6 +12,7 @@ import "clsx";
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -62,7 +63,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -13,6 +13,7 @@ import "clsx";
 import { useState, useRef, useEffect } from "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import Image from "next/image.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -64,7 +65,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import Image from "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -120,6 +120,8 @@ function SubNavBar() {
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
+  const AXOS_ONE_APY_CHECKING = +process.env.NEXT_PUBLIC_AXOS_ONE_APY_CHECKING;
+  const media = "https://www.axos.com/images";
   const containerRef = useRef(null);
   const [isClient, setIsClient] = useState(false);
   const support = subNavItems.support;
@@ -139,8 +141,6 @@ function SubNavBar() {
     "/invest",
     "/tools"
   ];
-  if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage))
-    return null;
   useEffect(() => {
     setIsClient(true);
   }, []);
@@ -169,6 +169,9 @@ function SubNavBar() {
       }
     }
   };
+  if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage)) {
+    return null;
+  }
   return /* @__PURE__ */ jsx("div", { className: `${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsxs("nav", { children: [
     /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: [
       (isHomepage || pathname?.includes("/personal") || pathname?.split("/")[1] == "invest" || pathname?.includes("/tools")) && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -737,7 +740,9 @@ function SubNavBar() {
                     /* @__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."
+                      "% APY on Savings, up to",
+                      AXOS_ONE_APY_CHECKING,
+                      "% on Checking, plus early paydays and no maintenance fees."
                     ] })
                   ] }),
                   /* @__PURE__ */ jsx(
@@ -747,7 +752,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/17Q3IVqKwSGO9cMqFUWF4o/056f0174df9933f3963b215072bfe76b/axos-one-nav.png`,
+                          src: `${media}/17Q3IVqKwSGO9cMqFUWF4o/axos-one-nav.png`,
                           alt: "",
                           width: 233,
                           height: 233
@@ -1115,7 +1120,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6tVncmpCfCXbilZHhFUYJ5/9543b0e7d5cd8df20161e07c126667bf/nav-submenu-borrow.webp`,
+                          src: `${media}/6tVncmpCfCXbilZHhFUYJ5/nav-submenu-borrow.webp`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -1480,7 +1485,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/2bREH0KGxe7C82N4cdathQ/27a2cc310ac12b074241cae88076958d/nav-submenu-invest.webp`,
+                          src: `${media}/2bREH0KGxe7C82N4cdathQ/nav-submenu-invest.webp`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -1753,7 +1758,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4vSUrmXEbK80FeuAfe2fqJ/c79ef545cef6a995bd9d56ba417bf7ab/nav-submenu-plan.webp`,
+                          src: `${media}/4vSUrmXEbK80FeuAfe2fqJ/nav-submenu-plan.webp`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2013,7 +2018,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5vHrV4m3DbDQt13GOahbYA/0e463ec0348dd117684629f59f24ea6e/nav-submenu-sbb.png`,
+                          src: `${media}/5vHrV4m3DbDQt13GOahbYA/nav-submenu-sbb.png`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2328,7 +2333,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/7rELrrwmhLt5Bz9KqxLgMM/27a7555956dc516e732a14f78428dbd4/nav-submen-combank.png`,
+                          src: `${media}/7rELrrwmhLt5Bz9KqxLgMM/nav-submen-combank.png`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2554,10 +2559,10 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6PMA1kEss89S6m1BawAltW/0ffe57eaaa65e77e90e9f00396ee8ea6/nav-submenu-comlending.png`,
+                          src: `${media}/6PMA1kEss89S6m1BawAltW/nav-submenu-comlending.png`,
                           alt: "",
                           width: 232,
-                          height: 230
+                          height: 318
                         }
                       )
                     }
@@ -2768,7 +2773,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6YLFvmdNVGWcf3bFlimNSs/ca2dd270ad3a1351b6bdf7369944ee74/nav-submenu-wholelending.png`,
+                          src: `${media}/6YLFvmdNVGWcf3bFlimNSs/nav-submenu-wholelending.png`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2914,7 +2919,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/3wtG13mXSTgSzMoB0YU3Ot/b3f7ca4554c78d770154c4b473daf4d7/nav-submenu-dealer.png`,
+                          src: `${media}/3wtG13mXSTgSzMoB0YU3Ot/nav-submenu-dealer.png`,
                           alt: "",
                           width: 232,
                           height: 162

package/dist/NavigationMenu/AxosBank/index.js

@@ -16,6 +16,7 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTi
 import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
@@ -63,7 +64,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -12,6 +12,7 @@ import "clsx";
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
@@ -62,7 +63,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -16,6 +16,7 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTi
 import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
@@ -63,7 +64,6 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -182,20 +182,18 @@ function NavBar() {
               alt: ""
             }
           ) }) }),
-          /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
-            (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
-              NavItem,
-              {
-                className: `${styles.main_nav_link}`,
-                onClick: handleClick,
-                index: i,
-                name: item.name,
-                url: item.url,
-                isActive: activeIndex == i
-              },
-              i
-            )
-          ) }) })
+          /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.slice(0, -2).map((item, i) => /* @__PURE__ */ jsx(
+            NavItem,
+            {
+              className: `${styles.main_nav_link}`,
+              onClick: handleClick,
+              index: i,
+              name: item.name,
+              url: item.url,
+              isActive: activeIndex == i
+            },
+            i
+          )) }) })
         ] }) }),
         /* @__PURE__ */ jsx(
           "button",
@@ -237,6 +235,18 @@ function NavBar() {
             ref,
             onKeyDown: handleKeyDownContainer,
             children: [
+              /* @__PURE__ */ jsx(
+                NavItem,
+                {
+                  url: navItems[navItems.length - 2].url,
+                  name: navItems[navItems.length - 2].name,
+                  className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
+                  isActive: activeIndex == navItems.length,
+                  onClick: handleClick,
+                  index: navItems.length
+                },
+                navItems.length
+              ),
               lastNavItem && /* @__PURE__ */ jsx(
                 NavItem,
                 {

package/dist/SetContainer/SetContainer.js

@@ -19,6 +19,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "react";
+import "next/image.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
@@ -79,7 +80,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
-import "next/image.js";
 /* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -12,6 +12,7 @@ import "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
@@ -62,7 +63,6 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/StepItemSet/StepItemSet.js

@@ -5,7 +5,7 @@ import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import { LazyImage } from "../utils/lazyImage/lazyImage.js";
+import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { StepItem } from "../StepItem/StepItem.js";
 import "../StepItem/StepItem.css.js";
 import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
@@ -55,11 +55,7 @@ const StepItemSet = ({
       description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
-      image && /* @__PURE__ */ jsx("div", { className: bs_image, 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 && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "", fill: true }) }),
       /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
         StepItem,
         {

package/dist/VideoWrapper/index.js

@@ -13,6 +13,7 @@ import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
+import "next/image.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
@@ -63,7 +64,6 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/assets/HeroBanner/HeroBanner.css

@@ -31,7 +31,10 @@
 ._1ye8k3fb {
   display: flex;
   justify-content: flex-end;
-  max-width: 600px;
+  max-width: 604px;
+}
+._1ye8k3fb picture {
+  display: contents;
 }
 ._1ye8k3fb img {
   max-width: 604px;
@@ -100,9 +103,6 @@
   margin-right: 15px;
   margin-top: 24px;
 }
-._1ye8k3fo {
-  display: contents;
-}
 .section_spacer:has(._1ye8k3f6) {
   margin-top: 0;
 }

package/dist/assets/HeroBanner/LargeBanner.css

@@ -83,6 +83,9 @@
   overflow: hidden;
   position: relative;
 }
+._1bsyngol picture {
+  display: contents;
+}
 ._1bsyngom {
   width: 100%;
   height: 100%;