@axos-web-dev/shared-components 2.0.0-dev.8 → 2.0.0-dev.9-1

package/dist/Chatbot/Bubble.js

@@ -3,107 +3,117 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { vars } from "../themes/axos.css.js";
 import clsx from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
-import { gradientBorder } from "./AnimatedGradientBorder.css.js";
+import { gradientBorder, gradientBorderUfb } from "./AnimatedGradientBorder.css.js";
 import { inner, svgFill, bubbleText, bubbleButton, bubbleWrapper } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
 const Bubble = ({
   children,
   onClick = () => {
-  }
+  },
+  project = "Axos"
 }) => {
   const isOpen = useOpenChat((state) => state.isOpen);
-  return /* @__PURE__ */ jsx("div", { className: clsx(bubbleWrapper, gradientBorder), children: /* @__PURE__ */ jsx("div", { className: inner, children: /* @__PURE__ */ jsxs("button", { className: clsx(bubbleButton, inner), onClick, children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsx("div", { className: "bubble-circle", children: /* @__PURE__ */ jsxs(
-      motion.svg,
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        initial: { scale: 0.1, opacity: 0 },
-        animate: {
-          scale: 1,
-          opacity: 1,
-          transition: {
-            default: { type: "spring" },
-            opacity: { ease: [0, 0.71, 0.2, 1.01] }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        bubbleWrapper,
+        ["axos", "Axos"].includes(project) ? gradientBorder : gradientBorderUfb
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: inner, children: /* @__PURE__ */ jsxs("button", { className: clsx(bubbleButton, inner), onClick, children: [
+        /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsx("div", { className: "bubble-circle", children: /* @__PURE__ */ jsxs(
+          motion.svg,
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            initial: { scale: 0.1, opacity: 0 },
+            animate: {
+              scale: 1,
+              opacity: 1,
+              transition: {
+                default: { type: "spring" },
+                opacity: { ease: [0, 0.71, 0.2, 1.01] }
+              }
+            },
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M12.5277 6.78937C12.8911 6.78937 13.1852 7.08251 13.1853 7.44452C13.1852 7.80654 12.8911 8.10056 12.5277 8.10056H7.26386C6.5371 8.10064 5.94791 8.68761 5.94789 9.41175V14.6565C5.9479 15.3806 6.5371 15.9676 7.26386 15.9677H8.97488C9.12012 15.9678 9.23818 16.0854 9.23825 16.2301V19.6861L12.8932 16.0445C12.9424 15.9956 13.0092 15.9679 13.0786 15.9677H16.4765C17.2032 15.9676 17.7925 15.3806 17.7925 14.6565V13.273C17.7925 12.9111 18.0868 12.6172 18.45 12.617C18.8134 12.617 19.1084 12.9109 19.1084 13.273V14.6565C19.1084 16.1048 17.9301 17.2788 16.4765 17.2789H13.5149L10.169 20.6135C9.33997 21.4393 7.92245 20.8542 7.92229 19.6861V17.2789H7.26386C5.81026 17.2788 4.63193 16.1048 4.63193 14.6565V9.41175C4.63194 7.96341 5.81027 6.78945 7.26386 6.78937H12.5277Z",
+                  fill: vars.chatbot.bubble.icon
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M11.2126 4.1661C11.5758 4.16638 11.8701 4.46027 11.8702 4.82214C11.87 5.18394 11.5757 5.47701 11.2126 5.47729H5.29036C4.20017 5.47729 3.31606 6.35831 3.31596 7.44452V10.7229C3.31577 11.0849 3.02083 11.3781 2.65753 11.3781C2.29436 11.3779 2.0002 11.0848 2 10.7229V7.44452C2.0001 5.63411 3.47333 4.1661 5.29036 4.1661H11.2126Z",
+                  fill: vars.chatbot.bubble.icon
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M17.7145 4.47582C17.9558 3.84136 18.8779 3.84142 19.1192 4.47582L19.6459 5.8611C19.7218 6.06058 19.8835 6.2175 20.0885 6.29132L21.511 6.80454C22.163 7.03936 22.163 7.93626 21.511 8.17107L20.0885 8.6843C19.8835 8.75812 19.7218 8.91504 19.6459 9.11452L19.1192 10.4998C18.8779 11.1342 17.9558 11.1343 17.7145 10.4998L17.1878 9.11452C17.1119 8.91508 16.9502 8.75811 16.7453 8.6843L15.3227 8.17107C14.6708 7.93622 14.6708 7.0394 15.3227 6.80454L16.7453 6.29132C16.9502 6.21751 17.1119 6.06054 17.1878 5.8611L17.7145 4.47582Z",
+                  fill: vars.chatbot.bubble.icon
+                }
+              )
+            ]
           }
-        },
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M12.5277 6.78937C12.8911 6.78937 13.1852 7.08251 13.1853 7.44452C13.1852 7.80654 12.8911 8.10056 12.5277 8.10056H7.26386C6.5371 8.10064 5.94791 8.68761 5.94789 9.41175V14.6565C5.9479 15.3806 6.5371 15.9676 7.26386 15.9677H8.97488C9.12012 15.9678 9.23818 16.0854 9.23825 16.2301V19.6861L12.8932 16.0445C12.9424 15.9956 13.0092 15.9679 13.0786 15.9677H16.4765C17.2032 15.9676 17.7925 15.3806 17.7925 14.6565V13.273C17.7925 12.9111 18.0868 12.6172 18.45 12.617C18.8134 12.617 19.1084 12.9109 19.1084 13.273V14.6565C19.1084 16.1048 17.9301 17.2788 16.4765 17.2789H13.5149L10.169 20.6135C9.33997 21.4393 7.92245 20.8542 7.92229 19.6861V17.2789H7.26386C5.81026 17.2788 4.63193 16.1048 4.63193 14.6565V9.41175C4.63194 7.96341 5.81027 6.78945 7.26386 6.78937H12.5277Z",
-              fill: vars.chatbot.bubble.icon
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M11.2126 4.1661C11.5758 4.16638 11.8701 4.46027 11.8702 4.82214C11.87 5.18394 11.5757 5.47701 11.2126 5.47729H5.29036C4.20017 5.47729 3.31606 6.35831 3.31596 7.44452V10.7229C3.31577 11.0849 3.02083 11.3781 2.65753 11.3781C2.29436 11.3779 2.0002 11.0848 2 10.7229V7.44452C2.0001 5.63411 3.47333 4.1661 5.29036 4.1661H11.2126Z",
-              fill: vars.chatbot.bubble.icon
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M17.7145 4.47582C17.9558 3.84136 18.8779 3.84142 19.1192 4.47582L19.6459 5.8611C19.7218 6.06058 19.8835 6.2175 20.0885 6.29132L21.511 6.80454C22.163 7.03936 22.163 7.93626 21.511 8.17107L20.0885 8.6843C19.8835 8.75812 19.7218 8.91504 19.6459 9.11452L19.1192 10.4998C18.8779 11.1342 17.9558 11.1343 17.7145 10.4998L17.1878 9.11452C17.1119 8.91508 16.9502 8.75811 16.7453 8.6843L15.3227 8.17107C14.6708 7.93622 14.6708 7.0394 15.3227 6.80454L16.7453 6.29132C16.9502 6.21751 17.1119 6.06054 17.1878 5.8611L17.7145 4.47582Z",
-              fill: vars.chatbot.bubble.icon
-            }
-          )
-        ]
-      }
-    ) }) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
-      motion.svg,
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        initial: { opacity: 0, rotate: 0, scale: 0.1 },
-        animate: {
-          opacity: 1,
-          rotate: -360,
-          scale: 1,
-          transition: {
-            default: { type: "spring" },
-            opacity: { ease: "linear" },
-            scale: { ease: "linear" }
+        ) }) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
+          motion.svg,
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            initial: { opacity: 0, rotate: 0, scale: 0.1 },
+            animate: {
+              opacity: 1,
+              rotate: -360,
+              scale: 1,
+              transition: {
+                default: { type: "spring" },
+                opacity: { ease: "linear" },
+                scale: { ease: "linear" }
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: svgFill,
+                  d: "M23.7096 0.892655L23.1073 0.290383C22.7202 -0.0967942 22.0749 -0.0967942 21.6447 0.290383L13.6 8.33506L15.6649 10.4L23.7096 2.35533C24.0968 1.92513 24.0968 1.27983 23.7096 0.892655Z",
+                  fill: "#98DDFF"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: svgFill,
+                  d: "M2.44278 0.293744C2.04123 -0.0979148 1.37197 -0.0979148 0.925804 0.293744L0.301162 0.902989C-0.100387 1.29465 -0.100387 1.94742 0.301162 2.38259L10.1168 12L0.301162 21.6174C-0.100387 22.0091 -0.100387 22.6618 0.301162 23.097L0.925804 23.7063C1.32735 24.0979 1.99661 24.0979 2.44278 23.7063L14.4 12.0435L2.44278 0.293744Z",
+                  fill: "#98DDFF"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: svgFill,
+                  d: "M23.7096 23.1073L23.1073 23.7096C22.7202 24.0968 22.0749 24.0968 21.6447 23.7096L13.6 15.6649L15.6649 13.6L23.7096 21.6446C24.0968 22.0748 24.0968 22.7201 23.7096 23.1073Z",
+                  fill: "#98DDFF"
+                }
+              )
+            ]
           }
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              className: svgFill,
-              d: "M23.7096 0.892655L23.1073 0.290383C22.7202 -0.0967942 22.0749 -0.0967942 21.6447 0.290383L13.6 8.33506L15.6649 10.4L23.7096 2.35533C24.0968 1.92513 24.0968 1.27983 23.7096 0.892655Z",
-              fill: "#98DDFF"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              className: svgFill,
-              d: "M2.44278 0.293744C2.04123 -0.0979148 1.37197 -0.0979148 0.925804 0.293744L0.301162 0.902989C-0.100387 1.29465 -0.100387 1.94742 0.301162 2.38259L10.1168 12L0.301162 21.6174C-0.100387 22.0091 -0.100387 22.6618 0.301162 23.097L0.925804 23.7063C1.32735 24.0979 1.99661 24.0979 2.44278 23.7063L14.4 12.0435L2.44278 0.293744Z",
-              fill: "#98DDFF"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              className: svgFill,
-              d: "M23.7096 23.1073L23.1073 23.7096C22.7202 24.0968 22.0749 24.0968 21.6447 23.7096L13.6 15.6649L15.6649 13.6L23.7096 21.6446C24.0968 22.0748 24.0968 22.7201 23.7096 23.1073Z",
-              fill: "#98DDFF"
-            }
-          )
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { className: bubbleText, children: "Ask Evo AI" }),
-    children
-  ] }) }) });
+        ) }) }),
+        /* @__PURE__ */ jsx("div", { className: bubbleText, children: "Ask Evo AI" }),
+        children
+      ] }) })
+    }
+  );
 };
 export {
   Bubble

package/dist/Chatbot/ChatWindow.css.d.ts

@@ -34,3 +34,7 @@ export declare const chatEndCircle: string;
 export declare const user_msg: string;
 export declare const agent_msg: string;
 export declare const shimmerText: string;
+export declare const tableMsg: string;
+export declare const tableHead: string;
+export declare const tableCell: string;
+export declare const trMortgageTable: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -35,6 +35,10 @@ var chatEndCircle = "_13n1jqkr";
 var user_msg = "_13n1jqks";
 var agent_msg = "_13n1jqkt";
 var shimmerText = "_13n1jqkv";
+var tableMsg = "_13n1jqkw";
+var tableHead = "_13n1jqkx";
+var tableCell = "_13n1jqky";
+var trMortgageTable = "_13n1jqkz";
 export {
   agent_msg,
   arrowFill,
@@ -60,9 +64,13 @@ export {
   notificationStyle,
   sendButtonStyle,
   shimmerText,
+  tableCell,
+  tableHead,
+  tableMsg,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,
+  trMortgageTable,
   user_msg,
   windowBarStyle,
   windowOpenStyle,

package/dist/Chatbot/ChatWindow.js

@@ -96,6 +96,11 @@ const ChatWindow = ({
     setInput("");
     toggleThankyouMessage?.();
   };
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [messages]);
   return /* @__PURE__ */ jsxs("div", { className: clsx(windowStyle, isOpen && windowOpenStyle), children: [
     /* @__PURE__ */ jsxs("div", { className: windowBarStyle, children: [
       /* @__PURE__ */ jsx("div", { className: clsx(left_bar_section) }),
@@ -415,7 +420,7 @@ const ChatWindow = ({
                 flexDirection: "column",
                 gap: 4
               },
-              children: /* @__PURE__ */ jsx("p", { className: shimmerText, children: "AI thinking..." })
+              children: /* @__PURE__ */ jsx("p", { className: shimmerText, children: "Chat connecting..." })
             }
           )
         }
@@ -432,7 +437,8 @@ const ChatWindow = ({
           onEndChat: () => {
             endChat();
             onCloseAfterThankYou();
-          }
+          },
+          inputRef
         },
         msg?.$index
       )),

package/dist/Chatbot/Chatbot.d.ts

@@ -3,7 +3,7 @@ export type ChatbotProps = {
     debug?: boolean;
 };
 export declare const Chatbot: ({ project, projectEnv, menuOption, debug, }: {
-    project?: "axos" | "ufb";
+    project?: "axos" | "ufb" | "Axos" | "Ufb";
     projectEnv?: "dev" | "qa" | "uat" | "stg" | "prod";
     menuOption?: "Support Virtual Agent" | string;
     debug?: boolean;

package/dist/Chatbot/Chatbot.js

@@ -1,13 +1,26 @@
 "use client";
 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 { chatbotUFB, chatbotAXB } from "./Chatbot.css.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";
-import { useRef, useState, useEffect } from "react";
-import { useMount, useUnmount } from "react-use";
+const __vite_import_meta_env__ = { "VITE_COMPANY_ID": "17524785112945485a16ec8e771737dce", "VITE_HOST": "https://axccaipdev-i3ofmup.uc1.ccaiplatform.com", "VITE_TENANT_NAME": "axccaipdev-i3ofmup" };
+const env = __vite_import_meta_env__ || process.env;
+if (typeof window !== "undefined") {
+  const OriginalAudio = window.Audio;
+  class PatchedAudio extends OriginalAudio {
+    constructor(src) {
+      const newSrc = src === "https://websdk.ujet.co/v3/ping.mp3" ? notificationSound : src;
+      super(newSrc);
+    }
+  }
+  window.Audio = PatchedAudio;
+}
 const Chatbot = ({
   project = "axos",
   projectEnv = "dev",
@@ -225,13 +238,9 @@ const Chatbot = ({
     }
     if (clientRef.current) return;
     const client = new Client({
-      companyId: process.env.CCAI_COMPANY_ID || "",
-      tenant: process.env.CCAI_TENANT_NAME || "",
-      host: process.env.CCAI_HOST || "",
-      // or your region
-      // companyId: import.meta.env.VITE_COMPANY_ID || "",
-      // tenant: import.meta.env.VITE_TENANT_NAME || "",
-      // host: import.meta.env.VITE_HOST || "", // or your region
+      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);
@@ -278,6 +287,17 @@ const Chatbot = ({
       }
     } catch (err) {
       console.error("Error creating chat:", err);
+    } finally {
+      if (clientRef?.current?.chat?.state?.status == "va_assigned") {
+        const OriginalAudio = window.Audio;
+        class PatchedAudio extends OriginalAudio {
+          constructor(src) {
+            const newSrc = src === "https://websdk.ujet.co/v3/ping.mp3" ? notificationSound : src;
+            super(newSrc);
+          }
+        }
+        window.Audio = PatchedAudio;
+      }
     }
   };
   const handleClick = async () => {
@@ -365,24 +385,30 @@ const Chatbot = ({
       console.error("Error sending preview message:", error);
     }
   };
-  return menusLoaded && /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
-    /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
-    /* @__PURE__ */ jsx(
-      ChatWindow,
-      {
-        status,
-        virtualAgent: agent_virtual.current,
-        messages,
-        onSend: onSendMessage,
-        endChat: onEndChat,
-        onClose,
-        onNewChat: onEndAndStartNewChat,
-        onCloseAfterThankYou,
-        previewTyping: onPreviewTyping,
-        isTyping
-      }
-    )
-  ] });
+  return menusLoaded && /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ["axos", "Axos"].includes(project) ? chatbotAXB : chatbotUFB,
+      children: [
+        /* @__PURE__ */ jsx(Bubble, { onClick: handleClick, project }),
+        /* @__PURE__ */ jsx(
+          ChatWindow,
+          {
+            status,
+            virtualAgent: agent_virtual.current,
+            messages,
+            onSend: onSendMessage,
+            endChat: onEndChat,
+            onClose,
+            onNewChat: onEndAndStartNewChat,
+            onCloseAfterThankYou,
+            previewTyping: onPreviewTyping,
+            isTyping
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   Chatbot

package/dist/Chatbot/ChatbotMessage.d.ts

@@ -12,6 +12,7 @@ interface ChatbotMessageProps {
     onCancelEndChat?: () => void;
     onSend?: (content: string) => void;
     onEndChat?: () => void;
+    inputRef: React.RefObject<HTMLTextAreaElement | null>;
 }
 export declare const ChatbotMessage: FC<ChatbotMessageProps>;
 export {};

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, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
+import { shimmerText, notificationStyle, trMortgageTable, tableCell, tableHead, tableMsg, 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,13 +19,39 @@ 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,
   showName,
   virtualAgent,
   onEndChat,
-  onSend
+  onSend,
+  inputRef
 }) => {
   const { hasEscalated } = useOpenChat();
   const [timeText, setTimeText] = useState(timeAgo(msg.$timestamp));
@@ -36,6 +62,9 @@ const ChatbotMessage = ({
     return () => clearInterval(interval);
   }, [msg.$timestamp]);
   if (msg.$sid === "typing-1" && !hasEscalated) {
+    if (inputRef?.current) {
+      inputRef?.current.focus();
+    }
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -64,6 +93,7 @@ const ChatbotMessage = ({
       }
     );
   }
+  const checkInformationMortgage = typeof msg.content == "string" ? convertBulletsToTable(msg.content) : "";
   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: [
@@ -144,9 +174,22 @@ const ChatbotMessage = ({
                         ...props
                       }
                     ),
-                    a: ({ ...props }) => /* @__PURE__ */ jsx("a", { style: { wordBreak: "break-word" }, ...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
+                  children: msg?.content?.includes("Does this information look correct?") ? checkInformationMortgage : msg.content
                 }
               ) }) : /* @__PURE__ */ jsx(
                 "div",

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, thankyou_image, thankyou_message, thankyou_overlay, 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, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -43,9 +43,13 @@ export {
   sendButtonStyle,
   shimmerText,
   svgFill,
+  tableCell,
+  tableHead,
+  tableMsg,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,
+  trMortgageTable,
   useMessages,
   useOpenChat,
   user_msg,

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/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                                */
+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                                    */
@@ -72,10 +72,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* 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/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/Chatbot.css';import '../assets/Chatbot/Bubble.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                                */
+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                                    */
@@ -73,10 +73,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */