@axos-web-dev/shared-components 0.0.16 → 0.0.18
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/Accordion/Accordion.css.d.ts +4 -3
- package/dist/Accordion/Accordion.d.ts +2 -1
- package/dist/Accordion/Accordion.js +1 -0
- package/dist/Accordion/index.d.ts +2 -2
- package/dist/AlertBanner/AlertBanner.css.d.ts +1 -1
- package/dist/AlertBanner/AlertBanner.interface.d.ts +2 -1
- package/dist/AlertBanner/index.d.ts +3 -2
- package/dist/AlertBanner/index.js +1 -0
- package/dist/ApyCalculator/index.d.ts +2 -1
- package/dist/ApyCalculator/index.js +3 -17
- package/dist/BulletItem/BulletItem.d.ts +2 -1
- package/dist/BulletItem/BulletItem.js +1 -0
- package/dist/BulletItem/index.d.ts +1 -1
- package/dist/Button/Button.css.d.ts +3 -2
- package/dist/Button/Button.d.ts +4 -3
- package/dist/Button/Button.interface.d.ts +2 -1
- package/dist/Button/GoBackButton.d.ts +3 -2
- package/dist/Button/index.d.ts +3 -3
- package/dist/CallToActionBar/CallToActionBar.interface.d.ts +2 -1
- package/dist/CallToActionBar/index.d.ts +3 -2
- package/dist/Carousel/Carousel.css.d.ts +6 -5
- package/dist/Carousel/index.d.ts +3 -2
- package/dist/Carousel/index.js +2 -1
- package/dist/Carousel/store.d.ts +1 -1
- package/dist/Chevron/Chevron.css.d.ts +1 -1
- package/dist/Chevron/Chevron.interface.d.ts +2 -1
- package/dist/Chevron/index.d.ts +3 -2
- package/dist/Chevron/index.js +3 -1
- package/dist/CollectInformationAlert/index.d.ts +2 -1
- package/dist/CollectInformationAlert/index.js +1 -0
- package/dist/ContentBanner/ContentBanner.css.d.ts +2 -2
- package/dist/ContentBanner/ContentBanner.interface.d.ts +2 -1
- package/dist/ContentBanner/index.d.ts +3 -2
- package/dist/ContentBanner/index.js +1 -1
- package/dist/DownloadTile/DownloadTile.interface.d.ts +2 -1
- package/dist/DownloadTile/index.d.ts +3 -2
- package/dist/DownloadTile/index.js +1 -0
- package/dist/FaqAccordion/index.d.ts +3 -2
- package/dist/FaqAccordion/index.js +1 -0
- package/dist/FooterDisclosure/FooterDisclosure.css.d.ts +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.d.ts +2 -1
- package/dist/FooterDisclosure/index.d.ts +2 -2
- package/dist/Forms/Forms.css.d.ts +4 -4
- package/dist/Forms/RenderForm.d.ts +3 -2
- package/dist/Forms/SalesforceFieldsForm.d.ts +1 -1
- package/dist/Forms/ScheduleCall.d.ts +3 -2
- package/dist/Forms/ScheduleCall.js +22 -9
- package/dist/Forms/index.d.ts +4 -4
- package/dist/HeroBanner/HeroBanner.css.d.ts +5 -4
- package/dist/HeroBanner/HeroBanner.css.js +11 -9
- package/dist/HeroBanner/HeroBanner.interface.d.ts +2 -1
- package/dist/HeroBanner/index.d.ts +2 -1
- package/dist/HeroBanner/index.js +3 -3
- package/dist/Hyperlink/Hyperlink.interface.d.ts +2 -1
- package/dist/Hyperlink/index.d.ts +3 -2
- package/dist/Hyperlink/index.js +4 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +6 -5
- package/dist/IconBillboard/IconBillboard.d.ts +4 -3
- package/dist/IconBillboard/IconBillboard.interface.d.ts +4 -3
- package/dist/IconBillboard/IconBillboard.js +1 -1
- package/dist/IconBillboard/IconBillboardSet.d.ts +2 -1
- package/dist/IconBillboard/index.d.ts +4 -4
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +4 -4
- package/dist/ImageBillboard/ImageBillboard.d.ts +2 -1
- package/dist/ImageBillboard/ImageBillboard.interface.d.ts +5 -4
- package/dist/ImageBillboard/ImageBillboard.js +1 -0
- package/dist/ImageBillboard/ImageBillboardSet.d.ts +2 -1
- package/dist/ImageBillboard/ImageBillboardSet.js +1 -0
- package/dist/ImageBillboard/index.d.ts +4 -4
- package/dist/Input/Input.css.d.ts +6 -6
- package/dist/Input/Input.css.js +2 -2
- package/dist/Input/Input.d.ts +14 -0
- package/dist/Input/Input.js +45 -0
- package/dist/Input/InputPhone.d.ts +3 -0
- package/dist/Input/InputPhone.js +24 -0
- package/dist/Input/index.d.ts +3 -13
- package/dist/Input/index.js +13 -43
- package/dist/Inputs/Input.css.d.ts +6 -6
- package/dist/MainHTML/index.d.ts +2 -1
- package/dist/MainHTML/index.js +8 -1
- package/dist/Modal/Modal.d.ts +3 -2
- package/dist/Modal/Modal.js +4 -1
- package/dist/Modal/contextApi/store.d.ts +3 -2
- package/dist/Modal/contextApi/store.js +11 -16
- package/dist/Modal/index.d.ts +2 -2
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosAdvisor/SubNavBar.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +138 -97
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +40 -40
- package/dist/NavigationMenu/index.d.ts +2 -2
- package/dist/SetContainer/SetContainer.d.ts +3 -2
- package/dist/SetContainer/SetContainer.js +4 -1
- package/dist/SetContainer/index.d.ts +2 -2
- package/dist/Table/Table.css.d.ts +16 -5
- package/dist/Table/Table.css.js +15 -13
- package/dist/Table/Table.d.ts +5 -4
- package/dist/Table/Table.interface.d.ts +3 -1
- package/dist/Table/Table.js +37 -19
- package/dist/Table/index.d.ts +2 -2
- package/dist/Table/index.js +2 -1
- package/dist/TextBlock/TextBlock.d.ts +2 -1
- package/dist/TextBlock/index.d.ts +2 -2
- package/dist/Typography/Typography.css.d.ts +4 -3
- package/dist/Typography/Typography.d.ts +3 -2
- package/dist/Typography/index.d.ts +1 -1
- package/dist/VideoTile/VideoTile.d.ts +3 -2
- package/dist/VideoTile/VideoTile.js +3 -2
- package/dist/VideoTile/index.d.ts +4 -4
- package/dist/VideoWrapper/index.d.ts +3 -2
- package/dist/VideoWrapper/index.js +1 -0
- package/dist/assets/Forms/Forms.css +1 -1
- package/dist/assets/HeroBanner/HeroBanner.css +100 -51
- package/dist/assets/ImageBillboard/ImageBillboard.css +7 -0
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +594 -590
- package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +84 -81
- package/dist/assets/Table/Table.css +89 -54
- package/dist/assets/globals.css +9 -0
- package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +1 -1
- package/dist/icons/ArrowIcon/index.d.ts +2 -1
- package/dist/icons/ArrowIcon/index.js +3 -1
- package/dist/icons/AxosX/Blue.d.ts +2 -1
- package/dist/icons/AxosX/index.d.ts +2 -1
- package/dist/icons/CheckCircle.d.ts +2 -1
- package/dist/icons/CheckCircleLight.d.ts +2 -1
- package/dist/icons/CheckIcon/CheckIcon.css.d.ts +3 -2
- package/dist/icons/CheckIcon/index.d.ts +2 -1
- package/dist/icons/ChevronDown.d.ts +2 -1
- package/dist/icons/ChevronUp.d.ts +2 -1
- package/dist/icons/CloseIcon/index.d.ts +2 -1
- package/dist/icons/DownloadIcon/index.d.ts +2 -1
- package/dist/icons/EqualHousingLender.d.ts +2 -1
- package/dist/icons/LockIcon/index.d.ts +2 -1
- package/dist/icons/MemberFdicLogo.d.ts +2 -1
- package/dist/icons/QuoteIconGrey.d.ts +2 -1
- package/dist/icons/QuoteIconWhite.d.ts +2 -1
- package/dist/icons/QuoteIconYellow.d.ts +2 -1
- package/dist/icons/WarningIcon/index.d.ts +2 -1
- package/dist/icons/index.d.ts +17 -17
- package/dist/index.css.d.ts +1 -0
- package/dist/main.d.ts +1 -1
- package/dist/main.js +15 -3
- package/dist/themes/index.d.ts +2 -2
- package/dist/utils/allowedAxosDomains.js +5 -5
- package/dist/utils/ctaOptions.d.ts +1 -0
- package/dist/utils/getVariant.d.ts +2 -1
- package/dist/utils/index.d.ts +5 -5
- package/package.json +107 -106
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { Dispatch, PropsWithChildren, SetStateAction } from
|
|
1
|
+
import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
|
2
|
+
|
|
2
3
|
export interface ContextProps {
|
|
3
4
|
targetLinkUrl: string;
|
|
4
5
|
setTargetLinkUrl: Dispatch<SetStateAction<string>>;
|
|
5
6
|
openModal: boolean;
|
|
6
7
|
setOpenModal: Dispatch<SetStateAction<boolean>>;
|
|
7
8
|
}
|
|
8
|
-
export declare const GlobalContext: import(
|
|
9
|
+
export declare const GlobalContext: import('react').Context<ContextProps>;
|
|
9
10
|
export declare const GlobalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export declare const useGlobalContext: () => ContextProps;
|
|
@@ -3,7 +3,6 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { Modal } from "../Modal.js";
|
|
4
4
|
import { shortUrl } from "../../utils/validateExternalLinks.js";
|
|
5
5
|
import { createContext, useState, useContext } from "react";
|
|
6
|
-
import { createPortal } from "react-dom";
|
|
7
6
|
const GlobalContext = createContext({
|
|
8
7
|
targetLinkUrl: "",
|
|
9
8
|
setTargetLinkUrl: () => "",
|
|
@@ -24,24 +23,20 @@ const GlobalContextProvider = ({ children }) => {
|
|
|
24
23
|
},
|
|
25
24
|
children: [
|
|
26
25
|
children,
|
|
27
|
-
openModal ?
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
bodyCopy: `Axos Bank does not endorse the information,
|
|
26
|
+
openModal ? /* @__PURE__ */ jsx(
|
|
27
|
+
Modal,
|
|
28
|
+
{
|
|
29
|
+
headline: "You're continuing to another website",
|
|
30
|
+
bodyCopy: `Axos Bank does not endorse the information,
|
|
33
31
|
content, presentation or accuracy of any other
|
|
34
32
|
website and claims no responsibility for it.`,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
33
|
+
body: shortUrl(targetLinkUrl),
|
|
34
|
+
onCancel: () => setOpenModal(false),
|
|
35
|
+
onAccept: () => {
|
|
36
|
+
window.open(targetLinkUrl, "_blank", "noreferrer");
|
|
37
|
+
setOpenModal(false);
|
|
41
38
|
}
|
|
42
|
-
|
|
43
|
-
document.body,
|
|
44
|
-
"GlobalSpeedBump"
|
|
39
|
+
}
|
|
45
40
|
) : null
|
|
46
41
|
]
|
|
47
42
|
}
|
package/dist/Modal/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './Modal';
|
|
2
|
+
export * from './contextApi/store';
|
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
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 sub_nav = "
|
|
12
|
-
const header_sub_row = "
|
|
13
|
-
const signin_dropdown = "
|
|
14
|
-
const shadow = "
|
|
15
|
-
const signin_header = "
|
|
16
|
-
const signin_subheader = "
|
|
17
|
-
const opacity = "
|
|
18
|
-
const fadeInDown = "
|
|
19
|
-
const footer = "
|
|
20
|
-
const open = "
|
|
21
|
-
const dd_wrapper = "
|
|
22
|
-
const dd_media = "
|
|
23
|
-
const dd_media_img = "
|
|
24
|
-
const dd_site_navs = "
|
|
25
|
-
const dd_media_header = "
|
|
26
|
-
const mt_8 = "
|
|
27
|
-
const mt_16 = "
|
|
28
|
-
const ml_8 = "
|
|
29
|
-
const dd_media_cta = "
|
|
30
|
-
const reversed_row = "
|
|
31
|
-
const headline = "
|
|
32
|
-
const nav_anchor = "
|
|
33
|
-
const headline_cta = "
|
|
34
|
-
const site_lists = "
|
|
35
|
-
const hamburger = "
|
|
36
|
-
const mobile_only = "
|
|
37
|
-
const mobile_logo = "
|
|
38
|
-
const highlight = "
|
|
39
|
-
const mobile_nav = "
|
|
40
|
-
const mobile_opened = "
|
|
41
|
-
const mobile_nav_item = "
|
|
42
|
-
const has_dropdown = "
|
|
43
|
-
const icon_wrap = "
|
|
44
|
-
const mobile_footer = "
|
|
45
|
-
const mobile_footer_content = "
|
|
46
|
-
const mobile_footer_media = "
|
|
47
|
-
const footer_cta = "
|
|
48
|
-
const inner_wrapper = "
|
|
49
|
-
const btn = "
|
|
50
|
-
const sub_menu = "
|
|
51
|
-
const main = "
|
|
52
|
-
const dd_footer = "
|
|
53
|
-
const desktop_only = "
|
|
1
|
+
const header = "_header_n9jyn_1";
|
|
2
|
+
const wrapper = "_wrapper_n9jyn_5";
|
|
3
|
+
const header_main_row = "_header_main_row_n9jyn_11";
|
|
4
|
+
const mobile_header = "_mobile_header_n9jyn_12";
|
|
5
|
+
const logo_wrap = "_logo_wrap_n9jyn_18";
|
|
6
|
+
const primary_links = "_primary_links_n9jyn_22";
|
|
7
|
+
const main_nav_link = "_main_nav_link_n9jyn_26";
|
|
8
|
+
const sub_nav_link = "_sub_nav_link_n9jyn_48";
|
|
9
|
+
const signin_wrap = "_signin_wrap_n9jyn_50";
|
|
10
|
+
const signin_btn = "_signin_btn_n9jyn_51";
|
|
11
|
+
const sub_nav = "_sub_nav_n9jyn_48";
|
|
12
|
+
const header_sub_row = "_header_sub_row_n9jyn_93";
|
|
13
|
+
const signin_dropdown = "_signin_dropdown_n9jyn_109";
|
|
14
|
+
const shadow = "_shadow_n9jyn_119";
|
|
15
|
+
const signin_header = "_signin_header_n9jyn_127";
|
|
16
|
+
const signin_subheader = "_signin_subheader_n9jyn_134";
|
|
17
|
+
const opacity = "_opacity_n9jyn_156";
|
|
18
|
+
const fadeInDown = "_fadeInDown_n9jyn_1";
|
|
19
|
+
const footer = "_footer_n9jyn_162";
|
|
20
|
+
const open = "_open_n9jyn_178";
|
|
21
|
+
const dd_wrapper = "_dd_wrapper_n9jyn_190";
|
|
22
|
+
const dd_media = "_dd_media_n9jyn_195";
|
|
23
|
+
const dd_media_img = "_dd_media_img_n9jyn_200";
|
|
24
|
+
const dd_site_navs = "_dd_site_navs_n9jyn_204";
|
|
25
|
+
const dd_media_header = "_dd_media_header_n9jyn_211";
|
|
26
|
+
const mt_8 = "_mt_8_n9jyn_220";
|
|
27
|
+
const mt_16 = "_mt_16_n9jyn_224";
|
|
28
|
+
const ml_8 = "_ml_8_n9jyn_228";
|
|
29
|
+
const dd_media_cta = "_dd_media_cta_n9jyn_232";
|
|
30
|
+
const reversed_row = "_reversed_row_n9jyn_246";
|
|
31
|
+
const headline = "_headline_n9jyn_262";
|
|
32
|
+
const nav_anchor = "_nav_anchor_n9jyn_268";
|
|
33
|
+
const headline_cta = "_headline_cta_n9jyn_276";
|
|
34
|
+
const site_lists = "_site_lists_n9jyn_291";
|
|
35
|
+
const hamburger = "_hamburger_n9jyn_326";
|
|
36
|
+
const mobile_only = "_mobile_only_n9jyn_340";
|
|
37
|
+
const mobile_logo = "_mobile_logo_n9jyn_346";
|
|
38
|
+
const highlight = "_highlight_n9jyn_351";
|
|
39
|
+
const mobile_nav = "_mobile_nav_n9jyn_385";
|
|
40
|
+
const mobile_opened = "_mobile_opened_n9jyn_395";
|
|
41
|
+
const mobile_nav_item = "_mobile_nav_item_n9jyn_400";
|
|
42
|
+
const has_dropdown = "_has_dropdown_n9jyn_415";
|
|
43
|
+
const icon_wrap = "_icon_wrap_n9jyn_436";
|
|
44
|
+
const mobile_footer = "_mobile_footer_n9jyn_441";
|
|
45
|
+
const mobile_footer_content = "_mobile_footer_content_n9jyn_447";
|
|
46
|
+
const mobile_footer_media = "_mobile_footer_media_n9jyn_461";
|
|
47
|
+
const footer_cta = "_footer_cta_n9jyn_467";
|
|
48
|
+
const inner_wrapper = "_inner_wrapper_n9jyn_495";
|
|
49
|
+
const btn = "_btn_n9jyn_500";
|
|
50
|
+
const sub_menu = "_sub_menu_n9jyn_505";
|
|
51
|
+
const main = "_main_n9jyn_26";
|
|
52
|
+
const dd_footer = "_dd_footer_n9jyn_530";
|
|
53
|
+
const desktop_only = "_desktop_only_n9jyn_549";
|
|
54
54
|
const styles = {
|
|
55
55
|
header,
|
|
56
56
|
wrapper,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function SubNavBar(): import("react/jsx-runtime").JSX.Element
|
|
1
|
+
export default function SubNavBar(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Button } from "../../Button/Button.js";
|
|
4
4
|
import "../../Button/Button.css.js";
|
|
5
|
-
import { useRef, useState } from "react";
|
|
5
|
+
import { useRef, useState, useEffect } from "react";
|
|
6
6
|
import { useLocation } from "react-use";
|
|
7
7
|
import styles from "./NavBar.module.js";
|
|
8
8
|
import { sub_nav, absoule, dd_media, dd_media_btn } from "./SubNavbar.css.js";
|
|
9
9
|
function SubNavBar() {
|
|
10
10
|
const subNav1 = useRef(null);
|
|
11
11
|
const [isMouseOver, setIsMouseOver] = useState(false);
|
|
12
|
+
const [render, setIsrender] = useState(false);
|
|
13
|
+
const { pathname } = useLocation();
|
|
12
14
|
const mouseOver = () => {
|
|
13
15
|
setIsMouseOver(true);
|
|
14
16
|
};
|
|
@@ -18,87 +20,108 @@ function SubNavBar() {
|
|
|
18
20
|
const showSubNabVarOptions = () => {
|
|
19
21
|
setIsMouseOver(!isMouseOver);
|
|
20
22
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
(pathname == null ? void 0 : pathname.includes("/products")) ? setIsrender(true) : setIsrender(false);
|
|
25
|
+
}, [render]);
|
|
25
26
|
const date = /* @__PURE__ */ new Date();
|
|
26
27
|
const day = date.getDate();
|
|
27
28
|
const month = date.getMonth() + 1;
|
|
28
29
|
const year = date.getFullYear();
|
|
29
30
|
const currentDate = `${month}/${day}/${year}`;
|
|
30
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
31
|
-
/* @__PURE__ */ jsx(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
{
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
fill: "none",
|
|
49
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
50
|
-
style: { marginLeft: "8px" },
|
|
51
|
-
children: /* @__PURE__ */ jsx(
|
|
52
|
-
"path",
|
|
31
|
+
return /* @__PURE__ */ jsx(Fragment, { children: render && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
32
|
+
/* @__PURE__ */ jsx(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`,
|
|
36
|
+
children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
|
|
37
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
|
|
38
|
+
"a",
|
|
39
|
+
{
|
|
40
|
+
href: "#",
|
|
41
|
+
id: "subNav1",
|
|
42
|
+
role: "menuitem",
|
|
43
|
+
onMouseEnter: mouseOver,
|
|
44
|
+
onClick: showSubNabVarOptions,
|
|
45
|
+
children: [
|
|
46
|
+
"Private Client",
|
|
47
|
+
/* @__PURE__ */ jsx(
|
|
48
|
+
"svg",
|
|
53
49
|
{
|
|
54
|
-
|
|
55
|
-
|
|
50
|
+
width: "15",
|
|
51
|
+
height: "12",
|
|
52
|
+
viewBox: "0 0 20 12",
|
|
53
|
+
fill: "none",
|
|
54
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
55
|
+
style: { marginLeft: "8px" },
|
|
56
|
+
children: /* @__PURE__ */ jsx(
|
|
57
|
+
"path",
|
|
58
|
+
{
|
|
59
|
+
d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
|
|
60
|
+
fill: "white"
|
|
61
|
+
}
|
|
62
|
+
)
|
|
56
63
|
}
|
|
57
64
|
)
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
children:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
children:
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
children:
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
) }),
|
|
68
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
|
|
69
|
+
"a",
|
|
70
|
+
{
|
|
71
|
+
href: "/products/select-high-yield-money-market",
|
|
72
|
+
id: "subNav2",
|
|
73
|
+
role: "menuitem",
|
|
74
|
+
children: "Select High Yield Money Market"
|
|
75
|
+
}
|
|
76
|
+
) }),
|
|
77
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
|
|
78
|
+
"a",
|
|
79
|
+
{
|
|
80
|
+
href: "/products/select-cds",
|
|
81
|
+
id: "subNav3",
|
|
82
|
+
role: "menuitem",
|
|
83
|
+
children: "Select CDs"
|
|
84
|
+
}
|
|
85
|
+
) }),
|
|
86
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
|
|
87
|
+
"a",
|
|
88
|
+
{
|
|
89
|
+
href: "/products/select-checking",
|
|
90
|
+
id: "subNav4",
|
|
91
|
+
role: "menuitem",
|
|
92
|
+
children: "Select Checking"
|
|
93
|
+
}
|
|
94
|
+
) }),
|
|
95
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
|
|
96
|
+
"a",
|
|
97
|
+
{
|
|
98
|
+
href: "/products/select-savings",
|
|
99
|
+
id: "subNav4",
|
|
100
|
+
role: "menuitem",
|
|
101
|
+
children: "Select Savings"
|
|
102
|
+
}
|
|
103
|
+
) }),
|
|
104
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
|
|
105
|
+
"a",
|
|
106
|
+
{
|
|
107
|
+
href: "/products/business-banking",
|
|
108
|
+
id: "subNav4",
|
|
109
|
+
role: "menuitem",
|
|
110
|
+
children: "Business Banking"
|
|
111
|
+
}
|
|
112
|
+
) }),
|
|
113
|
+
/* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
|
|
114
|
+
"a",
|
|
115
|
+
{
|
|
116
|
+
href: "/products/mortgage",
|
|
117
|
+
id: "subNav4",
|
|
118
|
+
role: "menuitem",
|
|
119
|
+
children: "Mortgage"
|
|
120
|
+
}
|
|
121
|
+
) })
|
|
122
|
+
] }) }) }) })
|
|
123
|
+
}
|
|
124
|
+
),
|
|
102
125
|
isMouseOver && /* @__PURE__ */ jsx(
|
|
103
126
|
"div",
|
|
104
127
|
{
|
|
@@ -148,29 +171,41 @@ function SubNavBar() {
|
|
|
148
171
|
{
|
|
149
172
|
className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
|
|
150
173
|
children: [
|
|
151
|
-
/* @__PURE__ */ jsxs(
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
{
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
174
|
+
/* @__PURE__ */ jsxs(
|
|
175
|
+
"div",
|
|
176
|
+
{
|
|
177
|
+
className: `${styles.headline} flex_row middle between`,
|
|
178
|
+
children: [
|
|
179
|
+
/* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
|
|
180
|
+
/* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
|
|
181
|
+
/* @__PURE__ */ jsx(
|
|
182
|
+
"svg",
|
|
183
|
+
{
|
|
184
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
185
|
+
width: "20",
|
|
186
|
+
height: "20",
|
|
187
|
+
viewBox: "0 0 20 20",
|
|
188
|
+
fill: "none",
|
|
189
|
+
children: /* @__PURE__ */ jsx(
|
|
190
|
+
"path",
|
|
191
|
+
{
|
|
192
|
+
d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
|
|
193
|
+
fill: "#4A5560"
|
|
194
|
+
}
|
|
195
|
+
)
|
|
196
|
+
}
|
|
197
|
+
),
|
|
198
|
+
/* @__PURE__ */ jsx(
|
|
199
|
+
"div",
|
|
164
200
|
{
|
|
165
|
-
|
|
166
|
-
|
|
201
|
+
className: `${styles.headline_cta} ${styles.ml_8}`,
|
|
202
|
+
children: /* @__PURE__ */ jsx("a", { href: "/contact-us", children: "Help & Support" })
|
|
167
203
|
}
|
|
168
204
|
)
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
] }),
|
|
205
|
+
] })
|
|
206
|
+
]
|
|
207
|
+
}
|
|
208
|
+
),
|
|
174
209
|
/* @__PURE__ */ jsx("hr", {}),
|
|
175
210
|
/* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
|
|
176
211
|
/* @__PURE__ */ jsx(
|
|
@@ -192,7 +227,13 @@ function SubNavBar() {
|
|
|
192
227
|
),
|
|
193
228
|
/* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
|
|
194
229
|
/* @__PURE__ */ jsx("li", { role: "heading", children: "Products" }),
|
|
195
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
230
|
+
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
231
|
+
"a",
|
|
232
|
+
{
|
|
233
|
+
href: "/products/premier-private-client-banking",
|
|
234
|
+
children: "Advisor Private Client Banking"
|
|
235
|
+
}
|
|
236
|
+
) }),
|
|
196
237
|
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) }),
|
|
197
238
|
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
198
239
|
"a",
|
|
@@ -215,7 +256,7 @@ function SubNavBar() {
|
|
|
215
256
|
] }) })
|
|
216
257
|
}
|
|
217
258
|
)
|
|
218
|
-
] });
|
|
259
|
+
] }) });
|
|
219
260
|
}
|
|
220
261
|
export {
|
|
221
262
|
SubNavBar as default
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
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 = "
|
|
8
|
-
const main_nav_link = "
|
|
9
|
-
const sub_nav_link = "
|
|
10
|
-
const signin_wrap = "
|
|
11
|
-
const signin_btn = "
|
|
12
|
-
const sub_nav = "
|
|
13
|
-
const header_sub_row = "
|
|
14
|
-
const shadow = "
|
|
15
|
-
const opacity = "
|
|
16
|
-
const fadeInDown = "
|
|
17
|
-
const footer = "
|
|
18
|
-
const open = "
|
|
19
|
-
const mt_8 = "
|
|
20
|
-
const mt_16 = "
|
|
21
|
-
const ml_8 = "
|
|
22
|
-
const reversed_row = "
|
|
23
|
-
const nav_anchor = "
|
|
24
|
-
const site_lists = "
|
|
25
|
-
const hamburger = "
|
|
26
|
-
const mobile_logo = "
|
|
27
|
-
const mobile_nav = "
|
|
28
|
-
const mobile_opened = "
|
|
29
|
-
const mobile_nav_item = "
|
|
30
|
-
const icon_wrap = "
|
|
31
|
-
const mobile_footer = "
|
|
32
|
-
const mobile_footer_content = "
|
|
33
|
-
const mobile_footer_media = "
|
|
34
|
-
const footer_cta = "
|
|
35
|
-
const inner_wrapper = "
|
|
36
|
-
const btn = "
|
|
37
|
-
const sub_menu = "
|
|
38
|
-
const main = "
|
|
39
|
-
const desktop_only = "
|
|
40
|
-
const mobile_only = "
|
|
1
|
+
const header = "_header_1witk_1";
|
|
2
|
+
const wrapper = "_wrapper_1witk_5";
|
|
3
|
+
const header_main_row = "_header_main_row_1witk_11";
|
|
4
|
+
const mobile_header = "_mobile_header_1witk_12";
|
|
5
|
+
const logo_wrap = "_logo_wrap_1witk_18";
|
|
6
|
+
const primary_links = "_primary_links_1witk_22";
|
|
7
|
+
const main_nav = "_main_nav_1witk_26";
|
|
8
|
+
const main_nav_link = "_main_nav_link_1witk_33";
|
|
9
|
+
const sub_nav_link = "_sub_nav_link_1witk_55";
|
|
10
|
+
const signin_wrap = "_signin_wrap_1witk_57";
|
|
11
|
+
const signin_btn = "_signin_btn_1witk_58";
|
|
12
|
+
const sub_nav = "_sub_nav_1witk_55";
|
|
13
|
+
const header_sub_row = "_header_sub_row_1witk_99";
|
|
14
|
+
const shadow = "_shadow_1witk_115";
|
|
15
|
+
const opacity = "_opacity_1witk_131";
|
|
16
|
+
const fadeInDown = "_fadeInDown_1witk_1";
|
|
17
|
+
const footer = "_footer_1witk_137";
|
|
18
|
+
const open = "_open_1witk_153";
|
|
19
|
+
const mt_8 = "_mt_8_1witk_161";
|
|
20
|
+
const mt_16 = "_mt_16_1witk_165";
|
|
21
|
+
const ml_8 = "_ml_8_1witk_169";
|
|
22
|
+
const reversed_row = "_reversed_row_1witk_173";
|
|
23
|
+
const nav_anchor = "_nav_anchor_1witk_177";
|
|
24
|
+
const site_lists = "_site_lists_1witk_188";
|
|
25
|
+
const hamburger = "_hamburger_1witk_192";
|
|
26
|
+
const mobile_logo = "_mobile_logo_1witk_206";
|
|
27
|
+
const mobile_nav = "_mobile_nav_1witk_229";
|
|
28
|
+
const mobile_opened = "_mobile_opened_1witk_241";
|
|
29
|
+
const mobile_nav_item = "_mobile_nav_item_1witk_245";
|
|
30
|
+
const icon_wrap = "_icon_wrap_1witk_260";
|
|
31
|
+
const mobile_footer = "_mobile_footer_1witk_265";
|
|
32
|
+
const mobile_footer_content = "_mobile_footer_content_1witk_271";
|
|
33
|
+
const mobile_footer_media = "_mobile_footer_media_1witk_285";
|
|
34
|
+
const footer_cta = "_footer_cta_1witk_292";
|
|
35
|
+
const inner_wrapper = "_inner_wrapper_1witk_324";
|
|
36
|
+
const btn = "_btn_1witk_328";
|
|
37
|
+
const sub_menu = "_sub_menu_1witk_333";
|
|
38
|
+
const main = "_main_1witk_26";
|
|
39
|
+
const desktop_only = "_desktop_only_1witk_362";
|
|
40
|
+
const mobile_only = "_mobile_only_1witk_409";
|
|
41
41
|
const styles = {
|
|
42
42
|
header,
|
|
43
43
|
wrapper,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as NavBarAXA } from
|
|
2
|
-
export { default as NavBarAFS } from
|
|
1
|
+
export { default as NavBarAXA } from './AxosAdvisor';
|
|
2
|
+
export { default as NavBarAFS } from './AxosFiduciary';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
|
|
3
|
+
|
|
3
4
|
export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
|
|
4
5
|
}
|
|
5
6
|
export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { section_text, header_section } from "../IconBillboard/IconBillboard.css.js";
|
|
3
|
+
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
3
4
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
4
5
|
/* empty css */
|
|
5
6
|
/* empty css */
|
|
@@ -27,7 +28,9 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
27
28
|
import "../Forms/Forms.css.js";
|
|
28
29
|
import "../Forms/SalesforceFieldsForm.js";
|
|
29
30
|
import "@hookform/resolvers/zod";
|
|
30
|
-
import "../Input/
|
|
31
|
+
import "../Input/Input.js";
|
|
32
|
+
import "../Input/Input.css.js";
|
|
33
|
+
import "../Input/InputPhone.js";
|
|
31
34
|
import "react-hook-form";
|
|
32
35
|
import { inline_container } from "./SetContainer.css.js";
|
|
33
36
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './SetContainer';
|
|
2
|
+
export * from './SetContainer.css';
|