@helllo-ai/agent-chat-widget 0.1.14 → 0.1.16

package/agent-chat.staging.js

@@ -199,6 +199,7 @@
     let customerForm = null
     let sessionId = null
     let customerInfoSubmitted = false
+    let firstMessageReceived = false
 
     if (captureCustomerInfo) {
       customerForm = document.createElement('div')
@@ -404,6 +405,7 @@
     function connect() {
       if (connected || connecting) return
       connecting = true
+      firstMessageReceived = false // Reset when connecting
       const url = resolvedWsUrl
       try {
         ws = new WebSocket(url)
@@ -419,32 +421,67 @@
         connecting = false
         updateStatus('Connected', true)
         
-        // Generate session ID when websocket connects
-        sessionId = 'session_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9)
-        
-        // Show customer info form if enabled and not yet submitted
-        if (captureCustomerInfo && customerForm && !customerInfoSubmitted) {
-          customerForm.style.display = 'flex'
-          messages.style.display = 'none'
-          inputWrap.style.display = 'none'
-          // Focus first input
-          const nameInput = customerForm.querySelector('#acw-customer-name')
-          if (nameInput) setTimeout(() => nameInput.focus(), 100)
-        } else {
-          messages.style.display = 'flex'
-          inputWrap.style.display = 'flex'
-        }
+        // Session ID will be received from connection_established message
+        // Don't show customer form yet - wait for first message
+        messages.style.display = 'flex'
+        inputWrap.style.display = 'flex'
       }
 
       ws.onmessage = (event) => {
         try {
           const data = JSON.parse(event.data)
+          
+          // Handle connection_established message
+          if (data.type === 'connection_established') {
+            // Extract session_id from connection message
+            if (data.session_id) {
+              sessionId = data.session_id
+            }
+            
+            // Display welcome message if provided
+            if (data.welcome_message) {
+              appendMessage(data.welcome_message, 'bot')
+              
+              // Show customer info form after welcome message
+              if (!firstMessageReceived && captureCustomerInfo && customerForm && !customerInfoSubmitted) {
+                firstMessageReceived = true
+                // Small delay to let the message render first
+                setTimeout(() => {
+                  customerForm.style.display = 'flex'
+                  messages.style.display = 'none'
+                  inputWrap.style.display = 'none'
+                  // Focus first input
+                  const nameInput = customerForm.querySelector('#acw-customer-name')
+                  if (nameInput) setTimeout(() => nameInput.focus(), 100)
+                }, 300)
+              }
+            } else {
+              // No welcome message, but still show form if needed
+              if (!firstMessageReceived && captureCustomerInfo && customerForm && !customerInfoSubmitted) {
+                firstMessageReceived = true
+                setTimeout(() => {
+                  customerForm.style.display = 'flex'
+                  messages.style.display = 'none'
+                  inputWrap.style.display = 'none'
+                  const nameInput = customerForm.querySelector('#acw-customer-name')
+                  if (nameInput) setTimeout(() => nameInput.focus(), 100)
+                }, 100)
+              }
+            }
+            return // Don't process as regular message
+          }
+          
+          // Handle regular chat messages
           const text = data.text || data.content || data.message || ''
           const role = data.role || 'assistant'
-          if (text) appendMessage(text, role === 'user' ? 'user' : 'bot')
+          if (text) {
+            appendMessage(text, role === 'user' ? 'user' : 'bot')
+          }
         } catch (e) {
           // Fallback to raw text
-          if (event.data) appendMessage(String(event.data), 'bot')
+          if (event.data) {
+            appendMessage(String(event.data), 'bot')
+          }
         }
       }
 
@@ -475,6 +512,7 @@
       updateStatus('Disconnected', false)
       sessionId = null
       customerInfoSubmitted = false
+      firstMessageReceived = false
       if (customerForm) {
         customerForm.style.display = 'none'
         const nameInput = customerForm.querySelector('#acw-customer-name')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helllo-ai/agent-chat-widget",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Bot Swarm Agent Chat Widget - Embeddable chat widget for AI agents",
   "main": "agent-chat.latest.js",
   "files": [