@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.
- package/dist/ATMLocator/ATMLocator.js +1 -1
- package/dist/Article/Article.js +4 -6
- package/dist/Calculators/Calculator.js +1 -1
- package/dist/Carousel/index.js +1 -1
- package/dist/Chevron/index.js +1 -1
- package/dist/ContentBanner/index.js +9 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +2 -9
- package/dist/Forms/ApplyNow.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
- package/dist/Forms/SuccesForm.js +1 -1
- package/dist/HeroBanner/HeroBanner.js +0 -2
- package/dist/IconBillboard/IconBillboard.interface.d.ts +2 -0
- package/dist/IconBillboard/IconBillboard.js +10 -1
- package/dist/ImageBillboard/ImageBillboardSet.js +2 -3
- package/dist/ImageLink/ImageLink.js +18 -2
- package/dist/Insight/Featured/CategorySelector.js +5 -5
- package/dist/Insight/Featured/Featured.css.d.ts +1 -0
- package/dist/Insight/Featured/Featured.css.js +5 -3
- package/dist/Insight/Featured/Featured.js +3 -3
- package/dist/Insight/Featured/Header.js +1 -1
- package/dist/Insight/Featured/index.js +2 -1
- package/dist/Insight/index.js +2 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +15 -20
- package/dist/NavigationMenu/LaVictoire/NavData.js +1 -0
- package/dist/NavigationMenu/LaVictoire/index.js +11 -1
- package/dist/SetContainer/SetContainer.js +1 -1
- package/dist/StepItemSet/StepItemSet.js +2 -10
- package/dist/assets/Insight/Featured/Featured.css +21 -15
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +125 -124
- package/dist/assets/globals.css +1 -2
- package/dist/main.js +2 -1
- package/dist/utils/lazyImage/imageObserver.d.ts +9 -0
- package/dist/utils/lazyImage/imageObserver.js +29 -0
- package/dist/utils/lazyImage/index.d.ts +2 -0
- package/dist/utils/lazyImage/index.js +7 -0
- package/dist/utils/lazyImage/lazyImage.d.ts +10 -0
- package/dist/utils/lazyImage/lazyImage.js +26 -0
- 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.
|
|
139
|
+
src: "https://axosbank.locatorsearch.net/?' + iFrameUrl + '",
|
|
140
140
|
height: "1000",
|
|
141
141
|
width: "100%",
|
|
142
142
|
name: "atmlocator",
|
package/dist/Article/Article.js
CHANGED
|
@@ -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
|
-
|
|
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";
|
package/dist/Carousel/index.js
CHANGED
|
@@ -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";
|
package/dist/Chevron/index.js
CHANGED
|
@@ -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(
|
|
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: [
|
package/dist/Forms/ApplyNow.js
CHANGED
|
@@ -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";
|
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -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";
|
|
@@ -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(
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
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
|
|
14
|
-
var
|
|
15
|
-
var
|
|
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,
|
package/dist/Insight/index.js
CHANGED
|
@@ -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 = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const mobile_header = "
|
|
5
|
-
const logo_wrap = "
|
|
6
|
-
const primary_links = "
|
|
7
|
-
const main_nav_link = "
|
|
8
|
-
const sub_nav_link = "
|
|
9
|
-
const signin_wrap = "
|
|
10
|
-
const signin_btn = "
|
|
11
|
-
const header_sub_row = "
|
|
12
|
-
const signin_dropdown = "
|
|
13
|
-
const shadow = "
|
|
14
|
-
const signin_header = "
|
|
15
|
-
const signin_subheader = "
|
|
16
|
-
const opacity = "
|
|
17
|
-
const fadeInDown = "
|
|
18
|
-
const signin_footer = "
|
|
19
|
-
const open = "
|
|
20
|
-
const dd_wrapper = "
|
|
21
|
-
const dd_media = "
|
|
22
|
-
const dd_media_img = "
|
|
23
|
-
const dd_site_navs = "
|
|
24
|
-
const dd_media_header = "
|
|
25
|
-
const mt_8 = "
|
|
26
|
-
const mt_16 = "
|
|
27
|
-
const ml_8 = "
|
|
28
|
-
const dd_media_cta = "
|
|
29
|
-
const reversed_row = "
|
|
30
|
-
const headline = "
|
|
31
|
-
const nav_anchor = "
|
|
32
|
-
const headline_cta = "
|
|
33
|
-
const site_lists = "
|
|
34
|
-
const hamburger = "
|
|
35
|
-
const mobile_only = "
|
|
36
|
-
const mobile_logo = "
|
|
37
|
-
const highlight = "
|
|
38
|
-
const mobile_nav = "
|
|
39
|
-
const mobile_opened = "
|
|
40
|
-
const mobile_nav_item = "
|
|
41
|
-
const has_dropdown = "
|
|
42
|
-
const icon_wrap = "
|
|
43
|
-
const mobile_footer = "
|
|
44
|
-
const mobile_footer_content = "
|
|
45
|
-
const mobile_footer_media = "
|
|
46
|
-
const footer_cta = "
|
|
47
|
-
const inner_wrapper = "
|
|
48
|
-
const btn = "
|
|
49
|
-
const sub_menu = "
|
|
50
|
-
const main = "
|
|
51
|
-
const dd_footer = "
|
|
52
|
-
const skip_btn = "
|
|
53
|
-
const desktop_only = "
|
|
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
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
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
|
|
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}/
|
|
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
|
-
] }) }) }) })
|
|
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";
|