@axos-web-dev/shared-components 2.0.0-dev.9-fixdependencies → 2.0.0-dev.enableCTA

package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.module.js

@@ -0,0 +1,86 @@
+import '../../../assets/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.css';const overlay = "_overlay_w36iv_1";
+const drawer = "_drawer_w36iv_17";
+const mobileNavRow = "_mobileNavRow_w36iv_57";
+const loginTrigger = "_loginTrigger_w36iv_69";
+const hamburger = "_hamburger_w36iv_101";
+const loginDrawerTitle = "_loginDrawerTitle_w36iv_145";
+const loginDrawerContent = "_loginDrawerContent_w36iv_157";
+const header = "_header_w36iv_169";
+const back = "_back_w36iv_191";
+const close = "_close_w36iv_207";
+const levelContainer = "_levelContainer_w36iv_229";
+const level = "_level_w36iv_229";
+const levelTitle = "_levelTitle_w36iv_261";
+const menu = "_menu_w36iv_271";
+const menuItem = "_menuItem_w36iv_303";
+const loginAccordion = "_loginAccordion_w36iv_335";
+const loginAccordionList = "_loginAccordionList_w36iv_343";
+const loginAccordionGroup = "_loginAccordionGroup_w36iv_355";
+const loginAccordionHeading = "_loginAccordionHeading_w36iv_429";
+const loginAccordionGroupList = "_loginAccordionGroupList_w36iv_449";
+const loginHeading = "_loginHeading_w36iv_537";
+const chevron = "_chevron_w36iv_557";
+const chevronIcon = "_chevronIcon_w36iv_567";
+const quickLinks = "_quickLinks_w36iv_589";
+const quickLink = "_quickLink_w36iv_589";
+const sr_only = "_sr_only_w36iv_637";
+const loginAccordionOverlay = "_loginAccordionOverlay_w36iv_687";
+const styles = {
+  overlay,
+  drawer,
+  mobileNavRow,
+  loginTrigger,
+  hamburger,
+  loginDrawerTitle,
+  loginDrawerContent,
+  header,
+  back,
+  close,
+  levelContainer,
+  level,
+  levelTitle,
+  menu,
+  menuItem,
+  loginAccordion,
+  loginAccordionList,
+  loginAccordionGroup,
+  loginAccordionHeading,
+  loginAccordionGroupList,
+  loginHeading,
+  chevron,
+  chevronIcon,
+  quickLinks,
+  quickLink,
+  sr_only,
+  loginAccordionOverlay
+};
+export {
+  back,
+  chevron,
+  chevronIcon,
+  close,
+  styles as default,
+  drawer,
+  hamburger,
+  header,
+  level,
+  levelContainer,
+  levelTitle,
+  loginAccordion,
+  loginAccordionGroup,
+  loginAccordionGroupList,
+  loginAccordionHeading,
+  loginAccordionList,
+  loginAccordionOverlay,
+  loginDrawerContent,
+  loginDrawerTitle,
+  loginHeading,
+  loginTrigger,
+  menu,
+  menuItem,
+  mobileNavRow,
+  overlay,
+  quickLink,
+  quickLinks,
+  sr_only
+};

package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.d.ts

@@ -0,0 +1,51 @@
+import { UrlResolver } from '../../../main';
+import { Navigation } from '../../utils';
+
+export declare const mobileData: (menu: Navigation, resolveUrl: UrlResolver) => {
+    id: string;
+    label: string;
+    url: string;
+    dropdown: boolean;
+    items: ({
+        id: string;
+        label: string;
+        url: string;
+        items: false | {
+            id: string;
+            label: string;
+            url: string;
+            items: {
+                id: string;
+                label: string;
+                url: string;
+                items: {
+                    id: string;
+                    label: string;
+                    url: string;
+                }[] | undefined;
+            }[] | undefined;
+        }[] | {
+            id: string;
+            label: string;
+            url: string;
+            items: {
+                id: string;
+                label: string;
+                url: string;
+            }[];
+        }[] | undefined;
+    } | undefined)[];
+}[] | undefined;
+export type FlattenedLoginItem = {
+    title: string;
+    url: string;
+};
+export type LoginGroup = {
+    heading: string;
+    items: FlattenedLoginItem[];
+};
+export declare const getQuickLinks: (pathname: string, resolveUrl: UrlResolver) => {
+    icon: string;
+    title: string;
+    url: string;
+}[];

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

@@ -0,0 +1,96 @@
+const mobileData = (menu, resolveUrl) => {
+  const mobileMenu = menu.subNavBar?.map((item) => {
+    return {
+      id: item.id,
+      label: item.label,
+      url: resolveUrl(item.url),
+      dropdown: !!item.dropdown,
+      items: item?.subItems?.map((subItem) => {
+        if (!subItem) return;
+        return {
+          id: subItem?.id,
+          label: subItem?.label,
+          url: resolveUrl(subItem?.url),
+          items: "subItems" in subItem && Array.isArray(subItem?.subItems) ? subItem.subItems.map((subSubItem) => {
+            return {
+              id: subSubItem?.id,
+              label: subSubItem?.label,
+              url: resolveUrl(subSubItem?.url),
+              items: subSubItem?.subItems?.map((subSubSubItem) => {
+                return {
+                  id: subSubSubItem?.id,
+                  label: subSubSubItem?.label,
+                  url: resolveUrl(subSubSubItem?.url),
+                  items: subSubSubItem.subItems?.map((last) => {
+                    return {
+                      id: last.id,
+                      label: last.label,
+                      url: resolveUrl(last.url)
+                    };
+                  })
+                };
+              })
+            };
+          }) : "menuItems" in subItem && subItem.menuItems?.subItems?.map((bl_item) => {
+            return {
+              id: bl_item.id,
+              label: bl_item.label,
+              url: resolveUrl(bl_item.url),
+              items: bl_item.items?.map((subitem) => {
+                return {
+                  id: subitem.id,
+                  label: subitem.label,
+                  url: resolveUrl(subitem.url)
+                };
+              }) ?? []
+            };
+          })
+        };
+      })
+    };
+  });
+  return mobileMenu;
+};
+const getQuickLinks = (pathname, resolveUrl) => {
+  let insightsUrl = resolveUrl("{AXOSBANK}/personal/insights");
+  switch (true) {
+    case pathname.includes("/business"):
+      insightsUrl = resolveUrl("{AXOSBANK}/business/insights");
+      break;
+    case pathname.includes("/commercial"):
+      insightsUrl = resolveUrl("{AXOSBANK}/commercial/insights");
+      break;
+    case pathname.includes("/invest"):
+      insightsUrl = resolveUrl("{AXOS}/invest/insights");
+      break;
+    default:
+      insightsUrl = resolveUrl("{AXOSBANK}/personal/insights");
+      break;
+  }
+  return [
+    {
+      icon: "https://images.axos.com/o9ov1v03uwqk/6qP12OCpyBQWIFQHpJBcOc/aa91d77692692608517c43274dae8e19/nav-submenu-insights-icon.webp",
+      title: "Insights",
+      url: `${insightsUrl}`
+    },
+    {
+      icon: "https://images.axos.com/o9ov1v03uwqk/4Dbx1OIp2ARiyWFC0dOqzg/38540096c180880dbb70176d3b2b1b2b/nav-submenu-tools-icon.webp",
+      title: "Tools",
+      url: resolveUrl("{AXOSBANK}/tools")
+    },
+    {
+      icon: "https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg",
+      title: "Company",
+      url: resolveUrl("{AXOSBANK}/about-us")
+    },
+    {
+      icon: "https://images.axos.com/o9ov1v03uwqk/5JqDuUm6D5hbX2MQrbWCQq/0c6b5ed3d5e08cd03e2ca20b8e2f39ef/nav-submenu-atm-icon.svg",
+      title: "ATMs",
+      url: resolveUrl("{AXOSBANK}/personal/support/atm-locator")
+    }
+  ];
+};
+export {
+  getQuickLinks,
+  mobileData
+};

package/dist/NavigationMenu/ServerNavigation/MobileMenu/mobileReducer.d.ts

@@ -0,0 +1,36 @@
+export type MobileMenuState = {
+    direction: "forward" | "backward";
+    isMobileMenuOpen: boolean;
+    hasOpenedOnce: boolean;
+    loginDrawer: boolean;
+    prevLevel: any;
+    currentMenuData: any;
+    stack: any[];
+    quickLinks?: {
+        id: string;
+        icon: string;
+        label: string;
+        url: string;
+        ariaLabel: string;
+    }[];
+    loginData: any;
+};
+export declare enum MenuActions {
+    INIT = "INIT",
+    BACKWARD = "BACKWARD",
+    FORWARD = "FORWARD",
+    OPENMENU = "OPENMENU",
+    SET_HAS_OPENED_ONCE = "SET_HAS_OPENED_ONCE",
+    SET_MOBILE_MENU_OPEN = "SET_MOBILE_MENU_OPEN",
+    SET_MOBILE_MENU_CLOSED = "SET_MOBILE_MENU_CLOSED",
+    ADD_TO_STACK = "ADD_TO_STACK",
+    REMOVE_FROM_STACK = "REMOVE_FROM_STACK",
+    SET_QUICK_LINKS = "SET_QUICK_LINKS",
+    SET_LOGIN_MENU_OPEN = "SET_LOGIN_MENU_OPEN",
+    SET_LOGIN_MENU_CLOSED = "SET_LOGIN_MENU_CLOSED"
+}
+export interface MenuAction {
+    type: MenuActions;
+    payload: Record<string, unknown>;
+}
+export declare const reducer: (state: MobileMenuState, action: MenuAction) => MobileMenuState;

package/dist/NavigationMenu/ServerNavigation/MobileMenu/mobileReducer.js

@@ -0,0 +1,105 @@
+var MenuActions = /* @__PURE__ */ ((MenuActions2) => {
+  MenuActions2["INIT"] = "INIT";
+  MenuActions2["BACKWARD"] = "BACKWARD";
+  MenuActions2["FORWARD"] = "FORWARD";
+  MenuActions2["OPENMENU"] = "OPENMENU";
+  MenuActions2["SET_HAS_OPENED_ONCE"] = "SET_HAS_OPENED_ONCE";
+  MenuActions2["SET_MOBILE_MENU_OPEN"] = "SET_MOBILE_MENU_OPEN";
+  MenuActions2["SET_MOBILE_MENU_CLOSED"] = "SET_MOBILE_MENU_CLOSED";
+  MenuActions2["ADD_TO_STACK"] = "ADD_TO_STACK";
+  MenuActions2["REMOVE_FROM_STACK"] = "REMOVE_FROM_STACK";
+  MenuActions2["SET_QUICK_LINKS"] = "SET_QUICK_LINKS";
+  MenuActions2["SET_LOGIN_MENU_OPEN"] = "SET_LOGIN_MENU_OPEN";
+  MenuActions2["SET_LOGIN_MENU_CLOSED"] = "SET_LOGIN_MENU_CLOSED";
+  return MenuActions2;
+})(MenuActions || {});
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "INIT":
+      return {
+        ...state,
+        currentMenuData: {
+          title: "Menu",
+          items: Array.isArray(action.payload?.currentMenuData) && action.payload.currentMenuData?.filter((item) => !item.dropdown)
+        },
+        stack: [action.payload.stack],
+        quickLinks: action.payload.quickLinks,
+        loginData: Array.isArray(action.payload?.currentMenuData) && action.payload.currentMenuData?.find((item) => item.dropdown)
+      };
+    case "SET_MOBILE_MENU_OPEN":
+      return {
+        ...state,
+        isMobileMenuOpen: !state.isMobileMenuOpen
+      };
+    case "SET_MOBILE_MENU_CLOSED":
+      return {
+        ...state,
+        isMobileMenuOpen: false
+      };
+    case "SET_HAS_OPENED_ONCE":
+      return {
+        ...state,
+        hasOpenedOnce: state.hasOpenedOnce ? state.hasOpenedOnce : Boolean(action.payload)
+      };
+    case "SET_LOGIN_MENU_OPEN":
+      return {
+        ...state,
+        loginDrawer: true
+      };
+    case "SET_LOGIN_MENU_CLOSED":
+      return {
+        ...state,
+        loginDrawer: false
+      };
+    case "FORWARD":
+      return {
+        ...state,
+        direction: "forward"
+        // currentLevel: state.currentLevel + 1,
+      };
+    case "BACKWARD":
+      return {
+        ...state,
+        direction: "backward"
+        // currentLevel: state.currentLevel - 1,
+      };
+    case "ADD_TO_STACK": {
+      const newItem = {
+        title: action.payload?.label,
+        url: action.payload?.url,
+        dropdown: action.payload?.dropdown,
+        items: action.payload.items
+      };
+      const lastItem = state.stack[state.stack.length - 1];
+      return {
+        ...state,
+        stack: [...state.stack, newItem],
+        currentMenuData: newItem,
+        prevLevel: Array.isArray(lastItem) ? lastItem[lastItem.length - 1] : lastItem
+      };
+    }
+    case "REMOVE_FROM_STACK": {
+      const newStack = [...state.stack];
+      newStack.pop();
+      const newCurrent = newStack[newStack.length - 1];
+      const lastStackItem = newStack[newStack.length - 1];
+      return {
+        ...state,
+        stack: newStack,
+        currentMenuData: Array.isArray(newCurrent) ? newCurrent[0] : newCurrent,
+        prevLevel: Array.isArray(lastStackItem) ? lastStackItem[lastStackItem.length - 1] : lastStackItem
+      };
+    }
+    case "SET_QUICK_LINKS":
+      return {
+        ...state,
+        quickLinks: action.payload.quickLinks
+      };
+    default:
+      return state;
+  }
+};
+export {
+  MenuActions,
+  reducer
+};

package/dist/NavigationMenu/ServerNavigation/NavBar.module.js

@@ -0,0 +1,125 @@
+import '../../assets/NavigationMenu/ServerNavigation/NavBar.css';const header = "_header_1ey07_1";
+const wrapper = "_wrapper_1ey07_9";
+const header_main_row = "_header_main_row_1ey07_21";
+const logo_wrap = "_logo_wrap_1ey07_33";
+const primary_links = "_primary_links_1ey07_41";
+const main_nav_link = "_main_nav_link_1ey07_49";
+const sub_nav_link = "_sub_nav_link_1ey07_113";
+const signin_wrap = "_signin_wrap_1ey07_117";
+const signin_btn = "_signin_btn_1ey07_119";
+const header_sub_row = "_header_sub_row_1ey07_195";
+const signin_dropdown = "_signin_dropdown_1ey07_261";
+const shadow = "_shadow_1ey07_281";
+const signin_header = "_signin_header_1ey07_301";
+const signin_subheader = "_signin_subheader_1ey07_315";
+const opacity = "_opacity_1ey07_357";
+const fadeInDown = "_fadeInDown_1ey07_1";
+const signin_footer = "_signin_footer_1ey07_369";
+const open = "_open_1ey07_411";
+const dd_wrapper = "_dd_wrapper_1ey07_435";
+const dd_media = "_dd_media_1ey07_453";
+const dd_media_img = "_dd_media_img_1ey07_463";
+const dd_site_navs = "_dd_site_navs_1ey07_471";
+const dd_media_header = "_dd_media_header_1ey07_485";
+const mt_8 = "_mt_8_1ey07_507";
+const mt_16 = "_mt_16_1ey07_515";
+const ml_8 = "_ml_8_1ey07_523";
+const dd_media_cta = "_dd_media_cta_1ey07_531";
+const reversed_row = "_reversed_row_1ey07_595";
+const headline = "_headline_1ey07_615";
+const nav_anchor = "_nav_anchor_1ey07_631";
+const headline_cta = "_headline_cta_1ey07_647";
+const site_lists = "_site_lists_1ey07_679";
+const modify_fit = "_modify_fit_1ey07_719";
+const mobile_only = "_mobile_only_1ey07_769";
+const mobile_logo = "_mobile_logo_1ey07_781";
+const highlight = "_highlight_1ey07_795";
+const mobile_opened = "_mobile_opened_1ey07_807";
+const dd_footer = "_dd_footer_1ey07_823";
+const skip_btn = "_skip_btn_1ey07_839";
+const desktop_only = "_desktop_only_1ey07_911";
+const styles = {
+  header,
+  wrapper,
+  header_main_row,
+  logo_wrap,
+  primary_links,
+  main_nav_link,
+  sub_nav_link,
+  signin_wrap,
+  signin_btn,
+  header_sub_row,
+  signin_dropdown,
+  shadow,
+  signin_header,
+  signin_subheader,
+  opacity,
+  fadeInDown,
+  signin_footer,
+  open,
+  dd_wrapper,
+  dd_media,
+  dd_media_img,
+  dd_site_navs,
+  dd_media_header,
+  mt_8,
+  mt_16,
+  ml_8,
+  dd_media_cta,
+  reversed_row,
+  headline,
+  nav_anchor,
+  headline_cta,
+  site_lists,
+  modify_fit,
+  mobile_only,
+  mobile_logo,
+  highlight,
+  mobile_opened,
+  dd_footer,
+  skip_btn,
+  desktop_only
+};
+export {
+  dd_footer,
+  dd_media,
+  dd_media_cta,
+  dd_media_header,
+  dd_media_img,
+  dd_site_navs,
+  dd_wrapper,
+  styles as default,
+  desktop_only,
+  fadeInDown,
+  header,
+  header_main_row,
+  header_sub_row,
+  headline,
+  headline_cta,
+  highlight,
+  logo_wrap,
+  main_nav_link,
+  ml_8,
+  mobile_logo,
+  mobile_only,
+  mobile_opened,
+  modify_fit,
+  mt_16,
+  mt_8,
+  nav_anchor,
+  opacity,
+  open,
+  primary_links,
+  reversed_row,
+  shadow,
+  signin_btn,
+  signin_dropdown,
+  signin_footer,
+  signin_header,
+  signin_subheader,
+  signin_wrap,
+  site_lists,
+  skip_btn,
+  sub_nav_link,
+  wrapper
+};

package/dist/NavigationMenu/ServerNavigation/NavigationBar.css.d.ts

@@ -0,0 +1,7 @@
+export declare const Sign_in_btn: string;
+export declare const expand: string;
+export declare const highlight: string;
+export declare const main_nav_link: string;
+export declare const logo_variant: string;
+export declare const has_dropdown: string;
+export declare const signin_subheader: string;

package/dist/NavigationMenu/ServerNavigation/NavigationBar.css.js

@@ -0,0 +1,22 @@
+import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/Typography/Typography.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                                 */
+var Sign_in_btn = "_10ndj7d0";
+var expand = "_10ndj7d1";
+var highlight = "_10ndj7d2";
+var main_nav_link = "_10ndj7d3";
+var logo_variant = "_10ndj7d4";
+var has_dropdown = "_10ndj7d5";
+var signin_subheader = "_10ndj7d6";
+export {
+  Sign_in_btn,
+  expand,
+  has_dropdown,
+  highlight,
+  logo_variant,
+  main_nav_link,
+  signin_subheader
+};

package/dist/NavigationMenu/ServerNavigation/SubNavBar.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { SubNavItems } from '../utils';
+
+export default function SubNavBar({ items, }: PropsWithChildren & {
+    items?: SubNavItems;
+}): import("react").JSX.Element;