> 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-28-06-24.md).

# Release 28/06/24

Novidades e novos recursos que foram liberados 28/06/24

Acompanhe abaixo as principais mudanças realizadas na plataforma Hyperflow Builder <https://builder.hyperflow.global/> e Hyperflow Desk <https://desk.hyperflow.global/> após o último release notes.

As principais funcionalidades, estão destacadas com ⭐️

## Hyperflow Builder

* **Builder - Gerar texto com IA.**⭐️

  Agora, é possível gerar textos com IA através da seleção do tipo 'Texto' no nó 'Enviar Mensagem' conforme vídeo abaixo, podendo selecionar até mesmo o tom de voz e contexto.&#x20;

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FGx4UtKJhPP1x5nDNOv9Q%2Fgpt.gif?alt=media&amp;token=f757b0fd-398e-4df4-9b38-b331108a3943" alt=""><figcaption><p>Imagem 1 - Gerar texto com IA.</p></figcaption></figure>
* **Builder - Carousel com loop no Websdk.**⭐️\
  Essa configuração remete-se a executar uma função javascript que retorna as imagens através de um array.

<figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FYODR681MYxB1r3nOnMxM%2Fimage.png?alt=media&amp;token=5d9bd5b0-f643-4164-9333-220db379d5cc" alt=""><figcaption><p>Imagem 2 - Configuração da função javascript.</p></figcaption></figure>

Além disso, temos em vigor a configuração do loop dentro de um nó 'Enviar mensagem'. O processo consiste nos seguintes passos:&#x20;

&#x20;      **1 -** Selecionar o nó do tipo 'Enviar mensagem' -> 'Card'.

&#x20;     **2 -** Configurar o loop dentro dos cards.

&#x20;      **3 -** Preencher os campos de acordo com o input dos itens.\
&#x20;      **4 -** Adicionar a nomenclatura das variáveis conforme especificado no JSON.

<figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FV1Vks0esF15mqwjlEPot%2Fimage.png?alt=media&amp;token=1c5accab-4c21-4f25-88b8-1dc3043c5b75" alt=""><figcaption><p>Imagem 3 - Configuração do nó 'Enviar mensagem'.</p></figcaption></figure>

* **Builder - Configuração de respostas rápidas no Websdk e a visualização da coloração das sugestões no chat.**\
  Para configurar é necessário clicar em 'Add resposta rápida'. Assim são adicionadas as respostas em um nó de 'Enviar mensagem'.

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FQE9WE8nHsIIShxvYIEdn%2Fimage.png?alt=media&amp;token=ea8f8ed7-24d0-4e23-8ad0-7b18a6a26060" alt=""><figcaption><p>Imagem 4 - Configuração de respostas rápidas.</p></figcaption></figure>

  * Além disso, nos canais -> Websdk -> Visualizar -> Chat -> 'Resposta rápida' é configurado a cor desejada para as sugestões de respostas rápidas configuradas anteriormente.

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FBDvPNuJ28RwxV6vRxutH%2Fimage.png?alt=media&amp;token=2810d33c-7573-4951-bde8-241ace695b73" alt=""><figcaption><p>Imagem 5 - Configuração da cor das respostas rápidas.</p></figcaption></figure>

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2F9UWTZfVMljW4Qfa5NzQX%2Fimage.png?alt=media&amp;token=94ab53eb-2d6b-4486-8538-9891ca4ebbaa" alt=""><figcaption><p>Imagem 6 - Formato esperado com as 3 respostas rápidas e suas respectivas cores.</p></figcaption></figure>
* **Builder - ⁠Opção de chat simples ( sem menu e lista de conversas)**\
  Nesse caso, a necessidade é para que o cliente não tenha a opção de retornar e nem de abrir um novo chat no websdk, vide print abaixo:&#x20;

<figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2Fk1lEx0pdJp9ojRvJLRL7%2Fimage.png?alt=media&amp;token=70dcf0a8-3c0a-4ae9-a912-ac0891ff6d7b" alt=""><figcaption><p>Imagem 7 - Configuração padrão com 'Início + chat'.</p></figcaption></figure>

<figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FPwF3NYrvqmfb6JCxAC20%2Fimage.png?alt=media&amp;token=628c5f6b-588d-4140-8b3f-1e0f5e007531" alt=""><figcaption><p>Imagem 8 - Configuração usando nova funcionalidade 'Chat simples'.</p></figcaption></figure>

* **Builder - ⁠Imagem dinâmica no lugar do pop-up** \
  Ao configurar o websdk contendo o botão flutuante como 'Customizado', pode-se definir qual imagem, altura e largura serão apresentadas na tela.&#x20;

<figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2Fb17rH2j1AjdFCNWJu0k6%2Fimage.png?alt=media&amp;token=8c514551-dc1f-4e8d-a7c2-78a1a4fe4f14" alt=""><figcaption><p>Imagem 9 - Ao lado esquerdo aparece a configuração customizada de fato no site utilizado no canal websdk.</p></figcaption></figure>

* **Builder - Possibilidade de usar formulários no lugar do icebreaker**\
  Agora, há a possibilidade de utilização de formulários no lugar do 'quebra-gelo'.&#x20;

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FhcRcyEEvvD3wkuuL2Dtl%2Fimage.png?alt=media&amp;token=fe37422b-0290-410b-b46f-c159bcc3b5d5" alt=""><figcaption><p>Imagem 10 - Configuração de formulário, substituindo quebra-gelo.</p></figcaption></figure>
* Além disso, tem-se algumas opções como 'Texto curto, Textarea, E-mail, Telefone, Selecionar'
* Ao selecionar a opção telefone e salvar, é apresentado um formulário para ser preenchido no site vinculado à configuração do websdk conforme print abaixo:&#x20;

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FI3zZDUVsnmWf5avDHei3%2Fimage.png?alt=media&amp;token=575f3813-cd60-41db-8340-5f646dcfb98f" alt=""><figcaption><p>Imagem 11 - Opções do formulário</p></figcaption></figure>

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2Fdp0lDyfPk77hGSv63236%2Fimage.png?alt=media&amp;token=8de34002-9b24-47bd-9eba-1ee2ab49baa4" alt=""><figcaption><p>Imagem 12 - Lista de opções configuradas.</p></figcaption></figure>

  Após a configuração é seguir o fluxo padrão selecionado para o canal Websdk.

**Builder - Geral**&#x20;

* Nesta atualização, também foram feitas correções menores e otimizações visando manter a plataforma Hyperflow Builder sempre atualizada, segura, e o mais robusta possível.&#x20;

## Hyperflow Desk&#x20;

**Desk - Websdk**&#x20;

* Ao receber uma imagem do agente, seja bot ou agente humano e clicar nela, a imagem é aberta em nova guia.

**Geral - Melhorias**&#x20;

* Nesta atualização, também foram feitas correções menores e otimizações visando manter a plataforma Hyperflow Desk sempre atualizada, segura, e o mais robusta possível.