@aslaluroba/help-center-react 3.2.13 → 3.2.15

package/dist/ui/chatbot-popup/options-list-screen/helpscreen-list.d.ts

@@ -6,6 +6,7 @@ interface HelpscreenListProps {
     onToggleOption: (option: Option) => void;
     onStartChat: () => void;
     showChatNowButton?: boolean;
+    chatWithUs?: boolean;
 }
 declare const HelpscreenList: React.FC<HelpscreenListProps>;
 export default HelpscreenList;

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "3.2.13",
+  "version": "3.2.15",
   "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;
 
@@ -27,15 +33,16 @@ const AgentResponse = ({ senderType, messageContent, messageId, onType }: AgentR
     <div
       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'
+              dir="auto"
+              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/chatbot-popup/options-list-screen/helpscreen-list.tsx

@@ -11,6 +11,7 @@ interface HelpscreenListProps {
   onToggleOption: (option: Option) => void;
   onStartChat: () => void;
   showChatNowButton?: boolean;
+  chatWithUs?: boolean;
 }
 
 const HelpscreenList: React.FC<HelpscreenListProps> = ({
@@ -19,6 +20,7 @@ const HelpscreenList: React.FC<HelpscreenListProps> = ({
   onToggleOption,
   onStartChat,
   showChatNowButton = true,
+  chatWithUs = true,
 }) => {
   const { t } = useLocalTranslation();
 
@@ -39,7 +41,7 @@ const HelpscreenList: React.FC<HelpscreenListProps> = ({
           <Button
             variant='default'
             onClick={onStartChat}
-            disabled={!selectedOption}
+            disabled={!selectedOption || !chatWithUs}
           >
             {t('homeSdk.chatNow')}
             <SolarPlain2BoldDuotone className="babylai:w-6 babylai:h-6" />

package/src/ui/chatbot-popup/options-list-screen/helpscreen-option.tsx

@@ -13,23 +13,31 @@ const HelpscreenOption: React.FC<HelpscreenOptionProps> = ({
   isSelected,
   onClick,
 }) => {
+  const chatWithUs = option.chatWithUs ?? true;
+
   return (
     <div
-      role="button"
-      tabIndex={0}
+      role={chatWithUs ? 'button' : undefined}
+      tabIndex={chatWithUs ? 0 : undefined}
       className={cn(
-        'babylai:flex babylai:flex-col babylai:gap-2 babylai:p-6 babylai:rounded-3xl babylai:text-start babylai:border babylai:border-black-white-200 babylai:bg-card babylai:cursor-pointer',
+        'babylai:flex babylai:flex-col babylai:gap-2 babylai:p-6 babylai:rounded-3xl babylai:text-start babylai:border babylai:border-black-white-200 babylai:bg-card',
         'babylai:transition-all babylai:duration-200 babylai:ease-out',
-        'babylai:active:scale-[0.98] babylai:active:opacity-95',
+        chatWithUs
+          ? 'babylai:cursor-pointer babylai:active:scale-[0.98] babylai:active:opacity-95'
+          : 'babylai:cursor-default',
         isSelected && 'babylai:ring babylai:ring-primary-500 babylai:shadow-md'
       )}
-      onClick={onClick}
-      onKeyDown={(e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          e.preventDefault();
-          onClick();
-        }
-      }}
+      onClick={chatWithUs ? onClick : undefined}
+      onKeyDown={
+        chatWithUs
+          ? (e) => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onClick();
+              }
+            }
+          : undefined
+      }
     >
       <h2 className="babylai:text-base! babylai:font-semibold! babylai:text-card-foreground" dir="auto">
         {option.title}

package/src/ui/chatbot-popup/options-list-screen/index.tsx

@@ -59,6 +59,7 @@ const OptionsListScreen: React.FC<OptionsListScreenProps> = ({
           onToggleOption={handleToggleExpandOption}
           onStartChat={handleStartChatWithSelected}
           showChatNowButton={!hasActiveSession}
+          chatWithUs={helpScreen?.chatWithUs ?? true}
         />
       </div >
       <PoweredBy />

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();