> For the complete documentation index, see [llms.txt](https://help.hyperflow.global/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.hyperflow.global/docs/novidades-release-notes/release-07-10-24.md).

# Release 07/10/24

Novidades e novos recursos que foram liberados 07/10/2024

As principais funcionalidades, estão destacadas com ⭐️

## Hyperflow Builder

* **Builder - Possibilidade de configurar eventos no WebSDK** ⭐️\
  Agora é possível configurar **'Eventos'** no seu WebSDK diretamente pelos módulos de **'Enviar mensagem'** do Builder. \
  Para realizar essa configuração, basta acessar um fluxo e ajustá-lo conforme a necessidade. Na aba **'WebSDK'**, você encontrará a nova opção de definir seus próprios eventos personalizados, facilitando ainda mais o controle sobre as interações da sua plataforma.

  <br>

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FbnJG79TA4UMXHWV4og07%2Fimage.png?alt=media&amp;token=5a63056d-b5f3-42b2-997b-a512547cd6ec" alt=""><figcaption><p>Imagem 1 - Módulo 'Enviar mensagem' apresentando a nova opção de 'Evento'.</p></figcaption></figure>

  \
  Com essa funcionalidade, é possível criar seus próprios eventos para estabelecer uma comunicação mais precisa com o seu site. \
  Por exemplo, você pode configurar o envio de um botão no chat que, ao ser clicado, exibe um alerta na tela. Isso permite uma interação mais dinâmica e direta entre o chat e o ambiente web. Conforme prints abaixo: <br>

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FZzUZtCe1mvCfZYmrpoAU%2Fimage.png?alt=media&amp;token=ca472c11-db67-4e4a-a1a0-935d654910e2" alt=""><figcaption><p>Imagem 2 - Fluxo de exemplo</p></figcaption></figure>

  &#x20;

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FURj2yhohyuFcK9ZQDHDB%2Fimage.png?alt=media&amp;token=3cbf17b5-37f5-4caa-99a3-1c6532e2c5ad" alt=""><figcaption><p>Imagem 3 - Configuração de exemplo usando 'seu_evento'.</p></figcaption></figure>

  \
  &#x20;

  \
  No console de inspeção da página, atribuímos a seguinte função para disparar o alerta:

  ```javascript
  Hyperflow.on('request_token', (data) => { 
     alert(1); 
     console.log(data); 
  });
  ```

  Após clicar no **'button 1'** configurado no fluxo, o alerta foi exibido corretamente, como mostrado no print abaixo:<br>

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FaPb9US9yOYS1cgh36M2i%2Fimage.png?alt=media&amp;token=483576c3-4563-42a0-9774-e1bf5d865dab" alt=""><figcaption><p>Imagem 4 - Impressão do alerta em tela.</p></figcaption></figure>

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2F1nteGKCrg31MASe7dTDi%2Fimage.png?alt=media&amp;token=b6475169-ae59-4775-a65a-7393c2343fdb" alt=""><figcaption><p>Imagem 5 - Impressão da mensagem de retorno do evento com sucesso.</p></figcaption></figure>

  <br>

  \
  A aplicabilidade dessa funcionalidade permite que a Hyperflow dispare um evento que é capturado pelo seu site. O retorno desse evento personalizado pode ser utilizado para diversas finalidades, como análises de dados, obtenção de informações do cliente, entre outros, proporcionando maior integração e personalização nas interações.