@aslaluroba/help-center-react 3.2.14 → 3.2.16

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "3.2.14",
+  "version": "3.2.16",
   "description": "BabylAI Help Center Widget for React and Next.js",
   "private": false,
   "exports": {

package/src/components/ui/agent-response/agent-response.tsx

@@ -1,6 +1,6 @@
-import { useTypewriter } from '@/lib/custom-hooks/useTypewriter';
-import Markdown from 'react-markdown';
-import type { Element } from 'hast';
+import { useTypewriter } from "@/lib/custom-hooks/useTypewriter";
+import Markdown from "react-markdown";
+import type { Element } from "hast";
 
 interface AgentResponseProps {
   messageContent: string;
@@ -11,10 +11,16 @@ interface AgentResponseProps {
 
 const seenMessagesRef = new Set<number>();
 
-const AgentResponse = ({ senderType, messageContent, messageId, onType }: AgentResponseProps) => {
+const AgentResponse = ({
+  senderType,
+  messageContent,
+  messageId,
+  onType,
+}: AgentResponseProps) => {
   // Ensure messageContent is always a string to prevent errors
-  const safeMessageContent = messageContent ?? '';
-  const shouldAnimate = (senderType === 2 || senderType === 3) && !seenMessagesRef.has(messageId);
+  const safeMessageContent = messageContent ?? "";
+  const shouldAnimate =
+    (senderType === 2 || senderType === 3) && !seenMessagesRef.has(messageId);
   const animatedText = useTypewriter(safeMessageContent, 20, onType);
   const finalMessage = shouldAnimate ? animatedText : safeMessageContent;
 
@@ -25,17 +31,18 @@ const AgentResponse = ({ senderType, messageContent, messageId, onType }: AgentR
 
   return (
     <div
-      className={`babylai:rounded-2xl babylai:p-4  ${
+      dir="auto"
+      className={`babylai:rounded-2xl babylai:p-4 ${
         senderType === 1
-          ? 'babylai:bg-primary-500 babylai:text-black-white-50 babylai:max-w-[220px]'
-          : 'babylai:bg-card'
+          ? "babylai:bg-primary-500 babylai:text-black-white-50 babylai:max-w-[220px]"
+          : "babylai:bg-card"
       }`}
     >
       <Markdown
         components={{
           p: ({ node, ...props }: { node?: Element; [key: string]: any }) => (
             <p
-              className='babylai:m-0 babylai:leading-snug babylai:text-sm babylai:font-sans babylai:wrap-break-word babylai:text-start'
+              className="babylai:m-0 babylai:leading-snug babylai:text-sm babylai:font-sans babylai:wrap-break-word"
               {...props}
             />
           ),

package/src/globals.css

@@ -138,12 +138,14 @@
   }
 
   @keyframes typing-dot {
+
     0%,
     60%,
     100% {
       opacity: 0.35;
       transform: scale(0.85);
     }
+
     30% {
       opacity: 1;
       transform: scale(1);
@@ -155,12 +157,15 @@
 .babylai-typing-dot {
   animation: typing-dot 1.4s ease-in-out infinite;
 }
+
 .babylai-typing-dot:nth-child(1) {
   animation-delay: 0ms;
 }
+
 .babylai-typing-dot:nth-child(2) {
   animation-delay: 0.2s;
 }
+
 .babylai-typing-dot:nth-child(3) {
   animation-delay: 0.4s;
 }
@@ -216,6 +221,14 @@
   p {
     margin: 0;
   }
+
+  ul,
+  ol {
+    list-style: auto;
+    padding-inline-start: 40px;
+    margin-block-start: 1rem;
+    margin-block-end: 1rem;
+  }
 }
 
 /* Dark theme colors */

package/src/ui/help-popup.tsx

@@ -174,9 +174,13 @@ const HelpPopup = ({
 
   const handleEndChatFromChatScreen = useCallback(async () => {
     setEndChatConfirmation(false);
+    if (!sessionId) {
+      setShowChat(false);
+      setSelectedOption(null);
+      return;
+    }
     await onEndChat({ fromChatScreen: true });
-    // Keep showChat and selectedOption so chat screen stays open with in-chat review
-  }, [onEndChat]);
+  }, [onEndChat, sessionId, setSelectedOption]);
 
   const handleMinimize = useCallback(() => {
     onClose();