@axos-web-dev/shared-components 1.0.77 → 1.0.78-buydown-patch.1

package/dist/NavigationMenu/SignInNavButton.js

@@ -0,0 +1,362 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.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/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/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 clsx from "clsx";
+import { useRef, useState, useEffect } from "react";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import { useClickAway } from "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
+import { appendQueryParams } from "../utils/appendQueryParams.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+/* empty css                                          */
+/* empty css                                          */
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                      */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.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";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import { NavItem } from "./NavItem/index.js";
+/* empty css                                      */
+import "next/navigation.js";
+/* empty css                                         */
+/* empty css                                              */
+/* empty css                                                 */
+import "next/link.js";
+import "./AxosBank/MobileMenu/MobileNavData.js";
+import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
+import styles from "./AxosBank/NavBar.module.js";
+import { navItems } from "./AxosBank/NavData.js";
+/* empty css                                      */
+/* empty css                                       */
+import "./AxosALTS/NavData.js";
+/* empty css                                   */
+/* empty css                                     */
+import "./LaVictoire/NavData.js";
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                              */
+const SignInNavButton = () => {
+  const ref = useRef(null);
+  const [activeIndex, setActiveIndex] = useState();
+  const [isOpenSignIn, setisOpenSignIn] = useState(false);
+  const toggle = () => setisOpenSignIn(!isOpenSignIn);
+  const lastNavItem = navItems[navItems.length - 1];
+  const handleClick = (index) => setActiveIndex(index);
+  const [isClient, setIsClient] = useState(false);
+  const handleKeyDownContainer = (e) => {
+    if (e.key === "Tab") {
+      const focusableElements = ref.current?.querySelectorAll(
+        'button, [href], a, [tabindex]:not([tabindex="-1"])'
+      );
+      if (focusableElements && isClient) {
+        const lastElement = focusableElements[focusableElements.length - 1];
+        const isShiftPressed = e.shiftKey;
+        if (!isShiftPressed && document.activeElement === lastElement) {
+          e.preventDefault();
+          toggle();
+        }
+      }
+    }
+  };
+  useClickAway(ref, (e) => {
+    if (e?.target?.tagName !== "A") {
+      setisOpenSignIn(false);
+    }
+  });
+  useEffect(() => {
+    appendQueryParams();
+  }, [lastNavItem]);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `${styles.desktop_only} flex_row middle relative`,
+      ref,
+      onKeyDown: handleKeyDownContainer,
+      role: "menubar",
+      children: [
+        lastNavItem && /* @__PURE__ */ jsx(
+          NavItem,
+          {
+            url: lastNavItem.url,
+            name: lastNavItem.name,
+            className: `link list_unstyled ${styles.main_nav_link} ${main_nav_link} ${styles.highlight} ${highlight}`,
+            isActive: activeIndex == navItems.length,
+            onClick: handleClick,
+            index: navItems.length
+          },
+          navItems.length + 1
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            className: clsx(
+              styles.signin_btn,
+              "flex_row",
+              "center",
+              "middle",
+              isOpenSignIn ? styles.open : "",
+              Sign_in_btn
+            ),
+            as: "button",
+            type: "button",
+            color: "primary",
+            id: "signIn",
+            action: toggle,
+            size: "small",
+            "aria-controls": "signin-drop-menu",
+            role: "menuitem",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "Log in" }),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "20",
+                  height: "12",
+                  viewBox: "0 0 20 12",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
+                      fill: "white"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
+            children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsxs(
+              "ul",
+              {
+                className: "list_unstyled",
+                "aria-expanded": isOpenSignIn,
+                id: "signin-drop-menu",
+                children: [
+                  /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        className: styles.signin_header,
+                        href: findMoreAxosDomains("{AXOSBANK}/personal"),
+                        children: "Personal"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{ONLINEBANKING}/auth/Login"), children: "Account Login" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx("a", { href: `https://loanpayment.axosbank.com`, children: "Make a Payment" })
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        className: styles.signin_header,
+                        href: findMoreAxosDomains("{AXOSBANK}/business"),
+                        children: "Business"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{AXOSBANK}/business/login"), children: "Business Banking Login" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: findMoreAxosDomains(
+                                "{AXOSBANK}/business/mwa-business-banking"
+                              ),
+                              children: "MWA Business Banking"
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: findMoreAxosDomains(
+                                "{AXOSBANK}/commercial/lending/commercial-portal"
+                              ),
+                              children: "Commercial Portal"
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: findMoreAxosDomains("{AXOSBANK}/partners"),
+                        className: `${styles.signin_header}`,
+                        children: "Partners"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx("a", { href: "https://thirdpartylending.axosbank.com/index", children: "Wholesale and Correspondent" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${signin_subheader}`,
+                          children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{ARMS}"), children: "Advisor Login" })
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
+                      children: [
+                        /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{AXOSBANK}/customer-support"), children: "Customer Support" }),
+                        /* @__PURE__ */ jsx(
+                          "a",
+                          {
+                            href: findMoreAxosDomains("{AXOSBANK}/return-to-application"),
+                            children: "Return to Application"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  SignInNavButton
+};

package/dist/SetContainer/SetContainer.d.ts

@@ -11,4 +11,4 @@ export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBi
     numberOfColumns?: string;
     additionalDetails?: ReactNode | string;
 }
-export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, className, numberOfColumns, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, className, numberOfColumns, layout, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/SetContainer.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.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/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/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/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/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                                                    */
@@ -85,6 +85,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
@@ -119,8 +121,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";
@@ -138,7 +138,8 @@ const SetContainer = ({
   style,
   isolate,
   className,
-  numberOfColumns
+  numberOfColumns,
+  layout = "Inline"
 }) => {
   const container_variant = getVariant(variant);
   const numOfCols = getNumOfColumns(numberOfColumns);
@@ -158,14 +159,16 @@ const SetContainer = ({
           eyebrow && /* @__PURE__ */ jsx(
             "span",
             {
-              className: `mb_32 ${heroSupertag({ variant: container_variant })}`,
+              className: heroSupertag({ variant: container_variant }),
+              role: "heading",
+              "aria-level": 2,
               children: eyebrow
             }
           ),
           headline && /* @__PURE__ */ jsx(
             "h2",
             {
-              className: `header_2 ${header_section({ variant: container_variant })}`,
+              className: `header_1 ${header_section({ variant: container_variant })}`,
               children: headline
             }
           ),
@@ -175,7 +178,8 @@ const SetContainer = ({
           "div",
           {
             className: clsx(
-              numOfCols && columnValues.includes(numOfCols) ? `${set_container_cols({ columns: numOfCols })} cols_${numOfCols}` : inline_container
+              numOfCols && columnValues.includes(numOfCols) ? `${set_container_cols({ columns: numOfCols })} cols_${numOfCols}` : inline_container,
+              layout === "Stacked" ? "stacked" : ""
             ),
             children
           }

package/dist/SocialMediaBar/iconsRepository.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.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/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/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/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/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/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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -84,6 +84,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
@@ -117,8 +119,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 const BusinessWire = () => /* @__PURE__ */ jsx(
   Hyperlink,

package/dist/VideoTile/VideoTile.interface.d.ts

@@ -2,13 +2,14 @@ import { ReactNode } from 'react';
 
 export interface VideoTileInterface {
     id: string;
-    title: string;
+    title?: string;
     videoId: string;
     thumbnailImage: string;
     displayType: string;
-    maxWidth: string | number;
+    maxWidth?: string | number;
     videoPlayer: string;
-    transcript: string;
+    transcript?: string;
     description?: string | ReactNode;
     internalName?: string;
+    enableModal?: boolean;
 }