@axos-web-dev/shared-components 1.0.100-dev.73-nav → 1.0.100-dev.73-nav-0

package/dist/Chatbot/ChatWindow.js

@@ -51,13 +51,19 @@ const ChatWindow = ({
   const messagesEndRef = useRef(null);
   const inputRef = useRef(null);
   const isOpen = useOpenChat((state2) => state2.isOpen);
+  const isBlockedInput = useOpenChat((state2) => state2.isBlockedInput);
+  const blockInput = useOpenChat((state2) => state2.blockInput);
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
   const handleSend = (e) => {
     e.preventDefault();
     const cleaned = cleanInput(input);
+    if (isBlockedInput) return;
     if (cleaned) {
+      if (!hasEscalated) {
+        blockInput?.();
+      }
       onSend(cleaned);
       setInput("");
     }
@@ -466,18 +472,13 @@ const ChatWindow = ({
                   previewTyping(e.target?.value);
                 }
                 if (e.key === "Enter" && !e.shiftKey) {
-                  e.preventDefault();
-                  const cleaned = cleanInput(input);
-                  if (cleaned) {
-                    onSend(cleaned);
-                    setInput("");
-                  }
+                  handleSend(e);
                 }
               },
               placeholder: "Ask anything...",
               className: clsx(inputStyle, autoResize),
               autoFocus: true,
-              disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
+              disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
               rows: 1
             }
           ),
@@ -490,7 +491,7 @@ const ChatWindow = ({
               ),
               type: "submit",
               title: "Send message",
-              disabled: inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
+              disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
               children: /* @__PURE__ */ jsx(
                 "svg",
                 {

package/dist/Chatbot/Chatbot.d.ts

@@ -7,4 +7,4 @@ export declare const Chatbot: ({ project, projectEnv, menuOption, debug, }: {
     projectEnv?: "dev" | "qa" | "uat" | "stg" | "prod";
     menuOption?: "Support Virtual Agent" | string;
     debug?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => false | import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chatbot.js

@@ -20,7 +20,9 @@ const Chatbot = ({
     reset,
     startEscalation,
     hasEscalated,
-    endEscalation
+    endEscalation,
+    unblockInput,
+    isBlockedInput
   } = useOpenChat();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
@@ -98,7 +100,11 @@ const Chatbot = ({
   const onChatMessageHandler = async (message) => {
     console.log("Received message:", message);
     if (["system", "virtual_agent", "user"].includes(message.$userType) && message.event === void 0) {
+      console.log(message.$userType, "not end user");
       addMessage(message);
+      if (!hasEscalated && isBlockedInput) {
+        unblockInput?.();
+      }
       return;
     }
     const eventName = message?.event;
@@ -117,6 +123,7 @@ const Chatbot = ({
         addMessage(message);
         if (["end_user"].includes(message.$userType)) {
           if (!hasEscalated) {
+            console.log(message.$userType, "end user");
             addMessage(typingMessage);
           }
         }
@@ -157,19 +164,28 @@ const Chatbot = ({
   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?.();
+    try {
+      if (!clientRef.current) {
+        console.error("Client not initialized on chat connected");
+        return;
+      }
+      const messages2 = await clientRef.current?.fetchMessages();
+      console.log("Fetched messages on chat connected:", messages2);
+      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?.();
+        }
       }
+    } catch (error) {
+      console.error("Error fetching messages on chat connected:", error);
     }
   };
   const registerEventHandlers = () => {
@@ -341,7 +357,7 @@ const Chatbot = ({
       console.error("Error sending preview message:", error);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
+  return menusLoaded && /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
     /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
     /* @__PURE__ */ jsx(
       ChatWindow,

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

@@ -11,6 +11,9 @@ interface OpenChatState {
     hasEscalated?: boolean;
     startEscalation?: () => void;
     endEscalation?: () => void;
+    isBlockedInput?: boolean;
+    blockInput?: () => void;
+    unblockInput?: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -17,12 +17,16 @@ const useOpenChat = create((set, get) => ({
     hasOpenedOnce: false,
     isOpen: false,
     showThankyouMessage: false,
-    hasEscalated: false
+    hasEscalated: false,
+    isBlockedInput: false
   }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
   toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
   startEscalation: () => set({ hasEscalated: true }),
-  endEscalation: () => set({ hasEscalated: false })
+  endEscalation: () => set({ hasEscalated: false }),
+  isBlockedInput: false,
+  blockInput: () => set({ isBlockedInput: true }),
+  unblockInput: () => set({ isBlockedInput: false })
 }));
 export {
   useOpenChat

package/dist/assets/Chatbot/ChatWindow.css

@@ -1,9 +1,9 @@
 @keyframes _13n1jqku {
   0% {
-    background-position: -200% 0;
+    background-position: 200% 0;
   }
   100% {
-    background-position: 200% 0;
+    background-position: -200% 0;
   }
 }
 ._13n1jqk0 {
@@ -301,8 +301,13 @@ button:has(span:hover) ._13n1jqk6 {
   border-bottom-right-radius: 32px;
 }
 ._13n1jqkv {
-  background: linear-gradient(90deg, var(--_1073cm819) 0%, rgba(255,255,255,0.8) 50%, var(--_1073cm819) 100%);
-  background-size: 200% 100%;
+  background: linear-gradient(
+  90deg,
+  var(--_1073cm819) 0%,
+  rgba(255,255,255,0.8) 50%,
+  var(--_1073cm819) 100%
+);
+  background-size: 200% auto;
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.73-nav",
+  "version": "1.0.100-dev.73-nav-0",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",