@ihoomanai/chat-widget 3.0.20 → 3.0.21

package/src/widget.ts

@@ -17,7 +17,7 @@ import type {
   WidgetView,
 } from './types';
 
-const VERSION = '3.0.13';
+const VERSION = '3.0.21';
 const STORAGE_PREFIX = 'ihooman_chat_';
 const DEFAULT_SERVER_URL = 'https://api.ihooman.ai';
 
@@ -91,6 +91,7 @@ let state: WidgetState = {
 
 let currentView: WidgetView = 'chat';
 let isLiveAgentMode = false;
+let isConversationClosed = false;
 let shownProactiveIds: string[] = [];
 let proactiveCooldowns: Record<string, number> = {};
 let proactiveCheckInterval: ReturnType<typeof setInterval> | null = null;
@@ -334,6 +335,8 @@ function generateStyles(): string {
     .ihooman-input-btn.send:hover { opacity: 0.9; }
     .ihooman-input-btn.send:disabled { opacity: 0.5; cursor: not-allowed; }
     .ihooman-input-btn svg { width: 16px; height: 16px; }
+    .ihooman-input:disabled { opacity: 0.6; cursor: not-allowed; }
+    .ihooman-input-btn.attach:disabled { opacity: 0.4; cursor: not-allowed; }
     .ihooman-file-input { display: none; }
     .ihooman-powered { text-align: center; padding: 8px; font-size: 11px; color: ${mutedColor}; background: ${bgColor}; }
     .ihooman-powered a { color: ${primaryColor}; text-decoration: none; }
@@ -1133,7 +1136,26 @@ function hideTyping(): void {
   if (typing) typing.remove();
 }
 
+function disableInput(): void {
+  if (elements.input) {
+    elements.input.disabled = true;
+    elements.input.placeholder = 'Conversation closed — start a new chat to continue';
+  }
+  if (elements.sendBtn) elements.sendBtn.disabled = true;
+  if (elements.attachBtn) elements.attachBtn.disabled = true;
+}
+
+function enableInput(): void {
+  if (elements.input) {
+    elements.input.disabled = false;
+    elements.input.placeholder = config.placeholder || 'Type a message...';
+  }
+  if (elements.sendBtn) elements.sendBtn.disabled = !elements.input?.value.trim();
+  if (elements.attachBtn) elements.attachBtn.disabled = false;
+}
+
 function handleSendClick(): void {
+  if (isConversationClosed) return;
   const content = elements.input?.value.trim();
   if (!content) return;
 
@@ -1163,6 +1185,7 @@ function hidePresetQuestions(): void {
 }
 
 async function sendMessageToServer(content: string): Promise<void> {
+  if (isConversationClosed) return;
   if (ws && ws.readyState === WebSocket.OPEN) {
     ws.send(JSON.stringify({ type: 'message', content }));
     return;
@@ -1506,10 +1529,12 @@ function connectWebSocket(chatEndpoint?: string): void {
             emit('escalation:accepted', { type: 'live_agent' });
           }
           if (metadata.closed_by_agent) {
-            // Agent has closed the conversation - return to AI mode
+            // Agent has closed the conversation - disable input, require new conversation
             isLiveAgentMode = false;
+            isConversationClosed = true;
             stopLiveAgentPolling();
             updateStatusBar('hidden');
+            disableInput();
             emit('escalation:end', { type: 'live_agent' });
           }
           
@@ -1541,8 +1566,10 @@ function connectWebSocket(chatEndpoint?: string): void {
             emit('escalation:accepted', { type: 'live_agent' });
           } else if (data.status === 'disconnected') {
             isLiveAgentMode = false;
+            isConversationClosed = true;
             stopLiveAgentPolling();
             updateStatusBar('hidden');
+            disableInput();
             emit('escalation:end', { type: 'live_agent' });
           }
         } else if (data.type === 'error') {
@@ -1663,6 +1690,7 @@ function startNewConversation(): void {
   state.visitorId = null;
   state.messages = [];
   isLiveAgentMode = false;
+  isConversationClosed = false;
   
   storage('session_id', null);
   state.visitorId = generateId('v_');
@@ -1672,6 +1700,7 @@ function startNewConversation(): void {
   
   updateStatusBar('hidden');
   stopLiveAgentPolling();
+  enableInput();
   
   reconnectAttempts = 0;
   
@@ -1724,7 +1753,7 @@ function destroy(): void {
 }
 
 function sendMessage(content: string): void {
-  if (!content.trim()) return;
+  if (!content.trim() || isConversationClosed) return;
   if (elements.input) elements.input.value = content;
   handleSendClick();
 }