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

package/dist/Chatbot/Chatbot.js

@@ -14,7 +14,16 @@ const Chatbot = ({
   menuOption = "Support Virtual Agent",
   debug = false
 }) => {
-  const { hasOpenedOnce, toggle, reset } = useOpenChat();
+  const {
+    hasOpenedOnce,
+    toggle,
+    reset,
+    startEscalation,
+    hasEscalated,
+    endEscalation,
+    unblockInput,
+    blockInput
+  } = useOpenChat();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
   const menuRef = useRef(null);
@@ -26,6 +35,20 @@ const Chatbot = ({
   const [hasStarted, setHasStarted] = useState(false);
   const [menusLoaded, setMenusLoaded] = useState(false);
   const [pendingStart, setPendingStart] = useState(false);
+  const [isTyping, setIsTyping] = useState(false);
+  const [scalationStarted, setScalationStarted] = useState(false);
+  useEffect(() => {
+    if (messages.length === 0) return;
+    const hasScalation = messages.some(
+      (msg) => msg.$userType === "user" || ["escalationAccepted", "escalationStarted"].includes(
+        msg.event
+      )
+    );
+    setScalationStarted(hasScalation);
+    return () => {
+      setScalationStarted(false);
+    };
+  }, [messages]);
   const brandMap = /* @__PURE__ */ new Map([
     ["axos", 1],
     ["ufb", 3]
@@ -33,8 +56,7 @@ const Chatbot = ({
   const typingMessage = {
     $sid: "typing-1",
     type: "system",
-    // or a custom type like "typing"
-    text: "AI is typing...",
+    text: scalationStarted ? "Typing" : "AI is typing...",
     sender: { id: "system", type: "system" },
     $timestamp: /* @__PURE__ */ new Date(),
     $userType: "system",
@@ -77,13 +99,44 @@ const Chatbot = ({
   };
   const onChatMessageHandler = async (message) => {
     console.log("Received message:", message);
-    addMessage(message);
-    if (!["virtual_agent", "system"].includes(message.$userType)) {
-      addMessage(typingMessage);
+    const { event, $userType } = message;
+    if (["system", "virtual_agent", "user"].includes($userType) && event === void 0) {
+      addMessage(message);
+      if (!hasEscalated) {
+        unblockInput?.();
+      }
+      return;
+    }
+    switch (event) {
+      case "escalationAccepted":
+      case "escalationStarted":
+        setScalationStarted(true);
+        startEscalation?.();
+        addMessage(message);
+        return;
+      case "escalationEnded":
+      case "escalationFailed": {
+        endEscalation?.();
+        addMessage(message);
+        return;
+      }
+      default:
+        addMessage(message);
+        if (["end_user"].includes(message.$userType)) {
+          if (!hasEscalated) {
+            addMessage(typingMessage);
+          }
+        }
+        return;
     }
   };
   const onChatTypingStartedHandler = async (identity) => {
     console.log("Typing started by:", identity);
+    setIsTyping(true);
+  };
+  const onChatTypingEndedHandler = async (identity) => {
+    console.log("Typing ended by:", identity);
+    setIsTyping(false);
   };
   const onChatDisconnectedHandler = async () => {
     console.log("Chat disconnected");
@@ -105,23 +158,47 @@ const Chatbot = ({
   const onChatMemberLeftHandler = async (identity) => {
     console.log("Chat member left:", identity);
   };
+  const onChatMemberJoinedHandler = async (identity) => {
+    console.log("Chat member joined:", identity);
+  };
   const onChatConnectedHandler = async () => {
     setStatus("connected");
     console.log("connected");
-    const messages2 = await clientRef.current?.fetchMessages();
-    if (messages2) {
-      addMessages(messages2);
+    try {
+      if (!clientRef.current) {
+        console.error("Client not initialized on chat connected");
+        return;
+      }
+      const messages2 = await clientRef.current?.fetchMessages();
+      console.log("Fetched messages on chat connected:", messages2);
+      if (messages2) {
+        addMessages(messages2);
+        const hasEscalation = messages2.some(
+          (msg) => msg.$userType === "user" || ["escalationAccepted", "escalationStarted"].includes(
+            msg.event
+          )
+        );
+        console.log(hasEscalation);
+        if (hasEscalation) {
+          setScalationStarted(true);
+          startEscalation?.();
+        }
+      }
+    } catch (error) {
+      console.error("Error fetching messages on chat connected:", error);
     }
   };
   const registerEventHandlers = () => {
     clientRef.current?.on("chat.ongoing", onChatOngoingHandler);
     clientRef.current?.on("chat.message", onChatMessageHandler);
     clientRef.current?.on("chat.typingStarted", onChatTypingStartedHandler);
+    clientRef.current?.on("chat.typingEnded", onChatTypingEndedHandler);
     clientRef.current?.on("chat.disconnected", onChatDisconnectedHandler);
     clientRef.current?.on("chat.dismissed", onDismissedHandler);
     clientRef.current?.on("chat.timeout", onTimeoutHandler);
     clientRef.current?.on("chat.ended", onEndedHandler);
     clientRef.current?.on("chat.destroyed", onDestroyedHandler);
+    clientRef.current?.on("chat.memberJoined", onChatMemberJoinedHandler);
     clientRef.current?.on("chat.memberLeft", onChatMemberLeftHandler);
     clientRef?.current?.on("chat.connected", onChatConnectedHandler);
   };
@@ -131,12 +208,14 @@ const Chatbot = ({
     clientRef.current?.off("chat.ongoing", onDismissedHandler);
     clientRef.current?.off("chat.message", onChatMessageHandler);
     clientRef.current?.off("chat.typingStarted", onChatTypingStartedHandler);
+    clientRef.current?.off("chat.typingEnded", onChatTypingEndedHandler);
     clientRef.current?.off("chat.disconnected", onChatDisconnectedHandler);
     clientRef.current?.off("chat.dismissed", onDismissedHandler);
     clientRef.current?.off("chat.timeout", onTimeoutHandler);
     clientRef.current?.off("chat.ended", onEndedHandler);
     clientRef.current?.off("chat.destroyed", onDestroyedHandler);
     clientRef.current?.off("chat.memberLeft", onChatMemberLeftHandler);
+    clientRef.current?.off("chat.memberJoined", onChatMemberJoinedHandler);
     clientRef.current?.off("chat.connected", onChatConnectedHandler);
   };
   const createClient = async () => {
@@ -150,6 +229,9 @@ const Chatbot = ({
       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
       authenticate
     });
     client?.on("ready", onReadyHandler);
@@ -210,9 +292,17 @@ const Chatbot = ({
       setHasStarted(true);
     }
   };
-  const onSendMessage = (msg) => {
+  const onSendMessage = async (msg) => {
     console.log("Sending message:", msg);
-    clientRef.current?.sendTextMessage(msg);
+    try {
+      await clientRef.current?.sendTextMessage(msg);
+    } catch (error) {
+      console.log(error);
+    } finally {
+      if (!hasEscalated) {
+        blockInput?.();
+      }
+    }
   };
   const onEndChat = async () => {
     console.log("Ending chat");
@@ -223,6 +313,7 @@ const Chatbot = ({
       chatRef.current = null;
       console.log("Chat ended");
       setHasStarted(false);
+      endEscalation?.();
     }
   };
   const onEndAndStartNewChat = async () => {
@@ -251,6 +342,7 @@ const Chatbot = ({
     setHasStarted(false);
     setStatus("idle");
     clearMessages();
+    endEscalation?.();
     clientRef.current?.destroy();
     clientRef.current?.destroyChat();
     clientRef.current = null;
@@ -262,7 +354,18 @@ const Chatbot = ({
     reset();
     setHasStarted(false);
   };
-  return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
+  const onPreviewTyping = async (msg) => {
+    console.log("Preview typing message:", msg);
+    try {
+      if (clientRef.current) {
+        chatRef.current?.startTyping();
+        await clientRef.current?.sendPreviewMessage(msg);
+      }
+    } catch (error) {
+      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,
@@ -274,7 +377,9 @@ const Chatbot = ({
         endChat: onEndChat,
         onClose,
         onNewChat: onEndAndStartNewChat,
-        onCloseAfterThankYou
+        onCloseAfterThankYou,
+        previewTyping: onPreviewTyping,
+        isTyping
       }
     )
   ] });

package/dist/Chatbot/ChatbotMessage.d.ts

@@ -11,6 +11,7 @@ interface ChatbotMessageProps {
     virtualAgent?: VirtualAgent | null;
     onCancelEndChat?: () => void;
     onSend?: (content: string) => void;
+    onEndChat?: () => void;
 }
 export declare const ChatbotMessage: FC<ChatbotMessageProps>;
 export {};

package/dist/Chatbot/ChatbotMessage.js

@@ -9,7 +9,8 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
 /* empty css                               */
 /* empty css                                    */
 import clsx from "clsx";
-import { shimmerText, notificationStyle, endChatButtonStyle, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button } 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);
   if (seconds < 60) return "Just now";
@@ -23,9 +24,10 @@ const ChatbotMessage = ({
   showAvatar,
   showName,
   virtualAgent,
-  onCancelEndChat,
+  onEndChat,
   onSend
 }) => {
+  const { hasEscalated } = useOpenChat();
   const [timeText, setTimeText] = useState(timeAgo(msg.$timestamp));
   useEffect(() => {
     const interval = setInterval(() => {
@@ -33,7 +35,7 @@ const ChatbotMessage = ({
     }, 3e4);
     return () => clearInterval(interval);
   }, [msg.$timestamp]);
-  if (msg.$sid === "typing-1") {
+  if (msg.$sid === "typing-1" && !hasEscalated) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -73,23 +75,20 @@ const ChatbotMessage = ({
       " ",
       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__ */ jsxs(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
-      ),
-      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onCancelEndChat, children: "End Chat" }) })
-    ] }),
+    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",
       {
@@ -178,7 +177,28 @@ const ChatbotMessage = ({
         index
       );
     }) }),
-    msg.event == "chatEnded" && /* @__PURE__ */ jsxs(Fragment, { children: [
+    " ",
+    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",
         {
@@ -196,7 +216,7 @@ const ChatbotMessage = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onCancelEndChat, children: "End Chat" }) })
+      /* @__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",

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

@@ -8,6 +8,12 @@ interface OpenChatState {
     showThankyouMessage: boolean;
     displayThankyouMessage: () => void;
     toggleThankyouMessage?: () => void;
+    hasEscalated?: boolean;
+    startEscalation?: () => void;
+    endEscalation?: () => void;
+    isBlockedInput?: boolean;
+    blockInput?: () => void;
+    unblockInput?: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -3,6 +3,7 @@ const useOpenChat = create((set, get) => ({
   isOpen: false,
   hasOpenedOnce: false,
   showThankyouMessage: false,
+  hasEscalated: false,
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -12,9 +13,20 @@ const useOpenChat = create((set, get) => ({
     });
   },
   close: () => set({ isOpen: false }),
-  reset: () => set({ hasOpenedOnce: false, isOpen: false, showThankyouMessage: false }),
+  reset: () => set({
+    hasOpenedOnce: false,
+    isOpen: false,
+    showThankyouMessage: false,
+    hasEscalated: false,
+    isBlockedInput: false
+  }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
-  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage }))
+  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
+  startEscalation: () => set({ hasEscalated: true }),
+  endEscalation: () => set({ hasEscalated: false }),
+  isBlockedInput: false,
+  blockInput: () => set({ isBlockedInput: true }),
+  unblockInput: () => set({ isBlockedInput: false })
 }));
 export {
   useOpenChat

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

@@ -6,6 +6,7 @@ interface MessageStore {
     removeMessage: (id: string) => void;
     addMessages: (newMessages: MessageResponse[]) => void;
     clearMessages: () => void;
+    isEscalated: boolean;
 }
 export interface Message {
     id: string;

package/dist/Chatbot/store/messages.js

@@ -1,5 +1,5 @@
 import { create } from "zustand";
-const useMessages = create((set) => ({
+const useMessages = create((set, get) => ({
   messages: [],
   addMessage: (message) => set((state) => {
     const cleaned = state.messages.filter((m) => m.$sid !== "typing-1");
@@ -11,7 +11,10 @@ const useMessages = create((set) => ({
     )
   })),
   addMessages: (newMessages) => set((state) => ({ messages: [...state.messages, ...newMessages] })),
-  clearMessages: () => set({ messages: [] })
+  clearMessages: () => set({ messages: [] }),
+  isEscalated: get()?.messages?.some(
+    (msg) => ["escalationAccepted", "escalationStarted"].includes(msg.event)
+  )
 }));
 export {
   useMessages

package/dist/Chevron/index.js

@@ -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";
@@ -111,15 +109,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 +141,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 +196,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.js

@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/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/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/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/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                                    */
@@ -22,9 +22,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-import "../utils/allowedAxosDomains.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Modal/contextApi/store.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -51,11 +51,10 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Chevron/Chevron.css.js";
+/* empty css                                */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                         */
-/* empty css                                */
-import "../Modal/contextApi/store.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                      */
 import "iframe-resizer";
@@ -110,15 +109,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                                                 */

package/dist/ExecutiveBio/ExecutiveBio.css.d.ts

@@ -1,4 +1,5 @@
 export declare const executive_bio: string;
+export declare const compact: string;
 export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -91,6 +92,52 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
 export declare const contacts: string;
 export declare const headshot: string;
 export declare const img_area: string;
+export declare const components: import('@vanilla-extract/recipes').RuntimeFn<{
+    columns: {
+        1: {
+            gridTemplateColumns: "1fr";
+        };
+        2: {
+            gridTemplateColumns: "repeat(2, 1fr)";
+            width: "min(840px, calc(100% - 4rem))";
+            "@media": {
+                "(max-width: 768px)": {
+                    gridTemplateColumns: "1fr";
+                    width: "min(350px, calc(100% - 2rem))";
+                };
+            };
+        };
+        3: {
+            gridTemplateColumns: "repeat(3, 1fr)";
+            "@media": {
+                "(max-width: 1175px)": {
+                    gridTemplateColumns: "repeat(2, 1fr)";
+                    width: "min(840px, calc(100% - 4rem))";
+                };
+                "(max-width: 768px)": {
+                    gridTemplateColumns: "1fr";
+                    width: "min(350px, calc(100% - 2rem))";
+                };
+            };
+        };
+        4: {
+            gridTemplateColumns: "repeat(4, 1fr)";
+            "@media": {
+                "(max-width: 1175px)": {
+                    gridTemplateColumns: "repeat(2, 1fr)";
+                    width: "min(840px, calc(100% - 4rem))";
+                };
+                "(max-width: 768px)": {
+                    gridTemplateColumns: "1fr";
+                    width: "min(350px, calc(100% - 2rem))";
+                };
+                "(min-width: 1176px)": {
+                    width: "min(1000px, 100%)";
+                };
+            };
+        };
+    };
+}>;
 export declare const media: string;
 export declare const person: string;
 export declare const shift: string;
@@ -99,15 +146,19 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
     variant: {
         primary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         secondary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -127,7 +178,6 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
-export declare const components: string;
 export declare const details: string;
 export declare const url_row: string;
 export declare const flexColumn: string;