@axos-web-dev/shared-components 1.0.100-dev.4 → 1.0.100-dev.40

package/dist/Chatbot/EllipsisAnimation.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+const loadingContainerVariants = {
+  start: {
+    transition: {
+      staggerChildren: 0.2
+      // Delay between each dot's animation
+    }
+  },
+  end: {
+    transition: {
+      staggerChildren: 0.2
+    }
+  }
+};
+const loadingCircleVariants = {
+  start: {
+    y: "0%"
+  },
+  end: {
+    y: "100%"
+    // Move down by 100% of its height
+  }
+};
+const loadingTransition = {
+  duration: 0.6,
+  repeat: Infinity,
+  repeatType: "reverse",
+  // Reverse the animation direction
+  ease: "easeInOut"
+};
+const EllipsisLoader = () => {
+  const project = process.env.CCAI_PROJECT_ID;
+  const isAxos = project === "axos";
+  const endUserBg = isAxos ? "#14263d" : "#323339";
+  return /* @__PURE__ */ jsxs(
+    motion.svg,
+    {
+      width: "30",
+      height: "15",
+      viewBox: "0 0 100 50",
+      variants: loadingContainerVariants,
+      initial: "start",
+      animate: "end",
+      children: [
+        /* @__PURE__ */ jsx(
+          motion.circle,
+          {
+            cx: "20",
+            cy: "15",
+            r: "8",
+            fill: endUserBg,
+            variants: loadingCircleVariants,
+            transition: loadingTransition
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.circle,
+          {
+            cx: "50",
+            cy: "15",
+            r: "8",
+            fill: endUserBg,
+            variants: loadingCircleVariants,
+            transition: loadingTransition
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.circle,
+          {
+            cx: "80",
+            cy: "15",
+            r: "8",
+            fill: endUserBg,
+            variants: loadingCircleVariants,
+            transition: loadingTransition
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  EllipsisLoader as default
+};

package/dist/Chatbot/EllipsisIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const EllipsisIcon: ({ size, color }: {
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/EllipsisIcon.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const EllipsisIcon = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: color }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: color }),
+      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: color })
+    ]
+  }
+);
+export {
+  EllipsisIcon
+};

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/Chatbot/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Bubble';
+export * from './Bubble.css';
+export * from './Chatbot';
+export * from './Chatbot.css';
+export * from './ChatWindow';
+export * from './ChatWindow.css';
+export * from './store/chat';
+export * from './store/messages';

package/dist/Chatbot/index.js

@@ -0,0 +1,38 @@
+"use client";
+import { Bubble } from "./Bubble.js";
+import { bubbleWrapper, svgFill } from "./Bubble.css.js";
+import { Chatbot } from "./Chatbot.js";
+import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
+import { ChatWindow } from "./ChatWindow.js";
+import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { useOpenChat } from "./store/chat.js";
+import { useMessages } from "./store/messages.js";
+export {
+  Bubble,
+  ChatWindow,
+  Chatbot,
+  arrowFill,
+  bubbleWrapper,
+  button_reset,
+  chatFinishDialog,
+  chatNetworkStatus,
+  chat_title,
+  chatbotAXB,
+  chatbotMenu,
+  chatbotMenuItem,
+  chatbotUFB,
+  endChatButtonStyle,
+  inline_button,
+  inline_button_wrapper,
+  inputStyle,
+  messageStyle,
+  messagesContainerStyle,
+  notificationStyle,
+  sendButtonStyle,
+  svgFill,
+  useMessages,
+  useOpenChat,
+  windowBarStyle,
+  windowOpenStyle,
+  windowStyle
+};

package/dist/Chatbot/store/chat.d.ts

@@ -0,0 +1,10 @@
+interface OpenChatState {
+    isOpen: boolean;
+    hasOpenedOnce: boolean;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+    reset: () => void;
+}
+export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
+export {};

package/dist/Chatbot/store/chat.js

@@ -0,0 +1,18 @@
+import { create } from "zustand";
+const useOpenChat = create((set, get) => ({
+  isOpen: false,
+  hasOpenedOnce: false,
+  toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
+  open: () => {
+    const alreadyOpened = get().hasOpenedOnce;
+    set({
+      isOpen: true,
+      hasOpenedOnce: alreadyOpened ? true : true
+    });
+  },
+  close: () => set({ isOpen: false }),
+  reset: () => set({ hasOpenedOnce: false, isOpen: false })
+}));
+export {
+  useOpenChat
+};

package/dist/Chatbot/store/messages.d.ts

@@ -0,0 +1,15 @@
+import { MessageResponse } from '@ujet/websdk-headless';
+
+interface MessageStore {
+    messages: MessageResponse[];
+    addMessage: (message: MessageResponse) => void;
+    removeMessage: (id: string) => void;
+    addMessages: (newMessages: MessageResponse[]) => void;
+    clearMessages: () => void;
+}
+export interface Message {
+    id: string;
+    text: string;
+}
+export declare const useMessages: import('zustand').UseBoundStore<import('zustand').StoreApi<MessageStore>>;
+export {};

package/dist/Chatbot/store/messages.js

@@ -0,0 +1,13 @@
+import { create } from "zustand";
+const useMessages = create((set) => ({
+  messages: [],
+  addMessage: (message) => set((state) => ({ messages: [...state.messages, message] })),
+  removeMessage: (id) => set((state) => ({
+    messages: state.messages.filter((msg) => msg.id !== id)
+  })),
+  addMessages: (newMessages) => set((state) => ({ messages: [...state.messages, ...newMessages] })),
+  clearMessages: () => set({ messages: [] })
+}));
+export {
+  useMessages
+};

package/dist/Chatbot/useHeadlessChat.d.ts

@@ -0,0 +1,27 @@
+import { TokenResponse } from '@ujet/websdk-headless';
+
+interface UseHeadlessChatOptions {
+    companyId: string;
+    tenant: string;
+    host: string;
+    getToken: () => Promise<TokenResponse>;
+    channelId?: string;
+    projectId?: "axos" | "" | "ufb" | string;
+    debug?: boolean;
+    menuOption?: string;
+}
+export interface ChatMessage {
+    id: string;
+    body: string;
+    sender?: string;
+    timestamp?: string;
+}
+export declare function useHeadlessChat({ companyId, tenant, host, getToken, projectId, debug, menuOption, }: UseHeadlessChatOptions): {
+    status: "error" | "idle" | "connected" | "connecting" | "finished";
+    sendMessage: (body: string) => Promise<void>;
+    showReconnect: boolean;
+    setShowReconnect: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    endChat: () => Promise<void>;
+    virtualAgent: any;
+};
+export {};

package/dist/Chatbot/useHeadlessChat.js

@@ -0,0 +1,240 @@
+"use client";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { useLocation } from "react-use";
+import { useMessages } from "./store/messages.js";
+const brandMap = /* @__PURE__ */ new Map([
+  ["axos", 1],
+  ["", 2],
+  ["ufb", 3]
+]);
+function useHeadlessChat({
+  companyId,
+  tenant,
+  host,
+  getToken,
+  projectId = "axos",
+  debug = false,
+  menuOption = "Support Virtual Agent"
+}) {
+  const { hostname } = useLocation();
+  const addMessage = useMessages((state) => state.addMessage);
+  const addMessages = useMessages((state) => state.addMessages);
+  const clearMessages = useMessages((state) => state.clearMessages);
+  const [showReconnect, setShowReconnect] = useState(false);
+  const [status, setStatus] = useState("idle");
+  const chatRef = useRef(null);
+  const clientRef = useRef(null);
+  const isMountedRef = useRef(true);
+  const hasLoadedBefore = useRef(true);
+  const menuRef = useRef({ menus: [] });
+  const sendMessage = useCallback(async (body) => {
+    if (chatRef.current) {
+      await clientRef.current?.sendTextMessage(body);
+    }
+  }, []);
+  const endChat = useCallback(async () => {
+    if (chatRef.current) {
+      await clientRef.current?.finishChat();
+      clearMessages();
+      clientRef.current?.createChat(
+        menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
+        {
+          custom_data: {
+            unsigned: {
+              facingBrandId: {
+                label: "facingBrandId",
+                value: `${brandMap.get(projectId) || 1}`
+              },
+              channel: {
+                label: "channel",
+                value: "in_web"
+              },
+              user_auth: {
+                label: "user_auth",
+                value: "false"
+              },
+              env: {
+                label: "env",
+                value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
+              }
+            }
+          }
+        }
+      );
+    }
+  }, [clearMessages, hostname, menuOption, projectId]);
+  useEffect(() => {
+    let messageHandler;
+    let chatReadyHandler;
+    let chatEndedHandler;
+    let chatConnectedHandler;
+    let chatDisconnectedHandler;
+    let memberLeftHandler;
+    let memberJoinedHandler;
+    let startTypingHandler;
+    let stopTypingHandler;
+    let chatTimeoutHandler;
+    async function init() {
+      setStatus("connecting");
+      const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
+      if (debug) Logger.addHandler(consoleLoggerHandler);
+      try {
+        clientRef.current = new Client({
+          companyId,
+          tenant,
+          host,
+          authenticate: getToken
+        });
+        if (debug) console.log("clientRef:", clientRef.current);
+      } catch (e) {
+        console.error("Error creating client:", e);
+        if (isMountedRef.current) setStatus("error");
+        return;
+      }
+      menuRef.current = await clientRef.current?.getMenus();
+      if (debug) console.log("channelId:", menuRef.current);
+      if (debug)
+        console.log(
+          "channelId:",
+          menuRef.current?.menus.find((menu) => menu.name === menuOption)?.id
+        );
+      const custom_data = {
+        unsigned: {
+          facingBrandId: {
+            label: "facingBrandId",
+            value: `${brandMap.get(projectId) || 1}`
+          },
+          channel: {
+            label: "channel",
+            value: "in_web"
+          },
+          user_auth: {
+            label: "user_auth",
+            value: "false"
+          },
+          env: {
+            label: "env",
+            value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
+          }
+        }
+      };
+      try {
+        chatRef.current = await clientRef.current?.loadOngoingChat();
+        if (chatRef.current != null) {
+          chatRef.current = await clientRef.current?.resumeChat(
+            chatRef.current?.state?.id
+          );
+          if (debug) console.log("Resumed chatRef:", chatRef.current);
+        } else {
+          chatRef.current = await clientRef.current?.createChat(
+            menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
+            {
+              custom_data
+            }
+          );
+          if (debug) console.log("chatRef:", chatRef.current);
+        }
+      } catch (error) {
+        console.error("Error creating chat:", error);
+      }
+      messageHandler = (msg) => {
+        if (debug) console.log("Received message:", msg);
+        addMessage(msg);
+      };
+      chatReadyHandler = () => {
+        console.log("Chat is ready");
+      };
+      chatEndedHandler = () => {
+        console.log("Chat has ended");
+        setStatus("finished");
+      };
+      chatConnectedHandler = async () => {
+        console.log("Chat connected");
+        setStatus("connected");
+        try {
+          const messagesFetched = await chatRef.current?.fetchMessages();
+          if (debug) console.log("[messages]:", messagesFetched);
+          addMessages(messagesFetched || []);
+        } catch (error) {
+          console.error("Error fetching messages:", error);
+        }
+      };
+      startTypingHandler = (identity) => {
+        console.log("start typing: ", identity);
+      };
+      stopTypingHandler = (identity) => {
+        console.log("stop typing: ", identity);
+      };
+      memberLeftHandler = (identity) => {
+        console.log("Member has left the chat:  ", identity);
+      };
+      memberJoinedHandler = (identity) => {
+        console.log("Member has joined the chat: ", identity);
+      };
+      chatDisconnectedHandler = () => {
+        console.log("Chat disconnected");
+        setStatus("idle");
+      };
+      chatTimeoutHandler = () => {
+        console.log("Chat timeout");
+      };
+      clientRef.current?.on("ready", chatReadyHandler);
+      clientRef.current?.on("chat.connected", chatConnectedHandler);
+      clientRef.current?.on("chat.message", messageHandler);
+      clientRef.current?.on("chat.memberLeft", memberLeftHandler);
+      clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
+      clientRef.current?.on("chat.typingStarted", startTypingHandler);
+      clientRef.current?.on("chat.typingEnded", stopTypingHandler);
+      clientRef.current?.on("chat.disconnected", chatDisconnectedHandler);
+      clientRef.current?.on("chat.ended", chatEndedHandler);
+      clientRef.current?.on("chat.timeout", chatTimeoutHandler);
+    }
+    if (hasLoadedBefore.current) {
+      if (debug) console.log("Initializing chat...");
+      init();
+      hasLoadedBefore.current = false;
+    }
+    return () => {
+      isMountedRef.current = false;
+      if (debug)
+        console.log(
+          "Component unmounted. Cancelling pending async operations."
+        );
+      chatRef.current = null;
+      clientRef.current?.off("ready", chatReadyHandler);
+      clientRef.current?.off("chat.message", messageHandler);
+      clientRef.current?.off("chat.connected", chatConnectedHandler);
+      clientRef.current?.off("chat.ended", chatEndedHandler);
+      clientRef.current?.off("chat.memberLeft", memberLeftHandler);
+      clientRef.current?.off("chat.memberJoined", memberJoinedHandler);
+      clientRef.current?.off("chat.typingStarted", startTypingHandler);
+      clientRef.current?.off("chat.typingEnded", stopTypingHandler);
+      clientRef.current?.off("chat.disconnected", chatDisconnectedHandler);
+      clientRef.current?.off("chat.timeout", chatTimeoutHandler);
+      clientRef.current?.destroyChat();
+      clientRef.current = null;
+    };
+  }, [
+    companyId,
+    tenant,
+    host,
+    getToken,
+    addMessage,
+    addMessages,
+    debug,
+    projectId,
+    menuOption,
+    hostname
+  ]);
+  return {
+    status,
+    sendMessage,
+    showReconnect,
+    setShowReconnect,
+    endChat,
+    virtualAgent: chatRef.current?.state.virtual_agent
+  };
+}
+export {
+  useHeadlessChat
+};

package/dist/Chevron/Chevron.css.d.ts

@@ -19,11 +19,11 @@ export declare const chevron: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: "FFFFFF";
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: `var(--${string})`;
+                    textDecorationColor: "#FFFFFF";
                 };
             };
         };

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/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/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/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/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/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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -69,8 +69,16 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/authenticate.js";
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -95,7 +103,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";

package/dist/CollectInformationAlert/index.js

@@ -41,7 +41,7 @@ const CollectInformationAlert = () => {
         Hyperlink,
         {
           id: "close_btn_optin",
-          className: `${close_btn_optin}`,
+          className: close_btn_optin,
           targetUrl: "#",
           children: /* @__PURE__ */ jsx(SvgCloseIcon, {})
         }

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/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/Typography/Typography.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/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/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/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/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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                                                    */
@@ -69,8 +69,16 @@ import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/authenticate.js";
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
 import "next/image.js";
@@ -94,7 +102,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";