@axos-web-dev/shared-components 1.0.95 → 1.0.97-business-name-form-update.0
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/Carousel/index.js +8 -8
- package/dist/Comparison/Comparison.js +3 -3
- package/dist/Forms/ContactUsBusiness.d.ts +1 -1
- package/dist/Forms/ContactUsBusiness.js +5 -5
- package/dist/IconBillboard/IconBillboard.d.ts +1 -2
- package/dist/IconBillboard/IconBillboard.js +27 -109
- package/dist/IconBillboard/index.js +1 -2
- package/dist/IconBillboard/sections/CallToActionSection.d.ts +12 -0
- package/dist/IconBillboard/sections/CallToActionSection.js +101 -0
- package/dist/IconBillboard/sections/HeaderSection.d.ts +11 -0
- package/dist/IconBillboard/sections/HeaderSection.js +23 -0
- package/dist/IconBillboard/sections/IconSection.d.ts +7 -0
- package/dist/IconBillboard/sections/IconSection.js +18 -0
- package/dist/IconBillboard/sections/ItemsSection.d.ts +11 -0
- package/dist/IconBillboard/sections/ItemsSection.js +11 -0
- package/dist/IconBillboard/sections/LayoutSection.d.ts +8 -0
- package/dist/IconBillboard/sections/LayoutSection.js +6 -0
- package/dist/ImageBillboard/ImageBillboardSet.js +1 -1
- package/dist/ImageLink/ImageLinkSet.js +2 -2
- package/dist/Insight/Featured/Featured.js +8 -8
- package/dist/Insight/Featured/Header.js +7 -7
- package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +3 -10
- package/dist/NavigationMenu/AxosAdvisor/index.js +3 -11
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +0 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +0 -3
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +0 -9
- package/dist/assets/ImageBillboard/ImageBillboard.css +2 -2
- package/dist/main.js +1 -2
- package/package.json +1 -1
package/dist/Carousel/index.js
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import React, { useEffect, Children, cloneElement } from "react";
|
|
5
|
+
import { getVariant } from "../utils/getVariant.js";
|
|
5
6
|
import { section_text } from "../IconBillboard/IconBillboard.css.js";
|
|
6
7
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
7
8
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
8
|
-
import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/
|
|
9
|
+
import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
9
10
|
/* empty css */
|
|
10
11
|
/* empty css */
|
|
11
12
|
/* empty css */
|
|
@@ -14,22 +15,16 @@ import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
|
|
|
14
15
|
import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
|
|
15
16
|
import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
|
|
16
17
|
import "../utils/allowedAxosDomains.js";
|
|
17
|
-
import { getVariant } from "../utils/getVariant.js";
|
|
18
18
|
/* empty css */
|
|
19
19
|
/* empty css */
|
|
20
20
|
import "../Accordion/Accordion.js";
|
|
21
21
|
import "../Accordion/Accordion.css.js";
|
|
22
22
|
import "../AlertBanner/AlertBanner.css.js";
|
|
23
23
|
import "../Article/Article.css.js";
|
|
24
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
25
|
-
import "../Chevron/Chevron.css.js";
|
|
26
|
-
/* empty css */
|
|
27
|
-
import "../Modal/contextApi/store.js";
|
|
28
|
-
import "../Button/Button.css.js";
|
|
29
|
-
import "react-use";
|
|
30
24
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
31
25
|
import "../Calculators/calculator.css.js";
|
|
32
26
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
|
+
import "../Button/Button.css.js";
|
|
33
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
34
29
|
import "../Table/Table.css.js";
|
|
35
30
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -52,8 +47,13 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
52
47
|
import "../Input/RadioButton.css.js";
|
|
53
48
|
import "../Input/Checkbox.css.js";
|
|
54
49
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
50
|
+
import "react-use";
|
|
51
|
+
import "../Chevron/Chevron.css.js";
|
|
52
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
55
53
|
import "../Inputs/Input.css.js";
|
|
56
54
|
/* empty css */
|
|
55
|
+
/* empty css */
|
|
56
|
+
import "../Modal/contextApi/store.js";
|
|
57
57
|
import "../Hyperlink/Hyperlink.css.js";
|
|
58
58
|
/* empty css */
|
|
59
59
|
import "iframe-resizer";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import "react";
|
|
4
|
-
import { BulletItem } from "../BulletItem/BulletItem.js";
|
|
5
|
-
import { Chevron } from "../Chevron/index.js";
|
|
6
4
|
import { getVariant } from "../utils/getVariant.js";
|
|
5
|
+
import { title } from "../IconBillboard/IconBillboard.css.js";
|
|
6
|
+
import { BulletItem } from "../BulletItem/BulletItem.js";
|
|
7
7
|
import { Button } from "../Button/Button.js";
|
|
8
8
|
import "../Button/Button.css.js";
|
|
9
9
|
import "react-use";
|
|
10
|
-
import {
|
|
10
|
+
import { Chevron } from "../Chevron/index.js";
|
|
11
11
|
import SvgStarIcon from "../icons/Star/index.js";
|
|
12
12
|
import "../Accordion/Accordion.js";
|
|
13
13
|
import "../Accordion/Accordion.css.js";
|
|
@@ -162,7 +162,7 @@ const ContactUsBusiness = ({
|
|
|
162
162
|
}
|
|
163
163
|
return removeDashes;
|
|
164
164
|
}),
|
|
165
|
-
|
|
165
|
+
company: z.string().min(1),
|
|
166
166
|
Company_NMLS_ID__c: z.string().min(6).max(7)
|
|
167
167
|
});
|
|
168
168
|
const methods = useForm({
|
|
@@ -237,8 +237,8 @@ const ContactUsBusiness = ({
|
|
|
237
237
|
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
238
238
|
Input,
|
|
239
239
|
{
|
|
240
|
-
id: "
|
|
241
|
-
...register("
|
|
240
|
+
id: "Company",
|
|
241
|
+
...register("company", {
|
|
242
242
|
required: true
|
|
243
243
|
}),
|
|
244
244
|
type: "text",
|
|
@@ -246,8 +246,8 @@ const ContactUsBusiness = ({
|
|
|
246
246
|
sizes: "medium",
|
|
247
247
|
placeholder: "Business Name",
|
|
248
248
|
required: true,
|
|
249
|
-
error: !!errors.
|
|
250
|
-
helperText: errors.
|
|
249
|
+
error: !!errors.company,
|
|
250
|
+
helperText: errors.company?.message,
|
|
251
251
|
variant
|
|
252
252
|
}
|
|
253
253
|
) }),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
2
|
-
import {
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
3
|
import { ImageInterface } from '.';
|
|
4
4
|
import { ContainerVariants, LayoutVariants } from './IconBillboard.css';
|
|
5
5
|
|
|
@@ -15,5 +15,4 @@ export interface FocusProps {
|
|
|
15
15
|
set?: boolean;
|
|
16
16
|
id?: string;
|
|
17
17
|
}
|
|
18
|
-
export declare const Icon: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
19
18
|
export declare const IconBillboard: (props: FocusProps & ContainerVariants & LayoutVariants) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import { useRef, useState, useEffect
|
|
5
|
-
import { BulletItem } from "../BulletItem/BulletItem.js";
|
|
6
|
-
import { Chevron } from "../Chevron/index.js";
|
|
4
|
+
import { useRef, useState, useEffect } from "react";
|
|
7
5
|
import { getVariant } from "../utils/getVariant.js";
|
|
8
|
-
import {
|
|
9
|
-
import "
|
|
10
|
-
import "
|
|
11
|
-
import {
|
|
12
|
-
|
|
6
|
+
import { content, containerIconBillboard, link_wrapper } from "./IconBillboard.css.js";
|
|
7
|
+
import { LayoutSection } from "./sections/LayoutSection.js";
|
|
8
|
+
import { IconSection } from "./sections/IconSection.js";
|
|
9
|
+
import { HeaderSection } from "./sections/HeaderSection.js";
|
|
10
|
+
import { ItemsSection } from "./sections/ItemsSection.js";
|
|
11
|
+
import { useFullClick, CallToActionSection } from "./sections/CallToActionSection.js";
|
|
13
12
|
const IconBillboard = (props) => {
|
|
14
13
|
const {
|
|
15
14
|
callToActionRow,
|
|
@@ -36,123 +35,42 @@ const IconBillboard = (props) => {
|
|
|
36
35
|
}
|
|
37
36
|
}
|
|
38
37
|
}, []);
|
|
39
|
-
|
|
40
|
-
let buttonCount = 0;
|
|
41
|
-
let chevronUrl;
|
|
42
|
-
let chevronText;
|
|
43
|
-
if (callToActionRow && callToActionRow.length > 0) {
|
|
44
|
-
callToActionRow.forEach((cta) => {
|
|
45
|
-
if (cta.type === "Button") {
|
|
46
|
-
buttonCount++;
|
|
47
|
-
} else {
|
|
48
|
-
chevronCount++;
|
|
49
|
-
chevronUrl = cta.targetUrl;
|
|
50
|
-
chevronText = cta.displayText;
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
|
|
55
|
-
const handleClick = (e) => {
|
|
56
|
-
if (!isClickable) return;
|
|
57
|
-
const linkEl = e.currentTarget.querySelector("a");
|
|
58
|
-
if (linkEl && linkEl instanceof HTMLAnchorElement) {
|
|
59
|
-
window.location.href = linkEl.href;
|
|
60
|
-
}
|
|
61
|
-
};
|
|
38
|
+
const { isClickable, handleClick, chevronText } = useFullClick(callToActionRow);
|
|
62
39
|
return /* @__PURE__ */ jsxs(
|
|
63
40
|
"div",
|
|
64
41
|
{
|
|
42
|
+
id,
|
|
43
|
+
onClick: handleClick,
|
|
44
|
+
role: isClickable ? "link" : void 0,
|
|
45
|
+
title: isClickable ? chevronText : void 0,
|
|
65
46
|
className: clsx(
|
|
66
47
|
containerIconBillboard({ variant }),
|
|
67
48
|
`${set ? "" : "containment"}`,
|
|
68
49
|
"billboard rounded flex_col gap_24 is_icon",
|
|
69
50
|
isClickable && link_wrapper
|
|
70
51
|
),
|
|
71
|
-
id,
|
|
72
|
-
onClick: handleClick,
|
|
73
|
-
role: isClickable ? "link" : void 0,
|
|
74
|
-
title: isClickable ? chevronText : void 0,
|
|
75
52
|
children: [
|
|
76
|
-
/* @__PURE__ */ jsxs(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
height: icon?.height,
|
|
84
|
-
width: icon?.width
|
|
85
|
-
}
|
|
86
|
-
) }),
|
|
87
|
-
/* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
|
|
88
|
-
/* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
|
|
89
|
-
headline && createElement(
|
|
53
|
+
/* @__PURE__ */ jsxs(LayoutSection, { side, children: [
|
|
54
|
+
/* @__PURE__ */ jsx(IconSection, { icon }),
|
|
55
|
+
/* @__PURE__ */ jsxs("div", { className: content, children: [
|
|
56
|
+
/* @__PURE__ */ jsx(
|
|
57
|
+
HeaderSection,
|
|
58
|
+
{
|
|
59
|
+
headline,
|
|
90
60
|
headingLevel,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
body && /* @__PURE__ */ jsx("div", { children: body })
|
|
98
|
-
] }),
|
|
99
|
-
items && items?.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items?.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
|
|
61
|
+
headingRef,
|
|
62
|
+
body,
|
|
63
|
+
variant
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
/* @__PURE__ */ jsx(ItemsSection, { items, variant })
|
|
100
67
|
] })
|
|
101
68
|
] }),
|
|
102
|
-
|
|
103
|
-
({
|
|
104
|
-
id: id2,
|
|
105
|
-
variant: variant2,
|
|
106
|
-
displayText,
|
|
107
|
-
targetUrl,
|
|
108
|
-
type,
|
|
109
|
-
marketingIntersitial,
|
|
110
|
-
newTab,
|
|
111
|
-
...rest
|
|
112
|
-
}) => type === "Button" ? rest.as == "button" ? /* @__PURE__ */ jsx(
|
|
113
|
-
Button,
|
|
114
|
-
{
|
|
115
|
-
targetUrl,
|
|
116
|
-
color: getVariant(variant2),
|
|
117
|
-
size: "medium",
|
|
118
|
-
rounded: "medium",
|
|
119
|
-
marketingIntersitial,
|
|
120
|
-
newTab,
|
|
121
|
-
as: "button",
|
|
122
|
-
type: "button",
|
|
123
|
-
action: rest?.onClick,
|
|
124
|
-
children: displayText
|
|
125
|
-
},
|
|
126
|
-
id2
|
|
127
|
-
) : /* @__PURE__ */ jsx(
|
|
128
|
-
Button,
|
|
129
|
-
{
|
|
130
|
-
targetUrl,
|
|
131
|
-
color: getVariant(variant2),
|
|
132
|
-
size: "medium",
|
|
133
|
-
rounded: "medium",
|
|
134
|
-
marketingIntersitial,
|
|
135
|
-
newTab,
|
|
136
|
-
children: displayText
|
|
137
|
-
},
|
|
138
|
-
id2
|
|
139
|
-
) : /* @__PURE__ */ jsx(
|
|
140
|
-
Chevron,
|
|
141
|
-
{
|
|
142
|
-
targetUrl,
|
|
143
|
-
variant: getVariant(variant2),
|
|
144
|
-
marketingIntersitial,
|
|
145
|
-
newTab,
|
|
146
|
-
children: displayText
|
|
147
|
-
},
|
|
148
|
-
id2
|
|
149
|
-
)
|
|
150
|
-
) })
|
|
69
|
+
/* @__PURE__ */ jsx(CallToActionSection, { callToActionRow })
|
|
151
70
|
]
|
|
152
71
|
}
|
|
153
72
|
);
|
|
154
73
|
};
|
|
155
74
|
export {
|
|
156
|
-
Icon,
|
|
157
75
|
IconBillboard
|
|
158
76
|
};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IconBillboard } from "./IconBillboard.js";
|
|
2
2
|
import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
|
|
3
3
|
import { IconBillboardSet } from "./IconBillboardSet.js";
|
|
4
4
|
export {
|
|
5
|
-
Icon,
|
|
6
5
|
IconBillboard,
|
|
7
6
|
IconBillboardSet,
|
|
8
7
|
billboard_icon,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChevronProps } from '../../Chevron/Chevron.interface';
|
|
2
|
+
|
|
3
|
+
interface CallToActionSectionProps {
|
|
4
|
+
callToActionRow?: ChevronProps[];
|
|
5
|
+
}
|
|
6
|
+
export declare const useFullClick: (callToActionRow?: ChevronProps[]) => {
|
|
7
|
+
isClickable: boolean;
|
|
8
|
+
handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
|
+
chevronText: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
export declare const CallToActionSection: ({ callToActionRow, }: CallToActionSectionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Button } from "../../Button/Button.js";
|
|
4
|
+
import "../../Button/Button.css.js";
|
|
5
|
+
import { useMemo } from "react";
|
|
6
|
+
import "react-use";
|
|
7
|
+
import { buttons } from "../IconBillboard.css.js";
|
|
8
|
+
import { Chevron } from "../../Chevron/index.js";
|
|
9
|
+
import { getVariant } from "../../utils/getVariant.js";
|
|
10
|
+
const useFullClick = (callToActionRow) => {
|
|
11
|
+
return useMemo(() => {
|
|
12
|
+
let chevronCount = 0;
|
|
13
|
+
let buttonCount = 0;
|
|
14
|
+
let chevronUrl;
|
|
15
|
+
let chevronText;
|
|
16
|
+
if (callToActionRow && callToActionRow.length > 0) {
|
|
17
|
+
callToActionRow.forEach((cta) => {
|
|
18
|
+
if (cta.type === "Button") {
|
|
19
|
+
buttonCount++;
|
|
20
|
+
} else {
|
|
21
|
+
chevronCount++;
|
|
22
|
+
chevronUrl = cta.targetUrl;
|
|
23
|
+
chevronText = cta.displayText;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
|
|
28
|
+
const handleClick = (e) => {
|
|
29
|
+
if (!isClickable) return;
|
|
30
|
+
const linkEl = e.currentTarget.querySelector("a");
|
|
31
|
+
if (linkEl && linkEl instanceof HTMLAnchorElement) {
|
|
32
|
+
window.location.href = linkEl.href;
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
return {
|
|
36
|
+
isClickable,
|
|
37
|
+
handleClick,
|
|
38
|
+
chevronText
|
|
39
|
+
};
|
|
40
|
+
}, [callToActionRow]);
|
|
41
|
+
};
|
|
42
|
+
const CallToActionSection = ({
|
|
43
|
+
callToActionRow
|
|
44
|
+
}) => {
|
|
45
|
+
if (!Array.isArray(callToActionRow) || callToActionRow.length === 0) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
return /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
|
|
49
|
+
({
|
|
50
|
+
id,
|
|
51
|
+
variant,
|
|
52
|
+
displayText,
|
|
53
|
+
targetUrl,
|
|
54
|
+
type,
|
|
55
|
+
marketingIntersitial,
|
|
56
|
+
newTab,
|
|
57
|
+
...rest
|
|
58
|
+
}) => type === "Button" ? rest.as == "button" ? /* @__PURE__ */ jsx(
|
|
59
|
+
Button,
|
|
60
|
+
{
|
|
61
|
+
targetUrl,
|
|
62
|
+
color: getVariant(variant),
|
|
63
|
+
size: "medium",
|
|
64
|
+
rounded: "medium",
|
|
65
|
+
marketingIntersitial,
|
|
66
|
+
newTab,
|
|
67
|
+
as: "button",
|
|
68
|
+
type: "button",
|
|
69
|
+
action: rest?.onClick,
|
|
70
|
+
children: displayText
|
|
71
|
+
},
|
|
72
|
+
id
|
|
73
|
+
) : /* @__PURE__ */ jsx(
|
|
74
|
+
Button,
|
|
75
|
+
{
|
|
76
|
+
targetUrl,
|
|
77
|
+
color: getVariant(variant),
|
|
78
|
+
size: "medium",
|
|
79
|
+
rounded: "medium",
|
|
80
|
+
marketingIntersitial,
|
|
81
|
+
newTab,
|
|
82
|
+
children: displayText
|
|
83
|
+
},
|
|
84
|
+
id
|
|
85
|
+
) : /* @__PURE__ */ jsx(
|
|
86
|
+
Chevron,
|
|
87
|
+
{
|
|
88
|
+
targetUrl,
|
|
89
|
+
variant: getVariant(variant),
|
|
90
|
+
marketingIntersitial,
|
|
91
|
+
newTab,
|
|
92
|
+
children: displayText
|
|
93
|
+
},
|
|
94
|
+
id
|
|
95
|
+
)
|
|
96
|
+
) });
|
|
97
|
+
};
|
|
98
|
+
export {
|
|
99
|
+
CallToActionSection,
|
|
100
|
+
useFullClick
|
|
101
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode, Ref } from 'react';
|
|
2
|
+
import { QuaternaryTypes } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export interface HeaderSectionProps {
|
|
5
|
+
body?: ReactNode | undefined;
|
|
6
|
+
headingLevel: "h2" | "h3";
|
|
7
|
+
headingRef: Ref<HTMLHeadingElement>;
|
|
8
|
+
headline?: ReactNode | undefined;
|
|
9
|
+
variant: QuaternaryTypes;
|
|
10
|
+
}
|
|
11
|
+
export declare const HeaderSection: ({ body, headingLevel, headingRef, headline, variant, }: HeaderSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { headerIconBillboard, title } from "../IconBillboard.css.js";
|
|
4
|
+
const HeaderSection = ({
|
|
5
|
+
body,
|
|
6
|
+
headingLevel,
|
|
7
|
+
headingRef,
|
|
8
|
+
headline,
|
|
9
|
+
variant
|
|
10
|
+
}) => /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
|
|
11
|
+
headline && React.createElement(
|
|
12
|
+
headingLevel,
|
|
13
|
+
{
|
|
14
|
+
ref: headingRef,
|
|
15
|
+
className: `${title({ variant })}`
|
|
16
|
+
},
|
|
17
|
+
headline
|
|
18
|
+
),
|
|
19
|
+
body && /* @__PURE__ */ jsx("div", { children: body })
|
|
20
|
+
] });
|
|
21
|
+
export {
|
|
22
|
+
HeaderSection
|
|
23
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { billboard_icon } from "../IconBillboard.css.js";
|
|
3
|
+
const IconSection = ({ icon }) => {
|
|
4
|
+
if (!icon) return null;
|
|
5
|
+
return /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx(
|
|
6
|
+
"img",
|
|
7
|
+
{
|
|
8
|
+
src: icon?.src,
|
|
9
|
+
alt: icon?.alt ?? "",
|
|
10
|
+
className: "img_fluid",
|
|
11
|
+
height: icon?.height,
|
|
12
|
+
width: icon?.width
|
|
13
|
+
}
|
|
14
|
+
) });
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
IconSection
|
|
18
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { QuaternaryTypes } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export interface ItemsSectionProps {
|
|
5
|
+
items?: {
|
|
6
|
+
id: string;
|
|
7
|
+
content: ReactNode;
|
|
8
|
+
}[];
|
|
9
|
+
variant: QuaternaryTypes;
|
|
10
|
+
}
|
|
11
|
+
export declare const ItemsSection: ({ items, variant }: ItemsSectionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { list } from "../IconBillboard.css.js";
|
|
4
|
+
import { BulletItem } from "../../BulletItem/BulletItem.js";
|
|
5
|
+
const ItemsSection = ({ items, variant }) => {
|
|
6
|
+
if (!items || items.length === 0) return null;
|
|
7
|
+
return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) });
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
ItemsSection
|
|
11
|
+
};
|
|
@@ -53,7 +53,7 @@ const ImageBillboard = ({
|
|
|
53
53
|
if (headingRef.current) {
|
|
54
54
|
const section = headingRef.current.closest("section");
|
|
55
55
|
if (section) {
|
|
56
|
-
const existingH2 = section.querySelector("h2.
|
|
56
|
+
const existingH2 = section.querySelector("h2._1r4ovbuj");
|
|
57
57
|
if (existingH2) {
|
|
58
58
|
setHeadingLevel("h3");
|
|
59
59
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import "clsx";
|
|
3
3
|
import "react";
|
|
4
|
+
import { getVariant } from "../utils/getVariant.js";
|
|
4
5
|
import { buttons } from "../IconBillboard/IconBillboard.css.js";
|
|
5
6
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
6
7
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
@@ -10,13 +11,12 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
|
|
|
10
11
|
/* empty css */
|
|
11
12
|
/* empty css */
|
|
12
13
|
import "../utils/allowedAxosDomains.js";
|
|
13
|
-
import { getVariant } from "../utils/getVariant.js";
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
-
import { Chevron } from "../Chevron/index.js";
|
|
17
16
|
import { Button } from "../Button/Button.js";
|
|
18
17
|
import "../Button/Button.css.js";
|
|
19
18
|
import "react-use";
|
|
19
|
+
import { Chevron } from "../Chevron/index.js";
|
|
20
20
|
import { SetContainer } from "../SetContainer/SetContainer.js";
|
|
21
21
|
import "../SetContainer/SetContainer.css.js";
|
|
22
22
|
import "../Accordion/Accordion.js";
|
|
@@ -1,32 +1,27 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import { Fragment } from "react";
|
|
4
|
+
import { getVariant } from "../../utils/getVariant.js";
|
|
4
5
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
5
6
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
6
7
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
7
8
|
import ClockIcon from "../../icons/Clock/index.js";
|
|
8
|
-
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/
|
|
9
|
+
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Modal/Modal.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
9
10
|
/* empty css */
|
|
10
11
|
/* empty css */
|
|
11
12
|
/* empty css */
|
|
12
13
|
/* empty css */
|
|
13
14
|
import "../../utils/allowedAxosDomains.js";
|
|
14
|
-
import { getVariant } from "../../utils/getVariant.js";
|
|
15
15
|
/* empty css */
|
|
16
16
|
/* empty css */
|
|
17
17
|
import "../../Accordion/Accordion.js";
|
|
18
18
|
import "../../Accordion/Accordion.css.js";
|
|
19
19
|
import "../../AlertBanner/AlertBanner.css.js";
|
|
20
20
|
import "../../Article/Article.css.js";
|
|
21
|
-
import "../../Interstitial/Interstitial-variants.css.js";
|
|
22
|
-
import "../../Chevron/Chevron.css.js";
|
|
23
|
-
/* empty css */
|
|
24
|
-
import "../../Modal/contextApi/store.js";
|
|
25
|
-
import "../../Button/Button.css.js";
|
|
26
|
-
import "react-use";
|
|
27
21
|
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
28
22
|
import "../../Calculators/calculator.css.js";
|
|
29
23
|
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
24
|
+
import "../../Button/Button.css.js";
|
|
30
25
|
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
31
26
|
import "../../Table/Table.css.js";
|
|
32
27
|
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -49,8 +44,13 @@ import "../../Forms/SalesforceFieldsForm.js";
|
|
|
49
44
|
import "../../Input/RadioButton.css.js";
|
|
50
45
|
import "../../Input/Checkbox.css.js";
|
|
51
46
|
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
47
|
+
import "react-use";
|
|
48
|
+
import "../../Chevron/Chevron.css.js";
|
|
49
|
+
import "../../Interstitial/Interstitial-variants.css.js";
|
|
52
50
|
import "../../Inputs/Input.css.js";
|
|
53
51
|
/* empty css */
|
|
52
|
+
/* empty css */
|
|
53
|
+
import "../../Modal/contextApi/store.js";
|
|
54
54
|
import "../../Hyperlink/Hyperlink.css.js";
|
|
55
55
|
/* empty css */
|
|
56
56
|
import "iframe-resizer";
|
|
@@ -4,7 +4,7 @@ import "react";
|
|
|
4
4
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
5
5
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
6
6
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
7
|
-
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/
|
|
7
|
+
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Modal/Modal.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
@@ -16,15 +16,10 @@ import "../../Accordion/Accordion.js";
|
|
|
16
16
|
import "../../Accordion/Accordion.css.js";
|
|
17
17
|
import "../../AlertBanner/AlertBanner.css.js";
|
|
18
18
|
import "../../Article/Article.css.js";
|
|
19
|
-
import "../../Interstitial/Interstitial-variants.css.js";
|
|
20
|
-
import "../../Chevron/Chevron.css.js";
|
|
21
|
-
/* empty css */
|
|
22
|
-
import "../../Modal/contextApi/store.js";
|
|
23
|
-
import "../../Button/Button.css.js";
|
|
24
|
-
import "react-use";
|
|
25
19
|
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
26
20
|
import "../../Calculators/calculator.css.js";
|
|
27
21
|
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
22
|
+
import "../../Button/Button.css.js";
|
|
28
23
|
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
24
|
import "../../Table/Table.css.js";
|
|
30
25
|
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -47,8 +42,13 @@ import "../../Forms/SalesforceFieldsForm.js";
|
|
|
47
42
|
import "../../Input/RadioButton.css.js";
|
|
48
43
|
import "../../Input/Checkbox.css.js";
|
|
49
44
|
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
45
|
+
import "react-use";
|
|
46
|
+
import "../../Chevron/Chevron.css.js";
|
|
47
|
+
import "../../Interstitial/Interstitial-variants.css.js";
|
|
50
48
|
import "../../Inputs/Input.css.js";
|
|
51
49
|
/* empty css */
|
|
50
|
+
/* empty css */
|
|
51
|
+
import "../../Modal/contextApi/store.js";
|
|
52
52
|
import "../../Hyperlink/Hyperlink.css.js";
|
|
53
53
|
/* empty css */
|
|
54
54
|
import "iframe-resizer";
|
|
@@ -4,12 +4,12 @@ import { Button } from "../../Button/Button.js";
|
|
|
4
4
|
import "../../Button/Button.css.js";
|
|
5
5
|
import { useRef, useState, useEffect } from "react";
|
|
6
6
|
import "react-use";
|
|
7
|
+
import "../../utils/allowedAxosDomains.js";
|
|
8
|
+
import { appendQueryParams } from "../../utils/appendQueryParams.js";
|
|
7
9
|
import clsx from "clsx";
|
|
8
10
|
import { usePathname } from "next/navigation.js";
|
|
9
11
|
import styles from "./NavBar.module.js";
|
|
10
12
|
import { sub_nav, absolute, dd_media, dd_media_btn } from "./SubNavbar.css.js";
|
|
11
|
-
import "../../utils/allowedAxosDomains.js";
|
|
12
|
-
import { appendQueryParams } from "../../utils/appendQueryParams.js";
|
|
13
13
|
function SubNavBar() {
|
|
14
14
|
const subNav1 = useRef(null);
|
|
15
15
|
const [isMouseOver, setIsMouseOver] = useState(false);
|
|
@@ -245,14 +245,7 @@ function SubNavBar() {
|
|
|
245
245
|
children: "Advisor Private Client Banking"
|
|
246
246
|
}
|
|
247
247
|
) }),
|
|
248
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) })
|
|
249
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
250
|
-
"a",
|
|
251
|
-
{
|
|
252
|
-
href: "/products/premier-world-checking-and-savings",
|
|
253
|
-
children: "Advisor World Checking and Savings"
|
|
254
|
-
}
|
|
255
|
-
) })
|
|
248
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) })
|
|
256
249
|
] })
|
|
257
250
|
] }) }),
|
|
258
251
|
/* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [
|
|
@@ -4,14 +4,14 @@ import { Button } from "../../Button/Button.js";
|
|
|
4
4
|
import "../../Button/Button.css.js";
|
|
5
5
|
import { useState, useRef, useEffect } from "react";
|
|
6
6
|
import { useClickAway } from "react-use";
|
|
7
|
+
import "../../utils/allowedAxosDomains.js";
|
|
8
|
+
import { appendQueryParams } from "../../utils/appendQueryParams.js";
|
|
7
9
|
import clsx from "clsx";
|
|
8
10
|
import { NavItem } from "../NavItem/index.js";
|
|
9
11
|
import { Sign_in_btn, expand } from "./NavBar.css.js";
|
|
10
12
|
import styles from "./NavBar.module.js";
|
|
11
13
|
import { navItems } from "./NavData.js";
|
|
12
14
|
import SubNavBar from "./SubNavBar.js";
|
|
13
|
-
import "../../utils/allowedAxosDomains.js";
|
|
14
|
-
import { appendQueryParams } from "../../utils/appendQueryParams.js";
|
|
15
15
|
function NavBar() {
|
|
16
16
|
const [isOpenSignIn, setisOpenSignIn] = useState(false);
|
|
17
17
|
const [isOpenSignInToggle, setisOpenSignInToggle] = useState(false);
|
|
@@ -343,15 +343,7 @@ function NavBar() {
|
|
|
343
343
|
children: "Advisor Private Client Banking"
|
|
344
344
|
}
|
|
345
345
|
),
|
|
346
|
-
/* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", role: "menuitem", children: "InsureGuard+" })
|
|
347
|
-
/* @__PURE__ */ jsx(
|
|
348
|
-
"a",
|
|
349
|
-
{
|
|
350
|
-
href: "/products/premier-world-checking-and-savings",
|
|
351
|
-
role: "menuitem",
|
|
352
|
-
children: "Advisor World Checking and Savings"
|
|
353
|
-
}
|
|
354
|
-
)
|
|
346
|
+
/* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", role: "menuitem", children: "InsureGuard+" })
|
|
355
347
|
]
|
|
356
348
|
}
|
|
357
349
|
)
|
|
@@ -171,9 +171,6 @@ const menuData = {
|
|
|
171
171
|
),
|
|
172
172
|
"InsureGuard+": findMoreAxosDomains(
|
|
173
173
|
"{AXOSBANK}/personal/bank/premier/insureguard-savings"
|
|
174
|
-
),
|
|
175
|
-
"World Checking & Savings": findMoreAxosDomains(
|
|
176
|
-
"{AXOSBANK}/personal/bank/premier/world-checking-and-savings"
|
|
177
174
|
)
|
|
178
175
|
},
|
|
179
176
|
"ATM Locator": findMoreAxosDomains(
|
|
@@ -1024,15 +1024,6 @@ function SubNavBar() {
|
|
|
1024
1024
|
),
|
|
1025
1025
|
children: "InsureGuard+"
|
|
1026
1026
|
}
|
|
1027
|
-
) }),
|
|
1028
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
1029
|
-
Link,
|
|
1030
|
-
{
|
|
1031
|
-
href: findMoreAxosDomains(
|
|
1032
|
-
"{AXOSBANK}/personal/bank/premier/world-checking-and-savings"
|
|
1033
|
-
),
|
|
1034
|
-
children: "World Checking & Savings"
|
|
1035
|
-
}
|
|
1036
1027
|
) })
|
|
1037
1028
|
] })
|
|
1038
1029
|
] }),
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
width: 100%;
|
|
129
129
|
}
|
|
130
130
|
._1m7m2ao {
|
|
131
|
-
padding: 32px
|
|
131
|
+
padding: 32px 36px;
|
|
132
132
|
width: 100%;
|
|
133
133
|
max-width: 50%;
|
|
134
134
|
}
|
|
@@ -513,7 +513,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
|
|
|
513
513
|
}
|
|
514
514
|
._1m7m2ax.reversed ._1m7m2ao {
|
|
515
515
|
padding-left: 0;
|
|
516
|
-
padding-right:
|
|
516
|
+
padding-right: 36px;
|
|
517
517
|
}
|
|
518
518
|
.stacked > .billboard {
|
|
519
519
|
flex-direction: row;
|
package/dist/main.js
CHANGED
|
@@ -94,7 +94,7 @@ import { HeroBanner } from "./HeroBanner/HeroBanner.js";
|
|
|
94
94
|
import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
|
|
95
95
|
import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
|
|
96
96
|
import { Hyperlink } from "./Hyperlink/index.js";
|
|
97
|
-
import {
|
|
97
|
+
import { IconBillboard } from "./IconBillboard/IconBillboard.js";
|
|
98
98
|
import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
|
|
99
99
|
import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
|
|
100
100
|
import { default as default2 } from "./icons/ArrowIcon/index.js";
|
|
@@ -292,7 +292,6 @@ export {
|
|
|
292
292
|
GoBackButton,
|
|
293
293
|
HeroBanner,
|
|
294
294
|
Hyperlink,
|
|
295
|
-
Icon,
|
|
296
295
|
IconBillboard,
|
|
297
296
|
IconBillboardSet,
|
|
298
297
|
ImageBillboard,
|
package/package.json
CHANGED