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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Article/Article.js +4 -6
  3. package/dist/Calculators/Calculator.js +1 -1
  4. package/dist/Carousel/index.js +1 -1
  5. package/dist/Chevron/index.js +1 -1
  6. package/dist/ContentBanner/index.js +9 -1
  7. package/dist/ExecutiveBio/ExecutiveBio.js +2 -9
  8. package/dist/Forms/ApplyNow.js +1 -1
  9. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  10. package/dist/Forms/SuccesForm.js +1 -1
  11. package/dist/HeroBanner/HeroBanner.js +0 -2
  12. package/dist/IconBillboard/IconBillboard.interface.d.ts +2 -0
  13. package/dist/IconBillboard/IconBillboard.js +10 -1
  14. package/dist/ImageBillboard/ImageBillboardSet.js +2 -3
  15. package/dist/ImageLink/ImageLink.js +18 -2
  16. package/dist/Insight/Featured/CategorySelector.js +5 -5
  17. package/dist/Insight/Featured/Featured.css.d.ts +1 -0
  18. package/dist/Insight/Featured/Featured.css.js +5 -3
  19. package/dist/Insight/Featured/Featured.js +3 -3
  20. package/dist/Insight/Featured/Header.js +1 -1
  21. package/dist/Insight/Featured/index.js +2 -1
  22. package/dist/Insight/index.js +2 -1
  23. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  24. package/dist/NavigationMenu/AxosBank/SubNavBar.js +15 -20
  25. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -0
  26. package/dist/NavigationMenu/LaVictoire/index.js +11 -1
  27. package/dist/SetContainer/SetContainer.js +1 -1
  28. package/dist/StepItemSet/StepItemSet.js +2 -10
  29. package/dist/assets/Insight/Featured/Featured.css +21 -15
  30. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +125 -124
  31. package/dist/assets/globals.css +1 -2
  32. package/dist/main.js +2 -1
  33. package/dist/utils/lazyImage/imageObserver.d.ts +9 -0
  34. package/dist/utils/lazyImage/imageObserver.js +29 -0
  35. package/dist/utils/lazyImage/index.d.ts +2 -0
  36. package/dist/utils/lazyImage/index.js +7 -0
  37. package/dist/utils/lazyImage/lazyImage.d.ts +10 -0
  38. package/dist/utils/lazyImage/lazyImage.js +26 -0
  39. package/package.json +1 -1
@@ -136,7 +136,7 @@ const ATMLocator = (props) => {
136
136
  "iframe",
137
137
  {
138
138
  id: "atmlocator",
139
- src: "https://axosbank.locatorsearch.com/index.aspx?' + iFrameUrl + '",
139
+ src: "https://axosbank.locatorsearch.net/?' + iFrameUrl + '",
140
140
  height: "1000",
141
141
  width: "100%",
142
142
  name: "atmlocator",
@@ -1,9 +1,10 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
+ import "react";
4
+ import { LazyImage } from "../utils/lazyImage/lazyImage.js";
3
5
  import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
4
6
  import { Button } from "../Button/Button.js";
5
7
  import "../Button/Button.css.js";
6
- import "react";
7
8
  import "react-use";
8
9
  const Article = ({
9
10
  id,
@@ -25,13 +26,10 @@ const Article = ({
25
26
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
26
27
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
27
28
  /* @__PURE__ */ jsx(
28
- "img",
29
+ LazyImage,
29
30
  {
30
- decoding: "async",
31
- "data-nimg": 1,
32
31
  src: `${image?.src}?q=85`,
33
- alt: image?.alt ?? "",
34
- loading: "lazy"
32
+ alt: image?.alt ?? ""
35
33
  }
36
34
  )
37
35
  ] }) }),
@@ -20,6 +20,7 @@ import clsx from "clsx";
20
20
  import "../Accordion/Accordion.js";
21
21
  import "../Accordion/Accordion.css.js";
22
22
  import "../AlertBanner/AlertBanner.css.js";
23
+ import { useRef, useEffect } from "react";
23
24
  import "../Article/Article.css.js";
24
25
  import "../ArticlesSet/ArticlesSet.css.js";
25
26
  /* empty css */
@@ -34,7 +35,6 @@ import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
34
35
  import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
35
36
  import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
36
37
  import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
37
- import { useRef, useEffect } from "react";
38
38
  /* empty css */
39
39
  import "../Carousel/index.js";
40
40
  import "../Hyperlink/Hyperlink.css.js";
@@ -19,12 +19,12 @@ import clsx from "clsx";
19
19
  import "../Accordion/Accordion.js";
20
20
  import "../Accordion/Accordion.css.js";
21
21
  import "../AlertBanner/AlertBanner.css.js";
22
+ import React, { useEffect, Children, cloneElement } from "react";
22
23
  import "../Article/Article.css.js";
23
24
  import "../Interstitial/Interstitial-variants.css.js";
24
25
  import "../Chevron/Chevron.css.js";
25
26
  /* empty css */
26
27
  import "../Modal/contextApi/store.js";
27
- import React, { useEffect, Children, cloneElement } from "react";
28
28
  import "../Button/Button.css.js";
29
29
  import "react-use";
30
30
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -11,6 +11,7 @@ import "../Accordion/Accordion.js";
11
11
  import "../Accordion/Accordion.css.js";
12
12
  import "../AlertBanner/AlertBanner.css.js";
13
13
  import { getVariant } from "../utils/getVariant.js";
14
+ import { useState } from "react";
14
15
  import "../Article/Article.css.js";
15
16
  import { Interstitial } from "../Interstitial/Interstitial.js";
16
17
  import { chevron, chevron_wrapper } from "./Chevron.css.js";
@@ -19,7 +20,6 @@ import { useGlobalContext } from "../Modal/contextApi/store.js";
19
20
  import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
20
21
  import { validateLink } from "../utils/validateExternalLinks.js";
21
22
  import clsx from "clsx";
22
- import { useState } from "react";
23
23
  import "../Button/Button.css.js";
24
24
  import "react-use";
25
25
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -47,7 +47,15 @@ const ContentBanner = ({
47
47
  className: `${content_banner({ variant: theme })} ${bannerSize == "Large" ? section_pad : section_min_pad}`,
48
48
  children: /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
49
49
  /* @__PURE__ */ jsxs("div", { className: `text_center`, children: [
50
- icon && icon.src && /* @__PURE__ */ jsx("div", { className: `${push_down_24} flex center`, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon.src, alt: "" }) }),
50
+ icon && icon.src && /* @__PURE__ */ jsx("div", { className: `${push_down_24} flex center`, role: "presentation", children: /* @__PURE__ */ jsx(
51
+ "img",
52
+ {
53
+ src: icon.src,
54
+ height: icon.height,
55
+ width: icon.width,
56
+ alt: ""
57
+ }
58
+ ) }),
51
59
  eyebrow && /* @__PURE__ */ jsx(EyebrowTag, { className: cb_eyebrow({ variant: theme }), children: eyebrow }),
52
60
  headline && /* @__PURE__ */ jsx(
53
61
  HeadlineTag,
@@ -2,6 +2,7 @@
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useRef, useState, useEffect, createElement } from "react";
4
4
  import { getVariant } from "../utils/getVariant.js";
5
+ import { LazyImage } from "../utils/lazyImage/lazyImage.js";
5
6
  import { executive_bio, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row } from "./ExecutiveBio.css.js";
6
7
  import "../Accordion/Accordion.js";
7
8
  import "../Accordion/Accordion.css.js";
@@ -161,15 +162,7 @@ const ExecutiveBio = ({
161
162
  type: "image/webp"
162
163
  }
163
164
  ),
164
- /* @__PURE__ */ jsx(
165
- "img",
166
- {
167
- decoding: "async",
168
- "data-nimg": 1,
169
- src: `${executiveHeadshot?.src}?q=85`,
170
- alt: ""
171
- }
172
- )
165
+ /* @__PURE__ */ jsx(LazyImage, { src: `${executiveHeadshot?.src}?q=85`, alt: "" })
173
166
  ] }) }) }) }),
174
167
  /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
175
168
  /* @__PURE__ */ jsxs("div", { className: person, children: [
@@ -22,9 +22,9 @@ import "../Chevron/Chevron.css.js";
22
22
  import "../Accordion/Accordion.js";
23
23
  import "../Accordion/Accordion.css.js";
24
24
  import "../AlertBanner/AlertBanner.css.js";
25
+ import { useReducer } from "react";
25
26
  import "../Article/Article.css.js";
26
27
  import "../ArticlesSet/ArticlesSet.css.js";
27
- import { useReducer } from "react";
28
28
  import "../Calculators/calculator.css.js";
29
29
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
30
  import "../Button/Button.css.js";
@@ -20,9 +20,9 @@ import clsx from "clsx";
20
20
  import "../../Accordion/Accordion.js";
21
21
  import "../../Accordion/Accordion.css.js";
22
22
  import "../../AlertBanner/AlertBanner.css.js";
23
+ import { useState, useEffect } from "react";
23
24
  import "../../Article/Article.css.js";
24
25
  import "../../ArticlesSet/ArticlesSet.css.js";
25
- import { useState, useEffect } from "react";
26
26
  import "../../Calculators/calculator.css.js";
27
27
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import { button } from "../../Button/Button.css.js";
@@ -16,9 +16,9 @@ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms
16
16
  import "../Accordion/Accordion.js";
17
17
  import "../Accordion/Accordion.css.js";
18
18
  import "../AlertBanner/AlertBanner.css.js";
19
+ import "react";
19
20
  import "../Article/Article.css.js";
20
21
  import "../ArticlesSet/ArticlesSet.css.js";
21
- import "react";
22
22
  import "../Calculators/calculator.css.js";
23
23
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
24
24
  import "../Button/Button.css.js";
@@ -124,8 +124,6 @@ const HeroBanner = ({
124
124
  /* @__PURE__ */ jsx(
125
125
  Image,
126
126
  {
127
- decoding: "async",
128
- "data-nimg": 1,
129
127
  className: "img_fluid",
130
128
  style: { color: "transparent" },
131
129
  src: `https:${image?.src}?w=604&h=480&fit=fill&q=85`,
@@ -25,4 +25,6 @@ export interface IconBillboardProps {
25
25
  export interface ImageInterface {
26
26
  src: string;
27
27
  alt?: string;
28
+ height?: string | number;
29
+ width?: string | number;
28
30
  }
@@ -33,7 +33,16 @@ const IconBillboard = (props) => {
33
33
  id,
34
34
  children: [
35
35
  /* @__PURE__ */ jsxs("div", { className: `middle ${layout({ side })}`, children: [
36
- icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt ?? "" }) }),
36
+ icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx(
37
+ "img",
38
+ {
39
+ src: icon?.src,
40
+ className: "img_fluid",
41
+ alt: icon?.alt ?? "",
42
+ height: icon?.height,
43
+ width: icon?.width
44
+ }
45
+ ) }),
37
46
  /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
38
47
  /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
39
48
  /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
@@ -14,6 +14,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
14
14
  /* empty css */
15
15
  /* empty css */
16
16
  import { getVariant } from "../utils/getVariant.js";
17
+ import { LazyImage } from "../utils/lazyImage/lazyImage.js";
17
18
  import clsx from "clsx";
18
19
  import { billboard_img, image_background, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement } from "./ImageBillboard.css.js";
19
20
  const ImageBillboard = ({
@@ -67,10 +68,8 @@ const ImageBillboard = ({
67
68
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
68
69
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
69
70
  /* @__PURE__ */ jsx(
70
- "img",
71
+ LazyImage,
71
72
  {
72
- decoding: "async",
73
- "data-nimg": 1,
74
73
  src: `${image?.src}?q=85`,
75
74
  alt: image?.alt ?? ""
76
75
  }
@@ -15,9 +15,9 @@ import "clsx";
15
15
  import "../Accordion/Accordion.js";
16
16
  import "../Accordion/Accordion.css.js";
17
17
  import "../AlertBanner/AlertBanner.css.js";
18
+ import { isValidElement } from "react";
18
19
  import "../Article/Article.css.js";
19
20
  import "../ArticlesSet/ArticlesSet.css.js";
20
- import { isValidElement } from "react";
21
21
  import "../Calculators/calculator.css.js";
22
22
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
23
23
  import "../Button/Button.css.js";
@@ -118,7 +118,23 @@ const ImageLink = ({
118
118
  targetUrl,
119
119
  children
120
120
  }) => {
121
- const withTargeturl = targetUrl !== void 0 ? /* @__PURE__ */ jsx(Hyperlink, { targetUrl, children: /* @__PURE__ */ jsx("img", { src: image.url, alt: title }) }) : /* @__PURE__ */ jsx("img", { src: image.url, alt: title });
121
+ const withTargeturl = targetUrl !== void 0 ? /* @__PURE__ */ jsx(Hyperlink, { targetUrl, children: /* @__PURE__ */ jsx(
122
+ "img",
123
+ {
124
+ src: image.url,
125
+ alt: title,
126
+ height: image.heigth,
127
+ width: image.width
128
+ }
129
+ ) }) : /* @__PURE__ */ jsx(
130
+ "img",
131
+ {
132
+ src: image.url,
133
+ alt: title,
134
+ height: image.heigth,
135
+ width: image.width
136
+ }
137
+ );
122
138
  return /* @__PURE__ */ jsx("div", { id: "id_" + id, className: imageLinkContainer, children: !isValidElement(children) ? withTargeturl : children });
123
139
  };
124
140
  export {
@@ -18,9 +18,10 @@ import "../../Chevron/Chevron.css.js";
18
18
  import "../../Accordion/Accordion.js";
19
19
  import "../../Accordion/Accordion.css.js";
20
20
  import "../../AlertBanner/AlertBanner.css.js";
21
+ import "react";
22
+ import { LazyImage } from "../../utils/lazyImage/lazyImage.js";
21
23
  import "../../Article/Article.css.js";
22
24
  import "../../ArticlesSet/ArticlesSet.css.js";
23
- import "react";
24
25
  import "../../Calculators/calculator.css.js";
25
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
27
  import "../../Button/Button.css.js";
@@ -168,13 +169,12 @@ const InsightItem = (props) => {
168
169
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=avif`, type: "image/avif" }),
169
170
  /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=webp`, type: "image/webp" }),
170
171
  /* @__PURE__ */ jsx(
171
- "img",
172
+ LazyImage,
172
173
  {
173
174
  src: `${image?.url}?q=85`,
175
+ alt: image?.alt ?? "",
174
176
  className: clsx(featured_maingrid_img, selector_img),
175
- height: 207,
176
- loading: "lazy",
177
- alt: ""
177
+ height: 207
178
178
  }
179
179
  )
180
180
  ] }),
@@ -8,6 +8,7 @@ export declare const featured_subgrid_title: string;
8
8
  export declare const featured_subgrid_divider: string;
9
9
  export declare const featured_center_vertical: string;
10
10
  export declare const featured_maingrid: string;
11
+ export declare const featured_hero: string;
11
12
  export declare const featured_maingrid_img: string;
12
13
  export declare const featured_maingrid_item: string;
13
14
  export declare const featured_maingrid_title: string;
@@ -10,12 +10,14 @@ var featured_subgrid_title = "_1sr2o6v6";
10
10
  var featured_subgrid_divider = "_1sr2o6v7";
11
11
  var featured_center_vertical = "_1sr2o6v8";
12
12
  var featured_maingrid = "_1sr2o6v9";
13
- var featured_maingrid_img = "_1sr2o6va";
14
- var featured_maingrid_item = "_1sr2o6vb";
15
- var featured_maingrid_title = "_1sr2o6vc";
13
+ var featured_hero = "_1sr2o6va";
14
+ var featured_maingrid_img = "_1sr2o6vb";
15
+ var featured_maingrid_item = "_1sr2o6vc";
16
+ var featured_maingrid_title = "_1sr2o6vd";
16
17
  export {
17
18
  featured_center_vertical,
18
19
  featured_grid,
20
+ featured_hero,
19
21
  featured_maingrid,
20
22
  featured_maingrid_img,
21
23
  featured_maingrid_item,
@@ -16,12 +16,12 @@ import clsx from "clsx";
16
16
  import "../../Accordion/Accordion.js";
17
17
  import "../../Accordion/Accordion.css.js";
18
18
  import "../../AlertBanner/AlertBanner.css.js";
19
+ import { Fragment } from "react";
19
20
  import "../../Article/Article.css.js";
20
21
  import "../../Interstitial/Interstitial-variants.css.js";
21
22
  import "../../Chevron/Chevron.css.js";
22
23
  /* empty css */
23
24
  import "../../Modal/contextApi/store.js";
24
- import { Fragment } from "react";
25
25
  import "../../Button/Button.css.js";
26
26
  import "react-use";
27
27
  import "../../ArticlesSet/ArticlesSet.css.js";
@@ -82,7 +82,7 @@ import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
82
82
  /* empty css */
83
83
  /* empty css */
84
84
  /* empty css */
85
- import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
85
+ import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
86
86
  /* empty css */
87
87
  /* empty css */
88
88
  import "../../LandingPageHeader/LandingPageHeader.css.js";
@@ -153,7 +153,7 @@ const Featured = (props) => {
153
153
  children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
154
154
  headline && /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
155
155
  /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
156
- /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid), children: [
156
+ /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid, featured_hero), children: [
157
157
  /* @__PURE__ */ jsxs("picture", { children: [
158
158
  /* @__PURE__ */ jsx(
159
159
  "source",
@@ -14,12 +14,12 @@ import clsx from "clsx";
14
14
  import "../../Accordion/Accordion.js";
15
15
  import "../../Accordion/Accordion.css.js";
16
16
  import "../../AlertBanner/AlertBanner.css.js";
17
+ import "react";
17
18
  import "../../Article/Article.css.js";
18
19
  import "../../Interstitial/Interstitial-variants.css.js";
19
20
  import "../../Chevron/Chevron.css.js";
20
21
  /* empty css */
21
22
  import "../../Modal/contextApi/store.js";
22
- import "react";
23
23
  import "../../Button/Button.css.js";
24
24
  import "react-use";
25
25
  import "../../ArticlesSet/ArticlesSet.css.js";
@@ -1,6 +1,6 @@
1
1
  import { CategorySelector, InsightItem } from "./CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured.js";
3
- import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
3
+ import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
4
4
  import { BreadcumbHeader } from "./Header.js";
5
5
  export {
6
6
  BreadcumbHeader,
@@ -10,6 +10,7 @@ export {
10
10
  InsightItem,
11
11
  featured_center_vertical,
12
12
  featured_grid,
13
+ featured_hero,
13
14
  featured_maingrid,
14
15
  featured_maingrid_img,
15
16
  featured_maingrid_item,
@@ -1,6 +1,6 @@
1
1
  import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured/Featured.js";
3
- import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
3
+ import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
4
4
  import { BreadcumbHeader } from "./Featured/Header.js";
5
5
  import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight.css.js";
6
6
  export {
@@ -11,6 +11,7 @@ export {
11
11
  InsightItem,
12
12
  featured_center_vertical,
13
13
  featured_grid,
14
+ featured_hero,
14
15
  featured_maingrid,
15
16
  featured_maingrid_img,
16
17
  featured_maingrid_item,
@@ -1,56 +1,56 @@
1
- import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_x3dhq_1";
2
- const wrapper = "_wrapper_x3dhq_9";
3
- const header_main_row = "_header_main_row_x3dhq_21";
4
- const mobile_header = "_mobile_header_x3dhq_23";
5
- const logo_wrap = "_logo_wrap_x3dhq_35";
6
- const primary_links = "_primary_links_x3dhq_43";
7
- const main_nav_link = "_main_nav_link_x3dhq_51";
8
- const sub_nav_link = "_sub_nav_link_x3dhq_87";
9
- const signin_wrap = "_signin_wrap_x3dhq_91";
10
- const signin_btn = "_signin_btn_x3dhq_93";
11
- const header_sub_row = "_header_sub_row_x3dhq_167";
12
- const signin_dropdown = "_signin_dropdown_x3dhq_231";
13
- const shadow = "_shadow_x3dhq_251";
14
- const signin_header = "_signin_header_x3dhq_271";
15
- const signin_subheader = "_signin_subheader_x3dhq_285";
16
- const opacity = "_opacity_x3dhq_329";
17
- const fadeInDown = "_fadeInDown_x3dhq_1";
18
- const signin_footer = "_signin_footer_x3dhq_341";
19
- const open = "_open_x3dhq_383";
20
- const dd_wrapper = "_dd_wrapper_x3dhq_407";
21
- const dd_media = "_dd_media_x3dhq_425";
22
- const dd_media_img = "_dd_media_img_x3dhq_435";
23
- const dd_site_navs = "_dd_site_navs_x3dhq_443";
24
- const dd_media_header = "_dd_media_header_x3dhq_457";
25
- const mt_8 = "_mt_8_x3dhq_477";
26
- const mt_16 = "_mt_16_x3dhq_485";
27
- const ml_8 = "_ml_8_x3dhq_493";
28
- const dd_media_cta = "_dd_media_cta_x3dhq_501";
29
- const reversed_row = "_reversed_row_x3dhq_565";
30
- const headline = "_headline_x3dhq_585";
31
- const nav_anchor = "_nav_anchor_x3dhq_601";
32
- const headline_cta = "_headline_cta_x3dhq_617";
33
- const site_lists = "_site_lists_x3dhq_647";
34
- const hamburger = "_hamburger_x3dhq_723";
35
- const mobile_only = "_mobile_only_x3dhq_751";
36
- const mobile_logo = "_mobile_logo_x3dhq_763";
37
- const highlight = "_highlight_x3dhq_773";
38
- const mobile_nav = "_mobile_nav_x3dhq_825";
39
- const mobile_opened = "_mobile_opened_x3dhq_847";
40
- const mobile_nav_item = "_mobile_nav_item_x3dhq_863";
41
- const has_dropdown = "_has_dropdown_x3dhq_893";
42
- const icon_wrap = "_icon_wrap_x3dhq_925";
43
- const mobile_footer = "_mobile_footer_x3dhq_935";
44
- const mobile_footer_content = "_mobile_footer_content_x3dhq_945";
45
- const mobile_footer_media = "_mobile_footer_media_x3dhq_973";
46
- const footer_cta = "_footer_cta_x3dhq_985";
47
- const inner_wrapper = "_inner_wrapper_x3dhq_1041";
48
- const btn = "_btn_x3dhq_1051";
49
- const sub_menu = "_sub_menu_x3dhq_1061";
50
- const main = "_main_x3dhq_51";
51
- const dd_footer = "_dd_footer_x3dhq_1111";
52
- const skip_btn = "_skip_btn_x3dhq_1127";
53
- const desktop_only = "_desktop_only_x3dhq_1217";
1
+ import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_o9pri_1";
2
+ const wrapper = "_wrapper_o9pri_9";
3
+ const header_main_row = "_header_main_row_o9pri_21";
4
+ const mobile_header = "_mobile_header_o9pri_23";
5
+ const logo_wrap = "_logo_wrap_o9pri_35";
6
+ const primary_links = "_primary_links_o9pri_43";
7
+ const main_nav_link = "_main_nav_link_o9pri_51";
8
+ const sub_nav_link = "_sub_nav_link_o9pri_87";
9
+ const signin_wrap = "_signin_wrap_o9pri_91";
10
+ const signin_btn = "_signin_btn_o9pri_93";
11
+ const header_sub_row = "_header_sub_row_o9pri_167";
12
+ const signin_dropdown = "_signin_dropdown_o9pri_231";
13
+ const shadow = "_shadow_o9pri_251";
14
+ const signin_header = "_signin_header_o9pri_271";
15
+ const signin_subheader = "_signin_subheader_o9pri_285";
16
+ const opacity = "_opacity_o9pri_329";
17
+ const fadeInDown = "_fadeInDown_o9pri_1";
18
+ const signin_footer = "_signin_footer_o9pri_341";
19
+ const open = "_open_o9pri_383";
20
+ const dd_wrapper = "_dd_wrapper_o9pri_407";
21
+ const dd_media = "_dd_media_o9pri_425";
22
+ const dd_media_img = "_dd_media_img_o9pri_435";
23
+ const dd_site_navs = "_dd_site_navs_o9pri_443";
24
+ const dd_media_header = "_dd_media_header_o9pri_457";
25
+ const mt_8 = "_mt_8_o9pri_477";
26
+ const mt_16 = "_mt_16_o9pri_485";
27
+ const ml_8 = "_ml_8_o9pri_493";
28
+ const dd_media_cta = "_dd_media_cta_o9pri_501";
29
+ const reversed_row = "_reversed_row_o9pri_565";
30
+ const headline = "_headline_o9pri_585";
31
+ const nav_anchor = "_nav_anchor_o9pri_601";
32
+ const headline_cta = "_headline_cta_o9pri_617";
33
+ const site_lists = "_site_lists_o9pri_647";
34
+ const hamburger = "_hamburger_o9pri_723";
35
+ const mobile_only = "_mobile_only_o9pri_751";
36
+ const mobile_logo = "_mobile_logo_o9pri_763";
37
+ const highlight = "_highlight_o9pri_773";
38
+ const mobile_nav = "_mobile_nav_o9pri_825";
39
+ const mobile_opened = "_mobile_opened_o9pri_847";
40
+ const mobile_nav_item = "_mobile_nav_item_o9pri_863";
41
+ const has_dropdown = "_has_dropdown_o9pri_893";
42
+ const icon_wrap = "_icon_wrap_o9pri_925";
43
+ const mobile_footer = "_mobile_footer_o9pri_935";
44
+ const mobile_footer_content = "_mobile_footer_content_o9pri_945";
45
+ const mobile_footer_media = "_mobile_footer_media_o9pri_975";
46
+ const footer_cta = "_footer_cta_o9pri_987";
47
+ const inner_wrapper = "_inner_wrapper_o9pri_1043";
48
+ const btn = "_btn_o9pri_1053";
49
+ const sub_menu = "_sub_menu_o9pri_1063";
50
+ const main = "_main_o9pri_51";
51
+ const dd_footer = "_dd_footer_o9pri_1113";
52
+ const skip_btn = "_skip_btn_o9pri_1129";
53
+ const desktop_only = "_desktop_only_o9pri_1219";
54
54
  const styles = {
55
55
  header,
56
56
  wrapper,
@@ -121,28 +121,24 @@ function SubNavBar() {
121
121
  const handleMouseLeave = () => setHoveredLink(void 0);
122
122
  const containerRef = useRef(null);
123
123
  const [isClient, setIsClient] = useState(false);
124
- const [showNavbar, setShowNavbar] = useState(false);
125
124
  const support = subNavItems.support;
126
125
  const about = subNavItems.about;
127
126
  const legal = subNavItems.legal;
128
127
  const isHomepage = pathname === "/";
129
128
  const isBusiness = pathname?.includes("/business");
130
129
  const isCommercial = pathname?.includes("/commercial");
131
- useEffect(() => {
132
- setShowNavbar(
133
- () => [
134
- "/personal",
135
- "/business",
136
- "/partners",
137
- "/customer-support",
138
- "/about-us",
139
- "/legal",
140
- "/commercial",
141
- "/invest",
142
- "/tools"
143
- ].some((el) => pathname?.includes(el) || isHomepage)
144
- );
145
- }, [pathname]);
130
+ const subNavPaths = [
131
+ "/personal",
132
+ "/business",
133
+ "/partners",
134
+ "/customer-support",
135
+ "/about-us",
136
+ "/legal",
137
+ "/commercial",
138
+ "/invest",
139
+ "/tools"
140
+ ];
141
+ if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage)) return null;
146
142
  useEffect(() => {
147
143
  setIsClient(true);
148
144
  }, []);
@@ -171,7 +167,7 @@ function SubNavBar() {
171
167
  }
172
168
  }
173
169
  };
174
- return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${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: [
170
+ 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: [
175
171
  /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: [
176
172
  (isHomepage || pathname?.includes("/personal") || pathname?.split("/")[1] == "invest" || pathname?.includes("/tools")) && /* @__PURE__ */ jsxs(Fragment, { children: [
177
173
  /* @__PURE__ */ jsxs(
@@ -641,7 +637,6 @@ function SubNavBar() {
641
637
  {
642
638
  href: "#",
643
639
  id: "partNav5",
644
- role: "menuitem",
645
640
  "aria-label": "Press Enter to open the Dealer Services section sub-menu.",
646
641
  onKeyDown: (event) => {
647
642
  if (event.key === "Enter") {
@@ -927,7 +922,7 @@ function SubNavBar() {
927
922
  Link,
928
923
  {
929
924
  href: findMoreAxosDomains(
930
- "{AXOSBANK}/pages/summit-savings"
925
+ "{AXOSBANK}/personal/bank/savings-accounts/summit-savings"
931
926
  ),
932
927
  children: "Summit Savings"
933
928
  }
@@ -2992,7 +2987,7 @@ function SubNavBar() {
2992
2987
  }
2993
2988
  )
2994
2989
  ] })
2995
- ] }) }) }) }) : null;
2990
+ ] }) }) }) });
2996
2991
  }
2997
2992
  export {
2998
2993
  SubNavBar as default
@@ -115,6 +115,7 @@ const navItemsRaw = [
115
115
  { name: "Dealers", url: findMoreAxosDomains("/dealers") },
116
116
  { name: "Events", url: findMoreAxosDomains("/events") },
117
117
  { name: "Contact", url: findMoreAxosDomains("/contact-us") },
118
+ { name: "Preapproval", url: findMoreAxosDomains("/apply-now") },
118
119
  { name: "Apply Now", url: findMoreAxosDomains("/apply-now") }
119
120
  ];
120
121
  const subNavItemsRaw = {
@@ -560,7 +560,17 @@ function NavBar() {
560
560
  )
561
561
  ]
562
562
  }
563
- )
563
+ ),
564
+ " ",
565
+ /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
566
+ "a",
567
+ {
568
+ href: findMoreAxosDomains("/apply-now"),
569
+ role: "button",
570
+ className: `flex_row between ${styles.btn}`,
571
+ children: "Preapproval"
572
+ }
573
+ ) })
564
574
  ] }) }),
565
575
  /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsx("div", { className: "flex_row between", children: /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_content, children: /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx(Button, { targetUrl: findMoreAxosDomains("/apply-now"), children: "Apply Now" }) }) }) }) })
566
576
  ] })
@@ -18,9 +18,9 @@ import clsx from "clsx";
18
18
  import "../Accordion/Accordion.js";
19
19
  import "../Accordion/Accordion.css.js";
20
20
  import "../AlertBanner/AlertBanner.css.js";
21
+ import "react";
21
22
  import "../Article/Article.css.js";
22
23
  import "../ArticlesSet/ArticlesSet.css.js";
23
- import "react";
24
24
  import "../Calculators/calculator.css.js";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import "../Button/Button.css.js";