Embed

<!DOCTYPE html>
<html>
<head>
    <title>Cadastro Incorporado WhatsApp</title>
</head>
<body>

    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

    <script>
      // SDK initialization
      window.fbAsyncInit = function() {
        FB.init({
          appId: '1096142771031106', // Seu APP_ID
          autoLogAppEvents: true,
          xfbml: true,
          version: 'v23.0' // Sua versão da Graph API
        });
      };
      
      // Session logging message event listener
      window.addEventListener('message', (event) => {
        if (!event.origin.endsWith('facebook.com')) return;
        try {
          const data = JSON.parse(event.data);
          if (data.type === 'WA_EMBEDDED_SIGNUP') {
            console.log('Evento de Log da Sessão de Cadastro Incorporado:', data); // Verifique no console para depuração
            // Seu código para lidar com eventos de sessão vai aqui
          }
        } catch (e) {
          console.log('Erro ao parsear mensagem ou evento:', event.data, e); // Verifique no console para depuração
          // Seu código para lidar com erros de evento vai aqui
        }
      });
      
      // Response callback
      const fbLoginCallback = (response) => {
        if (response.authResponse) {
          const code = response.authResponse.code;
          console.log('Código de Troca (exchangeable code):', code); // Verifique no console para depuração
          
          // AGORA: Você precisa enviar este 'code' para o seu backend.
          // Seu backend usará este código para obter o token de acesso do usuário do sistema
          // e criar ou vincular a conta do WhatsApp Business.
          /* Exemplo de como enviar para o backend (descomente e adapte):
          fetch('/seu-endpoint-do-backend-para-trocar-codigo', {
              method: 'POST',
              headers: {
                  'Content-Type': 'application/json',
              },
              body: JSON.stringify({ code: code })
          })
          .then(response => response.json())
          .then(data => {
              console.log('Sucesso na troca de código:', data);
              // Lidar com a resposta do seu backend
          })
          .catch((error) => {
              console.error('Erro ao enviar código para o backend:', error);
          });
          */
        } else {
          console.log('Resposta de login:', response); // Verifique no console para depuração
          console.log('O usuário cancelou o login ou ocorreu um erro.');
        }
      }
      
      // Launch method and callback registration
      const launchWhatsAppSignup = () => {
        FB.login(fbLoginCallback, {
          config_id: '1451412429550276', // Seu CONFIGURATION_ID
          response_type: 'code',
          override_default_response_type: true,
          extras: {
            setup: {},
			feature: 'whatsapp_embedded_signup',
            featureType: 'whatsapp_embedded_signup', // Deixe vazio para o fluxo padrão ou especifique conforme a documentação
            sessionInfoVersion: '2',
          },
          scope: 'whatsapp_business_management,whatsapp_business_messaging,catalog_management' // Permissões necessárias
        });
      }
    </script>

    <button onclick="launchWhatsAppSignup()" style="background-color: #1877f2; border: 0; border-radius: 4px; color: #fff; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; height: 40px; padding: 0 24px;">Login with Facebook</button>

</body>
</html>

InterACTI