@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui → 2.0.0-dev.30-toast

package/dist/HeroBanner/LargeBanner.css.d.ts

@@ -1,3 +1,4 @@
+export declare const video_bg: string;
 export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -14,24 +15,51 @@ export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
+export declare const lg_hero_container: string;
 export declare const lg_hero_content: string;
+export declare const content_display_lg: string;
+export declare const lg_hero_content_mobile: string;
 export declare const lg_hero_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})`;
+                    color: `var(--${string})`;
+                };
+            };
         };
     };
 }>;
@@ -39,15 +67,35 @@ export declare const lg_hero_eyebrow: import('@vanilla-extract/recipes').Runtime
     variant: {
         primary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         quaternary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
     };
 }>;
@@ -55,17 +103,79 @@ export declare const lg_headline_text: import('@vanilla-extract/recipes').Runtim
     variant: {
         primary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
         quaternary: {
             color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                };
+            };
         };
     };
 }>;
 export declare const lg_hero_img: string;
 export declare const lg_hero_sizing: string;
+export declare const video_wrapper: string;
+export declare const player: string;
+export declare const placement: import('@vanilla-extract/recipes').RuntimeFn<{
+    position: {
+        "top left": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "0 0 1rem 0";
+                    left: number;
+                    top: number;
+                };
+            };
+        };
+        "top right": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "0 0 0 1rem";
+                    right: number;
+                    top: number;
+                };
+            };
+        };
+        "bottom left": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "0 1rem 0 0";
+                    bottom: number;
+                    left: number;
+                };
+            };
+        };
+        "bottom right": {
+            "@media": {
+                "(min-width: 1024px)": {
+                    borderRadius: "1rem 0 0 0";
+                    bottom: number;
+                    right: number;
+                };
+            };
+        };
+    };
+}>;

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,18 +5,18 @@ 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/ImageToast/ImageToast.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.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                                                */
-import clsx from "clsx";
 import "react";
+import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
+import clsx from "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -26,7 +26,9 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -69,18 +71,18 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";

package/dist/IconBillboard/IconBillboard.css.js

@@ -1,4 +1,5 @@
-import '../assets/IconBillboard/IconBillboard.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                                          */
+import '../assets/IconBillboard/IconBillboard.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/ImageToast/ImageToast.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */

package/dist/IconBillboard/IconBillboard.interface.d.ts

@@ -22,6 +22,8 @@ export interface IconBillboardProps {
     bullets: BulletItemProps[];
     callToActionRow: ChevronProps[];
     set?: boolean;
+    variant: QuaternaryTypes;
+    toastAlignment?: string;
 }
 export interface ImageInterface {
     src: string;

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/IconBillboard/sections/CallToActionSection.js

@@ -27,9 +27,11 @@ const useFullClick = (callToActionRow) => {
     const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
     const handleClick = (e) => {
       if (!isClickable) return;
+      if (e.target.closest("a")) return;
       const linkEl = e.currentTarget.querySelector("a");
       if (linkEl && linkEl instanceof HTMLAnchorElement) {
-        window.location.href = linkEl.href;
+        e.preventDefault();
+        linkEl.click();
       }
     };
     return {

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -1,6 +1,7 @@
 import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { QuaternaryTypes } from '../utils/variant.types';
+import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { ReactNode } from 'react';
 
 export interface ImageBillboardSetProps {
@@ -49,4 +50,5 @@ export interface ImageBillboardInterface {
     internalName?: string;
     exitIntent?: boolean;
     layout?: ImageBillboardSetProps["layout"];
+    toast?: IconBillboardProps[];
 }

package/dist/ImageBillboard/ImageBillboard.js

@@ -15,7 +15,7 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas, billboard } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,3 +1,3 @@
 import { ImageBillboardInterface } from './ImageBillboard.interface';
 
-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;
+export declare const ImageBillboard: ({ id, bodyCopy, bordered, bullets, callToActionRow, exitIntent, eyebrow, headline, image, video, imagePlacement: position, internalName, set, textImageLineOneSmall, textImageLineThreeSmall, textImageLineTwoBig, variant, toast, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -24,6 +24,7 @@ import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
 /* empty css                                          */
 /* empty css                                        */
+import { ImageToast } from "../ImageToast/index.js";
 const ImageBillboard = ({
   id,
   bodyCopy,
@@ -41,7 +42,8 @@ const ImageBillboard = ({
   textImageLineOneSmall,
   textImageLineThreeSmall,
   textImageLineTwoBig,
-  variant
+  variant,
+  toast
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
@@ -161,6 +163,7 @@ const ImageBillboard = ({
             )
           }
         ) }),
+        toast && toast.length > 0 && toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id)),
         /* @__PURE__ */ jsxs("div", { className: body, children: [
           /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
             (eyebrow || headline) && /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [