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

package/dist/Article/Article.d.ts

@@ -10,5 +10,6 @@ export interface ArticleProps {
     description: string | ReactNode;
     targetUrl: string;
     variant?: QuaternaryTypes;
+    useChevron?: boolean | false;
 }
-export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, useChevron, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Article/Article.js

@@ -6,6 +6,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
+import { Chevron } from "../Chevron/index.js";
 const Article = ({
   id,
   image,
@@ -13,7 +14,8 @@ const Article = ({
   title,
   description,
   targetUrl,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  useChevron = false
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs(
@@ -29,7 +31,16 @@ const Article = ({
             /* @__PURE__ */ jsx("h3", { className: `${ant_card_title({ variant })} header_3`, children: title }),
             /* @__PURE__ */ jsx("div", { className: `${ant_card_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "text_center", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "text_center", children: useChevron ? /* @__PURE__ */ jsx("div", { className: "push_up_24", children: /* @__PURE__ */ jsx(
+            Chevron,
+            {
+              "aria-label": "read and learn more about this featured item",
+              targetUrl,
+              variant,
+              className: "push_up_24",
+              children: itemType == "Insight" ? "Read More" : "Learn More"
+            }
+          ) }) : /* @__PURE__ */ jsx(
             Button,
             {
               "aria-label": "read and learn more about this featured item",

package/dist/Chatbot/Bubble.js

@@ -101,7 +101,7 @@ const Bubble = ({
         ]
       }
     ) }) }),
-    /* @__PURE__ */ jsx("div", { className: bubbleText, children: "Ask Sam AI" }),
+    /* @__PURE__ */ jsx("div", { className: bubbleText, children: "Ask Evo AI" }),
     children
   ] }) }) });
 };

package/dist/Chatbot/Chat.js

@@ -33,7 +33,6 @@ function Chat() {
     let chatConnectedHandler;
     async function initChat() {
       const { Client, consoleLoggerHandler, Logger } = await import("@ujet/websdk-headless");
-      console.log("this", isMounted);
       Logger.addHandler(consoleLoggerHandler);
       clientRef.current = new Client({
         companyId,
@@ -71,14 +70,11 @@ function Chat() {
           menus?.menus[5].id
         );
       }
-      console.log("this");
       identityHandler = (identity) => {
         if (!isMounted.current) return;
         console.log("identity:", identity);
       };
       messageHandler = (msg) => {
-        console.log("new message:", msg);
-        console.log("addMessage:", msg);
         addMessage(msg);
       };
       chatUpdatedHandler = (chat) => {
@@ -87,13 +83,11 @@ function Chat() {
       chatConnectedHandler = async () => {
         console.log("connected");
         const messagesFetched = await clientRef.current?.fetchMessages();
-        console.log("[messages]:", messagesFetched);
         addMessages(messagesFetched || []);
       };
       memberJoinedHandler = (identity) => {
         console.log("member joined:", identity);
       };
-      console.log(isMounted.current);
       clientRef.current?.on("authenticated", () => {
         console.log("authenticated");
       });
@@ -144,7 +138,6 @@ function Chat() {
           const form = e.target;
           const input = form.elements[0];
           const message = input.value;
-          console.log("Sending message:", message);
           try {
             await clientRef.current?.sendTextMessage(message);
             input.value = "";

package/dist/Chatbot/ChatWindow.d.ts

@@ -24,6 +24,8 @@ interface ChatWindowProps {
     showName?: boolean;
     onNewChat?: () => void;
     onCloseAfterThankYou?: () => void;
+    isTyping?: boolean;
+    previewTyping?: (msg: string) => void;
 }
 export declare const ChatWindow: React.FC<ChatWindowProps>;
 export {};

package/dist/Chatbot/ChatWindow.js

@@ -32,9 +32,17 @@ const ChatWindow = ({
   showName = false,
   onCloseAfterThankYou = () => {
     console.log("Close after thank you");
+  },
+  previewTyping = (msg) => {
+    console.log("Preview typing: ", msg);
   }
 }) => {
-  const { showThankyouMessage, displayThankyouMessage, toggleThankyouMessage } = useOpenChat();
+  const {
+    showThankyouMessage,
+    displayThankyouMessage,
+    toggleThankyouMessage,
+    hasEscalated
+  } = useOpenChat();
   const [mounted, setMounted] = React.useState(false);
   const [menuOpen, setMenuOpen] = React.useState(false);
   const [showEndChatDialog, setShowEndChatDialog] = React.useState(false);
@@ -128,7 +136,7 @@ const ChatWindow = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("h2", { className: chat_title, children: "Ask Sam AI" })
+            /* @__PURE__ */ jsx("h2", { className: chat_title, children: "Ask Evo AI" })
           ]
         }
       ),
@@ -136,6 +144,7 @@ const ChatWindow = ({
         /* @__PURE__ */ jsx(
           "button",
           {
+            disabled: messages.length === 0,
             onClick: () => {
               setMenuOpen(!menuOpen);
             },
@@ -417,7 +426,11 @@ const ChatWindow = ({
           showAvatar,
           showName,
           virtualAgent,
-          onCancelEndChat
+          onCancelEndChat,
+          onEndChat: () => {
+            endChat();
+            onCloseAfterThankYou();
+          }
         },
         msg?.$index
       )),
@@ -449,6 +462,9 @@ const ChatWindow = ({
               value: input,
               onChange: (e) => setInput(e.target.value),
               onKeyDown: (e) => {
+                if (hasEscalated) {
+                  previewTyping(e.target?.value);
+                }
                 if (e.key === "Enter" && !e.shiftKey) {
                   e.preventDefault();
                   const cleaned = cleanInput(input);

package/dist/Chatbot/Chatbot.js

@@ -14,7 +14,14 @@ const Chatbot = ({
   menuOption = "Support Virtual Agent",
   debug = false
 }) => {
-  const { hasOpenedOnce, toggle, reset } = useOpenChat();
+  const {
+    hasOpenedOnce,
+    toggle,
+    reset,
+    startEscalation,
+    hasEscalated,
+    endEscalation
+  } = useOpenChat();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
   const menuRef = useRef(null);
@@ -26,6 +33,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 +54,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 +97,39 @@ const Chatbot = ({
   };
   const onChatMessageHandler = async (message) => {
     console.log("Received message:", message);
-    addMessage(message);
-    if (!["virtual_agent", "system"].includes(message.$userType)) {
-      addMessage(typingMessage);
+    if (["system", "virtual_agent", "user"].includes(message.$userType) && message.event === void 0) {
+      addMessage(message);
+      return;
+    }
+    const eventName = message?.event;
+    switch (eventName) {
+      case "escalationAccepted":
+        setScalationStarted(true);
+        startEscalation?.();
+        addMessage(message);
+        return;
+      case "escalationStarted":
+        setScalationStarted(true);
+        startEscalation?.();
+        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 +151,38 @@ 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);
+      const hasEscalation = messages2.some(
+        (msg) => msg.$userType === "user" || ["escalationAccepted", "escalationStarted"].includes(
+          msg.event
+        )
+      );
+      console.log(hasEscalation);
+      if (hasEscalation) {
+        setScalationStarted(true);
+        startEscalation?.();
+      }
     }
   };
   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 +192,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 +213,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 +276,9 @@ const Chatbot = ({
       setHasStarted(true);
     }
   };
-  const onSendMessage = (msg) => {
+  const onSendMessage = async (msg) => {
     console.log("Sending message:", msg);
-    clientRef.current?.sendTextMessage(msg);
+    await clientRef.current?.sendTextMessage(msg);
   };
   const onEndChat = async () => {
     console.log("Ending chat");
@@ -223,6 +289,7 @@ const Chatbot = ({
       chatRef.current = null;
       console.log("Chat ended");
       setHasStarted(false);
+      endEscalation?.();
     }
   };
   const onEndAndStartNewChat = async () => {
@@ -251,6 +318,7 @@ const Chatbot = ({
     setHasStarted(false);
     setStatus("idle");
     clearMessages();
+    endEscalation?.();
     clientRef.current?.destroy();
     clientRef.current?.destroyChat();
     clientRef.current = null;
@@ -262,6 +330,17 @@ const Chatbot = ({
     reset();
     setHasStarted(false);
   };
+  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 /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
     /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
     /* @__PURE__ */ jsx(
@@ -274,7 +353,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

@@ -10,6 +10,7 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
 /* 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 { 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";
@@ -24,8 +25,10 @@ const ChatbotMessage = ({
   showName,
   virtualAgent,
   onCancelEndChat,
+  onEndChat,
   onSend
 }) => {
+  const { hasEscalated } = useOpenChat();
   const [timeText, setTimeText] = useState(timeAgo(msg.$timestamp));
   useEffect(() => {
     const interval = setInterval(() => {
@@ -33,7 +36,7 @@ const ChatbotMessage = ({
     }, 3e4);
     return () => clearInterval(interval);
   }, [msg.$timestamp]);
-  if (msg.$sid === "typing-1") {
+  if (msg.$sid === "typing-1" && !hasEscalated) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -196,7 +199,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,9 @@ interface OpenChatState {
     showThankyouMessage: boolean;
     displayThankyouMessage: () => void;
     toggleThankyouMessage?: () => void;
+    hasEscalated?: boolean;
+    startEscalation?: () => void;
+    endEscalation?: () => 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,16 @@ 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
+  }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
-  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage }))
+  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
+  startEscalation: () => set({ hasEscalated: true }),
+  endEscalation: () => set({ hasEscalated: 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/Forms/EmailOnly.js

@@ -187,8 +187,13 @@ const EmailOnly = ({
     "section",
     {
       id,
-      className: clsx(formContainer({ variant }), email_only_padding),
-      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+      className: clsx(
+        formContainer({ variant }),
+        email_only_padding,
+        "containment",
+        "rounded"
+      ),
+      children: /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
         icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
         /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
           /* @__PURE__ */ jsx(

package/dist/Forms/Forms.css.d.ts

@@ -1,4 +1,3 @@
-export declare const email_only_padding: string;
 export declare const email_only_h2: string;
 export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
@@ -20,6 +19,7 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
         };
     };
 }>;
+export declare const email_only_padding: string;
 export declare const iconForm: string;
 export declare const headerContainer: string;
 export declare const axosHeader: string;

package/dist/Forms/Forms.css.js

@@ -9,9 +9,9 @@ import '../assets/Forms/Forms.css';import '../assets/Input/RadioButton.css';impo
 /* empty css                                      */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var email_only_padding = "tfms6a0";
-var email_only_h2 = "tfms6a1";
-var formContainer = createRuntimeFn({ defaultClassName: "tfms6a2", variantClassNames: { variant: { primary: "tfms6a3", secondary: "tfms6a4", tertiary: "tfms6a5", quaternary: "tfms6a6" } }, defaultVariants: {}, compoundVariants: [] });
+var email_only_h2 = "tfms6a0";
+var formContainer = createRuntimeFn({ defaultClassName: "tfms6a1", variantClassNames: { variant: { primary: "tfms6a2", secondary: "tfms6a3", tertiary: "tfms6a4", quaternary: "tfms6a5" } }, defaultVariants: {}, compoundVariants: [] });
+var email_only_padding = "tfms6a6";
 var iconForm = "tfms6a7";
 var headerContainer = "tfms6a8";
 var axosHeader = "tfms6a9";

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -31,6 +31,7 @@ export declare const layout: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const billboard_icon: string;
 export declare const content: string;
 export declare const headerIconBillboard: string;
+export declare const insightTitle: string;
 export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {

package/dist/IconBillboard/IconBillboard.css.js

@@ -10,15 +10,16 @@ var layout = createRuntimeFn({ defaultClassName: "_1r4ovbu5", variantClassNames:
 var billboard_icon = "_1r4ovbu7";
 var content = "_1r4ovbu8";
 var headerIconBillboard = "_1r4ovbu9";
-var title = createRuntimeFn({ defaultClassName: "_1r4ovbua", variantClassNames: { variant: { primary: "_1r4ovbub", secondary: "_1r4ovbuc", tertiary: "_1r4ovbud", quaternary: "_1r4ovbue" } }, defaultVariants: {}, compoundVariants: [] });
-var list = "_1r4ovbuf";
-var listItem = "_1r4ovbug";
-var buttons = "_1r4ovbuh";
-var section_text = "_1r4ovbui";
-var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
-var section_container = "_1r4ovbuo";
-var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
-var link_wrapper = "_1r4ovbuu";
+var insightTitle = "_1r4ovbua";
+var title = createRuntimeFn({ defaultClassName: "_1r4ovbub", variantClassNames: { variant: { primary: "_1r4ovbuc", secondary: "_1r4ovbud", tertiary: "_1r4ovbue", quaternary: "_1r4ovbuf" } }, defaultVariants: {}, compoundVariants: [] });
+var list = "_1r4ovbug";
+var listItem = "_1r4ovbuh";
+var buttons = "_1r4ovbui";
+var section_text = "_1r4ovbuj";
+var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuk", variantClassNames: { variant: { primary: "_1r4ovbul", secondary: "_1r4ovbum", tertiary: "_1r4ovbun", quaternary: "_1r4ovbuo" } }, defaultVariants: {}, compoundVariants: [] });
+var section_container = "_1r4ovbup";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbuq", variantClassNames: { variant: { primary: "_1r4ovbur", secondary: "_1r4ovbus", tertiary: "_1r4ovbut", quaternary: "_1r4ovbuu" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbuv";
 export {
   billboard_icon,
   buttons,
@@ -26,6 +27,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/IconBillboard/IconBillboard.js

@@ -28,13 +28,13 @@ const IconBillboard = (props) => {
     if (headingRef.current) {
       const section = headingRef.current.closest(".page_body_contents > div");
       if (section) {
-        const existingH2 = section.querySelector("h2._1r4ovbuj");
+        const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {
           setHeadingLevel("h3");
         }
       }
     }
-  }, []);
+  }, [headingRef]);
   const { isClickable, handleClick, chevronText } = useFullClick(callToActionRow);
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, insightTitle, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   IconBillboard,
@@ -10,6 +10,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -54,13 +54,13 @@ const ImageBillboard = ({
     if (headingRef.current) {
       const section = headingRef.current.closest("section");
       if (section) {
-        const existingH2 = section.querySelector("h2._1r4ovbuj");
+        const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {
           setHeadingLevel("h3");
         }
       }
     }
-  }, []);
+  }, [headingRef]);
   const imgAlignment = (alignment) => {
     switch (alignment) {
       case "Top Left":