@ihoomanai/chat-widget 3.0.12 → 3.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihoomanai/chat-widget",
-  "version": "3.0.12",
+  "version": "3.0.13",
   "type": "module",
   "description": "Universal chat support widget for any website - secure Widget ID based initialization",
   "main": "dist/index.cjs.js",

package/src/types.ts

@@ -606,6 +606,7 @@ export type WidgetEvent =
   | 'connection:change'
   | 'newConversation'
   | 'escalation:start'
+  | 'escalation:accepted'
   | 'escalation:end'
   | 'survey:shown'
   | 'survey:submitted'

package/src/widget.ts

@@ -17,7 +17,7 @@ import type {
   WidgetView,
 } from './types';
 
-const VERSION = '3.0.12';
+const VERSION = '3.0.13';
 const STORAGE_PREFIX = 'ihooman_chat_';
 const DEFAULT_SERVER_URL = 'https://api.ihooman.ai';
 
@@ -1498,17 +1498,55 @@ function connectWebSocket(chatEndpoint?: string): void {
         } else if (data.type === 'message') {
           hideTyping();
           const sender = data.sender === 'user' ? 'user' : 'bot';
+          
+          // Check if this is an agent-related system message
+          const metadata = data.metadata || {};
+          if (metadata.agent_accepted) {
+            // Agent has accepted the escalation - update status
+            isLiveAgentMode = true;
+            updateStatusBar('connected', '🟢 Connected to live agent');
+            emit('escalation:accepted', { type: 'live_agent' });
+          }
+          if (metadata.closed_by_agent) {
+            // Agent has closed the conversation - return to AI mode
+            isLiveAgentMode = false;
+            stopLiveAgentPolling();
+            updateStatusBar('hidden');
+            emit('escalation:end', { type: 'live_agent' });
+          }
+          
+          // Track message received analytics
+          trackAnalyticsEvent('message_received', {
+            session_id: state.sessionId,
+            visitor_id: state.visitorId,
+            sender: data.sender,
+            is_system_message: metadata.is_system_message || false,
+          });
+          
           addMessage(data.content, sender, {
             confidence: data.confidence,
             agent_name: data.agent_name,
             escalation_offered: data.escalation_offered,
             escalated: data.escalated,
             quick_replies: data.quick_replies,
+            ...metadata,
           });
         } else if (data.type === 'typing') {
           data.is_typing ? showTyping() : hideTyping();
         } else if (data.type === 'pong') {
           // Heartbeat response
+        } else if (data.type === 'agent_status') {
+          // Handle agent status updates
+          if (data.status === 'connected') {
+            isLiveAgentMode = true;
+            updateStatusBar('connected', '🟢 Connected to live agent');
+            emit('escalation:accepted', { type: 'live_agent' });
+          } else if (data.status === 'disconnected') {
+            isLiveAgentMode = false;
+            stopLiveAgentPolling();
+            updateStatusBar('hidden');
+            emit('escalation:end', { type: 'live_agent' });
+          }
         } else if (data.type === 'error') {
           console.error('WebSocket server error:', data.message);
           emit('error', { message: data.message });