Customer Dashboard

recognition.onstart = function() {
  isListening = true;
  voiceIndicator.classList.add('show');
};

recognition.onend = function() {
  isListening = false;
  voiceIndicator.classList.remove('show');
};

recognition.onresult = function(event) {
  const transcript = Array.from(event.results)
    .map(result => result[0])
    .map(result => result.transcript)
    .join('');

  inputField.value = transcript;

  // If we have a final result, submit the form
  if (event.results[0].isFinal) {
    setTimeout(() => {
      form.dispatchEvent(new Event('submit'));
    }, 500);
  }
};

recognition.onerror = function(event) {
  console.error('Speech recognition error', event.error);
  isListening = false;
  voiceIndicator.classList.remove('show');
};

  // Expand conversation box
  conversationBox.classList.add('expanded');
  chatStarted = true;
}

if (userInput) {
  startChat();
  appendMessage(userInput, 'user');
  sendPromptToBackend(userInput);
  inputField.value = '';
}

fetch('https://mogulbot-x6siwqqz5q-uc.a.run.app/sendMessage', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ message: prompt })
})
.then(response => response.json())
.then(data => {
  // Remove typing indicator
  conversationBox.removeChild(typingIndicator);
  appendMessage(data.response, 'bot');
})
.catch(error => {
  console.error('Error:', error);
  // Remove typing indicator
  conversationBox.removeChild(typingIndicator);
  appendMessage('An error occurred. Please try again.', 'bot');
});