@ihoomanai/chat-widget 3.0.19 → 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; }
@@ -684,23 +687,11 @@ function addMessage(content: string, sender: 'user' | 'bot' = 'bot', metadata: M
       `<button class="ihooman-quick-reply" data-text="${escapeHtml(qr.text)}">${escapeHtml(qr.text)}</button>`
     ).join('')}</div>`;
   }
-
-  // Feedback buttons for bot messages
-  let feedbackHtml = '';
-  if (sender === 'bot' && !metadata?.is_system_message) {
-    feedbackHtml = `
-      <div class="ihooman-feedback-btns">
-        <button class="ihooman-feedback-btn" data-feedback="up" title="Helpful">${icons.thumbUp}</button>
-        <button class="ihooman-feedback-btn" data-feedback="down" title="Not helpful">${icons.thumbDown}</button>
-      </div>
-    `;
-  }
   
   el.innerHTML = `
     <div class="ihooman-message-content">${parseMarkdown(content)}</div>
     ${escalationButtonsHtml}
     ${quickRepliesHtml}
-    ${feedbackHtml}
     ${config.showTimestamps ? `<div class="ihooman-message-time">${formatTime(message.timestamp)}</div>` : ''}
   `;
 
@@ -723,16 +714,6 @@ function addMessage(content: string, sender: 'user' | 'bot' = 'bot', metadata: M
     });
   });
 
-  // Feedback listeners
-  el.querySelectorAll('.ihooman-feedback-btn').forEach(btn => {
-    btn.addEventListener('click', () => {
-      const feedback = (btn as HTMLElement).dataset.feedback;
-      el.querySelectorAll('.ihooman-feedback-btn').forEach(b => b.classList.remove('active'));
-      btn.classList.add('active');
-      submitFeedback(message.id, feedback === 'up' ? 'positive' : 'negative');
-    });
-  });
-
   const typing = elements.messages.querySelector('.ihooman-typing');
   if (typing) typing.remove();
 
@@ -1049,22 +1030,6 @@ function stopLiveAgentPolling(): void {
   }
 }
 
-async function submitFeedback(messageId: string, feedbackType: 'positive' | 'negative'): Promise<void> {
-  try {
-    await fetch(`${config.serverUrl}/api/v1/feedback/submit?widget_id=${encodeURIComponent(config.widgetId)}`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        message_id: messageId,
-        session_id: state.sessionId,
-        feedback_type: feedbackType,
-      }),
-    });
-  } catch (error) {
-    console.error('Error submitting feedback:', error);
-  }
-}
-
 async function handleSurveySubmit(): Promise<void> {
   const starsContainer = elements.surveyView?.querySelector('.ihooman-survey-stars');
   const activeStars = starsContainer?.querySelectorAll('.ihooman-survey-star.active');
@@ -1081,10 +1046,11 @@ async function handleSurveySubmit(): Promise<void> {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
-        survey_id: config.surveyConfig?.id,
+        survey_config_id: config.surveyConfig?.id,
         session_id: state.sessionId,
+        visitor_id: state.visitorId,
         rating,
-        comment,
+        comment: comment || null,
       }),
     });
     
@@ -1170,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;
 
@@ -1200,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;
@@ -1543,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' });
           }
           
@@ -1578,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') {
@@ -1700,6 +1690,7 @@ function startNewConversation(): void {
   state.visitorId = null;
   state.messages = [];
   isLiveAgentMode = false;
+  isConversationClosed = false;
   
   storage('session_id', null);
   state.visitorId = generateId('v_');
@@ -1709,6 +1700,7 @@ function startNewConversation(): void {
   
   updateStatusBar('hidden');
   stopLiveAgentPolling();
+  enableInput();
   
   reconnectAttempts = 0;
   
@@ -1761,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();
 }