# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.hyperflow.global/docs/novidades-release-notes/release-28-06-24.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.