@axos-web-dev/shared-components 2.0.0-dev.1 → 2.0.0-dev.11

package/dist/HeroBanner/LargeBanner.css.js

@@ -5,19 +5,33 @@ import '../assets/HeroBanner/LargeBanner.css';import '../assets/Typography/Typog
 /* empty css                                          */
 /* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo0", variantClassNames: { variant: { primary: "_1bsyngo1", secondary: "_1bsyngo2", tertiary: "_1bsyngo3", quaternary: "_1bsyngo4" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_hero_content = "_1bsyngo5";
-var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngo6", variantClassNames: { variant: { primary: "_1bsyngo7", secondary: "_1bsyngo8", tertiary: "_1bsyngo9", quaternary: "_1bsyngoa" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngob", variantClassNames: { variant: { primary: "_1bsyngoc", secondary: "_1bsyngod", tertiary: "_1bsyngoe", quaternary: "_1bsyngof" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngog", variantClassNames: { variant: { primary: "_1bsyngoh", secondary: "_1bsyngoi", tertiary: "_1bsyngoj", quaternary: "_1bsyngok" } }, defaultVariants: {}, compoundVariants: [] });
-var lg_hero_img = "_1bsyngol";
-var lg_hero_sizing = "_1bsyngom";
+var video_bg = "_1bsyngo0";
+var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo1", variantClassNames: { variant: { primary: "_1bsyngo2", secondary: "_1bsyngo3", tertiary: "_1bsyngo4", quaternary: "_1bsyngo5" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_container = "_1bsyngo6";
+var lg_hero_content = "_1bsyngo7";
+var content_display_lg = "_1bsyngo8";
+var lg_hero_content_mobile = "_1bsyngo9";
+var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngoa", variantClassNames: { variant: { primary: "_1bsyngob", secondary: "_1bsyngoc", tertiary: "_1bsyngod", quaternary: "_1bsyngoe" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngof", variantClassNames: { variant: { primary: "_1bsyngog", secondary: "_1bsyngoh", tertiary: "_1bsyngoi", quaternary: "_1bsyngoj" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngok", variantClassNames: { variant: { primary: "_1bsyngol", secondary: "_1bsyngom", tertiary: "_1bsyngon", quaternary: "_1bsyngoo" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_img = "_1bsyngop";
+var lg_hero_sizing = "_1bsyngoq";
+var video_wrapper = "_1bsyngor";
+var player = "_1bsyngos";
+var placement = createRuntimeFn({ defaultClassName: "_1bsyngot", variantClassNames: { position: { "top left": "_1bsyngou", "top right": "_1bsyngov", "bottom left": "_1bsyngow", "bottom right": "_1bsyngox" } }, defaultVariants: {}, compoundVariants: [] });
 export {
+  content_display_lg,
   lg_headline_text,
   lg_hero_banner,
+  lg_hero_container,
   lg_hero_content,
+  lg_hero_content_mobile,
   lg_hero_eyebrow,
   lg_hero_img,
   lg_hero_sizing,
-  lg_hero_text
+  lg_hero_text,
+  placement,
+  player,
+  video_bg,
+  video_wrapper
 };

package/dist/HeroBanner/LargeHeroBanner.d.ts

@@ -0,0 +1,5 @@
+import { HeroBannerInterface } from './HeroBanner.interface';
+
+type LargeHeroBannerProps = Pick<HeroBannerInterface, "id" | "eyebrow" | "headline" | "bodyCopy" | "bullets" | "callToActionRow" | "image" | "imagePlacement" | "variant" | "video" | "bannerType" | "videoTextPosition">;
+export declare const LargeHeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, callToActionRow, image, imagePlacement, variant, video, bannerType, videoTextPosition, }: LargeHeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/HeroBanner/LargeHeroBanner.js

@@ -0,0 +1,228 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import Image from "next/image.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import { Chevron } from "../Chevron/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgCheckIcon from "../icons/CheckIcon/index.js";
+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                                                */
+import { getVariant } from "../utils/getVariant.js";
+import { HeroVideoPoster } from "./HeroVideoPoster.js";
+import { getPosition } from "../utils/getPosition.js";
+import { hero_wrapper, hero_bullet_item, hero_sub_bullets, hero_btns, img_contents, reversed_lg_image, reversed } from "./HeroBanner.css.js";
+import { lg_hero_container, content_display_lg, lg_hero_eyebrow, lg_headline_text, lg_hero_text, placement, lg_hero_content_mobile, lg_hero_sizing, lg_hero_img, lg_hero_content, video_wrapper, lg_hero_banner, video_bg } from "./LargeBanner.css.js";
+const LargeHeroBanner = ({
+  id,
+  eyebrow,
+  headline,
+  bodyCopy,
+  bullets,
+  callToActionRow,
+  image,
+  imagePlacement = "Right",
+  variant,
+  video,
+  bannerType,
+  videoTextPosition = "default"
+}) => {
+  const textPosition = getPosition(videoTextPosition);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: clsx(
+        lg_hero_banner({ variant: getVariant(variant) }),
+        bannerType === "Video Poster" ? video_bg : ""
+      ),
+      id,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment ${lg_hero_container}`, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(
+              lg_hero_content,
+              imagePlacement !== "Right" ? reversed : "",
+              "flex",
+              "between",
+              "middle"
+            ),
+            style: {
+              position: textPosition !== "default" ? "static" : "relative"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    lg_hero_text({ variant: getVariant(variant) }),
+                    "rounded",
+                    textPosition !== "default" ? placement({ position: textPosition }) : "",
+                    lg_hero_content_mobile
+                  ),
+                  children: /* @__PURE__ */ jsxs("div", { className: `containment ${content_display_lg}`, children: [
+                    eyebrow && /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: lg_hero_eyebrow({
+                          variant: getVariant(variant)
+                        }),
+                        children: eyebrow
+                      }
+                    ),
+                    eyebrow ? /* @__PURE__ */ jsx(
+                      "h2",
+                      {
+                        className: lg_headline_text({
+                          variant: getVariant(variant)
+                        }),
+                        children: headline
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: lg_headline_text({
+                          variant: getVariant(variant)
+                        }),
+                        children: headline
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
+                      /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
+                      bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
+                        ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            className: `list_item flex ${hero_bullet_item}`,
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? bannerType === "Video Poster" ? /* @__PURE__ */ jsx(
+                                SvgCheckIcon,
+                                {
+                                  variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "primary" : "secondary"
+                                }
+                              ) : /* @__PURE__ */ jsx(
+                                SvgCheckIcon,
+                                {
+                                  variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
+                                }
+                              ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
+                              /* @__PURE__ */ jsx("span", { children: copy })
+                            ]
+                          },
+                          id2
+                        ) : /* @__PURE__ */ jsx(
+                          "ul",
+                          {
+                            className: clsx(hero_sub_bullets, "mb_0", "push_up"),
+                            children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                              /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  style: { maxWidth: "max-content" },
+                                  src: icon?.src,
+                                  alt: icon?.altText
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx("span", { children: copy })
+                            ] })
+                          },
+                          id2
+                        )
+                      ) })
+                    ] }),
+                    callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
+                      ({
+                        id: id2,
+                        variant: variant2,
+                        displayText,
+                        targetUrl,
+                        type,
+                        newTab
+                      }) => type === "Button" ? /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          targetUrl,
+                          color: getVariant(variant2),
+                          size: "large",
+                          rounded: "medium",
+                          newTab,
+                          children: displayText
+                        },
+                        id2
+                      ) : /* @__PURE__ */ jsx(
+                        Chevron,
+                        {
+                          targetUrl,
+                          variant: getVariant(variant2),
+                          newTab,
+                          children: displayText
+                        },
+                        id2
+                      )
+                    ) })
+                  ] })
+                }
+              ),
+              bannerType === "Large" && image && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    lg_hero_img,
+                    imagePlacement !== "Right" ? reversed_lg_image : "",
+                    "rounded",
+                    lg_hero_content_mobile
+                  ),
+                  role: "presentation",
+                  children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+                    /* @__PURE__ */ jsx(
+                      "source",
+                      {
+                        srcSet: `https:${image?.src}?fm=avif`,
+                        type: "image/avif"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "source",
+                      {
+                        srcSet: `https:${image?.src}?fm=webp`,
+                        type: "image/webp"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Image,
+                      {
+                        src: `https:${image?.src}?q=90`,
+                        className: lg_hero_sizing,
+                        alt: "",
+                        height: 600,
+                        width: 792,
+                        priority: true
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        ) }),
+        bannerType === "Video Poster" && video && /* @__PURE__ */ jsx("div", { className: video_wrapper, "aria-hidden": "true", inert: true, children: /* @__PURE__ */ jsx(
+          HeroVideoPoster,
+          {
+            otherSource: video.otherSource,
+            thumbnailImage: video.thumbnailImage
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  LargeHeroBanner
+};

package/dist/HeroBanner/index.js

@@ -1,5 +1,5 @@
 import { HeroBanner } from "./HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image, xl } from "./HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
 export {
   HeroBanner,
@@ -23,5 +23,6 @@ export {
   selection_section_bg,
   selection_section_content,
   selection_section_icon,
-  selection_section_icon_img
+  selection_section_icon_img,
+  xl
 };

package/dist/Hyperlink/index.js

@@ -5,7 +5,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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                                */
+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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/Chatbot.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                                    */
@@ -16,8 +16,7 @@ import "react";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
-import { validateLink } from "../utils/validateExternalLinks.js";
+import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -26,6 +25,7 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import { useGlobalContext } from "../Modal/contextApi/store.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -69,17 +69,17 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -106,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                                                 */
@@ -129,7 +125,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                */
 /* empty css                                              */
 /* empty css                                */
-import { useGlobalContext } from "../Modal/contextApi/store.js";
 import { hyperlink } from "./Hyperlink.css.js";
 const Hyperlink = ({
   children,
@@ -143,7 +138,8 @@ const Hyperlink = ({
   noFollow
 }) => {
   const hyperlink_variant = variant.toLowerCase();
-  const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
+  const { setTargetLinkUrl, setOpenModal, validateLink, resolveUrl } = useGlobalContext();
+  const isTelOrMailto = targetUrl && (isPhoneLink(targetUrl) || isEmailLink(targetUrl));
   const onClick = (e) => {
     if (targetUrl) {
       const external_link = validateLink(targetUrl);
@@ -160,14 +156,14 @@ const Hyperlink = ({
     {
       role,
       id: id ? id : "",
-      href: findMoreAxosDomains(targetUrl),
+      href: resolveUrl(targetUrl),
       className: clsx(
         className ? className : "",
         variant === "default" ? hyperlink({ variant: "default" }) : hyperlink_variant.includes("primary") || hyperlink_variant.includes("secondary") ? hyperlink({ variant: "primary" }) : hyperlink({ variant: "secondary" })
       ),
       onClick,
       "aria-label": ariaLabel,
-      target: newTab ? "_blank" : "_self",
+      target: newTab && !isTelOrMailto ? "_blank" : "_self",
       ...noFollow && { rel: "nofollow" },
       children
     }

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -31,6 +31,7 @@ export declare const layout: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const billboard_icon: string;
 export declare const content: string;
 export declare const headerIconBillboard: string;
+export declare const insightTitle: string;
 export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {

package/dist/IconBillboard/IconBillboard.css.js

@@ -10,15 +10,16 @@ var layout = createRuntimeFn({ defaultClassName: "_1r4ovbu5", variantClassNames:
 var billboard_icon = "_1r4ovbu7";
 var content = "_1r4ovbu8";
 var headerIconBillboard = "_1r4ovbu9";
-var title = createRuntimeFn({ defaultClassName: "_1r4ovbua", variantClassNames: { variant: { primary: "_1r4ovbub", secondary: "_1r4ovbuc", tertiary: "_1r4ovbud", quaternary: "_1r4ovbue" } }, defaultVariants: {}, compoundVariants: [] });
-var list = "_1r4ovbuf";
-var listItem = "_1r4ovbug";
-var buttons = "_1r4ovbuh";
-var section_text = "_1r4ovbui";
-var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
-var section_container = "_1r4ovbuo";
-var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
-var link_wrapper = "_1r4ovbuu";
+var insightTitle = "_1r4ovbua";
+var title = createRuntimeFn({ defaultClassName: "_1r4ovbub", variantClassNames: { variant: { primary: "_1r4ovbuc", secondary: "_1r4ovbud", tertiary: "_1r4ovbue", quaternary: "_1r4ovbuf" } }, defaultVariants: {}, compoundVariants: [] });
+var list = "_1r4ovbug";
+var listItem = "_1r4ovbuh";
+var buttons = "_1r4ovbui";
+var section_text = "_1r4ovbuj";
+var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuk", variantClassNames: { variant: { primary: "_1r4ovbul", secondary: "_1r4ovbum", tertiary: "_1r4ovbun", quaternary: "_1r4ovbuo" } }, defaultVariants: {}, compoundVariants: [] });
+var section_container = "_1r4ovbup";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbuq", variantClassNames: { variant: { primary: "_1r4ovbur", secondary: "_1r4ovbus", tertiary: "_1r4ovbut", quaternary: "_1r4ovbuu" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbuv";
 export {
   billboard_icon,
   buttons,
@@ -26,6 +27,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, insightTitle, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   IconBillboard,
@@ -10,6 +10,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -54,13 +54,13 @@ const ImageBillboard = ({
     if (headingRef.current) {
       const section = headingRef.current.closest("section");
       if (section) {
-        const existingH2 = section.querySelector("h2._1r4ovbuj");
+        const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {
           setHeadingLevel("h3");
         }
       }
     }
-  }, []);
+  }, [headingRef]);
   const imgAlignment = (alignment) => {
     switch (alignment) {
       case "Top Left":
@@ -99,7 +99,7 @@ const ImageBillboard = ({
         image?.imageType === "Image" ? image_based : ""
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
+        (image || video || textImageLineOneSmall || textImageLineTwoBig || textImageLineThreeSmall) && /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
           "div",
           {
             role: "presentation",
@@ -148,11 +148,17 @@ const ImageBillboard = ({
               "flex_row middle center"
             ),
             role: "presentation",
-            children: /* @__PURE__ */ jsxs("div", { className: clsx(rate_pad, "text_center", "flex", "flex_col"), children: [
-              /* @__PURE__ */ jsx("span", { className: up_to, children: textImageLineOneSmall }),
-              /* @__PURE__ */ jsx("span", { className: rate_billboard, children: textImageLineTwoBig }),
-              /* @__PURE__ */ jsx("span", { className: clsx(apy_billboard, "push_up"), children: textImageLineThreeSmall })
-            ] })
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx(rate_pad, "text_center", "flex", "flex_col"),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: up_to, children: textImageLineOneSmall }),
+                  /* @__PURE__ */ jsx("span", { className: rate_billboard, children: textImageLineTwoBig }),
+                  /* @__PURE__ */ jsx("span", { className: clsx(apy_billboard, "push_up"), children: textImageLineThreeSmall })
+                ]
+              }
+            )
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { className: body, children: [

package/dist/ImageLink/ImageLink.js

@@ -3,13 +3,12 @@ import { Hyperlink } from "../Hyperlink/index.js";
 import "../IconBillboard/IconBillboard.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Modal/Modal.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                                */
+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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/Chatbot.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/Modal/Modal.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                                                */
-import "../utils/allowedAxosDomains.js";
 import { isValidElement } from "react";
 import "clsx";
 /* empty css                                          */
@@ -22,6 +21,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Button/Button.css.js";
+import "../Modal/contextApi/store.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -49,6 +49,7 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Chevron/Chevron.css.js";
+/* empty css                                */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                         */
@@ -68,10 +69,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -97,23 +98,17 @@ import "next/script.js";
 import "next/image.js";
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
-import "../Modal/contextApi/store.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* 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                                                 */