@axos-web-dev/shared-components 1.0.100-dev.1 → 1.0.100-dev.3

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

@@ -1,7 +1,14 @@
 export declare const windowStyle: string;
 export declare const windowOpenStyle: string;
 export declare const windowBarStyle: string;
+export declare const chat_title: string;
+export declare const button_reset: string;
+export declare const arrowFill: string;
 export declare const inputStyle: string;
 export declare const sendButtonStyle: string;
 export declare const messagesContainerStyle: string;
+export declare const notificationStyle: string;
 export declare const messageStyle: string;
+export declare const inline_button_wrapper: string;
+export declare const inline_button: string;
+export declare const endChatButtonStyle: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -1,15 +1,29 @@
-/* empty css                              */
+import '../assets/Chatbot/ChatWindow.css';/* empty css                              */
 var windowStyle = "_13n1jqk0";
 var windowOpenStyle = "_13n1jqk1";
 var windowBarStyle = "_13n1jqk2";
-var inputStyle = "_13n1jqk3";
-var sendButtonStyle = "_13n1jqk4";
-var messagesContainerStyle = "_13n1jqk5";
-var messageStyle = "_13n1jqk6";
+var chat_title = "_13n1jqk3";
+var button_reset = "_13n1jqk4";
+var arrowFill = "_13n1jqk5";
+var inputStyle = "_13n1jqk6";
+var sendButtonStyle = "_13n1jqk7";
+var messagesContainerStyle = "_13n1jqk8";
+var notificationStyle = "_13n1jqk9";
+var messageStyle = "_13n1jqka";
+var inline_button_wrapper = "_13n1jqkb";
+var inline_button = "_13n1jqkc";
+var endChatButtonStyle = "_13n1jqkd";
 export {
+  arrowFill,
+  button_reset,
+  chat_title,
+  endChatButtonStyle,
+  inline_button,
+  inline_button_wrapper,
   inputStyle,
   messageStyle,
   messagesContainerStyle,
+  notificationStyle,
   sendButtonStyle,
   windowBarStyle,
   windowOpenStyle,

package/dist/Chatbot/ChatWindow.js

@@ -4,8 +4,8 @@ import clsx from "clsx";
 import React, { useRef, useEffect, Fragment } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { windowStyle, windowOpenStyle, windowBarStyle, messagesContainerStyle, inputStyle, sendButtonStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
+import { windowBarStyle, chat_title, button_reset, arrowFill, notificationStyle, messageStyle, inline_button_wrapper, inline_button, endChatButtonStyle, messagesContainerStyle, inputStyle, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
 const ChatWindow = ({
   messages,
   status = "connected",
@@ -29,34 +29,47 @@ const ChatWindow = ({
       setInput("");
     }
   };
+  const project = process.env.CCAI_PROJECT_ID;
+  const isAxos = project === "axos";
+  const endUserBg = isAxos ? "#14263d" : "#323339";
+  const chatbotBg = isAxos ? "#E9F8FF" : "#EAE8E8";
   return /* @__PURE__ */ jsxs("div", { className: clsx(windowStyle, isOpen && windowOpenStyle), children: [
-    /* @__PURE__ */ jsxs("div", { className: clsx(windowBarStyle), children: [
-      /* @__PURE__ */ jsx("b", { children: "Chat" }),
+    /* @__PURE__ */ jsxs("div", { className: windowBarStyle, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { paddingBlock: "6px" }, children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "https://www.axos.com/images/2xmVfQm5l0HWOKjgxQO1Iw/axb-assistant.svg",
+            style: { marginRight: 12 },
+            height: 18,
+            width: 18
+          }
+        ),
+        /* @__PURE__ */ jsx("h2", { className: chat_title, children: "Evo Virtual Assistant" })
+      ] }),
       onClose && /* @__PURE__ */ jsx(
         "button",
         {
           onClick: onClose,
-          style: {
-            marginLeft: 8,
-            background: "transparent",
-            border: "none",
-            fontSize: 18,
-            cursor: "pointer",
-            color: "#fff",
-            padding: 0,
-            lineHeight: 1
-          },
+          className: button_reset,
           "aria-label": "Close chat",
           title: "Close",
           children: /* @__PURE__ */ jsx(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
-              height: "24px",
-              viewBox: "0 -960 960 960",
-              width: "24px",
-              fill: "#faa74a",
-              children: /* @__PURE__ */ jsx("path", { d: "M360-200v-80h264L160-744l56-56 464 464v-264h80v400H360Z" })
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: arrowFill,
+                  d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                  fill: "#98DDFF"
+                }
+              )
             }
           )
         }
@@ -64,66 +77,26 @@ const ChatWindow = ({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
       messages?.map((msg) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        msg.type == "noti" && msg.$userType == "system" && msg.event == "escalationStarted" && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              fontSize: 10,
-              color: "#888",
-              marginBottom: 4,
-              textAlign: "center"
-            },
-            children: "We are connecting you with a human agent..."
-          },
-          msg.$index
-        ),
-        msg.type == "noti" && msg.$userType == "system" && msg.event == "memberLeft" && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              fontSize: 10,
-              color: "#888",
-              marginBottom: 4,
-              textAlign: "center"
-            },
-            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",
-          {
-            style: {
-              fontSize: 10,
-              color: "#888",
-              marginBottom: 4,
-              textAlign: "center"
-            },
-            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 == "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),
         ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsxs(
           "div",
           {
-            className: clsx(),
+            className: messageStyle,
             style: {
               textAlign: msg.$userType == "end_user" ? "right" : "left",
               alignSelf: msg.$userType == "end_user" ? "flex-end" : "flex-start",
-              background: msg.$userType == "end_user" ? "#1e3860" : "#eee",
-              color: msg.$userType == "end_user" ? "#fff" : "#1e3860",
-              borderRadius: 16,
-              padding: "8px 8px",
-              maxWidth: "80%",
-              boxShadow: msg.$userType == "end_user" ? "0 1px 4px #b3e0ff55" : void 0,
-              marginBottom: 2
+              background: msg.$userType == "end_user" ? endUserBg : chatbotBg,
+              color: msg.$userType == "end_user" ? "#fff" : "#1F1F1F",
+              boxShadow: msg.$userType == "end_user" ? "0 1px 4px #b3e0ff55" : void 0
             },
             children: [
               /* @__PURE__ */ jsx(
@@ -140,7 +113,13 @@ const ChatWindow = ({
                     {
                       remarkPlugins: [[remarkGfm, { singleTilde: false }]],
                       components: {
-                        p: ({ ...props }) => /* @__PURE__ */ jsx("p", { style: { margin: 0 }, ...props })
+                        p: ({ ...props }) => /* @__PURE__ */ jsx(
+                          "p",
+                          {
+                            style: { margin: 0, fontSize: "inherit" },
+                            ...props
+                          }
+                        )
                       },
                       children: msg.content
                     }
@@ -152,56 +131,28 @@ const ChatWindow = ({
           },
           msg.$index
         ),
-        msg.type == "inline_button" && Array.isArray(msg.buttons) && msg.buttons.length > 0 && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              // gap: 4,
-              marginTop: 4,
-              marginBottom: 8,
-              border: "1px solid #ddd",
-              borderRadius: "12px",
-              boxShadow: "0 1px 4px #b3e0ff55"
-            },
-            children: msg.buttons.length !== 0 && Array.isArray(msg.buttons) && msg.buttons.map((button, index) => {
-              const lastItem = msg.buttons && msg.buttons?.length - 1;
-              return /* @__PURE__ */ jsx(
-                "button",
-                {
-                  style: {
-                    fontSize: 12,
-                    textAlign: "left",
-                    background: "#fff",
-                    color: "#1e3860",
-                    borderRadius: "0px",
-                    borderTopLeftRadius: [0].includes(index) ? 8 : 0,
-                    borderTopRightRadius: [0].includes(index) ? 8 : 0,
-                    borderBottomLeftRadius: [lastItem].includes(index) ? 8 : 0,
-                    borderBottomRightRadius: [lastItem].includes(index) ? 8 : 0
-                  },
-                  onClick: () => {
-                    onSend(button?.title);
-                  },
-                  children: button.title
-                },
-                index
-              );
-            })
-          }
-        ),
-        msg.event == "chatEnded" && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            style: {
-              fontSize: 12,
-              textAlign: "center"
+        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) => {
+          const lastItem = msg.buttons && msg.buttons?.length - 1;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: inline_button,
+              style: {
+                borderRadius: "0px",
+                borderTopLeftRadius: [0].includes(index) ? 8 : 0,
+                borderTopRightRadius: [0].includes(index) ? 8 : 0,
+                borderBottomLeftRadius: [lastItem].includes(index) ? 8 : 0,
+                borderBottomRightRadius: [lastItem].includes(index) ? 8 : 0
+              },
+              onClick: () => {
+                onSend(button?.title);
+              },
+              children: button.title
             },
-            onClick: endChat,
-            children: "End Chat"
-          }
-        ) })
+            index
+          );
+        }) }),
+        msg.event == "chatEnded" && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: endChat, children: "End Chat" }) })
       ] }, msg.$index)),
       /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
     ] }),
@@ -210,13 +161,9 @@ const ChatWindow = ({
       {
         onSubmit: handleSend,
         style: {
-          display: "flex",
-          gap: 8,
-          padding: "1rem",
           borderTop: "1px solid #eee",
-          background: "#fafbfc",
-          borderBottomLeftRadius: 16,
-          borderBottomRightRadius: 16
+          display: "flex",
+          gap: 8
         },
         children: [
           /* @__PURE__ */ jsx(
@@ -225,8 +172,8 @@ const ChatWindow = ({
               type: "text",
               value: input,
               onChange: (e) => setInput(e.target.value),
-              placeholder: "Ask  something.. .",
-              className: clsx(inputStyle),
+              placeholder: "Ask something...",
+              className: inputStyle,
               disabled: inputDisabled || status !== "connected"
             }
           ),

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

@@ -1 +1,2 @@
-export declare const chatbotWrapper: string;
+export declare const chatbotAXB: string;
+export declare const chatbotUFB: string;

package/dist/Chatbot/Chatbot.css.js

@@ -1,5 +1,7 @@
 import "./Chatbot.css.ts.vanilla.css.js";
-var chatbotWrapper = "_1hpv6vm0";
+var chatbotAXB = "_1hpv6vm0";
+var chatbotUFB = "_1hpv6vm1";
 export {
-  chatbotWrapper
+  chatbotAXB,
+  chatbotUFB
 };

package/dist/Chatbot/Chatbot.d.ts

@@ -1 +1,5 @@
-export declare const Chatbot: () => import("react/jsx-runtime").JSX.Element;
+export type ChatbotProps = {
+    project?: "axos" | "ufb";
+    debug?: boolean;
+};
+export declare const Chatbot: (props: ChatbotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chatbot.js

@@ -6,7 +6,8 @@ import { ChatWindow } from "./ChatWindow.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 import { useHeadlessChat } from "./useHeadlessChat.js";
-const Chatbot = () => {
+import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
+const Chatbot = (props) => {
   const messages = useMessages((state) => state.messages);
   const close = useOpenChat((state) => state.close);
   const { status, sendMessage } = useHeadlessChat({
@@ -14,12 +15,11 @@ const Chatbot = () => {
     tenant: process.env.CCAI_TENANT_NAME || "",
     host: process.env.CCAI_HOST || "",
     // or your region
-    projectId: process.env.CCAI_PROJECT_ID || "axos",
-    // replace with your project id
+    projectId: process.env.CCAI_PROJECT_ID || props.project || "axos",
     getToken: authenticate,
-    debug: process.env.NODE_ENV === "development"
+    debug: props.debug || process.env.NODE_ENV === "development"
   });
-  return /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsxs("div", { className: props.project === "ufb" ? chatbotUFB : chatbotAXB, children: [
     /* @__PURE__ */ jsx(Bubble, {}),
     /* @__PURE__ */ jsx(
       ChatWindow,

package/dist/Chatbot/index.js

@@ -1,10 +1,10 @@
 "use client";
 import { Bubble } from "./Bubble.js";
-import { bubbleCircle, bubbleWrapper, closeIcon } from "./Bubble.css.js";
+import { bubbleWrapper, svgFill } from "./Bubble.css.js";
 import { Chatbot } from "./Chatbot.js";
-import { chatbotWrapper } from "./Chatbot.css.js";
+import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { inputStyle, messageStyle, messagesContainerStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { arrowFill, button_reset, chat_title, 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";
 import { useHeadlessChat } from "./useHeadlessChat.js";
@@ -12,14 +12,21 @@ export {
   Bubble,
   ChatWindow,
   Chatbot,
-  bubbleCircle,
+  arrowFill,
   bubbleWrapper,
-  chatbotWrapper,
-  closeIcon,
+  button_reset,
+  chat_title,
+  chatbotAXB,
+  chatbotUFB,
+  endChatButtonStyle,
+  inline_button,
+  inline_button_wrapper,
   inputStyle,
   messageStyle,
   messagesContainerStyle,
+  notificationStyle,
   sendButtonStyle,
+  svgFill,
   useHeadlessChat,
   useMessages,
   useOpenChat,

package/dist/Chevron/Chevron.css.js

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

package/dist/Chevron/index.js

@@ -2,7 +2,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* 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/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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -14,7 +14,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { useState } from "react";
 import "../Article/Article.css.js";
 import { Interstitial } from "../Interstitial/Interstitial.js";
-import { chevron_wrapper, chevron } from "./Chevron.css.js";
+import { chevron, chevron_wrapper } from "./Chevron.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";

package/dist/CollectInformationAlert/CollectInformationAlert.css.js

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

package/dist/CollectInformationAlert/index.js

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

package/dist/Comparison/Comparison.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Comparison/Comparison.css';import '../assets/Typography/Typography.css';import '../assets/Table/Table.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/icons/CheckIcon/CheckIcon.css';import '../assets/icons/ArrowIcon/ArrowIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                              */

package/dist/Comparison/Comparison.js

@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* 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/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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -78,7 +78,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/store/messages.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
-import { comparison, comparison_layout, comparison_content, headerComparison, comparison_feature, feature_header, feature_title, comparison_list, comparison_buttons } from "./Comparison.css.js";
+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";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";

package/dist/Comparison/ComparisonSet.js

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

package/dist/ContentBanner/ContentBanner.css.js

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

package/dist/DownloadTile/DownloadTile.css.js

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

package/dist/ExecutiveBio/ExecutiveBio.css.js

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

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -8,7 +8,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* 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/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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/FaqAccordion/FaqAccordion.css.js

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

package/dist/FaqAccordion/index.js

@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* 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/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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.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/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -133,7 +133,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { summary, summaryHeader, content, faqAccordion_section, header, faqAccordion } from "./FaqAccordion.css.js";
+import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
   addItem: (id) => {

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,4 +1,4 @@
-const fdic_callout = "_fdic_callout_1f6md_1";
+import '../assets/FdicCallout/FdicCallout.css.css';const fdic_callout = "_fdic_callout_1f6md_1";
 const inner_container = "_inner_container_1f6md_6";
 const css = {
   fdic_callout,

package/dist/FooterDisclosure/FooterDisclosure.css.js

@@ -1,4 +1,4 @@
-/* empty css                                    */
+import '../assets/FooterDisclosure/FooterDisclosure.css';/* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var footerDisclosure = createRuntimeFn({ defaultClassName: "_1a6b3vu0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 var footerParagraph = "_1a6b3vu1";

package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                    */

package/dist/FooterDisclosure/LVF/LaVictorieFooter.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Hyperlink } from "../../Hyperlink/index.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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                                                       */
@@ -10,7 +10,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 import SvgComponent$1 from "../../icons/Logos/LVF.js";
 import SvgComponent from "../../icons/Logos/LVFText.js";
 import clsx from "clsx";
-import { lvf_footer, lvf_small_footer, lvf_footer_content, lvf_footer_terms, divider } from "./LaVictorieFooter.css.js";
+import { divider, lvf_footer_terms, lvf_footer_content, lvf_small_footer, lvf_footer } from "./LaVictorieFooter.css.js";
 const LaVictorieFooter = ({
   footerLinks,
   logo = "full",