@axos-web-dev/shared-components 1.0.77-patch.69 → 1.0.77-patch.69-rev.1

package/dist/Chatbot/ChatWindow.js

@@ -43,7 +43,8 @@ const ChatWindow = ({
     toggleThankyouMessage,
     hasEscalated,
     isBlockedInput,
-    isOpen
+    isOpen,
+    hasOpenedOnce
   } = useOpenChat();
   const [mounted, setMounted] = React.useState(false);
   const [menuOpen, setMenuOpen] = React.useState(false);
@@ -398,7 +399,7 @@ const ChatWindow = ({
       }
     ) }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
-      (status === "idle" || messages.length == 0) && /* @__PURE__ */ jsx(
+      (status === "idle" && messages.length == 0 || messages.length == 0) && /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(),
@@ -425,22 +426,28 @@ const ChatWindow = ({
           )
         }
       ),
-      messages?.map((msg) => /* @__PURE__ */ jsx(
-        ChatbotMessage,
-        {
-          msg,
-          onSend,
-          showAvatar,
-          showName,
-          virtualAgent,
-          onCancelEndChat,
-          onEndChat: () => {
-            endChat();
-            onCloseAfterThankYou();
-          }
-        },
-        msg?.$index
-      )),
+      messages?.map((msg) => {
+        if (!hasOpenedOnce) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx(
+          ChatbotMessage,
+          {
+            msg,
+            onSend,
+            showAvatar,
+            showName,
+            virtualAgent,
+            onCancelEndChat,
+            onEndChat: () => {
+              endChat();
+              onCloseAfterThankYou();
+            },
+            inputRef
+          },
+          msg?.$index
+        );
+      }),
       showReconnect && /* @__PURE__ */ jsx(
         "button",
         {

package/dist/Chatbot/ChatbotMessage.d.ts

@@ -12,6 +12,7 @@ interface ChatbotMessageProps {
     onCancelEndChat?: () => void;
     onSend?: (content: string) => void;
     onEndChat?: () => void;
+    inputRef: React.RefObject<HTMLTextAreaElement | null>;
 }
 export declare const ChatbotMessage: FC<ChatbotMessageProps>;
 export {};

package/dist/Chatbot/ChatbotMessage.js

@@ -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",
       {

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.69",
+  "version": "1.0.77-patch.69-rev.1",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",