@axos-web-dev/shared-components 1.0.77-patch.7 → 1.0.77-patch.9

package/dist/IconBillboard/IconBillboard.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, createElement } from "react";
-import { BulletItem } from "../BulletItem/BulletItem.js";
-import { Chevron } from "../Chevron/index.js";
-import { getVariant } from "../utils/getVariant.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { Button } from "../Button/Button.js";
-import "../Button/Button.css.js";
-import "react-use";
-import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
-const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
+import { useRef, useState, useEffect } from "react";
+import { getVariant } from "../utils/getVariant.js";
+import { content, containerIconBillboard, link_wrapper } from "./IconBillboard.css.js";
+import { LayoutSection } from "./sections/LayoutSection.js";
+import { IconSection } from "./sections/IconSection.js";
+import { HeaderSection } from "./sections/HeaderSection.js";
+import { ItemsSection } from "./sections/ItemsSection.js";
+import { useFullClick, CallToActionSection } from "./sections/CallToActionSection.js";
 const IconBillboard = (props) => {
   const {
     callToActionRow,
@@ -36,96 +35,42 @@ const IconBillboard = (props) => {
       }
     }
   }, []);
+  const { isClickable, handleClick, chevronText } = useFullClick(callToActionRow);
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      id,
+      onClick: handleClick,
+      role: isClickable ? "link" : void 0,
+      title: isClickable ? chevronText : void 0,
       className: clsx(
         containerIconBillboard({ variant }),
         `${set ? "" : "containment"}`,
-        "billboard rounded flex_col gap_24 is_icon"
+        "billboard rounded flex_col gap_24 is_icon",
+        isClickable && link_wrapper
       ),
-      id,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: `flex_col middle ${layout({ side })}`, children: [
-          icon && /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: icon?.src,
-              alt: icon?.alt ?? "",
-              className: "img_fluid",
-              height: icon?.height,
-              width: icon?.width
-            }
-          ) }),
-          /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
-            /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
-              headline && createElement(
+        /* @__PURE__ */ jsxs(LayoutSection, { side, children: [
+          /* @__PURE__ */ jsx(IconSection, { icon }),
+          /* @__PURE__ */ jsxs("div", { className: content, children: [
+            /* @__PURE__ */ jsx(
+              HeaderSection,
+              {
+                headline,
                 headingLevel,
-                {
-                  ref: headingRef,
-                  className: `${title({ variant })}`
-                },
-                headline
-              ),
-              body && /* @__PURE__ */ jsx("div", { children: body })
-            ] }),
-            items && items?.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items?.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
+                headingRef,
+                body,
+                variant
+              }
+            ),
+            /* @__PURE__ */ jsx(ItemsSection, { items, variant })
           ] })
         ] }),
-        callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
-          ({
-            id: id2,
-            variant: variant2,
-            displayText,
-            targetUrl,
-            type,
-            marketingIntersitial,
-            newTab,
-            ...rest
-          }) => type === "Button" ? rest.as == "button" ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              targetUrl,
-              color: getVariant(variant2),
-              size: "medium",
-              rounded: "medium",
-              marketingIntersitial,
-              newTab,
-              as: "button",
-              type: "button",
-              action: rest?.onClick,
-              children: displayText
-            },
-            id2
-          ) : /* @__PURE__ */ jsx(
-            Button,
-            {
-              targetUrl,
-              color: getVariant(variant2),
-              size: "medium",
-              rounded: "medium",
-              marketingIntersitial,
-              newTab,
-              children: displayText
-            },
-            id2
-          ) : /* @__PURE__ */ jsx(
-            Chevron,
-            {
-              targetUrl,
-              variant: getVariant(variant2),
-              marketingIntersitial,
-              newTab,
-              children: displayText
-            },
-            id2
-          )
-        ) })
+        /* @__PURE__ */ jsx(CallToActionSection, { callToActionRow })
       ]
     }
   );
 };
 export {
-  Icon,
   IconBillboard
 };

package/dist/IconBillboard/index.js

@@ -1,8 +1,7 @@
-import { Icon, IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
+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 { IconBillboardSet } from "./IconBillboardSet.js";
 export {
-  Icon,
   IconBillboard,
   IconBillboardSet,
   billboard_icon,
@@ -12,6 +11,7 @@ export {
   headerIconBillboard,
   header_section,
   layout,
+  link_wrapper,
   list,
   listItem,
   section_body,

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

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

package/dist/IconBillboard/sections/CallToActionSection.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/Button.js";
+import "../../Button/Button.css.js";
+import { useMemo } from "react";
+import "react-use";
+import { buttons } from "../IconBillboard.css.js";
+import { Chevron } from "../../Chevron/index.js";
+import { getVariant } from "../../utils/getVariant.js";
+const useFullClick = (callToActionRow) => {
+  return useMemo(() => {
+    let chevronCount = 0;
+    let buttonCount = 0;
+    let chevronUrl;
+    let chevronText;
+    if (callToActionRow && callToActionRow.length > 0) {
+      callToActionRow.forEach((cta) => {
+        if (cta.type === "Button") {
+          buttonCount++;
+        } else {
+          chevronCount++;
+          chevronUrl = cta.targetUrl;
+          chevronText = cta.displayText;
+        }
+      });
+    }
+    const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
+    const handleClick = (e) => {
+      if (!isClickable) return;
+      const linkEl = e.currentTarget.querySelector("a");
+      if (linkEl && linkEl instanceof HTMLAnchorElement) {
+        window.location.href = linkEl.href;
+      }
+    };
+    return {
+      isClickable,
+      handleClick,
+      chevronText
+    };
+  }, [callToActionRow]);
+};
+const CallToActionSection = ({
+  callToActionRow
+}) => {
+  if (!Array.isArray(callToActionRow) || callToActionRow.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
+    ({
+      id,
+      variant,
+      displayText,
+      targetUrl,
+      type,
+      marketingIntersitial,
+      newTab,
+      ...rest
+    }) => type === "Button" ? rest.as == "button" ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        targetUrl,
+        color: getVariant(variant),
+        size: "medium",
+        rounded: "medium",
+        marketingIntersitial,
+        newTab,
+        as: "button",
+        type: "button",
+        action: rest?.onClick,
+        children: displayText
+      },
+      id
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        targetUrl,
+        color: getVariant(variant),
+        size: "medium",
+        rounded: "medium",
+        marketingIntersitial,
+        newTab,
+        children: displayText
+      },
+      id
+    ) : /* @__PURE__ */ jsx(
+      Chevron,
+      {
+        targetUrl,
+        variant: getVariant(variant),
+        marketingIntersitial,
+        newTab,
+        children: displayText
+      },
+      id
+    )
+  ) });
+};
+export {
+  CallToActionSection,
+  useFullClick
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode, Ref } from 'react';
+import { QuaternaryTypes } from '../../utils';
+
+export interface HeaderSectionProps {
+    body?: ReactNode | undefined;
+    headingLevel: "h2" | "h3";
+    headingRef: Ref<HTMLHeadingElement>;
+    headline?: ReactNode | undefined;
+    variant: QuaternaryTypes;
+}
+export declare const HeaderSection: ({ body, headingLevel, headingRef, headline, variant, }: HeaderSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/IconBillboard/sections/HeaderSection.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { headerIconBillboard, title } from "../IconBillboard.css.js";
+const HeaderSection = ({
+  body,
+  headingLevel,
+  headingRef,
+  headline,
+  variant
+}) => /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
+  headline && React.createElement(
+    headingLevel,
+    {
+      ref: headingRef,
+      className: `${title({ variant })}`
+    },
+    headline
+  ),
+  body && /* @__PURE__ */ jsx("div", { children: body })
+] });
+export {
+  HeaderSection
+};

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

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

package/dist/IconBillboard/sections/IconSection.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { billboard_icon } from "../IconBillboard.css.js";
+const IconSection = ({ icon }) => {
+  if (!icon) return null;
+  return /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: icon?.src,
+      alt: icon?.alt ?? "",
+      className: "img_fluid",
+      height: icon?.height,
+      width: icon?.width
+    }
+  ) });
+};
+export {
+  IconSection
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { QuaternaryTypes } from '../../utils';
+
+export interface ItemsSectionProps {
+    items?: {
+        id: string;
+        content: ReactNode;
+    }[];
+    variant: QuaternaryTypes;
+}
+export declare const ItemsSection: ({ items, variant }: ItemsSectionProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/IconBillboard/sections/ItemsSection.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { list } from "../IconBillboard.css.js";
+import { BulletItem } from "../../BulletItem/BulletItem.js";
+const ItemsSection = ({ items, variant }) => {
+  if (!items || items.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) });
+};
+export {
+  ItemsSection
+};

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

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

package/dist/IconBillboard/sections/LayoutSection.js

@@ -0,0 +1,6 @@
+import { jsx } from "react/jsx-runtime";
+import { layout } from "../IconBillboard.css.js";
+const LayoutSection = ({ side, children }) => /* @__PURE__ */ jsx("div", { className: `flex_col middle ${layout({ side })}`, children });
+export {
+  LayoutSection
+};

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

@@ -23,6 +23,12 @@ export interface BillboardImageInterface {
     height?: string | number;
     width?: string | number;
 }
+export interface BillboardVideoInterface {
+    videoId: string;
+    videoPlayer: string;
+    thubnailImage: string;
+    transcript?: string;
+}
 export interface ImageBillboardInterface {
     id: string;
     headline: string | ReactNode;
@@ -34,6 +40,7 @@ export interface ImageBillboardInterface {
     eyebrow: string | ReactNode;
     bullets: BulletItemProps[];
     image?: BillboardImageInterface;
+    video?: BillboardVideoInterface;
     callToActionRow: ChevronProps[];
     set?: boolean;
     textImageLineOneSmall?: ReactNode | string;

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, 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, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -8,7 +8,7 @@ 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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoTile/VideoTile.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -19,6 +19,10 @@ import { useExitIntentModal } from "./ExitIntentModal/useExitIntentModal.js";
 import { ModalWrapper } from "./ExitIntentModal/ModalWrapper.js";
 import clsx from "clsx";
 import { billboard_img, center_center, remove_padding, image_inner_wrapper, image_background, is_bg_img, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement, image_based, bottom_right, bottom_center, bottom_left, center_right, center_left, top_right, top_center, top_left } from "./ImageBillboard.css.js";
+import "next/script.js";
+import { VideoTile } from "../VideoTile/VideoTile.js";
+/* empty css                                          */
+/* empty css                                        */
 const ImageBillboard = ({
   id,
   bodyCopy,
@@ -29,6 +33,7 @@ const ImageBillboard = ({
   eyebrow,
   headline,
   image,
+  video,
   imagePlacement: position = "left",
   internalName,
   set,
@@ -48,7 +53,7 @@ const ImageBillboard = ({
     if (headingRef.current) {
       const section = headingRef.current.closest("section");
       if (section) {
-        const existingH2 = section.querySelector("h2.header_2.mb_16");
+        const existingH2 = section.querySelector("h2._1r4ovbuj");
         if (existingH2) {
           setHeadingLevel("h3");
         }
@@ -93,7 +98,7 @@ const ImageBillboard = ({
         image?.imageType === "Image" ? image_based : ""
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image && image.src ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
           "div",
           {
             role: "presentation",
@@ -122,7 +127,18 @@ const ImageBillboard = ({
             alt: image?.alt ?? "",
             className: is_bg_img
           }
-        ) }) }) : /* @__PURE__ */ jsx(
+        ) }) }) : video && video.videoId ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
+          VideoTile,
+          {
+            id: "video-tile",
+            videoId: video.videoId,
+            videoPlayer: video.videoPlayer,
+            thumbnailImage: video.thubnailImage,
+            displayType: "inline",
+            transcript: video.transcript,
+            enableModal: true
+          }
+        ) }) : /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(

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/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -79,6 +79,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                            */
 import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                             */
 /* empty css                                              */
 /* empty css                                                      */
@@ -115,8 +117,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -1,22 +1,22 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "clsx";
 import "react";
+import { getVariant } from "../utils/getVariant.js";
 import { buttons } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
-import { getVariant } from "../utils/getVariant.js";
-import "clsx";
 /* empty css                                          */
 /* empty css                                          */
-import { Chevron } from "../Chevron/index.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
+import { Chevron } from "../Chevron/index.js";
 import { SetContainer } from "../SetContainer/SetContainer.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Accordion/Accordion.js";
@@ -88,6 +88,8 @@ import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 import ImageLink from "./ImageLink.js";
 /* empty css                                              */
 /* empty css                                                      */
@@ -121,8 +123,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 import { image_link_set } from "./ImageLink.css.js";
 const ImageLinkSet = (props) => {

package/dist/ImageLink/index.js

@@ -4,7 +4,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/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -81,6 +81,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 import { ImageLinkSet } from "./ImageLinkSet.js";
 /* empty css                                              */
 /* empty css                                                      */
@@ -114,8 +116,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 /* empty css                                */
 import "../Modal/contextApi/store.js";