@axos-web-dev/shared-components 1.0.99-feature-toasts.4 → 1.0.99-leadpriority

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -2
  2. package/dist/Auth/ErrorAlert.js +1 -2
  3. package/dist/Button/Button.js +1 -2
  4. package/dist/Calculators/Calculator.js +1 -2
  5. package/dist/Calculators/MaxLoanCalculator/index.js +22 -5
  6. package/dist/Calculators/MonthlyPaymentCalculator/index.js +15 -5
  7. package/dist/Carousel/index.js +1 -2
  8. package/dist/Chevron/index.js +1 -2
  9. package/dist/Comparison/Comparison.js +1 -2
  10. package/dist/ExecutiveBio/ExecutiveBio.js +1 -2
  11. package/dist/FaqAccordion/index.js +1 -2
  12. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -2
  13. package/dist/Forms/ApplicationStart.js +1 -1
  14. package/dist/Forms/ApplyNow.js +1 -2
  15. package/dist/Forms/ClearingForm.js +1 -1
  16. package/dist/Forms/CommercialDeposits.js +1 -1
  17. package/dist/Forms/CommercialLending.js +1 -1
  18. package/dist/Forms/CommercialPremiumFinance.js +1 -1
  19. package/dist/Forms/ContactCompany.js +1 -1
  20. package/dist/Forms/ContactCompanyTitle.js +1 -1
  21. package/dist/Forms/ContactUs.js +1 -1
  22. package/dist/Forms/ContactUsAAS.js +1 -1
  23. package/dist/Forms/ContactUsBusiness.js +2 -3
  24. package/dist/Forms/ContactUsBusinessNameEmail.js +2 -3
  25. package/dist/Forms/ContactUsLVF.js +1 -1
  26. package/dist/Forms/ContactUsNMLSId.js +2 -3
  27. package/dist/Forms/CpraRequest.js +1 -1
  28. package/dist/Forms/CraPublicFile.js +2 -3
  29. package/dist/Forms/DealerServices.js +1 -1
  30. package/dist/Forms/EmailOnly.js +2 -3
  31. package/dist/Forms/EmailUs.js +1 -1
  32. package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -1
  33. package/dist/Forms/HoneyPot/HoneyPot.css.js +2 -2
  34. package/dist/Forms/HoneyPot/index.d.ts +10 -11
  35. package/dist/Forms/HoneyPot/index.js +21 -23
  36. package/dist/Forms/MortgageRate/MortgageRateForm.js +12 -12
  37. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -2
  38. package/dist/Forms/MortgageWarehouseLending.js +2 -4
  39. package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -1
  40. package/dist/Forms/SalesforceFieldsForm.d.ts +5 -0
  41. package/dist/Forms/SalesforceFieldsForm.js +11 -1
  42. package/dist/Forms/ScheduleCall.js +1 -1
  43. package/dist/Forms/ScheduleCallPremier.js +1 -1
  44. package/dist/Forms/SuccesForm.js +1 -2
  45. package/dist/Forms/VendorQuestionnaire.js +1 -1
  46. package/dist/Forms/WcplSurvey.js +1 -1
  47. package/dist/HeroBanner/HeroBanner.d.ts +1 -1
  48. package/dist/HeroBanner/HeroBanner.interface.d.ts +0 -3
  49. package/dist/HeroBanner/HeroBanner.js +30 -40
  50. package/dist/Hyperlink/index.js +1 -2
  51. package/dist/IconBillboard/IconBillboard.css.js +1 -2
  52. package/dist/IconBillboard/IconBillboard.interface.d.ts +0 -1
  53. package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js +6 -1
  54. package/dist/ImageBillboard/ImageBillboard.interface.d.ts +0 -3
  55. package/dist/ImageBillboard/ImageBillboardSet.d.ts +1 -1
  56. package/dist/ImageBillboard/ImageBillboardSet.js +20 -29
  57. package/dist/ImageLink/ImageLink.js +1 -2
  58. package/dist/ImageLink/ImageLinkSet.js +1 -2
  59. package/dist/ImageLink/index.js +1 -2
  60. package/dist/Insight/Featured/CategorySelector.js +1 -2
  61. package/dist/Insight/Featured/Featured.js +1 -2
  62. package/dist/Insight/Featured/Header.js +1 -2
  63. package/dist/Modal/Modal.js +42 -53
  64. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -2
  65. package/dist/NavigationMenu/AxosALTS/index.js +1 -2
  66. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -2
  67. package/dist/NavigationMenu/AxosBank/NavData.js +1 -2
  68. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -2
  69. package/dist/NavigationMenu/AxosBank/index.js +1 -2
  70. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -2
  71. package/dist/NavigationMenu/LaVictoire/index.js +1 -2
  72. package/dist/NavigationMenu/NavDataJson.js +1 -2
  73. package/dist/NavigationMenu/Navbar.js +1 -2
  74. package/dist/NavigationMenu/SignInNavButton.js +1 -2
  75. package/dist/SetContainer/SetContainer.js +1 -2
  76. package/dist/SocialMediaBar/iconsRepository.js +1 -2
  77. package/dist/Table/Table.d.ts +1 -1
  78. package/dist/VideoTile/VideoTile.js +1 -2
  79. package/dist/VideoWrapper/index.js +1 -2
  80. package/dist/assets/Forms/HoneyPot/HoneyPot.css +4 -0
  81. package/dist/assets/HeroBanner/HeroBanner.css +3 -4
  82. package/dist/assets/IconBillboard/IconBillboard.css +0 -33
  83. package/package.json +133 -133
  84. package/dist/ImageToast/ImageToast.css.d.ts +0 -5
  85. package/dist/ImageToast/ImageToast.css.js +0 -13
  86. package/dist/ImageToast/index.d.ts +0 -9
  87. package/dist/ImageToast/index.js +0 -183
  88. package/dist/assets/ImageToast/ImageToast.css +0 -33
@@ -18,7 +18,6 @@ import clsx from "clsx";
18
18
  import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
19
19
  import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
20
20
  import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
21
- import { ToastWrapper, ImageToast } from "../ImageToast/index.js";
22
21
  const HeroBanner = ({
23
22
  id,
24
23
  eyebrow,
@@ -32,9 +31,7 @@ const HeroBanner = ({
32
31
  imagePlacement = "Right",
33
32
  variant,
34
33
  selection,
35
- isSelectionBanner = false,
36
- toast,
37
- toastAlignment
34
+ isSelectionBanner = false
38
35
  }) => {
39
36
  return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" ? /* @__PURE__ */ jsx(
40
37
  "section",
@@ -155,37 +152,34 @@ const HeroBanner = ({
155
152
  )
156
153
  ) })
157
154
  ] }),
158
- !isSelectionBanner ? /* @__PURE__ */ jsxs("div", { className: hero_img, role: "presentation", children: [
159
- /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
160
- /* @__PURE__ */ jsx(
161
- "source",
162
- {
163
- srcSet: `https:${image?.src}?fm=avif&w=604&h=480&fit=fill`,
164
- type: "image/avif"
165
- }
166
- ),
167
- /* @__PURE__ */ jsx(
168
- "source",
169
- {
170
- srcSet: `https:${image?.src}?fm=webp&w=604&h=480&fit=fill`,
171
- type: "image/webp"
172
- }
173
- ),
174
- /* @__PURE__ */ jsx(
175
- Image,
176
- {
177
- className: "img_fluid",
178
- style: { color: "transparent" },
179
- src: `https:${image?.src}?w=604&h=480&fit=fill&q=85`,
180
- alt: "",
181
- height: 480,
182
- width: 604,
183
- priority: true
184
- }
185
- )
186
- ] }),
187
- toast && toast.length > 0 && /* @__PURE__ */ jsx(ToastWrapper, { alignment: toastAlignment ?? "Bottom Left", children: toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id)) })
188
- ] }) : /* @__PURE__ */ jsxs("div", { className: selection_section, children: [
155
+ !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
156
+ /* @__PURE__ */ jsx(
157
+ "source",
158
+ {
159
+ srcSet: `https:${image?.src}?fm=avif&w=604&h=480&fit=fill`,
160
+ type: "image/avif"
161
+ }
162
+ ),
163
+ /* @__PURE__ */ jsx(
164
+ "source",
165
+ {
166
+ srcSet: `https:${image?.src}?fm=webp&w=604&h=480&fit=fill`,
167
+ type: "image/webp"
168
+ }
169
+ ),
170
+ /* @__PURE__ */ jsx(
171
+ Image,
172
+ {
173
+ className: "img_fluid",
174
+ style: { color: "transparent" },
175
+ src: `https:${image?.src}?w=604&h=480&fit=fill&q=85`,
176
+ alt: "",
177
+ height: 480,
178
+ width: 604,
179
+ priority: true
180
+ }
181
+ )
182
+ ] }) }) : /* @__PURE__ */ jsxs("div", { className: selection_section, children: [
189
183
  /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
190
184
  /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
191
185
  /* @__PURE__ */ jsxs("div", { children: [
@@ -341,11 +335,7 @@ const HeroBanner = ({
341
335
  ) : /* @__PURE__ */ jsx(
342
336
  "ul",
343
337
  {
344
- className: clsx(
345
- hero_sub_bullets,
346
- "mb_0",
347
- "push_up"
348
- ),
338
+ className: clsx(hero_sub_bullets, "mb_0", "push_up"),
349
339
  children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
350
340
  /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
351
341
  "img",
@@ -5,7 +5,7 @@ import "../Accordion/Accordion.js";
5
5
  import "../Accordion/Accordion.css.js";
6
6
  import "../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import "../icons/CheckIcon/CheckIcon.css.js";
8
- import '../assets/Modal/Modal.css';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/ImageToast/ImageToast.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/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
+ import '../assets/Modal/Modal.css';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/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
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
@@ -72,7 +72,6 @@ import "next/image.js";
72
72
  import "../HeroBanner/HeroBanner.css.js";
73
73
  import "../HeroBanner/LargeBanner.css.js";
74
74
  import "../HeroBanner/SelectionBanner.css.js";
75
- /* empty css */
76
75
  import "../SetContainer/SetContainer.css.js";
77
76
  import "../Tab/Tab.css.js";
78
77
  import "../icons/Star/Star.css.js";
@@ -1,8 +1,7 @@
1
- import '../assets/IconBillboard/IconBillboard.css';import '../assets/ImageToast/ImageToast.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
1
+ import '../assets/IconBillboard/IconBillboard.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
5
- /* empty css */
6
5
  /* empty css */
7
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
8
7
  var containerIconBillboard = createRuntimeFn({ defaultClassName: "_1r4ovbu0", variantClassNames: { variant: { primary: "_1r4ovbu1", secondary: "_1r4ovbu2", tertiary: "_1r4ovbu3", quaternary: "_1r4ovbu4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -22,7 +22,6 @@ export interface IconBillboardProps {
22
22
  bullets: BulletItemProps[];
23
23
  callToActionRow: ChevronProps[];
24
24
  set?: boolean;
25
- variant: QuaternaryTypes;
26
25
  }
27
26
  export interface ImageInterface {
28
27
  src: string;
@@ -5,7 +5,12 @@ const useExitIntentModal = (enabled) => {
5
5
  const modalRef = useRef(null);
6
6
  useEffect(() => {
7
7
  if (!enabled) return;
8
- const STORAGE_KEY = "exitIntentShown";
8
+ const getPageSpecificStorageKey = () => {
9
+ const pathname = window.location.pathname;
10
+ const normalizedPath = pathname.replace(/^\/+|\/+$/g, "").replace(/\//g, "_") || "root";
11
+ return `exitIntentShown_${normalizedPath}`;
12
+ };
13
+ const STORAGE_KEY = getPageSpecificStorageKey();
9
14
  const sessionExpiry = 24 * 60 * 60 * 1e3;
10
15
  const hasShown = () => {
11
16
  const stored = localStorage.getItem(STORAGE_KEY);
@@ -1,7 +1,6 @@
1
1
  import { BulletItemProps } from '../BulletItem';
2
2
  import { ChevronProps } from '../Chevron/Chevron.interface';
3
3
  import { QuaternaryTypes } from '../utils/variant.types';
4
- import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
5
4
  import { ReactNode } from 'react';
6
5
 
7
6
  export interface ImageBillboardSetProps {
@@ -50,6 +49,4 @@ export interface ImageBillboardInterface {
50
49
  internalName?: string;
51
50
  exitIntent?: boolean;
52
51
  layout?: ImageBillboardSetProps["layout"];
53
- toast?: IconBillboardProps[];
54
- toastAlignment?: string;
55
52
  }
@@ -1,3 +1,3 @@
1
1
  import { ImageBillboardInterface } from './ImageBillboard.interface';
2
2
 
3
- export declare const ImageBillboard: ({ id, bodyCopy, bordered, bullets, callToActionRow, exitIntent, eyebrow, headline, image, video, imagePlacement: position, internalName, set, textImageLineOneSmall, textImageLineThreeSmall, textImageLineTwoBig, variant, toast, toastAlignment, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;
3
+ export declare const ImageBillboard: ({ id, bodyCopy, bordered, bullets, callToActionRow, exitIntent, eyebrow, headline, image, video, imagePlacement: position, internalName, set, textImageLineOneSmall, textImageLineThreeSmall, textImageLineTwoBig, variant, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;
@@ -23,7 +23,6 @@ import "next/script.js";
23
23
  import { VideoTile } from "../VideoTile/VideoTile.js";
24
24
  /* empty css */
25
25
  /* empty css */
26
- import { ToastWrapper, ImageToast } from "../ImageToast/index.js";
27
26
  const ImageBillboard = ({
28
27
  id,
29
28
  bodyCopy,
@@ -41,9 +40,7 @@ const ImageBillboard = ({
41
40
  textImageLineOneSmall,
42
41
  textImageLineThreeSmall,
43
42
  textImageLineTwoBig,
44
- variant,
45
- toast,
46
- toastAlignment
43
+ variant
47
44
  }) => {
48
45
  const billboard_variant = getVariant(variant);
49
46
  position = position?.toLocaleLowerCase();
@@ -101,7 +98,7 @@ const ImageBillboard = ({
101
98
  image?.imageType === "Image" ? image_based : ""
102
99
  ),
103
100
  children: [
104
- /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsxs(
101
+ /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
105
102
  "div",
106
103
  {
107
104
  role: "presentation",
@@ -112,31 +109,25 @@ const ImageBillboard = ({
112
109
  image_inner_wrapper
113
110
  ),
114
111
  style: image?.imageBackgroundColor ? { background: image?.imageBackgroundColor } : {},
115
- children: [
116
- /* @__PURE__ */ jsx(
117
- OptimizeImage,
118
- {
119
- src: image?.src,
120
- alt: image?.alt ?? "",
121
- className: "img_fluid",
122
- height: image?.height,
123
- width: image?.width
124
- }
125
- ),
126
- toast && toast.length > 0 && /* @__PURE__ */ jsx(ToastWrapper, { alignment: toastAlignment ?? "Bottom Left", children: toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id)) })
127
- ]
112
+ children: /* @__PURE__ */ jsx(
113
+ OptimizeImage,
114
+ {
115
+ src: image?.src,
116
+ alt: image?.alt ?? "",
117
+ className: "img_fluid",
118
+ height: image?.height,
119
+ width: image?.width
120
+ }
121
+ )
128
122
  }
129
- ) : /* @__PURE__ */ jsxs("div", { className: image_background, role: "presentation", children: [
130
- /* @__PURE__ */ jsx(
131
- OptimizeImage,
132
- {
133
- src: image?.src,
134
- alt: image?.alt ?? "",
135
- className: is_bg_img
136
- }
137
- ),
138
- toast && toast.length > 0 && /* @__PURE__ */ jsx(ToastWrapper, { alignment: toastAlignment ?? "Bottom Left", children: toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id)) })
139
- ] }) }) : video && video.videoId ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
123
+ ) : /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
124
+ OptimizeImage,
125
+ {
126
+ src: image?.src,
127
+ alt: image?.alt ?? "",
128
+ className: is_bg_img
129
+ }
130
+ ) }) }) : video && video.videoId ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
140
131
  VideoTile,
141
132
  {
142
133
  id: "video-tile",
@@ -3,7 +3,7 @@ import { Hyperlink } from "../Hyperlink/index.js";
3
3
  import "../IconBillboard/IconBillboard.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- 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/Modal/Modal.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/ImageToast/ImageToast.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/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 */
6
+ 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/Modal/Modal.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/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 */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -82,7 +82,6 @@ import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
82
82
  import "../ImageBillboard/ImageBillboard.css.js";
83
83
  import "next/script.js";
84
84
  /* empty css */
85
- /* empty css */
86
85
  /* empty css */
87
86
  /* empty css */
88
87
  /* empty css */
@@ -5,7 +5,7 @@ import { getVariant } from "../utils/getVariant.js";
5
5
  import { buttons } from "../IconBillboard/IconBillboard.css.js";
6
6
  import "../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  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/VideoTile/VideoTile.css';import '../assets/ImageToast/ImageToast.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
+ 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/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
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
@@ -88,7 +88,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
88
88
  import "next/image.js";
89
89
  import "../HeroBanner/LargeBanner.css.js";
90
90
  import "../HeroBanner/SelectionBanner.css.js";
91
- /* empty css */
92
91
  import "../ImageBillboard/ImageBillboard.css.js";
93
92
  import "next/script.js";
94
93
  /* empty css */
@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
4
4
  import "../Accordion/Accordion.css.js";
5
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- import '../assets/Modal/Modal.css';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/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/ImageToast/ImageToast.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/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 */
7
+ import '../assets/Modal/Modal.css';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/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/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 */
@@ -70,7 +70,6 @@ import "next/image.js";
70
70
  import "../HeroBanner/HeroBanner.css.js";
71
71
  import "../HeroBanner/LargeBanner.css.js";
72
72
  import "../HeroBanner/SelectionBanner.css.js";
73
- /* empty css */
74
73
  import "../SetContainer/SetContainer.css.js";
75
74
  import "../Tab/Tab.css.js";
76
75
  import "../icons/Star/Star.css.js";
@@ -6,7 +6,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
6
6
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import "../../icons/CheckIcon/CheckIcon.css.js";
8
8
  import ClockIcon from "../../icons/Clock/index.js";
9
- import '../../assets/Modal/Modal.css';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/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/ImageToast/ImageToast.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/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
+ import '../../assets/Modal/Modal.css';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/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/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 */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
@@ -74,7 +74,6 @@ import "next/image.js";
74
74
  import "../../HeroBanner/HeroBanner.css.js";
75
75
  import "../../HeroBanner/LargeBanner.css.js";
76
76
  import "../../HeroBanner/SelectionBanner.css.js";
77
- /* empty css */
78
77
  import "../../SetContainer/SetContainer.css.js";
79
78
  import "../../Tab/Tab.css.js";
80
79
  import "../../icons/Star/Star.css.js";
@@ -6,7 +6,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
6
6
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import "../../icons/CheckIcon/CheckIcon.css.js";
8
8
  import ClockIcon from "../../icons/Clock/index.js";
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/ImageToast/ImageToast.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
+ 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 */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
@@ -75,7 +75,6 @@ import Image from "next/image.js";
75
75
  import "../../HeroBanner/HeroBanner.css.js";
76
76
  import "../../HeroBanner/LargeBanner.css.js";
77
77
  import "../../HeroBanner/SelectionBanner.css.js";
78
- /* empty css */
79
78
  import { set_container } from "../../SetContainer/SetContainer.css.js";
80
79
  import "../../Tab/Tab.css.js";
81
80
  import "../../icons/Star/Star.css.js";
@@ -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/ImageToast/ImageToast.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 */
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 */
@@ -73,7 +73,6 @@ import "next/image.js";
73
73
  import "../../HeroBanner/HeroBanner.css.js";
74
74
  import "../../HeroBanner/LargeBanner.css.js";
75
75
  import "../../HeroBanner/SelectionBanner.css.js";
76
- /* empty css */
77
76
  import "../../SetContainer/SetContainer.css.js";
78
77
  import "../../Tab/Tab.css.js";
79
78
  import "../../icons/Star/Star.css.js";
@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
4
4
  import "../Accordion/Accordion.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/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/ImageToast/ImageToast.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/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 */
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/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/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 */
@@ -73,8 +73,6 @@ import "next/image.js";
73
73
  import "../HeroBanner/HeroBanner.css.js";
74
74
  import "../HeroBanner/LargeBanner.css.js";
75
75
  import "../HeroBanner/SelectionBanner.css.js";
76
- import { AnimatePresence, motion } from "framer-motion";
77
- /* empty css */
78
76
  import "../SetContainer/SetContainer.css.js";
79
77
  import "../Tab/Tab.css.js";
80
78
  import "../icons/Star/Star.css.js";
@@ -133,56 +131,47 @@ const Modal = ({
133
131
  }) => {
134
132
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { id: "speedbump", tabIndex: -1, role: "dialog", className: modal, children: [
135
133
  /* @__PURE__ */ jsx("div", { className: speedbump_background, onClick: onCancel }),
136
- /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(
137
- motion.div,
138
- {
139
- className: `${modal_dialog} rounded`,
140
- initial: { opacity: 0, transform: "translate3d(10px,0,0) scale(0.6)" },
141
- animate: { opacity: 1, transform: "translate3d(0,0,0) scale(1)" },
142
- exit: { opacity: 0, transform: "translate3d(10px,0,0) scale(0.6)" },
143
- children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
144
- /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
145
- /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
146
- /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
147
- ] }),
148
- /* @__PURE__ */ jsx("hr", { className: solid }),
149
- /* @__PURE__ */ jsxs(
150
- "div",
151
- {
152
- className: `${modal_body} text-center flex flex_col center middle mx_auto`,
153
- children: [
154
- /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
155
- /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
156
- ]
157
- }
158
- ),
159
- /* @__PURE__ */ jsx("hr", { className: solid }),
160
- /* @__PURE__ */ jsxs(
161
- "div",
162
- {
163
- className: `${modal_footer} flex center middle push_up_24`,
164
- style: { marginInline: "auto", width: "max-content" },
165
- children: [
166
- /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),
167
- /* @__PURE__ */ jsx(
168
- "a",
169
- {
170
- style: { textDecoration: "none", padding: "8px 48px" },
171
- role: "button",
172
- className: `sc__btn ${chevron({ variant: "primary" })}`,
173
- "aria-label": "Close",
174
- title: "Go Back",
175
- id: "close",
176
- onClick: onCancel,
177
- children: "Close"
178
- }
179
- )
180
- ]
181
- }
182
- )
183
- ] })
184
- }
185
- ) })
134
+ /* @__PURE__ */ jsx("div", { className: `${modal_dialog} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
135
+ /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
136
+ /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
137
+ /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
138
+ ] }),
139
+ /* @__PURE__ */ jsx("hr", { className: solid }),
140
+ /* @__PURE__ */ jsxs(
141
+ "div",
142
+ {
143
+ className: `${modal_body} text-center flex flex_col center middle mx_auto`,
144
+ children: [
145
+ /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
146
+ /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
147
+ ]
148
+ }
149
+ ),
150
+ /* @__PURE__ */ jsx("hr", { className: solid }),
151
+ /* @__PURE__ */ jsxs(
152
+ "div",
153
+ {
154
+ className: `${modal_footer} flex center middle push_up_24`,
155
+ style: { marginInline: "auto", width: "max-content" },
156
+ children: [
157
+ /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),
158
+ /* @__PURE__ */ jsx(
159
+ "a",
160
+ {
161
+ style: { textDecoration: "none", padding: "8px 48px" },
162
+ role: "button",
163
+ className: `sc__btn ${chevron({ variant: "primary" })}`,
164
+ "aria-label": "Close",
165
+ title: "Go Back",
166
+ id: "close",
167
+ onClick: onCancel,
168
+ children: "Close"
169
+ }
170
+ )
171
+ ]
172
+ }
173
+ )
174
+ ] }) })
186
175
  ] }) });
187
176
  };
188
177
  export {