@axos-web-dev/shared-components 1.0.100-dev.42-chatbot-reset-fix.7 → 1.0.100-dev.43-executive.2

package/dist/ATMLocator/ATMLocator.js

@@ -11,11 +11,11 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import "react";
 import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Button/Button.css.js";
+import "react";
 import "react-use";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
@@ -67,12 +67,13 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 /* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Auth/ErrorAlert.js

@@ -59,12 +59,13 @@ import "./SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 import { Hyperlink } from "../Hyperlink/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";

package/dist/Auth/SignInPassword.js

@@ -3,12 +3,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Input } from "../Input/Input.js";
 import "../utils/allowedAxosDomains.js";
-import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
-import { useState } from "react";
 import clsx from "clsx";
 import { useAction } from "next-safe-action/hooks";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
+import { z } from "zod";
 import { ErrorAlert } from "./ErrorAlert.js";
 import { body_sign_in, form_input_wrapper, sign_in_button, sign_in_form } from "./SignIn.css.js";
 const schema = z.object({

package/dist/BulletItem/BulletItem.js

@@ -10,7 +10,6 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import "react";
 import clsx from "clsx";
 import { bulletIcon } from "./BulletItem.css.js";
 const BulletItem = (props) => {

package/dist/Button/Button.js

@@ -70,12 +70,13 @@ import "../Auth/SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Calculators/AnnualFeeCalculator/index.js

@@ -5,8 +5,8 @@ import { Chevron } from "../../Chevron/index.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { useRef, useState, useEffect } from "react";
 import clsx from "clsx";
+import { useRef, useState, useEffect } from "react";
 import { calculator } from "../calculator.css.js";
 import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
 const AnnualFeeCalculator = ({

package/dist/Calculators/BuyDownCalculator/index.js

@@ -19,10 +19,10 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import { PercentageInput } from "../../Input/PercentageInput.js";
 import "../../utils/allowedAxosDomains.js";
-import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
 import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,

package/dist/Calculators/Calculator.js

@@ -14,13 +14,13 @@ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import { useRef, useEffect } from "react";
 import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
+import { useRef, useEffect } from "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Chevron/Chevron.css.js";
@@ -49,13 +49,14 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -4,8 +4,8 @@ import { button } from "../../Button/Button.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { useState } from "react";
 import clsx from "clsx";
+import { useState } from "react";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
 import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -5,8 +5,8 @@ import { calc_container, container, h2i, inputs_container, input_container, inpu
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { useState } from "react";
 import clsx from "clsx";
+import { useState } from "react";
 import { calculator } from "../calculator.css.js";
 const MaxLoanCalculator = ({
   variant,

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -4,8 +4,8 @@ import { button } from "../../Button/Button.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { useState } from "react";
 import clsx from "clsx";
+import { useState } from "react";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
 import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";

package/dist/Carousel/index.js

@@ -72,12 +72,13 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                    */
 /* empty css                                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Chatbot/Bubble.css.js

@@ -1,3 +1,4 @@
+import "./Chatbot.css.ts.vanilla.css.js";
 import '../assets/Chatbot/Bubble.css';/* empty css                          */
 var bubbleWrapper = "_7u9pv30";
 var svgFill = "_7u9pv31";

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

@@ -5,7 +5,6 @@ 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 autoResize: string;
 export declare const sendButtonStyle: string;
 export declare const messagesContainerStyle: string;
 export declare const notificationStyle: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -6,21 +6,19 @@ var chat_title = "_13n1jqk3";
 var button_reset = "_13n1jqk4";
 var arrowFill = "_13n1jqk5";
 var inputStyle = "_13n1jqk6";
-var autoResize = "_13n1jqk7";
-var sendButtonStyle = "_13n1jqk8";
-var messagesContainerStyle = "_13n1jqk9";
-var notificationStyle = "_13n1jqka";
-var messageStyle = "_13n1jqkb";
-var inline_button_wrapper = "_13n1jqkc";
-var inline_button = "_13n1jqkd";
-var endChatButtonStyle = "_13n1jqke";
-var chatbotMenu = "_13n1jqkf";
-var chatbotMenuItem = "_13n1jqkg";
-var chatNetworkStatus = "_13n1jqkh";
-var chatFinishDialog = "_13n1jqki";
+var sendButtonStyle = "_13n1jqk7";
+var messagesContainerStyle = "_13n1jqk8";
+var notificationStyle = "_13n1jqk9";
+var messageStyle = "_13n1jqka";
+var inline_button_wrapper = "_13n1jqkb";
+var inline_button = "_13n1jqkc";
+var endChatButtonStyle = "_13n1jqkd";
+var chatbotMenu = "_13n1jqke";
+var chatbotMenuItem = "_13n1jqkf";
+var chatNetworkStatus = "_13n1jqkg";
+var chatFinishDialog = "_13n1jqkh";
 export {
   arrowFill,
-  autoResize,
   button_reset,
   chatFinishDialog,
   chatNetworkStatus,

package/dist/Chatbot/ChatWindow.js

@@ -5,7 +5,7 @@ import React, { useRef, useEffect, Fragment as Fragment$1 } from "react";
 import ReactMarkdown from "react-markdown";
 import { useNetworkState, useMount } from "react-use";
 import remarkGfm from "remark-gfm";
-import { windowBarStyle, chat_title, chatbotMenuItem, chatbotMenu, chatFinishDialog, endChatButtonStyle, button_reset, arrowFill, chatNetworkStatus, notificationStyle, messageStyle, inline_button_wrapper, inline_button, messagesContainerStyle, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
+import { windowBarStyle, chat_title, chatbotMenuItem, chatbotMenu, chatFinishDialog, endChatButtonStyle, button_reset, arrowFill, chatNetworkStatus, notificationStyle, messageStyle, inline_button_wrapper, inline_button, messagesContainerStyle, inputStyle, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
 import EllipsisLoader from "./EllipsisAnimation.js";
 import { EllipsisIcon } from "./EllipsisIcon.js";
 import { useOpenChat } from "./store/chat.js";
@@ -28,16 +28,14 @@ const ChatWindow = ({
   const state = useNetworkState();
   const [input, setInput] = React.useState("");
   const messagesEndRef = useRef(null);
-  const inputRef = useRef(null);
   const isOpen = useOpenChat((state2) => state2.isOpen);
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
   const handleSend = (e) => {
     e.preventDefault();
-    const cleaned = cleanInput(input);
-    if (cleaned) {
-      onSend(cleaned);
+    if (input.trim()) {
+      onSend(input);
       setInput("");
     }
   };
@@ -51,18 +49,6 @@ const ChatWindow = ({
   const escalationDeflected = messages?.filter(
     (item) => item.type == "noti" && item.event == "escalationDeflected"
   ).length > 0;
-  const cleanInput = (text) => text.replace(/[\r\n]+/g, " ").trim();
-  const autoResizeTextarea = () => {
-    if (inputRef.current) {
-      inputRef.current.style.height = "auto";
-      inputRef.current.style.maxHeight = "80px";
-      inputRef.current.style.height = inputRef.current.scrollHeight + "px";
-      inputRef.current.style.overflowY = inputRef.current.scrollHeight > 80 ? "auto" : "hidden";
-    }
-  };
-  useEffect(() => {
-    autoResizeTextarea();
-  }, [input]);
   return /* @__PURE__ */ jsxs("div", { className: clsx(windowStyle, isOpen && windowOpenStyle), children: [
     /* @__PURE__ */ jsxs("div", { className: windowBarStyle, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { paddingBlock: "6px" }, children: [
@@ -283,7 +269,7 @@ const ChatWindow = ({
           ),
           /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: endChat, children: "End Chat" }) })
         ] }),
-        ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsx(
+        ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsxs(
           "div",
           {
             className: messageStyle,
@@ -294,58 +280,62 @@ const ChatWindow = ({
               color: msg.$userType == "end_user" ? "#fff" : "#1F1F1F",
               boxShadow: msg.$userType == "end_user" ? "0 1px 4px #b3e0ff55" : void 0
             },
-            children: /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  fontSize: 13,
-                  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"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
-                      ]
-                    }
-                  ),
-                  msg.$userType != "end_user" ? /* @__PURE__ */ jsx(
-                    ReactMarkdown,
-                    {
-                      remarkPlugins: [[remarkGfm, { singleTilde: false }]],
-                      components: {
-                        p: ({ ...props }) => /* @__PURE__ */ jsx(
-                          "p",
-                          {
-                            style: { margin: 0, fontSize: "inherit" },
-                            title: new Date(msg.$timestamp).toLocaleString(),
-                            ...props
-                          }
-                        )
-                      },
-                      children: msg.content
-                    }
-                  ) : /* @__PURE__ */ jsx("div", { title: new Date(msg.$timestamp).toLocaleString(), children: msg.content })
-                ]
-              }
-            )
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    fontSize: 13,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 4
+                  },
+                  children: [
+                    msg.$userType == "virtual_agent" && /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          // justifyContent: "center",
+                          alignItems: "center",
+                          gap: "8px"
+                        },
+                        children: [
+                          showAvatar && /* @__PURE__ */ jsx(
+                            "img",
+                            {
+                              width: 24,
+                              height: 24,
+                              src: virtualAgent?.avatar_url,
+                              alt: "agent avatar"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("strong", { children: virtualAgent?.name })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ReactMarkdown,
+                      {
+                        remarkPlugins: [[remarkGfm, { singleTilde: false }]],
+                        components: {
+                          p: ({ ...props }) => /* @__PURE__ */ jsx(
+                            "p",
+                            {
+                              style: { margin: 0, fontSize: "inherit" },
+                              title: new Date(msg.$timestamp).toLocaleString(),
+                              ...props
+                            }
+                          )
+                        },
+                        children: msg.content
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { style: { fontSize: 10, color: "#888", marginTop: 2 } })
+            ]
           },
           msg.$index
         ),
@@ -408,31 +398,20 @@ const ChatWindow = ({
         onSubmit: handleSend,
         style: {
           borderTop: "1px solid #eee",
-          display: "flex"
-          // gap: 8,
+          display: "flex",
+          gap: 8
         },
         children: [
           /* @__PURE__ */ jsx(
-            "textarea",
+            "input",
             {
-              ref: inputRef,
+              type: "text",
               value: input,
               onChange: (e) => setInput(e.target.value),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && !e.shiftKey) {
-                  e.preventDefault();
-                  const cleaned = cleanInput(input);
-                  if (cleaned) {
-                    onSend(cleaned);
-                    setInput("");
-                  }
-                }
-              },
               placeholder: "Ask something...",
-              className: clsx(inputStyle, autoResize),
+              className: inputStyle,
               autoFocus: true,
-              disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
-              rows: 1
+              disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected
             }
           ),
           /* @__PURE__ */ jsx(

package/dist/Chatbot/Chatbot.css.js

@@ -1,4 +1,3 @@
-import "./Chatbot.css.ts.vanilla.css.js";
 var chatbotAXB = "_1hpv6vm0";
 var chatbotUFB = "_1hpv6vm1";
 export {

package/dist/Chatbot/Chatbot.d.ts

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

package/dist/Chatbot/Chatbot.js

@@ -6,13 +6,13 @@ import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
-import { useRef, useState, useEffect } from "react";
+import { Logger, consoleLoggerHandler, Client } from "@ujet/websdk-headless";
+import { useRef, useState } from "react";
 import { useMount, useUnmount } from "react-use";
 const Chatbot = ({
   project = "axos",
   projectEnv = "dev",
-  menuOption = "Support Virtual Agent",
-  debug = false
+  menuOption = "Support Virtual Agent"
 }) => {
   const { hasOpenedOnce, toggle, reset } = useOpenChat();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
@@ -24,8 +24,6 @@ const Chatbot = ({
   const agent_virtual = useRef(null);
   const [status, setStatus] = useState("idle");
   const [hasStarted, setHasStarted] = useState(false);
-  const [menusLoaded, setMenusLoaded] = useState(false);
-  const [pendingStart, setPendingStart] = useState(false);
   const brandMap = /* @__PURE__ */ new Map([
     ["axos", 1],
     ["ufb", 3]
@@ -50,13 +48,11 @@ const Chatbot = ({
       }
     }
   };
+  if (projectEnv !== "prod") {
+    Logger.addHandler(consoleLoggerHandler);
+  }
   const onReadyHandler = async () => {
     console.log("Chat client is ready");
-    if (clientRef.current) {
-      menuRef.current = await clientRef.current.getMenus();
-      setMenusLoaded(true);
-      console.log("menus:", menuRef.current);
-    }
   };
   const onAuthenticatedHandler = async () => {
     console.log("Chat client is authenticated");
@@ -100,6 +96,8 @@ const Chatbot = ({
     }
   };
   const registerEventHandlers = () => {
+    clientRef.current?.on("ready", onReadyHandler);
+    clientRef.current?.on("authenticated", onAuthenticatedHandler);
     clientRef.current?.on("chat.ongoing", onChatOngoingHandler);
     clientRef.current?.on("chat.message", onChatMessageHandler);
     clientRef.current?.on("chat.typingStarted", onChatTypingStartedHandler);
@@ -126,10 +124,6 @@ const Chatbot = ({
     clientRef.current?.off("chat.connected", onChatConnectedHandler);
   };
   const createClient = async () => {
-    const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
-    if (projectEnv !== "prod" || debug) {
-      Logger.addHandler(consoleLoggerHandler);
-    }
     if (clientRef.current) return;
     const client = new Client({
       companyId: process.env.CCAI_COMPANY_ID || "",
@@ -138,10 +132,10 @@ const Chatbot = ({
       // or your region
       authenticate
     });
-    client?.on("ready", onReadyHandler);
-    client?.on("authenticated", onAuthenticatedHandler);
     isMountedRef.current = true;
     clientRef.current = client;
+    menuRef.current = await client.getMenus();
+    console.log("menus:", menuRef.current);
     registerEventHandlers();
     return;
   };
@@ -149,17 +143,6 @@ const Chatbot = ({
     console.log("Starting chat");
     const client = clientRef.current;
     if (!client) return;
-    if (!menuRef.current || !menuRef.current.menus) {
-      let waited = 0;
-      while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
-        await new Promise((res) => setTimeout(res, 100));
-        waited += 100;
-      }
-      if (!menuRef.current || !menuRef.current.menus) {
-        console.error("Menu not loaded, cannot start chat");
-        return;
-      }
-    }
     try {
       const ongoingChat = await client.loadOngoingChat();
       if (ongoingChat) {
@@ -177,7 +160,6 @@ const Chatbot = ({
       const newChat = await client.createChat(menuId, { custom_data });
       if (newChat !== null) {
         chatRef.current = newChat;
-        agent_virtual.current = newChat.agent;
         console.log("Chat created id:", newChat.id);
       }
     } catch (err) {
@@ -187,10 +169,6 @@ const Chatbot = ({
   const handleClick = async () => {
     toggle();
     if (hasStarted) return;
-    if (!menusLoaded) {
-      setPendingStart(true);
-      return;
-    }
     if (!hasOpenedOnce) {
       await startChat();
       setHasStarted(true);
@@ -218,25 +196,11 @@ const Chatbot = ({
     isMountedRef.current = true;
     await createClient();
   });
-  useEffect(() => {
-    if (menusLoaded && pendingStart && !hasStarted) {
-      startChat();
-      setHasStarted(true);
-      setPendingStart(false);
-    }
-  }, [menusLoaded, pendingStart, hasStarted]);
   useUnmount(() => {
     console.log("Chatbot unmounted");
     deregisterEventHandlers();
     isMountedRef.current = false;
     hasLoadedBefore.current = true;
-    reset();
-    setHasStarted(false);
-    setStatus("idle");
-    clearMessages();
-    clientRef.current?.destroy();
-    clientRef.current?.destroyChat();
-    clientRef.current = null;
   });
   return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
     /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),

package/dist/Chatbot/index.js

@@ -4,7 +4,7 @@ import { bubbleWrapper, svgFill } from "./Bubble.css.js";
 import { Chatbot } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { arrowFill, autoResize, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, 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";
 export {
@@ -12,7 +12,6 @@ export {
   ChatWindow,
   Chatbot,
   arrowFill,
-  autoResize,
   bubbleWrapper,
   button_reset,
   chatFinishDialog,

package/dist/Chevron/index.js

@@ -72,12 +72,13 @@ import "../Auth/SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";