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

package/agent-chat.staging.js

@@ -421,9 +421,7 @@
         connecting = false
         updateStatus('Connected', true)
         
-        // Generate session ID when websocket connects
-        sessionId = 'session_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9)
-        
+        // 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'
@@ -432,41 +430,57 @@
       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')
-            
-            // 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')
-            
-            // 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)
-            }
           }
         }
       }

package/package.json

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