@axos-web-dev/shared-components 1.0.77-patch.74 → 1.0.77-patch.76

package/dist/Chatbot/Chatbot.js

@@ -28,6 +28,7 @@ const Chatbot = ({
   const menuRef = useRef(null);
   const isMountedRef = useRef(false);
   const chatRef = useRef(null);
+  const chatLoading = useRef(false);
   const agent_virtual = useRef(null);
   const [status, setStatus] = useState("idle");
   const [hasStarted, setHasStarted] = useState(false);
@@ -87,7 +88,7 @@ const Chatbot = ({
       setMenusLoaded(true);
       console.log("menus:", menuRef.current);
       if (menuRef.current !== null) {
-        await startChat();
+        await startChat("onReady");
       }
     }
   };
@@ -248,23 +249,28 @@ const Chatbot = ({
     registerEventHandlers();
     return;
   };
-  const startChat = async () => {
-    console.log("Starting chat", chatRef.current);
+  const startChat = async (source) => {
     const client = clientRef.current;
     if (!client) return;
     if (hasStarted) return;
-    if (!menuRef.current || !menuRef.current.menus) {
-      let waited = 0;
-      while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
-        await new Promise((res) => setTimeout(res, 100));
-        waited += 100;
-      }
-      if (!menuRef.current || !menuRef.current.menus) {
-        console.error("Menu not loaded, cannot start chat");
-        return;
-      }
+    if (chatLoading.current) {
+      console.log(`startChat skipped [${source}] — already in progress`);
+      return;
     }
     try {
+      console.log(`Starting chat [${source}]`, chatRef.current);
+      chatLoading.current = true;
+      if (!menuRef.current || !menuRef.current.menus) {
+        let waited = 0;
+        while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
+          await new Promise((res) => setTimeout(res, 100));
+          waited += 100;
+        }
+        if (!menuRef.current || !menuRef.current.menus) {
+          console.error("Menu not loaded, cannot start chat");
+          return;
+        }
+      }
       console.log("menus: ->", menuRef.current);
       const ongoingChat = await client.loadOngoingChat();
       console.log("theres a ongoing chat?: -->", ongoingChat);
@@ -294,6 +300,7 @@ const Chatbot = ({
     } catch (err) {
       console.error("Error creating chat:", err);
     } finally {
+      chatLoading.current = false;
       setHasStarted(true);
     }
   };
@@ -301,12 +308,21 @@ const Chatbot = ({
     toggle();
     if (hasStarted) return;
     if (!hasOpenedOnce) {
-      await startChat();
+      await startChat("bubbleClick");
       setHasStarted(true);
     }
   };
   const onSendMessage = async (msg) => {
-    console.log("Sending message:", msg);
+    const clientChatId = clientRef.current?.chat?.id;
+    const refChatId = chatRef.current?.id;
+    console.log(
+      "Sending message:",
+      msg,
+      "| client.chat.id:",
+      clientChatId,
+      "| chatRef.id:",
+      refChatId
+    );
     try {
       await clientRef.current?.sendTextMessage(msg);
     } catch (error) {
@@ -332,7 +348,7 @@ const Chatbot = ({
   const onEndAndStartNewChat = async () => {
     console.log("Ending current chat and starting a new one");
     await onEndChat();
-    await startChat();
+    await startChat("endAndStartNew");
   };
   useMount(async () => {
     console.log("Chatbot mounted");
@@ -343,6 +359,7 @@ const Chatbot = ({
   useUnmount(() => {
     console.log("Chatbot unmounted");
     deregisterEventHandlers();
+    chatLoading.current = false;
     reset();
     setHasStarted(false);
     setStatus("idle");

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -424,6 +424,15 @@ const AxosFooterSiteMap = ({
                 ),
                 children: "Treasury Management"
               }
+            ) }),
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: findMoreAxosDomains(
+                  "{AXOSBANK}/commercial/banking/technology-and-life-sciences-banking"
+                ),
+                children: "Technology and Life Sciences Banking"
+              }
             ) })
           ] })
         ] })
@@ -794,6 +803,15 @@ const AxosFooterSiteMap = ({
                 ),
                 children: "Treasury Management"
               }
+            ) }),
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: findMoreAxosDomains(
+                  "{AXOSBANK}/commercial/banking/technology-and-life-sciences-banking"
+                ),
+                children: "Technology and Life Sciences Banking"
+              }
             ) })
           ] }),
           /* @__PURE__ */ jsxs("ul", { children: [

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

@@ -1,30 +1,30 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.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";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_hbh7s_1";
+const drawer = "_drawer_hbh7s_9";
+const mobileNavRow = "_mobileNavRow_hbh7s_29";
+const loginTrigger = "_loginTrigger_hbh7s_35";
+const hamburger = "_hamburger_hbh7s_51";
+const loginDrawerTitle = "_loginDrawerTitle_hbh7s_73";
+const loginDrawerContent = "_loginDrawerContent_hbh7s_79";
+const header = "_header_hbh7s_85";
+const back = "_back_hbh7s_96";
+const close = "_close_hbh7s_104";
+const levelContainer = "_levelContainer_hbh7s_115";
+const level = "_level_hbh7s_115";
+const levelTitle = "_levelTitle_hbh7s_131";
+const menu = "_menu_hbh7s_136";
+const menuItem = "_menuItem_hbh7s_152";
+const loginAccordion = "_loginAccordion_hbh7s_168";
+const loginAccordionList = "_loginAccordionList_hbh7s_172";
+const loginAccordionGroup = "_loginAccordionGroup_hbh7s_178";
+const loginAccordionHeading = "_loginAccordionHeading_hbh7s_215";
+const loginAccordionGroupList = "_loginAccordionGroupList_hbh7s_225";
+const loginHeading = "_loginHeading_hbh7s_269";
+const chevron = "_chevron_hbh7s_279";
+const chevronIcon = "_chevronIcon_hbh7s_284";
+const quickLinks = "_quickLinks_hbh7s_295";
+const quickLink = "_quickLink_hbh7s_295";
+const sr_only = "_sr_only_hbh7s_319";
+const loginAccordionOverlay = "_loginAccordionOverlay_hbh7s_344";
 const styles = {
   overlay,
   drawer,

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

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1w40l_1";
-const wrapper = "_wrapper_1w40l_9";
-const header_main_row = "_header_main_row_1w40l_21";
-const logo_wrap = "_logo_wrap_1w40l_33";
-const primary_links = "_primary_links_1w40l_41";
-const main_nav_link = "_main_nav_link_1w40l_49";
-const sub_nav_link = "_sub_nav_link_1w40l_113";
-const signin_wrap = "_signin_wrap_1w40l_117";
-const signin_btn = "_signin_btn_1w40l_119";
-const header_sub_row = "_header_sub_row_1w40l_195";
-const signin_dropdown = "_signin_dropdown_1w40l_261";
-const shadow = "_shadow_1w40l_281";
-const signin_header = "_signin_header_1w40l_301";
-const signin_subheader = "_signin_subheader_1w40l_315";
-const opacity = "_opacity_1w40l_357";
-const fadeInDown = "_fadeInDown_1w40l_1";
-const signin_footer = "_signin_footer_1w40l_369";
-const open = "_open_1w40l_411";
-const dd_wrapper = "_dd_wrapper_1w40l_435";
-const dd_media = "_dd_media_1w40l_453";
-const dd_media_img = "_dd_media_img_1w40l_463";
-const dd_site_navs = "_dd_site_navs_1w40l_471";
-const dd_media_header = "_dd_media_header_1w40l_485";
-const mt_8 = "_mt_8_1w40l_507";
-const mt_16 = "_mt_16_1w40l_515";
-const ml_8 = "_ml_8_1w40l_523";
-const reversed_row = "_reversed_row_1w40l_531";
-const headline = "_headline_1w40l_539";
-const nav_anchor = "_nav_anchor_1w40l_555";
-const headline_cta = "_headline_cta_1w40l_571";
-const site_lists = "_site_lists_1w40l_603";
-const modify_fit = "_modify_fit_1w40l_643";
-const mobile_only = "_mobile_only_1w40l_693";
-const mobile_logo = "_mobile_logo_1w40l_705";
-const highlight = "_highlight_1w40l_719";
-const mobile_opened = "_mobile_opened_1w40l_731";
-const dd_footer = "_dd_footer_1w40l_747";
-const skip_btn = "_skip_btn_1w40l_763";
-const desktop_only = "_desktop_only_1w40l_835";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_ak0c_1";
+const wrapper = "_wrapper_ak0c_5";
+const header_main_row = "_header_main_row_ak0c_11";
+const logo_wrap = "_logo_wrap_ak0c_17";
+const primary_links = "_primary_links_ak0c_21";
+const main_nav_link = "_main_nav_link_ak0c_25";
+const sub_nav_link = "_sub_nav_link_ak0c_57";
+const signin_wrap = "_signin_wrap_ak0c_59";
+const signin_btn = "_signin_btn_ak0c_60";
+const header_sub_row = "_header_sub_row_ak0c_98";
+const signin_dropdown = "_signin_dropdown_ak0c_131";
+const shadow = "_shadow_ak0c_141";
+const signin_header = "_signin_header_ak0c_151";
+const signin_subheader = "_signin_subheader_ak0c_158";
+const opacity = "_opacity_ak0c_179";
+const fadeInDown = "_fadeInDown_ak0c_1";
+const signin_footer = "_signin_footer_ak0c_185";
+const open = "_open_ak0c_206";
+const dd_wrapper = "_dd_wrapper_ak0c_218";
+const dd_media = "_dd_media_ak0c_227";
+const dd_media_img = "_dd_media_img_ak0c_232";
+const dd_site_navs = "_dd_site_navs_ak0c_236";
+const dd_media_header = "_dd_media_header_ak0c_243";
+const mt_8 = "_mt_8_ak0c_254";
+const mt_16 = "_mt_16_ak0c_258";
+const ml_8 = "_ml_8_ak0c_262";
+const reversed_row = "_reversed_row_ak0c_266";
+const headline = "_headline_ak0c_270";
+const nav_anchor = "_nav_anchor_ak0c_278";
+const headline_cta = "_headline_cta_ak0c_286";
+const site_lists = "_site_lists_ak0c_302";
+const modify_fit = "_modify_fit_ak0c_322";
+const mobile_only = "_mobile_only_ak0c_347";
+const mobile_logo = "_mobile_logo_ak0c_353";
+const highlight = "_highlight_ak0c_360";
+const mobile_opened = "_mobile_opened_ak0c_366";
+const dd_footer = "_dd_footer_ak0c_374";
+const skip_btn = "_skip_btn_ak0c_382";
+const desktop_only = "_desktop_only_ak0c_418";
 const styles = {
   header,
   wrapper,

package/dist/Table/Table.css.d.ts

@@ -1,4 +1,24 @@
-export declare const table_section: string;
+export declare const table_section: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            paddingTop: "2.5rem";
+            selectors: {
+                ".page_body_contents > div:not(:first-child) &": {
+                    paddingTop: "0px";
+                };
+            };
+        };
+        secondary: {
+            paddingTop: "2.5rem";
+        };
+        tertiary: {
+            paddingTop: "2.5rem";
+        };
+        quaternary: {
+            paddingTop: "2.5rem";
+        };
+    };
+}>;
 export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         apy: {

package/dist/Table/Table.css.js

@@ -4,24 +4,24 @@ import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import
 /* empty css                                    */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var table_section = "_1nivbwe0";
-var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe1", variantClassNames: { variant: { apy: "_1nivbwe2", standard: "_1nivbwe3" } }, defaultVariants: {}, compoundVariants: [] });
-var table_container_text = "_1nivbwe4";
-var table_headline = "_1nivbwe5";
-var highlight_first_row = "_1nivbwe6";
-var highlight_last_row = "_1nivbwe7";
-var headerCell = "_1nivbwe8";
-var headerVariants = { primary: "_1nivbwe9 _1nivbwe8", secondary: "_1nivbwea _1nivbwe8", tertiary: "_1nivbweb _1nivbwe8", quaternary: "_1nivbwec _1nivbwe8" };
-var bodyHeader = "_1nivbwed";
-var th = createRuntimeFn({ defaultClassName: "_1nivbwee", variantClassNames: { variant: { primary: "_1nivbwef", secondary: "_1nivbweg", tertiary: "_1nivbweh", quaternary: "_1nivbwei" }, highlighted: { true: "_1nivbwej" } }, defaultVariants: {}, compoundVariants: [] });
-var apy_table = "_1nivbwek";
-var td = createRuntimeFn({ defaultClassName: "_1nivbwel", variantClassNames: { variant: { primary: "_1nivbwem", secondary: "_1nivbwen", tertiary: "_1nivbweo", quaternary: "_1nivbwep" }, highlighted: { true: "_1nivbweq" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwer"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwes"]] });
-var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwet", variantClassNames: { variant: { primary: "_1nivbweu", secondary: "_1nivbwev", tertiary: "_1nivbwew", quaternary: "_1nivbwex" } }, defaultVariants: {}, compoundVariants: [] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwey", variantClassNames: { variant: { primary: "_1nivbwez", secondary: "_1nivbwe10", tertiary: "_1nivbwe11", quaternary: "_1nivbwe12" } }, defaultVariants: {}, compoundVariants: [] });
-var alternate_color_rows = "_1nivbwe13";
-var table_description_text = "_1nivbwe14 _1nivbwe4";
-var highlight_cell = "_1nivbwe15";
-var highlight_th = "_1nivbwe16";
+var table_section = createRuntimeFn({ defaultClassName: "_1nivbwe0", variantClassNames: { variant: { primary: "_1nivbwe1", secondary: "_1nivbwe2", tertiary: "_1nivbwe3", quaternary: "_1nivbwe4" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe5", variantClassNames: { variant: { apy: "_1nivbwe6", standard: "_1nivbwe7" } }, defaultVariants: {}, compoundVariants: [] });
+var table_container_text = "_1nivbwe8";
+var table_headline = "_1nivbwe9";
+var highlight_first_row = "_1nivbwea";
+var highlight_last_row = "_1nivbweb";
+var headerCell = "_1nivbwec";
+var headerVariants = { primary: "_1nivbwed _1nivbwec", secondary: "_1nivbwee _1nivbwec", tertiary: "_1nivbwef _1nivbwec", quaternary: "_1nivbweg _1nivbwec" };
+var bodyHeader = "_1nivbweh";
+var th = createRuntimeFn({ defaultClassName: "_1nivbwei", variantClassNames: { variant: { primary: "_1nivbwej", secondary: "_1nivbwek", tertiary: "_1nivbwel", quaternary: "_1nivbwem" }, highlighted: { true: "_1nivbwen" } }, defaultVariants: {}, compoundVariants: [] });
+var apy_table = "_1nivbweo";
+var td = createRuntimeFn({ defaultClassName: "_1nivbwep", variantClassNames: { variant: { primary: "_1nivbweq", secondary: "_1nivbwer", tertiary: "_1nivbwes", quaternary: "_1nivbwet" }, highlighted: { true: "_1nivbweu" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwev"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwew"]] });
+var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwex", variantClassNames: { variant: { primary: "_1nivbwey", secondary: "_1nivbwez", tertiary: "_1nivbwe10", quaternary: "_1nivbwe11" } }, defaultVariants: {}, compoundVariants: [] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwe12", variantClassNames: { variant: { primary: "_1nivbwe13", secondary: "_1nivbwe14", tertiary: "_1nivbwe15", quaternary: "_1nivbwe16" } }, defaultVariants: {}, compoundVariants: [] });
+var alternate_color_rows = "_1nivbwe17";
+var table_description_text = "_1nivbwe18 _1nivbwe8";
+var highlight_cell = "_1nivbwe19";
+var highlight_th = "_1nivbwe1a";
 export {
   alternate_color_rows,
   apy_table,

package/dist/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, variant, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.js

@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import { createElement } from "react";
-import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_section, table_container_text, table_headline, table_description_text, table_container } from "./Table.css.js";
+import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_container_text, table_headline, table_description_text, table_container, table_section } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,
@@ -21,13 +21,15 @@ const TableContainer = ({
   tableDescription,
   internalName,
   id,
-  icon
+  icon,
+  variant = "primary"
 }) => {
+  const container_variant = getVariant(variant);
   return /* @__PURE__ */ jsx(
     "section",
     {
       id: internalName?.replace(/ /g, "-"),
-      className: table_section,
+      className: table_section({ variant: container_variant }),
       children: /* @__PURE__ */ jsxs(
         "div",
         {

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -22,7 +22,7 @@
   background: #fff !important;
   color: #1e3860;
 }
-._11b2y8z0 ._1nivbwet {
+._11b2y8z0 ._1nivbwex {
   overflow-x: hidden;
 }
 ._11b2y8z0 tbody tr:first-child td:first-child {
@@ -188,7 +188,7 @@
   }
 }
 @media screen and (max-width: 768px) {
-  ._11b2y8z0 ._1nivbwet {
+  ._11b2y8z0 ._1nivbwex {
     margin-top: 0px !important;
   }
   ._11b2y8z0 tbody tr:first-child td:first-child {

package/dist/assets/Comparison/Comparison.css

@@ -106,10 +106,10 @@
   gap: 24px;
   align-items: center;
 }
-._198o0lt0 ._1nivbwe1 {
+._198o0lt0 ._1nivbwe5 {
   height: initial;
 }
-._198o0lt0 ._1nivbwe5 {
+._198o0lt0 ._1nivbwe9 {
   font-size: 20px;
 }
 .comparison_container--many_items ._198o0lte {

package/dist/assets/DownloadTile/DownloadTile.css

@@ -1,3 +1,10 @@
+._14gexxj0 {
+  margin-inline: auto;
+  padding-top: 2.5rem;
+}
+.page_body_contents > div:not(:first-child) ._14gexxj0 {
+  padding-top: 0px;
+}
 ._14gexxj1 {
   margin: 0 auto;
   width: 94%;