@axos-web-dev/shared-components 1.0.77-patch.65 → 1.0.77-patch.67

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

@@ -78,8 +78,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/ImageLink/index.js

@@ -76,8 +76,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -80,8 +80,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/Insight/Featured/Featured.js

@@ -81,8 +81,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import Image from "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import { set_container } from "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/Insight/Featured/Header.js

@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/Modal/Modal.js

@@ -79,8 +79,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/AxosALTS/index.js

@@ -80,8 +80,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -79,8 +79,8 @@ import "../../../Chatbot/store/messages.js";
 /* empty css                                                                          */
 import "../../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../../HeroBanner/HeroBanner.css.js";
 import "../../../HeroBanner/LargeBanner.css.js";
+import "../../../HeroBanner/HeroBanner.css.js";
 import "../../../HeroBanner/SelectionBanner.css.js";
 import "../../../SetContainer/SetContainer.css.js";
 import "../../../Tab/Tab.css.js";

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -81,8 +81,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import Image from "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/AxosBank/index.js

@@ -82,8 +82,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -82,8 +82,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/NavigationMenu/NavDataJson.js

@@ -79,8 +79,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/NavigationMenu/Navbar.js

@@ -81,8 +81,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/NavigationMenu/SignInNavButton.js

@@ -82,8 +82,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/SetContainer/SetContainer.js

@@ -89,6 +89,7 @@ import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
+import { getNumOfColumns } from "../utils/getNumber.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
@@ -133,7 +134,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
-import { getNumOfColumns } from "../utils/getNumber.js";
 const SetContainer = ({
   id,
   variant,

package/dist/SocialMediaBar/iconsRepository.js

@@ -79,8 +79,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/VideoTile/VideoTile.js

@@ -87,8 +87,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/VideoWrapper/index.js

@@ -80,8 +80,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";