> 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

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="/files/Nf3x8tL4cpewvQNaJGaC" 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="/files/Qws1ajd7JQEicdnuJ2HM" 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="/files/3v5oi2QnCwxhawDvIptX" 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="/files/dt3DIo3sOa4ue0PnMQdR" 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="/files/L7wOQHHVRXJt389JNLiu" alt=""><figcaption><p>Imagem 5 - Configuração da cor das respostas rápidas.</p></figcaption></figure>

    <figure><img src="/files/mVcjoozcxKN29AINfYZl" 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="/files/gOmtbJ77dB7jNaJF46QZ" alt=""><figcaption><p>Imagem 7 - Configuração padrão com 'Início + chat'.</p></figcaption></figure>

<figure><img src="/files/KwaQ21ABxVJJeX0JNn5U" 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="/files/ycgpeonVo2wU9e5MH2cS" 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="/files/AIz6rimackWJlCgxWASe" 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="/files/fup2ltvQfBYuoeyB0Egt" alt=""><figcaption><p>Imagem 11 - Opções do formulário</p></figcaption></figure>

  <figure><img src="/files/ZgEPHmwZcYvQHi2Dtbpy" 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.