@axos-web-dev/shared-components 1.0.100-lvf-menu.1 → 1.0.100-queryparams.1

package/dist/Insight/Insight.css.d.ts

@@ -1,8 +1,26 @@
+export declare const article_spacer: string;
+export declare const elementSpacer_block: string;
+export declare const article_blockquote: string;
+export declare const article_main_content: string;
+export declare const article_aside: string;
+export declare const article_share: string;
+export declare const article_share_p: string;
+export declare const article_share_buttons: string;
+export declare const article_share_link: string;
+export declare const article_share_icon: string;
+export declare const article_navigation_title: string;
+export declare const article_preview_wrapper: string;
+export declare const article_preview_img: string;
+export declare const article_navigation_list: string;
+export declare const article_share_svg: string;
+export declare const article_navigation_link: string;
 export declare const insight_header: string;
 export declare const insight_header_2: string;
 export declare const insight_header_3: string;
 export declare const insight_header_4: string;
 export declare const insight_p: string;
+export declare const insight_intro_p: string;
 export declare const footnotes: string;
 export declare const insight_list_item: string;
+export declare const insight_info__divider: string;
 export declare const insight_info_row: string;

package/dist/Insight/Insight.css.js

@@ -1,20 +1,56 @@
 import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                           */
-var insight_header = "lchs2s0 gradient_text";
-var insight_header_2 = "lchs2s1 gradient_text";
-var insight_header_3 = "lchs2s2";
-var insight_header_4 = "lchs2s3";
-var insight_p = "lchs2s4";
-var footnotes = "lchs2s5";
-var insight_list_item = "lchs2s6";
-var insight_info_row = "lchs2s7";
+var article_spacer = "lchs2s0";
+var elementSpacer_block = "lchs2s1";
+var article_blockquote = "lchs2s2 lchs2s1";
+var article_main_content = "lchs2s3";
+var article_aside = "lchs2s4";
+var article_share = "lchs2s5";
+var article_share_p = "lchs2s6";
+var article_share_buttons = "lchs2s7";
+var article_share_link = "lchs2s8";
+var article_share_icon = "lchs2s9";
+var article_navigation_title = "lchs2sa";
+var article_preview_wrapper = "lchs2sb";
+var article_preview_img = "lchs2sc";
+var article_navigation_list = "lchs2sd";
+var article_share_svg = "lchs2se";
+var article_navigation_link = "lchs2sf";
+var insight_header = "lchs2sg";
+var insight_header_2 = "lchs2sh";
+var insight_header_3 = "lchs2si";
+var insight_header_4 = "lchs2sj";
+var insight_p = "lchs2sk";
+var insight_intro_p = "lchs2sl";
+var footnotes = "lchs2sm";
+var insight_list_item = "lchs2sn";
+var insight_info__divider = "lchs2so";
+var insight_info_row = "lchs2sp";
 export {
+  article_aside,
+  article_blockquote,
+  article_main_content,
+  article_navigation_link,
+  article_navigation_list,
+  article_navigation_title,
+  article_preview_img,
+  article_preview_wrapper,
+  article_share,
+  article_share_buttons,
+  article_share_icon,
+  article_share_link,
+  article_share_p,
+  article_share_svg,
+  article_spacer,
+  elementSpacer_block,
   footnotes,
   insight_header,
   insight_header_2,
   insight_header_3,
   insight_header_4,
+  insight_info__divider,
   insight_info_row,
+  insight_intro_p,
   insight_list_item,
   insight_p
 };

package/dist/Insight/index.js

@@ -2,13 +2,29 @@ import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
 import { Featured, FeaturedItem } from "./Featured/Featured.js";
 import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
 import { BreadcumbHeader } from "./Featured/Header.js";
-import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight.css.js";
+import { article_aside, article_blockquote, article_main_content, article_navigation_link, article_navigation_list, article_navigation_title, article_preview_img, article_preview_wrapper, article_share, article_share_buttons, article_share_icon, article_share_link, article_share_p, article_share_svg, article_spacer, elementSpacer_block, footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info__divider, insight_info_row, insight_intro_p, insight_list_item, insight_p } from "./Insight.css.js";
 export {
   BreadcumbHeader,
   CategorySelector,
   Featured,
   FeaturedItem,
   InsightItem,
+  article_aside,
+  article_blockquote,
+  article_main_content,
+  article_navigation_link,
+  article_navigation_list,
+  article_navigation_title,
+  article_preview_img,
+  article_preview_wrapper,
+  article_share,
+  article_share_buttons,
+  article_share_icon,
+  article_share_link,
+  article_share_p,
+  article_share_svg,
+  article_spacer,
+  elementSpacer_block,
   featured_center_vertical,
   featured_grid,
   featured_hero,
@@ -28,7 +44,9 @@ export {
   insight_header_2,
   insight_header_3,
   insight_header_4,
+  insight_info__divider,
   insight_info_row,
+  insight_intro_p,
   insight_list_item,
   insight_p
 };

package/dist/Interstitial/Interstitial-variants.css.js

@@ -1,6 +1,7 @@
-import '../assets/Interstitial/Interstitial-variants.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/Interstitial/Interstitial-variants.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-import '../assets/Interstitial/Interstitial.css.css';const overlay = "_overlay_e4cra_24";
-const modal = "_modal_e4cra_40";
-const vanish = "_vanish_e4cra_1";
-const appear = "_appear_e4cra_1";
-const close_button = "_close_button_e4cra_55";
-const modal_content = "_modal_content_e4cra_70";
-const img_area = "_img_area_e4cra_74";
-const body_copy = "_body_copy_e4cra_84";
-const btns = "_btns_e4cra_98";
-const white_modal = "_white_modal_e4cra_139";
+import '../assets/Interstitial/Interstitial.css.css';const overlay = "_overlay_1ep5z_47";
+const modal = "_modal_1ep5z_79";
+const vanish = "_vanish_1ep5z_1";
+const appear = "_appear_1ep5z_1";
+const close_button = "_close_button_1ep5z_109";
+const modal_content = "_modal_content_1ep5z_139";
+const img_area = "_img_area_1ep5z_147";
+const body_copy = "_body_copy_1ep5z_167";
+const btns = "_btns_1ep5z_195";
+const white_modal = "_white_modal_1ep5z_277";
 const css = {
   overlay,
   modal,

package/dist/LandingPageHeader/LandingPageHeader.css.d.ts

@@ -9,8 +9,28 @@ export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
         tertiary: {
             background: `var(--${string})`;
         };
+        quaternary: {
+            background: `var(--${string})`;
+        };
     };
 }>;
 export declare const lp_container: string;
+export declare const spb_container: string;
 export declare const lp_hover: string;
-export declare const svg_fill: string;
+export declare const spb_hover: string;
+export declare const svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            fill: `var(--${string})`;
+        };
+        secondary: {
+            fill: `var(--${string})`;
+        };
+        tertiary: {
+            fill: `var(--${string})`;
+        };
+        quaternary: {
+            fill: `var(--${string})`;
+        };
+    };
+}>;

package/dist/LandingPageHeader/LandingPageHeader.css.js

@@ -1,15 +1,20 @@
-import '../assets/LandingPageHeader/LandingPageHeader.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/LandingPageHeader/LandingPageHeader.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var lp_theme = createRuntimeFn({ defaultClassName: "_1o1hxre0", variantClassNames: { variant: { primary: "_1o1hxre1", secondary: "_1o1hxre2", tertiary: "_1o1hxre3" } }, defaultVariants: {}, compoundVariants: [] });
-var lp_container = "_1o1hxre4";
-var lp_hover = "_1o1hxre5";
-var svg_fill = "_1o1hxre6";
+var lp_theme = createRuntimeFn({ defaultClassName: "_1o1hxre0", variantClassNames: { variant: { primary: "_1o1hxre1", secondary: "_1o1hxre2", tertiary: "_1o1hxre3", quaternary: "_1o1hxre4" } }, defaultVariants: {}, compoundVariants: [] });
+var lp_container = "_1o1hxre5";
+var spb_container = "_1o1hxre6";
+var lp_hover = "_1o1hxre7";
+var spb_hover = "_1o1hxre8";
+var svg_fill = createRuntimeFn({ defaultClassName: "_1o1hxre9", variantClassNames: { variant: { primary: "_1o1hxrea", secondary: "_1o1hxreb", tertiary: "_1o1hxrec", quaternary: "_1o1hxred" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   lp_container,
   lp_hover,
   lp_theme,
+  spb_container,
+  spb_hover,
   svg_fill
 };

package/dist/LandingPageHeader/LandingPageHeader.d.ts

@@ -1,9 +1,11 @@
 import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface } from '../main';
 
 export interface LandingPageHeaderProps {
     id: string;
     variant: QuaternaryTypes;
     project?: string;
     alt?: string;
+    logo?: ImageInterface;
 }
-export declare const LandingPageHeader: ({ id, variant: fullVariant, project, alt, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LandingPageHeader: ({ id, variant: fullVariant, project, alt, logo, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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                                */
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -12,36 +13,71 @@ import SvgComponent from "../icons/Logos/AXA.js";
 import SvgComponent$2 from "../icons/Logos/AXC.js";
 import SvgComponent$4 from "../icons/Logos/AXI.js";
 import SvgComponent$5 from "../icons/Logos/AXOS.js";
-import SvgComponent$7 from "../icons/Logos/GBLVF.js";
-import SvgComponent$6 from "../icons/Logos/LVF.js";
+import SvgComponent$6 from "../icons/Logos/GBLVF.js";
+import SvgComponent$7 from "../icons/Logos/SPB.js";
 import { getVariant } from "../utils/getVariant.js";
-import { lp_theme, lp_container, lp_hover, svg_fill } from "./LandingPageHeader.css.js";
+import { svg_fill, spb_container, lp_container, spb_hover, lp_hover, lp_theme } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
   variant: fullVariant = "primary",
   project = "AXB",
-  alt
+  alt,
+  logo
 }) => {
   const variant = getVariant(fullVariant);
   const website = /* @__PURE__ */ new Map([
-    ["AXA", /* @__PURE__ */ jsx(SvgComponent, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AFS", /* @__PURE__ */ jsx(SvgComponent$1, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AXC", /* @__PURE__ */ jsx(SvgComponent$2, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AAS", /* @__PURE__ */ jsx(SvgComponent$3, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AXI", /* @__PURE__ */ jsx(SvgComponent$4, { classNameFill: svg_fill, height: 36, width: 120 })],
-    ["AXB", /* @__PURE__ */ jsx(SvgComponent$5, { height: 30, width: 120, classNameFill: svg_fill })],
-    ["LVF", /* @__PURE__ */ jsx(SvgComponent$6, { height: 30, width: 120, classNameFill: `${svg_fill}` })],
-    ["GBLVF", /* @__PURE__ */ jsx(SvgComponent$7, { height: 60, width: 220 })]
+    [
+      "AXA",
+      /* @__PURE__ */ jsx(SvgComponent, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AFS",
+      /* @__PURE__ */ jsx(SvgComponent$1, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AXC",
+      /* @__PURE__ */ jsx(SvgComponent$2, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AAS",
+      /* @__PURE__ */ jsx(SvgComponent$3, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AXI",
+      /* @__PURE__ */ jsx(SvgComponent$4, { classNameFill: svg_fill({ variant }), height: 36, width: 120 })
+    ],
+    [
+      "AXB",
+      /* @__PURE__ */ jsx(SvgComponent$5, { height: 30, width: 120, classNameFill: svg_fill({ variant }) })
+    ],
+    ["GBLVF", /* @__PURE__ */ jsx(SvgComponent$6, { height: 60, width: 220 })],
+    ["SPB", /* @__PURE__ */ jsx(SvgComponent$7, { height: "100%", width: "100%" })]
   ]);
-  return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: `${lp_container} flex center middle`, children: /* @__PURE__ */ jsx(
-    "a",
+  const isSPBPage = project === "SPB";
+  return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx(
+    "div",
     {
-      href: project == "AXI" ? "/invest" : "/",
-      className: lp_hover,
-      "aria-label": alt ?? "axos logo, return to homepage",
-      children: website.get(project)
+      className: `${isSPBPage ? spb_container : lp_container} flex center middle`,
+      children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: project == "AXI" ? "/invest" : "/",
+          className: isSPBPage ? spb_hover : lp_hover,
+          "aria-label": alt ?? "return to homepage",
+          children: logo ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logo.src,
+              alt: logo.alt ?? "",
+              height: Number(logo.height),
+              width: Number(logo.width),
+              className: "img_fluid"
+            }
+          ) : website.get(project)
+        }
+      )
     }
-  ) }) });
+  ) });
 };
 export {
   LandingPageHeader

package/dist/LandingPageHeader/index.js

@@ -1,9 +1,11 @@
 import { LandingPageHeader } from "./LandingPageHeader.js";
-import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader.css.js";
+import { lp_container, lp_hover, lp_theme, spb_container, spb_hover, svg_fill } from "./LandingPageHeader.css.js";
 export {
   LandingPageHeader,
   lp_container,
   lp_hover,
   lp_theme,
+  spb_container,
+  spb_hover,
   svg_fill
 };

package/dist/LoadingIndicator/LoadingIndicator.css.d.ts

@@ -1,16 +1,16 @@
 export declare const loader: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderTop: "12px solid #213a63";
+            borderTop: "12px solid #1E629A";
         };
         secondary: {
-            borderTop: "12px solid #213a63";
+            borderTop: "12px solid #1E629A";
         };
         tertiary: {
-            borderTop: "12px solid #faa74a";
+            borderTop: "12px solid #98DDFF";
         };
         quaternary: {
-            borderTop: "12px solid #faa74a";
+            borderTop: "12px solid #98DDFF";
         };
     };
 }>;

package/dist/LoadingIndicator/index.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "react";
 import { loader } from "./LoadingIndicator.css.js";
 const LoadingIndicator = ({
   width = 50,

package/dist/MainHTML/index.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 
 export interface BodyProps extends PropsWithChildren {
-    theme: "Axos" | "Premier" | "Victorie";
+    theme: "Axos" | "Premier" | "Victorie" | "Ufb";
     className?: string;
 }
 export declare const MainHTML: ({ theme, children, className, }: BodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainHTML/index.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { axosTheme } from "../themes/axos.css.js";
 import { premierTheme } from "../themes/premier.css.js";
+import { ufbTheme } from "../themes/ufb.css.js";
 import { victorieTheme } from "../themes/victorie.css.js";
 import clsx from "clsx";
 const MainHTML = ({
@@ -11,7 +12,8 @@ const MainHTML = ({
   const selectedTheme = {
     Axos: axosTheme,
     Premier: premierTheme,
-    Victorie: victorieTheme
+    Victorie: victorieTheme,
+    Ufb: ufbTheme
   };
   return /* @__PURE__ */ jsx("div", { className: clsx(selectedTheme[theme] ?? axosTheme, className), children });
 };

package/dist/Modal/Modal.css.d.ts

@@ -7,6 +7,7 @@ export declare const modal_header: string;
 export declare const modal_title: string;
 export declare const modal_subtitle: string;
 export declare const modal_body: string;
+export declare const modal_body_p: string;
 export declare const modal_footer: string;
 export declare const site_link: string;
 export declare const speedbump_background: string;

package/dist/Modal/Modal.css.js

@@ -1,5 +1,6 @@
-import '../assets/Modal/Modal.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Modal/Modal.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                         */
 var hr = "_427id30";
@@ -11,13 +12,15 @@ var modal_header = "_427id35";
 var modal_title = "_427id36";
 var modal_subtitle = "_427id37";
 var modal_body = "_427id38";
-var modal_footer = "_427id39";
-var site_link = "_427id3a";
-var speedbump_background = "_427id3b";
+var modal_body_p = "_427id39";
+var modal_footer = "_427id3a";
+var site_link = "_427id3b";
+var speedbump_background = "_427id3c";
 export {
   hr,
   modal,
   modal_body,
+  modal_body_p,
   modal_content,
   modal_dialog,
   modal_footer,

package/dist/Modal/Modal.js

@@ -4,8 +4,9 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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                                */
+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/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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -18,9 +19,9 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import "../utils/allowedAxosDomains.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "./contextApi/store.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -51,7 +52,6 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                         */
-import "./contextApi/store.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                      */
 import "iframe-resizer";
@@ -65,12 +65,14 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -97,7 +99,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
@@ -105,15 +106,11 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */
@@ -127,7 +124,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
+import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, modal_body_p, site_link, modal_footer } from "./Modal.css.js";
 const Modal = ({
   headline,
   bodyCopy,
@@ -148,7 +145,7 @@ const Modal = ({
         {
           className: `${modal_body} text-center flex flex_col center middle mx_auto`,
           children: [
-            /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
+            /* @__PURE__ */ jsx("p", { className: `${modal_body_p} p_16 mb_16`, children: "You will now be redirected to:" }),
             /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
           ]
         }
@@ -157,7 +154,7 @@ const Modal = ({
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `${modal_footer} flex center middle push_up_24`,
+          className: `${modal_footer} flex center middle push_up_24 gap_24`,
           style: { marginInline: "auto", width: "max-content" },
           children: [
             /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),

package/dist/Modal/contextApi/store.d.ts

@@ -1,11 +1,25 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { UrlResolver } from '../../utils/allowedAxosDomains';
+import { Dispatch, SetStateAction } from 'react';
 
+export interface GlobalContextProviderProps {
+    children: React.ReactNode;
+    domains?: Record<string, string>;
+}
 export interface ContextProps {
     targetLinkUrl: string;
     setTargetLinkUrl: Dispatch<SetStateAction<string>>;
     openModal: boolean;
     setOpenModal: Dispatch<SetStateAction<boolean>>;
+    domains: Record<string, string>;
+    domainsLoading: boolean;
+    domainsError: Error | null;
+    /** Resolve a template URL (e.g. "{AXOSBANK}/personal") using configured domains. Prefer this over passing domains to utils. */
+    resolveUrl: UrlResolver;
+    /** Check if a URL is allowed (same host as configured domains). Use for external-link validation. */
+    isAllowedUrl: (url: string) => boolean;
+    /** Returns true if the link should open the external-link modal. Use in link/button onClick. */
+    validateLink: (url: string) => boolean;
 }
 export declare const GlobalContext: import('react').Context<ContextProps>;
-export declare const GlobalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalContextProvider: ({ children, domains: initialDomains, }: GlobalContextProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useGlobalContext: () => ContextProps;