Formulário de lista dinâmica

Inicialmente é importante saber que você pode configurar o Node “Interactive List” para criar uma lista interativa. Embora ambas as soluções complementem o mesmo propósito, variando na estética do complemento e na experiência do usuário:

● O node “Interactive List” exibe um menu suspenso.
● O formulário de lista dinâmica exibe uma lista numerada.

Aqui você verá o fluxo que permitirá gerar um formulário com uma lista de seleção dinâmica aplicável a todos os canais, garantindo ótima integração e funcionalidade, dependendo do canal onde for implementado.

Faça o download do fluxo clicando neste link.

1. Node de Função: definir Parâmetros Iniciais
   1. Objetivo: criar os objetos básicos necessários para a lista dinâmica.
   2. Objetos:
      1. msg.count: contador necessário para numerar as opções da lista. 
      2. msg.dynamicCallbackLabel - Armazena o "callback_label" para canais assíncronos. 
      3. msg.dynamicSelectOptions – Armazena opções de lista para canais síncronos.
2. Node de Função: modelo de Dados - lista de Usuários 
   1. Objetivo: estabelecer um objeto (msg.data) que simule a resposta de um endpoint.
3. Node de Loop: loop de usuários
   1. Objetivo: iterar sobre msg.data que contém o modelo de dados, para processar cada elemento da lista dinâmica.
4. Node de função: construir a lista 
   1. Objetivo: construir dinamicamente a lista de seleção com base nos dados.
   2. Detalhes de configuração: 
      1. lineBreak: contém a quebra de linha para opções de canal assíncrono.
      2. getNumberEmoji: converta números em emojis numéricos para experiência visual e seleção posterior. O contador é incremental. 
      3. msg.dynamicCallbackLabel e msg.dynamicSelectOptions: cada opção gerada é salva dinamicamente nestes objetos.
5. Node de formulário
   1. Objetivo: estabelecer a estrutura básica do formulário dentro do objeto complemento.
6. Node de função: definir opções de formulário 
   1. Objetivo: substituir os parâmetros estáticos "callback_label" e "options" pelos objetos dinâmicos configurados no nó "Build The List"
      

Teste o Fluxo: execute o Inject Node e observe o resultado no console "debug".

Implementação Real:

1. A configuração do node de função "Definir parâmetros iniciais" não deve ser alterada.
2. O node da função "Maquete de dados - Lista de usuários" deve ser substituído pelos dados obtidos por meio de uma Solicitação (node de solicitação http). 
3. Os dados obtidos pelo node de solicitação http estarão no objeto "payload". 
4. Esses dados devem ser armazenados em um objeto diferente do "payload" (por exemplo, msg.data), pois tal objeto será substituído a cada iteração do node Loop. 
5. Dentro do node "Build The List", a opção será armazenada dinamicamente a cada iteração do loop (por exemplo, msg.payload.name). 
6. Isto criará os objetos que conterão as listas de seleção (por exemplo, msg.dynamicCallbackLabel e msg.dynamicSelectOptions). 
7. Por fim, esses objetos substituirão os parâmetros do formulário, respectivamente:
   1. msg.payload.complements[0].param[0].callback_label = msg.dynamicCallbackLabel 
   2. msg.payload.complements[0].param[0].options = msg.dynamicSelectOptions