@axos-web-dev/shared-components 1.0.77-patch.42 → 1.0.77-patch.44

package/dist/Calculators/Calculator.js

@@ -51,8 +51,8 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "react-use";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Chatbot/ChatWindow.css.js

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

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.js

@@ -6,7 +6,7 @@ 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 } from "react";
+import { useRef, useState, useEffect } from "react";
 import { useMount, useUnmount } from "react-use";
 const Chatbot = ({
   project = "axos",
@@ -24,6 +24,8 @@ 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,6 +52,11 @@ const Chatbot = ({
   };
   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");
@@ -135,8 +142,6 @@ const Chatbot = ({
     client?.on("authenticated", onAuthenticatedHandler);
     isMountedRef.current = true;
     clientRef.current = client;
-    menuRef.current = await client.getMenus();
-    console.log("menus:", menuRef.current);
     registerEventHandlers();
     return;
   };
@@ -146,7 +151,7 @@ const Chatbot = ({
     if (!client) return;
     if (!menuRef.current || !menuRef.current.menus) {
       let waited = 0;
-      while ((!menuRef.current || !menuRef.current.menus) && waited < 2e3) {
+      while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
         await new Promise((res) => setTimeout(res, 100));
         waited += 100;
       }
@@ -182,6 +187,10 @@ const Chatbot = ({
   const handleClick = async () => {
     toggle();
     if (hasStarted) return;
+    if (!menusLoaded) {
+      setPendingStart(true);
+      return;
+    }
     if (!hasOpenedOnce) {
       await startChat();
       setHasStarted(true);
@@ -215,6 +224,13 @@ const Chatbot = ({
     isMountedRef.current = false;
     hasLoadedBefore.current = true;
   });
+  useEffect(() => {
+    if (menusLoaded && pendingStart && !hasStarted) {
+      startChat();
+      setHasStarted(true);
+      setPendingStart(false);
+    }
+  }, [menusLoaded, pendingStart, hasStarted]);
   return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
     /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
     /* @__PURE__ */ jsx(

package/dist/Forms/SuccesForm.js

@@ -60,8 +60,8 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "react-use";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.77-patch.42",
+  "version": "1.0.77-patch.44",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",