@axos-web-dev/shared-components 2.1.0 → 2.2.0

package/dist/Chatbot/ChatbotMessage.js

@@ -9,7 +9,7 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
 /* 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, 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);
@@ -19,31 +19,6 @@ function timeAgo(date) {
     minute: "2-digit"
   });
 }
-function convertBulletsToTable(text) {
-  const lines = text.split("\n");
-  const header = lines[0];
-  const bulletLines = lines.filter((line) => line.trim().startsWith("•"));
-  if (bulletLines.length === 0) return text;
-  const fields = bulletLines.map((line) => {
-    const [field] = line.split(":");
-    const cleanField = field.replace(/•\s*\*\*|\*\*/g, "").trim();
-    return cleanField;
-  });
-  const values = bulletLines.map((line) => {
-    const [, value] = line.split(":");
-    return value.trim();
-  });
-  const headerRow = `| ${fields.join(" | ")} |`;
-  const separatorRow = `| ${fields.map(() => "-------").join(" | ")} |`;
-  const valueRow = `| ${values.join(" | ")} |`;
-  return `
-### ${header}
-
-${headerRow}
-${separatorRow}
-${valueRow}
-`;
-}
 const ChatbotMessage = ({
   msg,
   showAvatar,
@@ -93,197 +68,172 @@ const ChatbotMessage = ({
       }
     );
   }
-  const checkInformationMortgage = typeof msg.content == "string" ? convertBulletsToTable(msg.content) : "";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column"
-      },
-      children: [
-        msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationStarted" && /* @__PURE__ */ jsx("div", { className: notificationStyle, children: "We are connecting you with a human agent..." }, msg.$index),
-        msg.type == "noti" && msg.$userType == "system" && msg.event == "memberLeft" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
-          /* @__PURE__ */ jsx("strong", { children: "Virtual Agent" }),
-          " just left the conversation."
-        ] }, msg.$index),
-        msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationAccepted" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
-          "You are now connected with a",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationStarted" && /* @__PURE__ */ jsx("div", { className: notificationStyle, children: "We are connecting you with a human agent..." }, msg.$index),
+    msg.type == "noti" && msg.$userType == "system" && msg.event == "memberLeft" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
+      /* @__PURE__ */ jsx("strong", { children: "Virtual Agent" }),
+      " just left the conversation."
+    ] }, msg.$index),
+    msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationAccepted" && /* @__PURE__ */ jsxs("div", { className: notificationStyle, children: [
+      "You are now connected with a",
+      " ",
+      msg.to_agent ? /* @__PURE__ */ jsx("strong", { children: msg?.to_agent?.name }) : "an agent"
+    ] }, msg.$index),
+    msg.type == "noti" && msg.$userType == "virtual_agent" && msg.event == "escalationDeflected" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: notificationStyle,
+        style: { fontSize: 12 },
+        children: [
+          "Our chat team is available weekdays, 8am-5pm, except federal bank holidays. For immediate assistance you can reach out to us at",
           " ",
-          msg.to_agent ? /* @__PURE__ */ jsx("strong", { children: msg?.to_agent?.name }) : "an agent"
-        ] }, msg.$index),
-        msg.type == "noti" && msg.$userType == "virtual_agent" && msg.event == "escalationDeflected" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: notificationStyle,
-            style: { fontSize: 12 },
-            children: [
-              "Our chat team is available weekdays, 8am-5pm, except federal bank holidays. For immediate assistance you can reach out to us at",
-              " ",
-              /* @__PURE__ */ jsx("a", { href: "tel:1-888-502-2967", children: "1-888-502-2967" }),
-              "."
-            ]
-          },
-          msg.$index
-        ) }),
-        ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(
-              messageStyle,
-              msg.$userType == "end_user" ? user_msg : agent_msg
-            ),
-            children: /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  fontSize: 14,
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: 4
-                },
-                children: [
-                  msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "8px"
-                      },
-                      children: [
-                        showAvatar && /* @__PURE__ */ jsx(
-                          "img",
-                          {
-                            width: 24,
-                            height: 24,
-                            src: virtualAgent?.avatar_url,
-                            alt: "agent avatar"
-                          }
-                        ),
-                        showName && /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
-                      ]
-                    }
-                  ),
-                  msg.$userType != "end_user" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-                    ReactMarkdown,
-                    {
-                      remarkPlugins: [[remarkGfm, { singleTilde: false }]],
-                      components: {
-                        p: ({ ...props }) => /* @__PURE__ */ jsx(
-                          "p",
-                          {
-                            style: { margin: 0, fontSize: "inherit" },
-                            title: new Date(msg.$timestamp).toLocaleTimeString([], {
-                              hour: "2-digit",
-                              minute: "2-digit"
-                            }),
-                            ...props
-                          }
-                        ),
-                        a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...props }),
-                        table: ({ node, ...props }) => /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", marginTop: 4 }, children: /* @__PURE__ */ jsx(
-                          "table",
-                          {
-                            ...props,
-                            className: clsx(tableMsg),
-                            style: { tableLayout: "fixed" }
-                          }
-                        ) }),
-                        th: ({ node, ...props }) => /* @__PURE__ */ jsx("th", { ...props, className: clsx(tableHead) }),
-                        td: ({ node, ...props }) => /* @__PURE__ */ jsx("td", { ...props, className: clsx(tableCell) }),
-                        tr: ({ node, ...props }) => {
-                          return /* @__PURE__ */ jsx("tr", { className: clsx(trMortgageTable), ...props });
-                        }
-                      },
-                      children: msg?.content?.includes("Does this information look correct?") ? checkInformationMortgage : msg.content
-                    }
-                  ) }) : /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      title: new Date(msg.$timestamp).toLocaleTimeString([], {
-                        hour: "2-digit",
-                        minute: "2-digit"
-                      }),
-                      children: msg.content
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          msg.$index
+          /* @__PURE__ */ jsx("a", { href: "tel:1-888-502-2967", children: "1-888-502-2967" }),
+          "."
+        ]
+      },
+      msg.$index
+    ) }),
+    ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          messageStyle,
+          msg.$userType == "end_user" ? user_msg : agent_msg
         ),
-        msg.type == "inline_button" && Array.isArray(msg.buttons) && msg.buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: inline_button_wrapper, children: msg.buttons.length !== 0 && Array.isArray(msg.buttons) && msg.buttons.map((button, index) => {
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: inline_button,
-              onClick: () => {
-                onSend?.(button?.title);
-              },
-              children: button.title
-            },
-            index
-          );
-        }) }),
-        " ",
-        msg.event == "chatEnded" && msg.status == "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              title: (/* @__PURE__ */ new Date()).toLocaleString(),
-              style: {
-                fontSize: 12,
-                color: "#888",
-                marginBottom: 4,
-                textAlign: "center"
-              },
-              children: [
-                "No team members are online at the moment.",
-                /* @__PURE__ */ jsx("br", {}),
-                " Please try again later."
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
-        ] }),
-        msg.event == "chatEnded" && msg.status != "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              title: (/* @__PURE__ */ new Date()).toLocaleString(),
-              style: {
-                fontSize: 12,
-                color: "#888",
-                marginBottom: 4,
-                textAlign: "center"
-              },
-              children: [
-                "Thank you for chatting!",
-                /* @__PURE__ */ jsx("br", {}),
-                " This conversation has ended."
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
-        ] }),
-        msg.type == "text" && /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
-              textAlign: msg.$userType === "end_user" ? "right" : "left",
-              fontSize: 12,
-              color: vars.chatbot.window.timestampColor,
-              textTransform: "uppercase",
-              fontFamily: "inherit"
+              fontSize: 14,
+              display: "flex",
+              flexDirection: "column",
+              gap: 4
             },
-            children: timeText
+            children: [
+              msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px"
+                  },
+                  children: [
+                    showAvatar && /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        width: 24,
+                        height: 24,
+                        src: virtualAgent?.avatar_url,
+                        alt: "agent avatar"
+                      }
+                    ),
+                    showName && /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
+                  ]
+                }
+              ),
+              msg.$userType != "end_user" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                ReactMarkdown,
+                {
+                  remarkPlugins: [[remarkGfm, { singleTilde: false }]],
+                  components: {
+                    p: ({ ...props }) => /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        style: { margin: 0, fontSize: "inherit" },
+                        title: new Date(msg.$timestamp).toLocaleTimeString([], {
+                          hour: "2-digit",
+                          minute: "2-digit"
+                        }),
+                        ...props
+                      }
+                    ),
+                    a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...props })
+                  },
+                  children: msg.content
+                }
+              ) }) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  title: new Date(msg.$timestamp).toLocaleTimeString([], {
+                    hour: "2-digit",
+                    minute: "2-digit"
+                  }),
+                  children: msg.content
+                }
+              )
+            ]
           }
         )
-      ]
-    }
-  );
+      },
+      msg.$index
+    ),
+    msg.type == "inline_button" && Array.isArray(msg.buttons) && msg.buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: inline_button_wrapper, children: msg.buttons.length !== 0 && Array.isArray(msg.buttons) && msg.buttons.map((button, index) => {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: inline_button,
+          onClick: () => {
+            onSend?.(button?.title);
+          },
+          children: button.title
+        },
+        index
+      );
+    }) }),
+    " ",
+    msg.event == "chatEnded" && msg.status == "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          title: (/* @__PURE__ */ new Date()).toLocaleString(),
+          style: {
+            fontSize: 12,
+            color: "#888",
+            marginBottom: 4,
+            textAlign: "center"
+          },
+          children: [
+            "No team members are online at the moment.",
+            /* @__PURE__ */ jsx("br", {}),
+            " Please try again later."
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
+    ] }),
+    msg.event == "chatEnded" && msg.status != "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          title: (/* @__PURE__ */ new Date()).toLocaleString(),
+          style: {
+            fontSize: 12,
+            color: "#888",
+            marginBottom: 4,
+            textAlign: "center"
+          },
+          children: [
+            "Thank you for chatting!",
+            /* @__PURE__ */ jsx("br", {}),
+            " This conversation has ended."
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
+    ] }),
+    msg.type == "text" && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          textAlign: msg.$userType === "end_user" ? "right" : "left",
+          fontSize: 12,
+          color: vars.chatbot.window.timestampColor
+        },
+        children: timeText
+      }
+    )
+  ] });
 };
 export {
   ChatbotMessage

package/dist/Chatbot/EllipsisAnimation.d.ts

@@ -1,2 +1,2 @@
-declare const EllipsisLoader: () => import("react/jsx-runtime").JSX.Element;
+declare const EllipsisLoader: () => import("react").JSX.Element;
 export default EllipsisLoader;

package/dist/Chatbot/EllipsisIcon.d.ts

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

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.js

@@ -4,7 +4,7 @@ import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, sv
 import { Chatbot } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -43,13 +43,9 @@ export {
   sendButtonStyle,
   shimmerText,
   svgFill,
-  tableCell,
-  tableHead,
-  tableMsg,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,
-  trMortgageTable,
   useMessages,
   useOpenChat,
   user_msg,

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

@@ -14,11 +14,6 @@ interface OpenChatState {
     isBlockedInput?: boolean;
     blockInput?: () => void;
     unblockInput?: () => void;
-    hasStarted: boolean;
-    setChatStarted: () => void;
-    resetChatStarted: () => void;
-    chatStatus: "idle" | "connected" | "connecting" | "ending" | "ended";
-    setChatStatus: (status: "idle" | "connected" | "connecting" | "ending" | "ended") => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -4,8 +4,6 @@ const useOpenChat = create((set, get) => ({
   hasOpenedOnce: false,
   showThankyouMessage: false,
   hasEscalated: false,
-  hasStarted: false,
-  chatStatus: "idle",
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -20,8 +18,7 @@ const useOpenChat = create((set, get) => ({
     isOpen: false,
     showThankyouMessage: false,
     hasEscalated: false,
-    isBlockedInput: false,
-    hasStarted: false
+    isBlockedInput: false
   }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
   toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
@@ -29,12 +26,7 @@ const useOpenChat = create((set, get) => ({
   endEscalation: () => set({ hasEscalated: false }),
   isBlockedInput: false,
   blockInput: () => set({ isBlockedInput: true }),
-  unblockInput: () => set({ isBlockedInput: false }),
-  setChatStarted: () => set({ hasStarted: true }),
-  resetChatStarted: () => set({ hasStarted: false }),
-  setChatStatus: (status) => set({
-    chatStatus: status
-  })
+  unblockInput: () => set({ isBlockedInput: false })
 }));
 export {
   useOpenChat

package/dist/Chatbot/useHeadlessChat.js

@@ -76,7 +76,8 @@ function useHeadlessChat({
     let chatTimeoutHandler;
     async function init() {
       setStatus("connecting");
-      const { Client } = await import("@ujet/websdk-headless");
+      const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
+      if (debug) Logger.addHandler(consoleLoggerHandler);
       try {
         clientRef.current = new Client({
           companyId,

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                                */
+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/Chatbot.css';import '../assets/Chatbot/Bubble.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                                    */
@@ -18,8 +18,6 @@ import { Interstitial } from "../Interstitial/Interstitial.js";
 import { chevron, chevron_wrapper } from "./Chevron.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
-import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
-import { validateLink } from "../utils/validateExternalLinks.js";
 import clsx from "clsx";
 import "../Button/Button.css.js";
 import "react-use";
@@ -27,6 +25,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -74,15 +73,13 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/Chatbot.js";
+/* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -111,15 +108,11 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */
@@ -147,7 +140,7 @@ const Chevron = ({
   action
 }) => {
   variant = getVariant(variant);
-  const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
+  const { setTargetLinkUrl, setOpenModal, validateLink, resolveUrl } = useGlobalContext();
   const [isOpenMktInterstitial, setIsOpenMktInterstitial] = useState(false);
   const openMarketingInterstitial = () => {
     setIsOpenMktInterstitial(true);
@@ -202,7 +195,7 @@ const Chevron = ({
         {
           id,
           tabIndex: 0,
-          href: !action ? findMoreAxosDomains(targetUrl) : "#!",
+          href: !action ? resolveUrl(targetUrl) : "#!",
           className: `${chevron({ variant })} ${className ? className : ""}`,
           onClick: action ? action : marketingIntersitial ? openMarketingInterstitial : onClick,
           target: newTab ? "_blank" : "_self",

package/dist/Comparison/Comparison.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonProps } from './Comparison.interface';
 
-export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react").JSX.Element;