@axos-web-dev/shared-components 2.0.0-dev.9-3 → 2.0.0-dev.insights.9

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/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                                */
+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/ServerNavigation/NavigationBar.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/NavigationMenu/AxosBank/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/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/Forms/HoneyPot/HoneyPot.css';import '../assets/ImageToast/ImageToast.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,14 @@ 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 "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -46,7 +53,8 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
+/* empty css                                            */
+import "../Forms/HoneyPot/honeyPotValidation.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -69,19 +77,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.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";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -100,13 +103,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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

@@ -68,6 +68,22 @@ export declare const header_section: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
+export declare const icon_billboard_section: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            paddingBlock: "2.5rem";
+        };
+        secondary: {
+            paddingBlock: "2.5rem";
+        };
+        tertiary: {
+            paddingBlock: "2.5rem";
+        };
+        quaternary: {
+            paddingBlock: "2.5rem";
+        };
+    };
+}>;
 export declare const section_container: string;
 export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {

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                               */
@@ -17,9 +18,10 @@ 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";
+var icon_billboard_section = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
+var section_container = "_1r4ovbuu";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbuv", variantClassNames: { variant: { primary: "_1r4ovbuw", secondary: "_1r4ovbux", tertiary: "_1r4ovbuy", quaternary: "_1r4ovbuz" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbu10";
 export {
   billboard_icon,
   buttons,
@@ -27,6 +29,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  icon_billboard_section,
   insightTitle,
   layout,
   link_wrapper,

package/dist/IconBillboard/IconBillboard.d.ts

@@ -15,4 +15,4 @@ export interface FocusProps {
     set?: boolean;
     id?: string;
 }
-export declare const IconBillboard: (props: FocusProps & ContainerVariants & LayoutVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBillboard: (props: FocusProps & ContainerVariants & LayoutVariants) => import("react").JSX.Element;

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.d.ts

@@ -1,3 +1,3 @@
 import { IconBillboardSet as Props } from './IconBillboard.interface';
 
-export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react").JSX.Element;

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, icon_billboard_section } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,
@@ -17,70 +17,76 @@ const IconBillboardSet = ({
   additionalDetails
 }) => {
   const billboard_variant = getVariant(variant);
-  return /* @__PURE__ */ jsxs("section", { className: "containment billboard", children: [
-    (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
-      headline && /* @__PURE__ */ jsx(
-        "h2",
-        {
-          className: `header_1 ${header_section({ variant: billboard_variant })}`,
-          children: headline
-        }
-      ),
-      bodyCopy && /* @__PURE__ */ jsx("div", { className: clsx(section_body({ variant })), children: bodyCopy })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
-      ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [
-        /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
-          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
-            "img",
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: `containment billboard ${icon_billboard_section({ variant: billboard_variant })}`,
+      children: [
+        (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+          headline && /* @__PURE__ */ jsx(
+            "h2",
             {
-              src: icon?.src,
-              className: "img_fluid",
-              alt: icon?.alt
+              className: `header_1 ${header_section({ variant: billboard_variant })}`,
+              children: headline
             }
-          ) }),
-          /* @__PURE__ */ jsxs("div", { className: content, children: [
-            /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
-              /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline2 }),
-              /* @__PURE__ */ jsx("div", { children: bodyCopy2 })
-            ] }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: bullets.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.copy }, item.id)) }) })
-          ] })
+          ),
+          bodyCopy && /* @__PURE__ */ jsx("div", { className: clsx(section_body({ variant })), children: bodyCopy })
         ] }),
-        callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
-          ({
-            id: id2,
-            variant: variant2,
-            displayText,
-            targetUrl,
-            type,
-            newTab
-          }) => type === "Button" ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              targetUrl,
-              color: getVariant(variant2),
-              size: "medium",
-              rounded: "medium",
-              newTab,
-              children: displayText
-            },
-            id2
-          ) : /* @__PURE__ */ jsx(
-            Chevron,
-            {
-              targetUrl,
-              variant: getVariant(variant2),
-              newTab,
-              children: displayText
-            },
-            id2
-          )
-        ) })
-      ] }, id)
-    ) }),
-    additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
-  ] });
+        /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
+          ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [
+            /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
+              icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: icon?.src,
+                  className: "img_fluid",
+                  alt: icon?.alt
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: content, children: [
+                /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
+                  /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline2 }),
+                  /* @__PURE__ */ jsx("div", { children: bodyCopy2 })
+                ] }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: bullets.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.copy }, item.id)) }) })
+              ] })
+            ] }),
+            callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
+              ({
+                id: id2,
+                variant: variant2,
+                displayText,
+                targetUrl,
+                type,
+                newTab
+              }) => type === "Button" ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  targetUrl,
+                  color: getVariant(variant2),
+                  size: "medium",
+                  rounded: "medium",
+                  newTab,
+                  children: displayText
+                },
+                id2
+              ) : /* @__PURE__ */ jsx(
+                Chevron,
+                {
+                  targetUrl,
+                  variant: getVariant(variant2),
+                  newTab,
+                  children: displayText
+                },
+                id2
+              )
+            ) })
+          ] }, id)
+        ) }),
+        additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+      ]
+    }
+  );
 };
 export {
   IconBillboardSet

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.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 { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, icon_billboard_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,
+  icon_billboard_section,
   insightTitle,
   layout,
   link_wrapper,

package/dist/IconBillboard/sections/CallToActionSection.d.ts

@@ -8,5 +8,5 @@ export declare const useFullClick: (callToActionRow?: ChevronProps[]) => {
     handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
     chevronText: string | undefined;
 };
-export declare const CallToActionSection: ({ callToActionRow, }: CallToActionSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CallToActionSection: ({ callToActionRow, }: CallToActionSectionProps) => import("react").JSX.Element | null;
 export {};

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/IconBillboard/sections/HeaderSection.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, Ref } from 'react';
+import { default as React, ReactNode, Ref } from 'react';
 import { QuaternaryTypes } from '../../utils';
 
 export interface HeaderSectionProps {
@@ -8,4 +8,4 @@ export interface HeaderSectionProps {
     headline?: ReactNode | undefined;
     variant: QuaternaryTypes;
 }
-export declare const HeaderSection: ({ body, headingLevel, headingRef, headline, variant, }: HeaderSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderSection: ({ body, headingLevel, headingRef, headline, variant, }: HeaderSectionProps) => React.JSX.Element;

package/dist/IconBillboard/sections/IconSection.d.ts

@@ -3,5 +3,5 @@ import { ImageInterface } from '..';
 interface IconSectionProps {
     icon?: ImageInterface;
 }
-export declare const IconSection: ({ icon }: IconSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const IconSection: ({ icon }: IconSectionProps) => import("react").JSX.Element | null;
 export {};

package/dist/IconBillboard/sections/ItemsSection.d.ts

@@ -8,4 +8,4 @@ export interface ItemsSectionProps {
     }[];
     variant: QuaternaryTypes;
 }
-export declare const ItemsSection: ({ items, variant }: ItemsSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ItemsSection: ({ items, variant }: ItemsSectionProps) => import("react").JSX.Element | null;

package/dist/IconBillboard/sections/LayoutSection.d.ts

@@ -4,5 +4,5 @@ interface LayoutSectionProps {
     side: boolean;
     children: ReactNode;
 }
-export declare const LayoutSection: ({ side, children }: LayoutSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayoutSection: ({ side, children }: LayoutSectionProps) => import("react").JSX.Element;
 export {};

package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.d.ts

@@ -5,5 +5,5 @@ interface ModalWrapperProps {
     onClose: () => void;
     modalRef: React.RefObject<HTMLDivElement | null>;
 }
-export declare const ModalWrapper: ({ children, onClose, modalRef, }: ModalWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalWrapper: ({ children, onClose, modalRef, }: ModalWrapperProps) => React.JSX.Element;
 export {};

package/dist/ImageBillboard/ImageBillboard.d.ts

@@ -1,3 +1,3 @@
 import { ImageBillboardSetProps as Props } from './ImageBillboard.interface';
 
-export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react").JSX.Element;

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.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();
@@ -99,7 +101,7 @@ const ImageBillboard = ({
         image?.imageType === "Image" ? image_based : ""
       ),
       children: [
-        (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(
+        (image || video || textImageLineOneSmall || textImageLineTwoBig || textImageLineThreeSmall) && /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsxs(
           "div",
           {
             role: "presentation",
@@ -110,25 +112,31 @@ const ImageBillboard = ({
               image_inner_wrapper
             ),
             style: image?.imageBackgroundColor ? { background: image?.imageBackgroundColor } : {},
-            children: /* @__PURE__ */ jsx(
-              OptimizeImage,
-              {
-                src: image?.src,
-                alt: image?.alt ?? "",
-                className: "img_fluid",
-                height: image?.height,
-                width: image?.width
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
-          OptimizeImage,
-          {
-            src: image?.src,
-            alt: image?.alt ?? "",
-            className: is_bg_img
+            children: [
+              /* @__PURE__ */ jsx(
+                OptimizeImage,
+                {
+                  src: image?.src,
+                  alt: image?.alt ?? "",
+                  className: "img_fluid",
+                  height: image?.height,
+                  width: image?.width
+                }
+              ),
+              toast && toast.length > 0 && toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id))
+            ]
           }
-        ) }) }) : video && video.videoId ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsxs("div", { className: image_background, role: "presentation", children: [
+          /* @__PURE__ */ jsx(
+            OptimizeImage,
+            {
+              src: image?.src,
+              alt: image?.alt ?? "",
+              className: is_bg_img
+            }
+          ),
+          toast && toast.length > 0 && toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id))
+        ] }) }) : video && video.videoId ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
           VideoTile,
           {
             id: "video-tile",

package/dist/ImageLink/ImageLink.d.ts

@@ -11,5 +11,5 @@ export interface ImageLinkProps extends PropsWithChildren {
         altText?: string;
     };
 }
-declare const ImageLink: ({ id, image, targetUrl, children }: ImageLinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImageLink: ({ id, image, targetUrl, children }: ImageLinkProps) => import("react").JSX.Element;
 export default ImageLink;

package/dist/ImageLink/ImageLink.js

@@ -3,7 +3,7 @@ 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/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                                */
+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/ServerNavigation/NavigationBar.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/NavigationMenu/AxosBank/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/ImageToast/ImageToast.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/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/Modal/Modal.css';import '../assets/Forms/HoneyPot/HoneyPot.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                                    */
@@ -20,9 +20,11 @@ import "../Article/Article.css.js";
 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 "next/image.js";
+import "../Button/Button.css.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";
@@ -42,7 +44,8 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
+/* empty css                                            */
+import "../Forms/HoneyPot/honeyPotValidation.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -69,10 +72,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -92,19 +95,22 @@ import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
 /* empty css                                        */
+/* empty css                                          */
 /* empty css                             */
 /* empty css                                              */
 /* empty css                                                      */
-import "next/image.js";
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */