@axos-web-dev/shared-components 1.0.77-patch.36 → 1.0.77-patch.38

package/dist/ATMLocator/ATMLocator.js

@@ -66,12 +66,13 @@ import { calculator_headline, calculator_description } from "../Calculators/calc
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* 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

@@ -58,12 +58,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/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_wf36a_1";
-const container = "_container_wf36a_9";
-const image = "_image_wf36a_27";
-const text = "_text_wf36a_45";
-const name = "_name_wf36a_57";
-const title = "_title_wf36a_73";
-const description = "_description_wf36a_87";
+import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_1bnm9_1";
+const container = "_container_1bnm9_5";
+const image = "_image_1bnm9_14";
+const text = "_text_1bnm9_23";
+const name = "_name_1bnm9_29";
+const title = "_title_1bnm9_37";
+const description = "_description_1bnm9_44";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1r8g1_1";
-const author = "_author_1r8g1_13";
-const quote = "_quote_1r8g1_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
+const author = "_author_1mzku_7";
+const quote = "_quote_1mzku_1";
 const css = {
   quote_spacer,
   author,

package/dist/Button/Button.js

@@ -69,12 +69,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/BuyDownCalculator/index.js

@@ -622,7 +622,7 @@ const BuyDownCalculator = ({
                         id: "mooringOutsideContinentalUS",
                         ...register("mooringOutsideContinentalUS"),
                         value: 0.5,
-                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n                                    +0.500",
+                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\n                                    +0.500",
                         groupName: "dependentInputs",
                         disabled: disableMooringOutside
                       }

package/dist/Calculators/Calculator.js

@@ -48,13 +48,14 @@ import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index
 import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* 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 "react-use";
-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/Carousel/index.js

@@ -71,12 +71,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/Bubble.d.ts

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from 'react';
 
-export declare const Bubble: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.js

@@ -3,10 +3,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
 import { bubbleWrapper, svgFill } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
-const Bubble = ({ children }) => {
+const Bubble = ({
+  children,
+  onClick = () => {
+  }
+}) => {
   const isOpen = useOpenChat((state) => state.isOpen);
-  const toggle = useOpenChat((state) => state.toggle);
-  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick: toggle, children: [
+  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick, children: [
     /* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
       motion.svg,
       {

package/dist/Chatbot/ChatWindow.css.js

@@ -1,4 +1,3 @@
-import "./Chatbot.css.ts.vanilla.css.js";
 import '../assets/Chatbot/ChatWindow.css';/* empty css                              */
 var windowStyle = "_13n1jqk0";
 var windowOpenStyle = "_13n1jqk1";

package/dist/Chatbot/ChatWindow.d.ts

@@ -1,4 +1,4 @@
-import { MessageResponse as BaseMessageResponse, HumanAgent } from '@ujet/websdk-headless';
+import { MessageResponse as BaseMessageResponse, HumanAgent, VirtualAgent } from '@ujet/websdk-headless';
 import { default as React } from 'react';
 
 interface MessageResponse extends BaseMessageResponse {
@@ -19,11 +19,7 @@ interface ChatWindowProps {
     onClose?: () => void;
     endChat?: () => void;
     showReconnect?: boolean;
-    virtualAgent?: {
-        avatar_url: string;
-        name: string;
-        id: string;
-    };
+    virtualAgent?: VirtualAgent | null;
     showAvatar?: boolean;
 }
 export declare const ChatWindow: React.FC<ChatWindowProps>;

package/dist/Chatbot/ChatWindow.js

@@ -6,6 +6,7 @@ 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, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
+import EllipsisLoader from "./EllipsisAnimation.js";
 import { EllipsisIcon } from "./EllipsisIcon.js";
 import { useOpenChat } from "./store/chat.js";
 const ChatWindow = ({
@@ -45,6 +46,9 @@ const ChatWindow = ({
   const isAxos = project === "axos";
   const endUserBg = isAxos ? "#14263d" : "#323339";
   const chatbotBg = isAxos ? "#E9F8FF" : "#EAE8E8";
+  const escalationDeflected = messages?.filter(
+    (item) => item.type == "noti" && item.event == "escalationDeflected"
+  ).length > 0;
   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: [
@@ -210,6 +214,34 @@ const ChatWindow = ({
       }
     ) }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
+      (status === "idle" || messages.length == 0) && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(),
+          style: {
+            textAlign: "left",
+            alignSelf: "flex-start",
+            background: "#eee",
+            color: "#1e3860",
+            borderRadius: 16,
+            padding: "8px 8px",
+            maxWidth: "80%",
+            marginBottom: 2
+          },
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: 13,
+                display: "flex",
+                flexDirection: "column",
+                gap: 4
+              },
+              children: /* @__PURE__ */ jsx(EllipsisLoader, {})
+            }
+          )
+        }
+      ),
       messages?.map((msg) => /* @__PURE__ */ jsxs(Fragment$1, { 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: [
@@ -221,6 +253,22 @@ const ChatWindow = ({
           " ",
           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: endChat, children: "End Chat" }) })
+        ] }),
         ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsxs(
           "div",
           {
@@ -363,7 +411,7 @@ const ChatWindow = ({
               placeholder: "Ask something...",
               className: inputStyle,
               autoFocus: true,
-              disabled: inputDisabled || status !== "connected"
+              disabled: inputDisabled || status !== "connected" || escalationDeflected
             }
           ),
           /* @__PURE__ */ jsx(
@@ -371,6 +419,7 @@ const ChatWindow = ({
             {
               className: clsx(sendButtonStyle, input.trim().length > 0 && "active"),
               type: "submit",
+              title: "Send message",
               disabled: inputDisabled || status !== "connected" || !input.trim(),
               children: /* @__PURE__ */ jsxs(
                 "svg",

package/dist/Chatbot/Chatbot.d.ts

@@ -1,6 +1,10 @@
 export type ChatbotProps = {
     project?: "axos" | "ufb";
     debug?: boolean;
-    env?: "dev" | "qa" | "uat" | "prod";
 };
-export declare const Chatbot: (props: ChatbotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chatbot: ({ project, projectEnv, menuOption, }: {
+    project?: "axos" | "ufb";
+    projectEnv?: "dev" | "qa" | "uat" | "stg" | "prod";
+    menuOption?: "Support Virtual Agent" | string;
+    debug?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chatbot.js

@@ -6,34 +6,212 @@ 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 { useHeadlessChat } from "./useHeadlessChat.js";
-const Chatbot = (props) => {
-  const messages = useMessages((state) => state.messages);
-  const close = useOpenChat((state) => state.close);
-  const { status, sendMessage, showReconnect, endChat, virtualAgent } = useHeadlessChat({
-    companyId: process.env.CCAI_COMPANY_ID || "",
-    tenant: process.env.CCAI_TENANT_NAME || "",
-    host: process.env.CCAI_HOST || "",
-    // or your region
-    projectId: process.env.CCAI_PROJECT_ID || props.project || "axos",
-    getToken: authenticate,
-    debug: props.debug || process.env.NODE_ENV === "development",
-    env_project: props.env || "prod"
+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"
+}) => {
+  const { hasOpenedOnce, toggle, reset } = useOpenChat();
+  const { addMessage, addMessages, clearMessages, messages } = useMessages();
+  const clientRef = useRef(null);
+  const menuRef = useRef(null);
+  const isMountedRef = useRef(false);
+  const hasLoadedBefore = useRef(true);
+  const chatRef = useRef(null);
+  const agent_virtual = useRef(null);
+  const [status, setStatus] = useState("idle");
+  const [hasStarted, setHasStarted] = useState(false);
+  const brandMap = /* @__PURE__ */ new Map([
+    ["axos", 1],
+    ["ufb", 3]
+  ]);
+  const custom_data = {
+    unsigned: {
+      facingBrandId: {
+        label: "facingBrandId",
+        value: `${brandMap.get(project) || 1}`
+      },
+      channel: {
+        label: "channel",
+        value: "in_web"
+      },
+      user_auth: {
+        label: "user_auth",
+        value: "false"
+      },
+      env: {
+        label: "env",
+        value: projectEnv === "dev" ? "uat" : projectEnv
+      }
+    }
+  };
+  if (projectEnv !== "prod") {
+    Logger.addHandler(consoleLoggerHandler);
+  }
+  const onReadyHandler = async () => {
+    console.log("Chat client is ready");
+  };
+  const onAuthenticatedHandler = async () => {
+    console.log("Chat client is authenticated");
+  };
+  const onChatOngoingHandler = async (chat) => {
+    console.log("Ongoing chat:", chat);
+  };
+  const onChatMessageHandler = async (message) => {
+    console.log("Received message:", message);
+    addMessage(message);
+  };
+  const onChatTypingStartedHandler = async (identity) => {
+    console.log("Typing started by:", identity);
+  };
+  const onChatDisconnectedHandler = async () => {
+    console.log("Chat disconnected");
+    setStatus("idle");
+  };
+  const onDismissedHandler = async () => {
+    console.log("Chat dismissed");
+  };
+  const onTimeoutHandler = async () => {
+    console.log("Chat timeout");
+  };
+  const onEndedHandler = async () => {
+    console.log("Chat ended");
+    setStatus("finished");
+  };
+  const onDestroyedHandler = async () => {
+    console.log("Chat destroyed");
+  };
+  const onChatMemberLeftHandler = async (identity) => {
+    console.log("Chat member left:", identity);
+  };
+  const onChatConnectedHandler = async () => {
+    setStatus("connected");
+    console.log("connected");
+    const messages2 = await clientRef.current?.fetchMessages();
+    if (messages2) {
+      addMessages(messages2);
+    }
+  };
+  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);
+    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.memberLeft", onChatMemberLeftHandler);
+    clientRef?.current?.on("chat.connected", onChatConnectedHandler);
+  };
+  const deregisterEventHandlers = () => {
+    clientRef.current?.off("ready", onReadyHandler);
+    clientRef.current?.off("authenticated", onAuthenticatedHandler);
+    clientRef.current?.off("chat.ongoing", onDismissedHandler);
+    clientRef.current?.off("chat.message", onChatMessageHandler);
+    clientRef.current?.off("chat.typingStarted", onChatTypingStartedHandler);
+    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.connected", onChatConnectedHandler);
+  };
+  const createClient = async () => {
+    if (clientRef.current) return;
+    const client = new Client({
+      companyId: process.env.CCAI_COMPANY_ID || "",
+      tenant: process.env.CCAI_TENANT_NAME || "",
+      host: process.env.CCAI_HOST || "",
+      // or your region
+      authenticate
+    });
+    isMountedRef.current = true;
+    clientRef.current = client;
+    menuRef.current = await client.getMenus();
+    console.log("menus:", menuRef.current);
+    registerEventHandlers();
+    return;
+  };
+  const startChat = async () => {
+    console.log("Starting chat");
+    const client = clientRef.current;
+    if (!client) return;
+    try {
+      const ongoingChat = await client.loadOngoingChat();
+      if (ongoingChat) {
+        console.log("Ongoing chat found:", ongoingChat);
+        console.log("Resuming chat:", ongoingChat.id);
+        chatRef.current = await client.resumeChat(ongoingChat.id);
+        agent_virtual.current = ongoingChat.agent;
+        return;
+      }
+      const foundMenu = menuRef.current.menus.find(
+        (menu) => menu.name === menuOption
+      );
+      const menuId = foundMenu && foundMenu.id;
+      console.log("Creating new chat with menu ID:", menuId);
+      const newChat = await client.createChat(menuId, { custom_data });
+      if (newChat !== null) {
+        chatRef.current = newChat;
+        console.log("Chat created id:", newChat.id);
+      }
+    } catch (err) {
+      console.error("Error creating chat:", err);
+    }
+  };
+  const handleClick = async () => {
+    toggle();
+    if (hasStarted) return;
+    if (!hasOpenedOnce) {
+      await startChat();
+      setHasStarted(true);
+    }
+  };
+  const onSendMessage = (msg) => {
+    console.log("Sending message:", msg);
+    clientRef.current?.sendTextMessage(msg);
+  };
+  const onEndChat = async () => {
+    console.log("Ending chat");
+    if (chatRef.current) {
+      await clientRef.current?.finishChat();
+      await chatRef.current.destroy();
+      clearMessages();
+      chatRef.current = null;
+      console.log("Chat ended");
+      setHasStarted(false);
+      reset();
+    }
+  };
+  useMount(async () => {
+    console.log("Chatbot mounted");
+    if (isMountedRef.current) return;
+    isMountedRef.current = true;
+    await createClient();
+  });
+  useUnmount(() => {
+    console.log("Chatbot unmounted");
+    deregisterEventHandlers();
+    isMountedRef.current = false;
+    hasLoadedBefore.current = true;
   });
-  return /* @__PURE__ */ jsxs("div", { className: props.project === "ufb" ? chatbotUFB : chatbotAXB, children: [
-    /* @__PURE__ */ jsx(Bubble, {}),
+  return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
+    /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
     /* @__PURE__ */ jsx(
       ChatWindow,
       {
         status,
-        onClose: close,
+        virtualAgent: agent_virtual.current,
         messages,
-        onSend: function(msg) {
-          sendMessage(msg);
-        },
-        endChat,
-        virtualAgent,
-        showReconnect
+        onSend: onSendMessage,
+        endChat: onEndChat
       }
     )
   ] });

package/dist/Chatbot/EllipsisAnimation.d.ts

@@ -0,0 +1,2 @@
+declare const EllipsisLoader: () => import("react/jsx-runtime").JSX.Element;
+export default EllipsisLoader;

package/dist/Chatbot/EllipsisAnimation.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+const loadingContainerVariants = {
+  start: {
+    transition: {
+      staggerChildren: 0.2
+      // Delay between each dot's animation
+    }
+  },
+  end: {
+    transition: {
+      staggerChildren: 0.2
+    }
+  }
+};
+const loadingCircleVariants = {
+  start: {
+    y: "0%"
+  },
+  end: {
+    y: "100%"
+    // Move down by 100% of its height
+  }
+};
+const loadingTransition = {
+  duration: 0.6,
+  repeat: Infinity,
+  repeatType: "reverse",
+  // Reverse the animation direction
+  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,
+    {
+      width: "30",
+      height: "15",
+      viewBox: "0 0 100 50",
+      variants: loadingContainerVariants,
+      initial: "start",
+      animate: "end",
+      children: [
+        /* @__PURE__ */ jsx(
+          motion.circle,
+          {
+            cx: "20",
+            cy: "15",
+            r: "8",
+            fill: endUserBg,
+            variants: loadingCircleVariants,
+            transition: loadingTransition
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.circle,
+          {
+            cx: "50",
+            cy: "15",
+            r: "8",
+            fill: endUserBg,
+            variants: loadingCircleVariants,
+            transition: loadingTransition
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.circle,
+          {
+            cx: "80",
+            cy: "15",
+            r: "8",
+            fill: endUserBg,
+            variants: loadingCircleVariants,
+            transition: loadingTransition
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  EllipsisLoader as default
+};

package/dist/Chatbot/index.d.ts

@@ -6,4 +6,3 @@ export * from './ChatWindow';
 export * from './ChatWindow.css';
 export * from './store/chat';
 export * from './store/messages';
-export * from './useHeadlessChat';

package/dist/Chatbot/index.js

@@ -7,7 +7,6 @@ import { ChatWindow } from "./ChatWindow.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";
-import { useHeadlessChat } from "./useHeadlessChat.js";
 export {
   Bubble,
   ChatWindow,
@@ -31,7 +30,6 @@ export {
   notificationStyle,
   sendButtonStyle,
   svgFill,
-  useHeadlessChat,
   useMessages,
   useOpenChat,
   windowBarStyle,

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

@@ -1,5 +1,6 @@
 interface OpenChatState {
     isOpen: boolean;
+    hasOpenedOnce: boolean;
     toggle: () => void;
     open: () => void;
     close: () => void;