Configuração de Cobrança

 
<div style="display: none">
  <iframe
    id="collection_iframe"
    name="collectionIframe"
    height="1"
    width="1"
  ></iframe>
  <form id="collectionForm" method="POST" target="collectionIframe">
    <input id="collectionInput" type="hidden" name="JWT" value="" />
  </form>
</div>;

function start3DSDataCollection(token3DS, collectUrl) {
  return new Promise((resolve, reject) => {
    const form = document.getElementById("collectionForm");
    const input = document.getElementById("collectionInput");
    // Define destino e token
    form.action = collectUrl;
    input.value = token3DS;
    // Envia o formulário para o iframe oculto
    form.submit();
    const expectedOrigin = new URL(collectUrl).origin;
    // Função para escutar mensagens vindas do iframe
    function handler(event) {
      if (event.origin === expectedOrigin) {
        console.log("Coleta 3DS2 finalizada", event.data);
        window.removeEventListener("message", handler);
        resolve(event.data);
      }
    }
    // Adiciona o listener
    window.addEventListener("message", handler);
    // Timeout de 30 segundos
    setTimeout(() => {
      window.removeEventListener("message", handler);
      reject(new Error("Timeout"));
    }, 30000);
  });
}
}