@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui → 2.0.0-dev.30-toast

package/dist/Chatbot/ChatbotMessage.js

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

package/dist/Chatbot/EllipsisAnimation.js

@@ -30,9 +30,6 @@ const loadingTransition = {
   ease: "easeInOut"
 };
 const EllipsisLoader = () => {
-  const project = process.env.CCAI_PROJECT_ID;
-  const isAxos = project === "axos";
-  const endUserBg = isAxos ? "#14263d" : "#323339";
   return /* @__PURE__ */ jsxs(
     motion.svg,
     {
@@ -49,7 +46,6 @@ const EllipsisLoader = () => {
             cx: "20",
             cy: "15",
             r: "8",
-            fill: endUserBg,
             variants: loadingCircleVariants,
             transition: loadingTransition
           }
@@ -60,7 +56,6 @@ const EllipsisLoader = () => {
             cx: "50",
             cy: "15",
             r: "8",
-            fill: endUserBg,
             variants: loadingCircleVariants,
             transition: loadingTransition
           }
@@ -71,7 +66,6 @@ const EllipsisLoader = () => {
             cx: "80",
             cy: "15",
             r: "8",
-            fill: endUserBg,
             variants: loadingCircleVariants,
             transition: loadingTransition
           }

package/dist/Chatbot/ExpandChatToggle.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ExpandChatToggleProps {
+    isExpanded: boolean;
+    onToggle: () => void;
+}
+export declare const ExpandChatToggle: React.FC<ExpandChatToggleProps>;
+export {};

package/dist/Chatbot/ExpandChatToggle.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { vars } from "../themes/axos.css.js";
+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                                    */
+import clsx from "clsx";
+import { button_bar, expandToggleStyle } from "./ChatWindow.css.js";
+const ExpandChatToggle = ({
+  isExpanded,
+  onToggle
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      className: clsx(button_bar, expandToggleStyle),
+      style: { border: "none", cursor: "pointer", padding: 0, lineHeight: 1 },
+      "aria-label": isExpanded ? "Collapse chat window" : "Expand chat window",
+      title: isExpanded ? "Collapse" : "Expand",
+      children: isExpanded ? (
+        // Collapse: inward corners — shown when panel is expanded (shrink toward bottom-right)
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 16,
+            height: 16,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: vars.chatbot.window.headerText,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "20 14 14 14 14 20" }),
+              /* @__PURE__ */ jsx("polyline", { points: "4 10 10 10 10 4" }),
+              /* @__PURE__ */ jsx("line", { x1: "14", y1: "14", x2: "21", y2: "21" }),
+              /* @__PURE__ */ jsx("line", { x1: "10", y1: "10", x2: "3", y2: "3" })
+            ]
+          }
+        )
+      ) : (
+        // Expand: outward corners — shown when panel is compact (grow toward top-left)
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 16,
+            height: 16,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: vars.chatbot.window.headerText,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "9 3 3 3 3 9" }),
+              /* @__PURE__ */ jsx("polyline", { points: "15 21 21 21 21 15" }),
+              /* @__PURE__ */ jsx("line", { x1: "3", y1: "3", x2: "10", y2: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "14", y2: "14" })
+            ]
+          }
+        )
+      )
+    }
+  );
+};
+export {
+  ExpandChatToggle
+};

package/dist/Chatbot/index.js

@@ -1,10 +1,10 @@
 "use client";
 import { Bubble } from "./Bubble.js";
 import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, svgFill } from "./Bubble.css.js";
-import { Chatbot } from "./Chatbot.js";
+import { Chatbot, audioManager } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatAiDisclaimer, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, expandToggleStyle, formTextButton, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowExpandedStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -13,6 +13,7 @@ export {
   Chatbot,
   agent_msg,
   arrowFill,
+  audioManager,
   autoResize,
   borderHoverGradient,
   bubbleButton,
@@ -21,6 +22,7 @@ export {
   button_bar,
   button_reset,
   buttonss_section,
+  chatAiDisclaimer,
   chatEndCircle,
   chatEndDialogOverlay,
   chatFinishDialog,
@@ -31,6 +33,8 @@ export {
   chatbotMenuItem,
   chatbotUFB,
   endChatButtonStyle,
+  expandToggleStyle,
+  formTextButton,
   inline_button,
   inline_button_wrapper,
   inner,
@@ -43,13 +47,18 @@ export {
   sendButtonStyle,
   shimmerText,
   svgFill,
+  tableCell,
+  tableHead,
+  tableMsg,
   thankyou_image,
   thankyou_message,
   thankyou_overlay,
+  trMortgageTable,
   useMessages,
   useOpenChat,
   user_msg,
   windowBarStyle,
+  windowExpandedStyle,
   windowOpenStyle,
   windowStyle
 };

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

@@ -7,6 +7,7 @@ interface OpenChatState {
     reset: () => void;
     showThankyouMessage: boolean;
     displayThankyouMessage: () => void;
+    hideDisplayThankyouMessage: () => void;
     toggleThankyouMessage?: () => void;
     hasEscalated?: boolean;
     startEscalation?: () => void;
@@ -14,6 +15,13 @@ interface OpenChatState {
     isBlockedInput?: boolean;
     blockInput?: () => void;
     unblockInput?: () => void;
+    hasStarted: boolean;
+    setChatStarted: () => void;
+    resetChatStarted: () => void;
+    chatStatus: "idle" | "connected" | "connecting" | "ending" | "ended";
+    setChatStatus: (status: "idle" | "connected" | "connecting" | "ending" | "ended") => void;
+    isWindowExpanded: boolean;
+    toggleWindowExpanded: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -4,6 +4,10 @@ const useOpenChat = create((set, get) => ({
   hasOpenedOnce: false,
   showThankyouMessage: false,
   hasEscalated: false,
+  hasStarted: false,
+  chatStatus: "idle",
+  isWindowExpanded: false,
+  toggleWindowExpanded: () => set((state) => ({ isWindowExpanded: !state.isWindowExpanded })),
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -18,15 +22,23 @@ const useOpenChat = create((set, get) => ({
     isOpen: false,
     showThankyouMessage: false,
     hasEscalated: false,
-    isBlockedInput: false
+    isBlockedInput: false,
+    hasStarted: false,
+    isWindowExpanded: false
   }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
+  hideDisplayThankyouMessage: () => set({ showThankyouMessage: false }),
   toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
   startEscalation: () => set({ hasEscalated: true }),
   endEscalation: () => set({ hasEscalated: false }),
   isBlockedInput: false,
   blockInput: () => set({ isBlockedInput: true }),
-  unblockInput: () => set({ isBlockedInput: false })
+  unblockInput: () => set({ isBlockedInput: false }),
+  setChatStarted: () => set({ hasStarted: true }),
+  resetChatStarted: () => set({ hasStarted: false }),
+  setChatStatus: (status) => set({
+    chatStatus: status
+  })
 }));
 export {
   useOpenChat

package/dist/Chatbot/useHeadlessChat.js

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