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

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)
@@ -422,18 +424,9 @@
         // 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'
-        }
+        // Don't show customer form yet - wait for first message
+        messages.style.display = 'flex'
+        inputWrap.style.display = 'flex'
       }
 
       ws.onmessage = (event) => {
@@ -441,10 +434,40 @@
           const data = JSON.parse(event.data)
           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')
+            
+            // Show customer info form after first bot message (welcome message)
+            if (!firstMessageReceived && role !== 'user' && 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)
+            }
+          }
         } catch (e) {
           // Fallback to raw text
-          if (event.data) appendMessage(String(event.data), 'bot')
+          if (event.data) {
+            appendMessage(String(event.data), 'bot')
+            
+            // Show customer info form after first bot message (welcome message)
+            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)
+              }, 300)
+            }
+          }
         }
       }
 
@@ -475,6 +498,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.15",
   "description": "Bot Swarm Agent Chat Widget - Embeddable chat widget for AI agents",
   "main": "agent-chat.latest.js",
   "files": [