@aslaluroba/help-center-react 3.0.0 → 3.0.1

package/package.json

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

package/src/core/AblyService.ts

@@ -69,7 +69,7 @@ export class ClientAblyService {
       throw new Error('Chat client not initialized');
     }
 
-    const roomName = `session:${tenantId}-${sessionId}`;
+    const roomName = `session:${tenantId}:${sessionId}`;
 
     // Set up raw channel subscription for server messages
     if (this.client) {
@@ -80,11 +80,12 @@ export class ClientAblyService {
         try {
           const messageContent =
             typeof message.data === 'string' ? message.data : message.data?.content || message.data?.message;
-          const senderType = 3; // Assistant
+          const senderType = message.data?.senderType || 3; // Assistant
           const needsAgent = message.data?.needsAgent || false;
 
           onMessageReceived(messageContent, senderType, needsAgent);
         } catch (error) {
+          // Handle error silently
           console.error('[AblyService] Error processing ReceiveMessage:', error);
         }
       });
@@ -117,7 +118,6 @@ export class ClientAblyService {
       this.isConnected = false;
       this.sessionId = null;
     } catch (error) {
-      console.error('[AblyService] Error stopping Ably connection:', error);
       // Reset state even if there's an error
       this.isConnected = false;
       this.sessionId = null;
@@ -134,4 +134,23 @@ export class ClientAblyService {
   static getConnectionState(): string {
     return this.client?.connection.state || 'disconnected';
   }
+
+  // Method to manually send a message (if needed for debugging or direct messaging)
+  static async sendMessage(messageContent: string, senderType: number = 1) {
+    if (!this.channel || !this.isConnected) {
+      throw new Error('Connection not active');
+    }
+
+    try {
+      await this.channel.publish('message', {
+        text: messageContent,
+        metadata: {
+          senderType,
+          sentAt: new Date().toISOString(),
+        },
+      });
+    } catch (error) {
+      throw error;
+    }
+  }
 }

package/src/ui/chatbot-popup/chat-window-screen/index.tsx

@@ -5,6 +5,7 @@ import React, { useEffect, useRef, useState, useCallback, useMemo } from 'react'
 import LoadingGif from './../../../assets/animatedLogo.gif';
 import Seperator from './../../../assets/icons/seperator.svg';
 import LogoIcon from './../../../assets/logo.svg';
+import HumanIcon from './../../../assets/icons/user.svg';
 
 interface ChatWindowProps {
   onSendMessage: (message: string) => void;
@@ -41,10 +42,18 @@ const MessageComponent = React.memo(
           </div>
         )}
         <div className={`babylai-mb-4 babylai-flex ${textDirection}`}>
-          {isFirstInSequence && message.senderType === 3 && (
+          {isFirstInSequence && (message.senderType === 3 || message.senderType === 2) && (
             <div className='babylai-flex-shrink-0 babylai-me-3'>
-              <div className='babylai-w-8 babylai-h-8 babylai-rounded-full babylai-bg-purple-500 babylai-flex babylai-items-center babylai-justify-center'>
-                <LogoIcon className='babylai-w-4 babylai-h-4 babylai-text-white' />
+              <div
+                className={`babylai-w-8 babylai-h-8 babylai-rounded-full babylai-flex babylai-items-center babylai-justify-center ${
+                  message?.senderType === 3 ? 'babylai-bg-primary' : 'babylai-bg-black-white-50'
+                }`}
+              >
+                {message?.senderType === 3 ? (
+                  <LogoIcon className='babylai-w-4 babylai-h-4 babylai-text-white' />
+                ) : (
+                  <HumanIcon className='babylai-w-4 babylai-h-4 babylai-text-primary' />
+                )}
               </div>
             </div>
           )}