iteste

<script>
// GoJohnny Widget - https://gojohnny.ai
(function() {
  const agentId = "ca13d98d-c54d-46f4-a216-88d777a32796";
  const settings = {
    primaryColor: "#3B82F6",
    position: "bottom-right",
    size: 56,
    iconType: "chat",
    title: "Chat com DocHelper",
    greetingMessage: "Como posso te ajudar hoje?",
    autoOpen: false,
    autoOpenDelay: 5,
    showBranding: true
  };

  // Verificar se o widget já foi carregado
  if (window.goJohnnyWidgetLoaded) return;
  window.goJohnnyWidgetLoaded = true;

  // Criar elemento iframe
  const iframe = document.createElement('iframe');
  iframe.id = 'gojohnny-widget-iframe';
  iframe.style.position = 'fixed';
  iframe.style.border = 'none';
  iframe.style.transition = 'all 0.3s ease';
  iframe.allow = 'microphone';
  iframe.style.width = '350px';
  iframe.style.height = '600px';
  iframe.style.boxShadow = '0 10px 25px -5px rgba(0, 0, 0, 0.1)';
  iframe.style.borderRadius = '12px';
  iframe.style.overflow = 'hidden';
  iframe.style.zIndex = '999999';
  
  // Posicionar widget
  if (settings.position === 'bottom-right') {
    iframe.style.right = '20px';
    iframe.style.bottom = '80px';
  } else if (settings.position === 'bottom-left') {
    iframe.style.left = '20px';
    iframe.style.bottom = '80px';
  }
  
  // Inicialmente escondido
  iframe.style.display = 'none';
  iframe.src = 'https://gojohnny.ai/widget/' + agentId;
  
  // Criar botão do widget
  const button = document.createElement('div');
  button.id = 'gojohnny-widget-button';
  button.style.position = 'fixed';
  button.style.width = settings.size + 'px';
  button.style.height = settings.size + 'px';
  button.style.borderRadius = '50%';
  button.style.backgroundColor = settings.primaryColor;
  button.style.boxShadow = '0 4px 10px rgba(0, 0, 0, 0.2)';
  button.style.cursor = 'pointer';
  button.style.zIndex = '999999';
  button.style.transition = 'all 0.3s ease';
  button.style.display = 'flex';
  button.style.alignItems = 'center';
  button.style.justifyContent = 'center';
  
  // Posicionar botão
  if (settings.position === 'bottom-right') {
    button.style.right = '20px';
    button.style.bottom = '20px';
  } else if (settings.position === 'bottom-left') {
    button.style.left = '20px';
    button.style.bottom = '20px';
  }
  
  // Ícone do botão
  let iconSvg = '';
  
  if (settings.iconType === 'chat') {
    iconSvg = '<svg width="50%" height="50%" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>';
  } else if (settings.iconType === 'message') {
    iconSvg = '<svg width="50%" height="50%" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16v12H5.17L4 17.17V4z"></path><path d="M12 15l5-5-5-5"></path></svg>';
  } else if (settings.iconType === 'bot') {
    iconSvg = '<svg width="50%" height="50%" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><circle cx="12" cy="5" r="2"></circle><path d="M12 7v4"></path><line x1="8" y1="16" x2="8" y2="16"></line><line x1="16" y1="16" x2="16" y2="16"></line></svg>';
  } else {
    // Ícone padrão (chat)
    iconSvg = '<svg width="50%" height="50%" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>';
  }
  
  button.innerHTML = iconSvg;
  
  // Estado do widget
  let isOpen = false;
  
  // Função para alternar o estado do widget
  function toggleWidget() {
    isOpen = !isOpen;
    
    if (isOpen) {
      iframe.style.display = 'block';
      // Pequena animação
      setTimeout(() => {
        button.innerHTML = '<svg width="50%" height="50%" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>';
      }, 100);
    } else {
      iframe.style.display = 'none';
      button.innerHTML = iconSvg;
    }
  }
  
  // Adicionar evento de clique
  button.addEventListener('click', toggleWidget);
  
  // Adicionar elementos à página
  document.body.appendChild(button);
  document.body.appendChild(iframe);
  
  // Abrir automaticamente se configurado
  if (settings.autoOpen) {
    setTimeout(() => {
      if (!isOpen) toggleWidget();
    }, settings.autoOpenDelay * 1000);
  }
  
  // Mensagem de log
  console.log('GoJohnny Widget carregado com sucesso!');
})();
</script>