@axos-web-dev/shared-components 2.0.0-dev.15 → 2.0.0-dev.16-nav-0

package/dist/Carousel/Carousel.css.js

@@ -1,4 +1,4 @@
-import '../assets/Carousel/Carousel.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                                    */

package/dist/Carousel/index.js

@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { section_text } from "../IconBillboard/IconBillboard.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -109,8 +109,9 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
 /* empty css                                                   */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/Menu.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */
@@ -128,7 +129,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
+import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, carousel, slides, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

package/dist/Chatbot/AnimatedGradientBorder.css.js

@@ -1,4 +1,4 @@
-import '../assets/Chatbot/AnimatedGradientBorder.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                                    */

package/dist/Chatbot/Bubble.css.js

@@ -1,4 +1,4 @@
-import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.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                                    */

package/dist/Chatbot/Bubble.js

@@ -4,7 +4,7 @@ import { vars } from "../themes/axos.css.js";
 import clsx from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import { gradientBorder, gradientBorderUfb } from "./AnimatedGradientBorder.css.js";
-import { inner, svgFill, bubbleText, bubbleButton, bubbleWrapper } from "./Bubble.css.js";
+import { bubbleWrapper, inner, bubbleButton, svgFill, bubbleText } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
 const Bubble = ({
   children,

package/dist/Chatbot/Chat.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
+import { authenticate } from "./authenticate.js";
 import { useMessages } from "./store/messages.js";
-const companyId = "";
-const tenant = "";
-const host = "";
-const authUrl = "";
+const companyId = process.env.CCAI_COMPANY_ID || "";
+const tenant = process.env.CCAI_TENANT_NAME || "";
+const host = process.env.CCAI_HOST || "";
 const COBROWSE_CONSENT_TEMPLATE = `
   <script class="cobrowse-template" type="text/template">
     <div class="cobrowse">
@@ -53,18 +53,7 @@ function Chat() {
           }
         },
         host,
-        authenticate: async () => {
-          const res = await fetch(authUrl, {
-            method: "GET",
-            headers: {
-              "Content-Type": "application/json"
-            }
-          });
-          const data = await res.json();
-          return {
-            token: data.token
-          };
-        }
+        authenticate
       });
       const menus = await clientRef.current?.getMenus();
       try {

package/dist/Chatbot/ChatWindow.css.js

@@ -1,4 +1,4 @@
-import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.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                                    */

package/dist/Chatbot/ChatWindow.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { vars } from "../themes/axos.css.js";
-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                                    */
@@ -10,7 +10,7 @@ import React, { useRef, useEffect } from "react";
 import { useNetworkState, useMount } from "react-use";
 import { gradientFocus } from "./AnimatedGradientBorder.css.js";
 import { ChatbotMessage } from "./ChatbotMessage.js";
-import { windowBarStyle, left_bar_section, chat_title, button_bar, chatbotMenuItem, chatbotMenu, chatEndDialogOverlay, chatFinishDialog, chatEndCircle, endChatButtonStyle, noAnswerButton, arrowFill, button_reset, buttonss_section, chatNetworkStatus, shimmerText, messagesContainerStyle, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
+import { windowStyle, windowOpenStyle, windowBarStyle, left_bar_section, chat_title, buttonss_section, button_bar, chatbotMenu, chatbotMenuItem, chatEndDialogOverlay, chatFinishDialog, chatEndCircle, endChatButtonStyle, noAnswerButton, button_reset, arrowFill, chatNetworkStatus, messagesContainerStyle, shimmerText, inputStyle, autoResize, sendButtonStyle } from "./ChatWindow.css.js";
 import { EllipsisIcon } from "./EllipsisIcon.js";
 import { useOpenChat } from "./store/chat.js";
 import { ThankYouMessage } from "./ThankYouMessage.js";
@@ -43,8 +43,7 @@ const ChatWindow = ({
     toggleThankyouMessage,
     hasEscalated,
     isBlockedInput,
-    isOpen,
-    hasOpenedOnce
+    isOpen
   } = useOpenChat();
   const [mounted, setMounted] = React.useState(false);
   const [menuOpen, setMenuOpen] = React.useState(false);
@@ -399,7 +398,7 @@ const ChatWindow = ({
       }
     ) }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
-      (status === "idle" && messages.length == 0 || messages.length == 0) && /* @__PURE__ */ jsx(
+      (status === "idle" || messages.length == 0) && /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(),
@@ -426,28 +425,23 @@ const ChatWindow = ({
           )
         }
       ),
-      messages?.map((msg) => {
-        if (!hasOpenedOnce) {
-          return null;
-        }
-        return /* @__PURE__ */ jsx(
-          ChatbotMessage,
-          {
-            msg,
-            onSend,
-            showAvatar,
-            showName,
-            virtualAgent,
-            onCancelEndChat,
-            onEndChat: () => {
-              endChat();
-              onCloseAfterThankYou();
-            },
-            inputRef
+      messages?.map((msg) => /* @__PURE__ */ jsx(
+        ChatbotMessage,
+        {
+          msg,
+          onSend,
+          showAvatar,
+          showName,
+          virtualAgent,
+          onCancelEndChat,
+          onEndChat: () => {
+            endChat();
+            onCloseAfterThankYou();
           },
-          msg?.$index
-        );
-      }),
+          inputRef
+        },
+        msg?.$index
+      )),
       showReconnect && /* @__PURE__ */ jsx(
         "button",
         {

package/dist/Chatbot/Chatbot.css.js

@@ -1,4 +1,4 @@
-import '../assets/Chatbot/Chatbot.css';/* empty css                           */
+/* empty css                           */
 var chatbotAXB = "_1hpv6vm0";
 var chatbotUFB = "_1hpv6vm1";
 export {

package/dist/Chatbot/Chatbot.d.ts

@@ -2,17 +2,9 @@ export type ChatbotProps = {
     project?: "axos" | "ufb";
     debug?: boolean;
 };
-type InitalizeChatbot = {
-    companyId: string;
-    tenantName: string;
-    host: string;
-    authUrl: string;
-};
-export declare const Chatbot: ({ project, projectEnv, menuOption, debug, config, }: {
+export declare const Chatbot: ({ project, projectEnv, menuOption, debug, }: {
     project?: "axos" | "ufb" | "Axos" | "Ufb";
     projectEnv?: "dev" | "qa" | "uat" | "stg" | "prod";
     menuOption?: "Support Virtual Agent" | string;
     debug?: boolean;
-    config: InitalizeChatbot;
 }) => false | import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Chatbot/Chatbot.js

@@ -3,11 +3,14 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { useMount, useUnmount } from "react-use";
 import notificationSound from "../assets/notification.mp3.js";
+import { authenticate } from "./authenticate.js";
 import { Bubble } from "./Bubble.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": true };
+const env = __vite_import_meta_env__ || process.env;
 if (typeof window !== "undefined") {
   const OriginalAudio = window.Audio;
   class PatchedAudio extends OriginalAudio {
@@ -22,8 +25,7 @@ const Chatbot = ({
   project = "axos",
   projectEnv = "dev",
   menuOption = "Support Virtual Agent",
-  debug = false,
-  config
+  debug = false
 }) => {
   const {
     hasOpenedOnce,
@@ -39,11 +41,13 @@ const Chatbot = ({
   const clientRef = useRef(null);
   const menuRef = useRef(null);
   const isMountedRef = useRef(false);
+  const hasLoadedBefore = useRef(true);
   const chatRef = useRef(null);
   const agent_virtual = useRef(null);
   const [status, setStatus] = useState("idle");
   const [hasStarted, setHasStarted] = useState(false);
   const [menusLoaded, setMenusLoaded] = useState(false);
+  const [pendingStart, setPendingStart] = useState(false);
   const [isTyping, setIsTyping] = useState(false);
   const [scalationStarted, setScalationStarted] = useState(false);
   useEffect(() => {
@@ -98,9 +102,6 @@ const Chatbot = ({
       menuRef.current = await clientRef.current.getMenus();
       setMenusLoaded(true);
       console.log("menus:", menuRef.current);
-      if (menuRef.current !== null) {
-        await startChat();
-      }
     }
   };
   const onAuthenticatedHandler = async () => {
@@ -237,21 +238,10 @@ const Chatbot = ({
     }
     if (clientRef.current) return;
     const client = new Client({
-      companyId: config.companyId,
-      tenant: config.tenantName,
-      host: config.host,
-      authenticate: async () => {
-        const res = await fetch(config.authUrl, {
-          method: "GET",
-          headers: {
-            "Content-Type": "application/json"
-          }
-        });
-        const data = await res.json();
-        return {
-          token: data.token
-        };
-      }
+      companyId: env.VITE_COMPANY_ID || env.CCAI_COMPANY_ID || "",
+      tenant: env.VITE_TENANT_NAME || env.CCAI_TENANT_NAME || "",
+      host: env.VITE_HOST || env.CCAI_HOST || "",
+      authenticate
     });
     client?.on("ready", onReadyHandler);
     client?.on("authenticated", onAuthenticatedHandler);
@@ -261,10 +251,9 @@ const Chatbot = ({
     return;
   };
   const startChat = async () => {
-    console.log("Starting chat", chatRef.current);
+    console.log("Starting chat");
     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) {
@@ -277,26 +266,19 @@ const Chatbot = ({
       }
     }
     try {
-      console.log("menus: ->", menuRef.current);
       const ongoingChat = await client.loadOngoingChat();
-      console.log("theres a ongoing chat?: -->", ongoingChat);
       if (ongoingChat) {
         console.log("Ongoing chat found:", ongoingChat);
         console.log("Resuming chat:", ongoingChat.id);
-        chatRef.current = ongoingChat;
+        chatRef.current = await client.resumeChat(ongoingChat.id);
         agent_virtual.current = ongoingChat.agent;
         return;
       }
-      console.log("not ongoing chat ");
-      console.log(!!ongoingChat);
       const foundMenu = menuRef.current.menus.find(
         (menu) => menu.name === menuOption
       );
       const menuId = foundMenu && foundMenu.id;
       console.log("Creating new chat with menu ID:", menuId);
-      if (!foundMenu) {
-        throw new Error("Menu not found: " + menuOption);
-      }
       const newChat = await client.createChat(menuId, { custom_data });
       if (newChat !== null) {
         chatRef.current = newChat;
@@ -306,7 +288,6 @@ const Chatbot = ({
     } catch (err) {
       console.error("Error creating chat:", err);
     } finally {
-      setHasStarted(true);
       if (clientRef?.current?.chat?.state?.status == "va_assigned") {
         const OriginalAudio = window.Audio;
         class PatchedAudio extends OriginalAudio {
@@ -322,6 +303,10 @@ const Chatbot = ({
   const handleClick = async () => {
     toggle();
     if (hasStarted) return;
+    if (!menusLoaded) {
+      setPendingStart(true);
+      return;
+    }
     if (!hasOpenedOnce) {
       await startChat();
       setHasStarted(true);
@@ -362,9 +347,17 @@ const Chatbot = ({
     isMountedRef.current = true;
     await createClient();
   });
+  useEffect(() => {
+    if (menusLoaded && pendingStart && !hasStarted) {
+      startChat();
+      setPendingStart(false);
+    }
+  }, [menusLoaded, pendingStart, hasStarted]);
   useUnmount(() => {
     console.log("Chatbot unmounted");
     deregisterEventHandlers();
+    isMountedRef.current = false;
+    hasLoadedBefore.current = true;
     reset();
     setHasStarted(false);
     setStatus("idle");
@@ -377,13 +370,9 @@ const Chatbot = ({
   const onClose = () => {
     toggle();
   };
-  const newChatSession = async () => {
-    console.log("create new session");
-  };
-  const onCloseAfterThankYou = async () => {
+  const onCloseAfterThankYou = () => {
     reset();
     setHasStarted(false);
-    newChatSession();
   };
   const onPreviewTyping = async (msg) => {
     console.log("Preview typing message:", msg);

package/dist/Chatbot/ChatbotMessage.js

@@ -4,12 +4,12 @@ import { useState, useEffect } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { vars } from "../themes/axos.css.js";
-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                                    */
 import clsx from "clsx";
-import { shimmerText, notificationStyle, trMortgageTable, tableCell, tableHead, tableMsg, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
+import { shimmerText, notificationStyle, messageStyle, user_msg, agent_msg, tableMsg, tableHead, tableCell, trMortgageTable, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 function timeAgo(date) {
   const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - date.getTime()) / 1e3);

package/dist/Chatbot/ThankYouMessage.js

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { vars } from "../themes/axos.css.js";
-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                                    */
 import { clsx } from "clsx";
-import { thankyou_image, endChatButtonStyle, noAnswerButton, chatFinishDialog, thankyou_message, chatEndDialogOverlay, thankyou_overlay } from "./ChatWindow.css.js";
+import { chatEndDialogOverlay, thankyou_overlay, chatFinishDialog, thankyou_message, thankyou_image, endChatButtonStyle, noAnswerButton } from "./ChatWindow.css.js";
 const ThankYouMessage = ({
   showEndChatDialog = false,
   onClose,

package/dist/Chatbot/authenticate.d.ts

@@ -0,0 +1,3 @@
+export declare const authenticate: () => Promise<{
+    token: any;
+}>;

package/dist/Chatbot/authenticate.js

@@ -0,0 +1,16 @@
+const AUTH_URL = process.env.AUTH_CHAT_URL || "http://localhost:3000/api/auth/token";
+const authenticate = async () => {
+  const res = await fetch(AUTH_URL, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+  const data = await res.json();
+  return {
+    token: data.token
+  };
+};
+export {
+  authenticate
+};

package/dist/Chevron/Chevron.css.js

@@ -1,4 +1,4 @@
-import '../assets/Chevron/Chevron.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */

package/dist/Chevron/index.js

@@ -2,7 +2,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import SvgArrowIcon from "../icons/ArrowIcon/index.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.css';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                                    */
@@ -15,7 +15,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { useState } from "react";
 import "../Article/Article.css.js";
 import { Interstitial } from "../Interstitial/Interstitial.js";
-import { chevron, chevron_wrapper } from "./Chevron.css.js";
+import { chevron_wrapper, chevron } from "./Chevron.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
 import clsx from "clsx";
@@ -108,8 +108,9 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
 /* empty css                                                   */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/Menu.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/CollectInformationAlert/CollectInformationAlert.css.js

@@ -1,4 +1,4 @@
-import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */

package/dist/CollectInformationAlert/index.js

@@ -7,7 +7,7 @@ import { Hyperlink } from "../Hyperlink/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCloseIcon from "../icons/CloseIcon/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                                    */

package/dist/Comparison/Comparison.css.js

@@ -1,4 +1,4 @@
-import '../assets/Comparison/Comparison.css';import '../assets/Typography/Typography.css';import '../assets/Table/Table.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/icons/CheckIcon/CheckIcon.css';import '../assets/icons/ArrowIcon/ArrowIcon.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                                    */

package/dist/Comparison/Comparison.js

@@ -13,7 +13,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/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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.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/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                                    */
@@ -80,7 +80,7 @@ import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
-import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
+import { comparison, comparison_layout, comparison_content, headerComparison, comparison_feature, feature_header, feature_title, comparison_list, comparison_buttons } from "./Comparison.css.js";
 import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
@@ -108,8 +108,9 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
 /* empty css                                                   */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/Menu.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

package/dist/Comparison/ComparisonSet.js

@@ -9,7 +9,7 @@ import { active_tab } from "../Tab/Tab.css.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { Comparison } from "./Comparison.js";
-import { comparison_tab_container, comparison_container } from "./Comparison.css.js";
+import { comparison_container, comparison_tab_container } from "./Comparison.css.js";
 const ComparisonSet = ({
   headline,
   variant,

package/dist/ContentBanner/ContentBanner.css.js

@@ -1,4 +1,4 @@
-import '../assets/ContentBanner/ContentBanner.css';import '../assets/Insight/Insight.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */

package/dist/ContentBanner/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
+import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
   icon,

package/dist/DownloadTile/DownloadTile.css.js

@@ -1,4 +1,4 @@
-import '../assets/DownloadTile/DownloadTile.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                                    */

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -1,4 +1,4 @@
-import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -4,12 +4,12 @@ import { getVariant } from "../utils/getVariant.js";
 import { Chevron } from "../Chevron/index.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { Overlay } from "./Overlay.js";
-import { executive_bio, compact, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay, ceoSection } from "./ExecutiveBio.css.js";
+import { executive_bio, compact, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
 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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -109,8 +109,9 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
 /* empty css                                                   */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/Menu.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */