@developpement/tp-chatbot-widget 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developpement/tp-chatbot-widget",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Chatbot widget for TravelPlanet / Makitizy",
   "main": "src/chatbot.js",
   "files": [

package/src/chatbot.js

@@ -2,7 +2,7 @@
   'use strict';
 
   const CLIENT_THEMES = {
-    flix: { primary: '#7b1fa2', name: 'Flix Corporate', position: 'left' },
+    flix: { primary: '#5cc500', name: 'Flix Corporate', position: 'left' },
     sncf: { primary: '#1a6b5a', name: 'SNCF', position: 'right' },
   };
   const DEFAULT_THEME = { primary: '#7b1fa2', name: 'Support', position: 'right' };
@@ -477,7 +477,11 @@
       if (agent_bar) agent_bar.style.display = 'none';
 
       this.conversation_id = await this.createConversation();
-      this.addMessage('assistant', `Bonjour ${this.user_info?.first_name || ''} ! Comment puis-je vous aider ?`);
+      const client_name = this.client_id === 'flix' ? 'Flix Corporate' : this.client_id === 'sncf' ? 'SNCF' : this.client_id;
+      this.addMessage(
+        'assistant',
+        `Bonjour ${this.user_info?.first_name || ''} ! 👋 Je m'appelle Maria, votre assistante virtuelle ${client_name}. Comment puis-je vous aider aujourd'hui ?`
+      );
       this.polling_interval = setInterval(() => this.pollMessages(), 3000);
     }
 
@@ -551,7 +555,11 @@
       const close_bar = this.querySelector('#tp-close-bar');
       if (close_bar) close_bar.style.display = 'block';
 
-      this.addMessage('assistant', `Bonjour ${first_name} ! Comment puis-je vous aider aujourd'hui ?`);
+      const client_name = this.client_id === 'flix' ? 'Flix Corporate' : this.client_id === 'sncf' ? 'SNCF' : this.client_id;
+      this.addMessage(
+        'assistant',
+        `Bonjour ${first_name} ! 👋 Je m'appelle Maria, votre assistante virtuelle ${client_name}. Comment puis-je vous aider aujourd'hui ?`
+      );
       this.polling_interval = setInterval(() => this.pollMessages(), 3000);
     }
 
@@ -737,7 +745,7 @@
         const user_msg_count = this.messages.filter(m => m.role === 'user').length;
         const agent_bar = this.querySelector('#tp-agent-bar');
         if (agent_bar && !this.agent_requested && !this.agent_mode) {
-          if (source === 'fallback' || user_msg_count >= 5) {
+          if (source === 'fallback' || source === 'clarification' || source === 'no_match' || user_msg_count >= 5) {
             agent_bar.style.display = 'block';
           }
         }
@@ -830,6 +838,10 @@
               const typing_el = this.querySelector('#tp-agent-typing');
               if (typing_el) typing_el.remove();
               this.addMessage('agent', msg.content);
+            } else if (msg.role === 'assistant') {
+              this.addMessage('assistant', msg.content);
+            } else if (msg.role === 'system') {
+              this.addMessage('system', msg.content);
             }
           });
           this.last_message_count = server_messages.length;