Campos do formulário

Na aba “Campos do formulário” você terá acesso ao ambiente de criação de campos para a construção dos formulários. É importante criar todos os campos que serão necessários no processo todo, pois, depois poderemos configurar por etapa a utilização ou não de cada campo. 

Para você ter acesso a essa aba, basta escolher a área de modelador, clicar no processo que quer editar, e depois que o processo abrir para edição, clicar na aba “Campos do formulário”

Nessa área destinada à criação de campos do formulário, você terá a opção de criar agrupadores, editá-los e excluí-los. Os agrupadores servem para deixar organizado os seus campos em grupos semânticos, como no nosso exemplo “Dados da Solicitação”. Para excluir um agrupador, basta clicar no ícone da lixeirinha e excluí-lo, desde que não tenha campos já criados. Lembre-se que após a geração de tabela, a exclusão de agrupadores e campos não será possível. Para os campos, você poderá deixá-los inativos e para os agrupadores, você poderá passar todos os campos contidos naquele agrupador para outro agrupador e deixá-lo vazio, sem uso.

Por padrão da plataforma, sempre será necessário ter pelo menos um agrupador. Dessa forma, o primeiro agrupador já será apresentado na tela, você deverá clicar no ícone de editar e escrever o nome do primeiro agrupador. Para a criação de outros agrupadores, basta clicar no botão “Criar novo agrupador”, disponível na tela. 

Como exemplo, iremos criar o nosso primeiro agrupador, clicando no botão de editar e escrevendo “Dados do solicitante” e depois iremos clicar no botão de “Salvar” para que os dados possam ser armazenados. 

Para a criação de campos, basta clicar em “Novo campo” e uma janela será aberta no lado direito da tela para que você possa configurar as informações para a criação do campo. 

É obrigatório informar a ordem em que o campo será apresentado na tela. Vale lembrar que o sistema apresenta a ordem do campo de acordo com a criação, porém, é importante que você saiba, que em caso de modificações na ordem de apresentação, basta editar o campo e alterar a posição, colocando o número referente à ordem em que deseja que ele apareça. 

Com relação ao tipo de campo, você deverá escolher um tipo, dentre outros treze campos disponíveis, a saber: “Linha de texto”; “Caixa de texto”; “Inteiro”; “Número decimal”, “Monetário”; “Data”; “Lista”; “Botão gráfico”; “Botão de aplicação”, “Template”; “Label”; “Radio Button” e “Checkbox”. Você deverá pensar no que será informado nesse campo para escolher uma das opções de tipo de campo e configurar o que melhor atenda a sua necessidade. 

Você ainda precisa informar o nome do campo, e esse nome não poderá ser repetido em seu processo, ele terá que ser único. Deverá digitar ainda o nome do “Label do campo”, que será apresentado no formulário para que o usuário preencha e, por último, nessa parte geral de configuração, colocar o número de caracteres (tamanho do campo) de acordo com a necessidade de preenchimento de informação que você acredita para esse campo. 

Em opções avançadas, ainda nesse primeiro campo, encontraremos opções para a “Exibição” do campo, se ele será “Normal” ou do tipo “Grid”, vale informar que grid é um tipo diferente de campo, que permite ao usuário ir inserindo outras informações, como uma lista de itens para compra, por exemplo, ele insere o primeiro item, depois clica para inserir outro e assim por diante até completar sua lista de itens. O campo de “repetição” não será mais habilitado para esta versão 5.40, só estará disponível nas versões mais antigas. 

O item máscara você irá utilizar quando precisar, por exemplo, inserir uma máscara, como a de CPF ou RG, que já apresentam os campos corretos para o preenchimento. 

Você poderá configurar, se desejar que esse campo possa ser apresentado nas pesquisas, bem como exibi-lo em resultados. 

O “Texto de ajuda” é uma opção, para caso você queira cadastrar um texto de ajuda para o usuário. Nesse caso, será apresentado um botão ao lado do campo com informação, clicando nele aparecerá o texto que foi digitado nesse campo e que poderá servir de ajuda para orientar o usuário quanto ao seu preenchimento.

Você ainda encontra a opção de “Campo com restrição de acesso”, ao marcar essa opção por checkbox, você poderá tornar esse campo restrito, como um campo especial que não será apresentado para usuários que não tiverem permissão de ver os campos especiais. 

E por último, você poderá ainda escolher se deseja que não tenha quebra de linha, “Sem quebra de linha”, mantém o próximo campo na mesma linha. A opção “Simples” mostrará o próximo campo na próxima linha e a opção de linha com “Com barra separadora”, que além de mostrar o próximo campo na linha de baixo, ainda apresenta uma barrinha para separá-los. 

Após realizar a configuração de todos os campos necessários, basta clicar no botão “Salvar”

Depois que você clica em “Salvar”, é apresentado o campo no agrupador. Observe que esse está na posição 1 (primeiro campo) do agrupador “Dados do Solicitante”, é um campo de linha de texto e seu nome ficou “NOME_SOLICITANTE”, no label do formulário ele será apresentado como “Nome do solicitante” e esse campo é um campo de pesquisa e aparecerá em resultados. 

Quanto aos três últimos itens da linha, observe que temos o ícone “Editar” para modificar alguma configuração no campo, temos o botão de excluir, para excluir o campo enquanto não foi gerada a tabela, isso pode acontecer e no meio desses dois ícones temos o de “Editar campo na etapa”, se você clicar nesse campo, você poderá editar esse campo em todas as etapas do processo.

Clicando nesse botão, uma janela será aberta para que você possa configurar esse único campo em todas as etapas. Observe que você irá encontrar um primeiro campo na parte de cima da janela que é o campo de “Apresentação”

Você poderá escolher a apresentação do campo em cada etapa, como campo: 

  • “Normal” – um campo para ser preenchido pelo usuário da plataforma; 

  • “Somente leitura” – um campo que o usuário só consegue ver as informações, mas não consegue modificá-las; 

  • “Invisível” – o campo é carregado no formulário, porém, o mesmo não aparece na tela do usuário final, mas, por meio de regras e integrações, pode-se utilizar essa informação que está invisível; 

  • “Bloqueado” – um campo que fica bloqueado para o usuário, porém, poderá ser modificado pelas integrações, diferentemente do somente leitura, que não permite nenhuma modificação; 

  • “Bloqueado obrigatório” – um campo que é obrigatório o seu preenchimento, porém, o usuário da plataforma não consegue fazer modificações, apenas por integrações ou lupa consegue trazer a informação do campo, e essa precisa ser executada, tendo em vista que é um campo obrigatório; 

  • “Obrigatório” – um campo que precisa ser preenchido obrigatoriamente, que sem o seu preenchimento não é possível passar para a próxima etapa; 

  • “Oculto” - um campo que nem é carregado no formulário, fica oculto e não é apresentado para o usuário e nem manipulado por meio de integrações.

Após a escolha do tipo de apresentação, você tem a opção de aplicar a todos, isso significa que todas as etapas ficarão com a mesma apresentação do campo. Esse recurso poderá facilitar em caso de ter muitas etapas, nas quais o campo será sempre igual e você ainda poderá modificar o tipo de apresentação de um campo, em caso de em uma etapa específica, que o comportamento for diferente. 

Você ainda tem acesso a todas as etapas para que você possa, além de configurar a apresentação do campo, ainda, escolher na inicialização do formulário se o campo virá: 

  • “Sem valor inicial” - ou seja, o usuário que irá preencher a informação no campo; 

  • “Com valor inicial” – ou seja, com a apresentação de um valor fixo no campo, que você poderá configurar nesse momento para aparecer na inicialização de cada etapa; 

  • “Resultado de select” - ou seja, com a programação de um select no banco de dados você poderá trazer preenchido o campo com informações do banco; 

  • “Resultado de API para Lupa” – ou seja, com a aplicação de API para Lupa você poderá, ao inicializar o formulário, trazer informações preenchidas no campo de cada etapa de acordo com a aplicação da API. 

Quando escolhemos por um campo “sem o valor inicial”, não temos que configurar nenhum dado de valor inicial e o campo será preenchido pelo usuário.

Já ao escolher iniciar com a configuração de um campo “com valor inicial”, podemos observar que é necessário atribuir um valor na caixa de texto que será apresentada na tela. Por exemplo, se fosse um campo com informação do valor da diária para gastar com alimentação durante a viagem, e estivesse a informação no campo “Valor da diária” R$100,00. E se você selecionar a opção cíclico, o que quer dizer que a cada novo ciclo do processo, por estar selecionado “Cíclico”, todas as vezes o campo “Valor da diária” irá apresentar o valor de R$100,00. 

É possível também, incluir o valor do campo, fazendo um “Select” no banco de dados, trazendo automaticamente algumas informações já preenchidas nos campos, por exemplo. Para realizar essa ação, basta escolher a opção “Resultado de select”

Ao selecionar essa opção, você irá observar que uma caixa de texto irá surgir para que você possa cadastrar a busca por select. No caso, configuramos para que o nome do usuário pudesse ser pesquisado automaticamente no banco de dados, então colocamos “SELECT NOM_USUARIO FROM USUARIO WHERE COD_USUARIO = #COD_USUARIO”. É importante ressaltar que existem várias formas de realizar busca no banco, e que essa foi apenas uma forma de configurar essa busca. 

Devemos escolher a base de dados na qual será consultada na coluna “Base de dados” e escolher a opção de cíclico se pretendermos deixar que a busca ocorra a cada novo ciclo do processo. Além dessas opções, você poderá ainda configurar uma pesquisa, com o uso do botão de “Lupa” ou configurar com o uso de um “Refresh” para atualizar a busca do campo quando o usuário assim pretender.

Para adicionar o botão de refresh, basta clicar no botão “Refresh” e configurar para que a opção fique habilitada. 

Na configuração do botão, você poderá modificar o Label do botão de refresh, no nosso exemplo colocamos o nome de “Atualizar”, para que o usuário entenda que clicando ali a informação será atualizada. Além do nome do botão, você deverá indicar o local onde o botão será apresentado, no caso, será apresentado após o campo “Nome_solicitante”. Outra opção que deixaremos marcada é se deseja executar no carregamento da etapa, ou melhor, no carregamento da etapa as informações são carregadas. 

Para configurar uma busca por Lupa, basta clicar no botão da Lupa e configurar para que a busca possa ser realizada pela lupa. 

Clicando nessa opção, uma nova janela será aberta para que você possa configurar todos os campos que deseja buscar as informações. Clicando na coluna “Campo” você seleciona o campo que será pesquisado, e depois você o classifica, se deseja que ele possa ser pesquisável, visível e que permita o retorno. 

Após selecionadas as opções, basta clicar no botão “Salvar” para que as configurações possam ser aplicadas. 

Por meio da Lupa, você poderá buscar informações diretas que serão carregadas em sua tela. 

Outra opção para configurar o campo é escolher “resultado da API para a Lupa”, nessa opção, você deverá escolher resultados de API e incluir no resultado da busca de um campo. Essa integração deverá ter sido cadastrada anteriormente, para que você possa selecionar a integração.

Para cadastrar outros campos no formulário, é importante estar em “Campos no formulário” e clicar em “Novo campo”. Ao clicar em novo campo, novamente uma janela será aberta ao lado direito da tela. 

Você deverá conferir a posição do campo, no caso, é a segunda posição, ou melhor, o segundo campo que está sendo cadastrado, você poderá alterar essa ordem futuramente, caso necessário. Outra definição importante é a escolha do tipo de campo, em nosso exemplo, vamos cadastrar o campo CPF, por essa razão, iremos escolher o tipo “Linha de texto” e utilizar a máscara de CPF. 

Depois de escolher o tipo de campo, vamos escolher o nome do campo, que será CPF e o label, que também chamaremos de CPF. Depois temos que colocar o número de caracteres disponíveis para esse campo, no caso, definir o tamanho do campo. Vamos colocar 15 caracteres.

Após a configuração desses campos, iremos para a parte de opções avançadas. Nessa área, devemos escolher se a “Exibição”, será normal ou grid, no caso vamos escolher “Normal” e depois escolher a máscara do CPF. Basta pesquisar, clicando no nome da máscara e selecionando a opção CPF, automaticamente será apresentada a máscara ao lado. 

Além da máscara, podemos marcar os campos de exibir pesquisa e nos resultados depois, se quiser escrever alguma ajuda, ou colocar como um campo restrito, se deseja ou não ter quebra de linha e depois clicar em “Salvar”

Agora iremos criar um outro campo de departamento, para que o usuário informe o departamento que atua. Vamos apresentar apenas as informações que são diferentes do cadastro dos outros campos. 

Para o campo departamento, criamos um campo do tipo lista, pois iremos configurar para que os departamentos possam já serem apresentados no formulário, assim o usuário deverá apenas escolher uma opção entre outras apresentadas na lista. 

Para realizar essa ação, criamos um campo do tipo lista, chamado de departamento, e agora vamos clicar na opção de “Editar campos na etapa”. Ao abrir a janela de configuração de campos na etapa iremos selecionar “normal” e aplicar a todas as etapas. Agora iremos cadastrar um comando para realização de um select para buscar as informações de departamentos na empresa direto da base de dados. 

Para o campo departamento, definimos que na coluna inicialização iremos apresentar o “Resultado de select” e iremos digitar a linha de código para realização do select. Na coluna valor inicial iremos colocar “SELECT DES_DEPTO FROM DEPTO”, vamos selecionar a “Base de Dados” e depois marcar a opção “Cíclico”.

Outro campo que precisamos criar é o de data de nascimento, já que hotéis e algumas agências de viagens solicitam. De qualquer forma, vamos clicar em “Novo campo”, escolher o tipo “Data” e vamos marcar as demais opções para a criação. 

Agora que temos os dados do usuário, iremos criar um novo agrupador para que possamos separar os dados da viagem solicitada. Observe que os campos criados apresentam ícones diferentes de acordo com o tipo de campo. 

Para criar um novo agrupador, basta clicar no botão “Criar novo agrupador” e incluir o nome, vamos chamar de Dados da viagem. 

Após a criação do novo agrupador, basta continuar clicando em “Novo campo” para a criação dos campos do formulário. 

Vamos iniciar, esse agrupador de dados da viagem com o campo “Motivo da viagem”, no qual o solicitante terá que informar por qual motivo terá que viajar. Podemos criar um campo com caixa de texto. Observe que quando escolhemos o tipo “Caixa de texto” temos a opção de configurar o tamanho da caixa, definindo colunas e linhas. É importante ressaltar que a plataforma permite a inclusão de linhas de 1 a 15 e de colunas de 1 a 80, variando esses intervalos você poderá ter diversos tamanhos de caixas de textos no seu formulário.

Após a criação do campo “Motivo da viagem”, vamos criar campos para que o solicitante informe as datas de saída e retorno pretendidas para essa viagem. 

Para criar os campos, vamos utilizar campos do tipo data com nome de “Data de saída” e “Data de retorno”

Outro campo importante, é o de informar o destino da viagem, com o endereço do local do compromisso, para que a busca por hospedagem e passagens possa ser mais assertiva. 

Para criar esses campos, basta clicar em “Novo campo” escolher o tipo de campo, no caso, iremos optar por Linha de texto e nomear o campo como Destino para que o solicitante possa informar qual a “Cidade de destino”. Após a informações da cidade, o solicitante irá informar também o endereço do compromisso, os dois campos serão configurados com tipo Linha de texto. Um último campo que devemos criar é referente ao orçamento, se é necessário cotação de viagem de passagem aérea ou hospedagem. Se a resposta for sim o processo será enviado para o setor de viagens para realização de orçamentos, caso contrário, já será encaminhado direto para aprovação, por não precisar de orçamentos.

Dessa forma, vamos criar um campo “Orçamento aéreo ou hospedagem” para que o solicitante informe a sua necessidade. Vamos escolher o tipo “Radio Button” para esse campo. 

Para inserir informações de orçamento de passagens e hotéis vamos incluir agora um novo agrupador. Esse terá a função de separar as informações de campos de orçamento dos demais campos e também, esses campos não serão configurados para serem apresentados em todas as etapas do processo. Apenas a partir da etapa de orçamento, esses campos ficariam visíveis. 

Para criar um novo agrupador, basta clicar no botão “Criar novo agrupador” e acessar o botão de “Editar” representado por um ícone de um lápis e escrever o nome do agrupador, em nosso exemplo vamos escrever “Dados de orçamentos”

Agora, vamos criar um campo dentro do agrupador “Dados do orçamento” que se refira a orçamento de passagens aéreas. 

Vamos criar esse campo do tipo linha de texto, mas não um campo normal como os demais criados até agora, vamos criar uma “Grid”. Sendo assim o colaborador poderá gerar vários orçamentos para serem analisados pelo gestor antes da aprovação. 

Primeiramente vamos criar um campo para o usuário incluir o valor do orçamento de passagens aéreas. Para isso vamos precisar de um campo do tipo “Monetário”. Vamos escrever o nome do campo “AEREO_VALOR”, e depois iremos definir o label do campo no formulário, que será “Valor da passagem”. Dessa forma, será apresentado no formulário para o usuário o campo valor da passagem para ele incluir o valor. 

Em “Opções avançadas”, iremos em exibição colocar a opção de “Grid” e depois configurar uma Grid, no exemplo, chamaremos essa grid de “AEREO”, pois irá apresentar resultados dos orçamentos de passagens aéreas. 

Além das configurações da Grid, e escolha do nome, como é um campo monetário, podemos escolher o “Prefixo” monetário para deixar no campo. No caso, iremos definir que todo o orçamento será apresentado em reais (R$). Após a realização de toda a configuração do novo campo, deverá clicar no botão “Salvar”

Além do campo de valor do orçamento, vamos incluir na mesma grid um campo de descrição do voo, para inserir informações importantes sobre o voo no orçamento e ainda o campo com o número do voo. Para cadastrar campo na mesma grid é simples, basta clicar em “Novo campo” e preencher as informações básicas de um campo, nesse caso, iremos escolher linha de texto e o nome do campo “ORC_DESCRICAO_AEREO”, na Label vamos cadastrar “Descrição do voo” e depois o número de caracteres, ou melhor o tamanho do campo.

Em “Opções avançadas” é importante marcar a Exibição como “Grid” e depois escolher a mesma grid do campo anterior, para que as duas possam aparecer juntas no preenchimento do usuário. A cada novo orçamento aéreo o usuário poderá clicar e cadastrar as duas informações na mesma grid. 

O mesmo faremos com o orçamento de hospedagem, vamos criar um campo grid de valor de hospedagem, para que o usuário possa informar o valor do orçamento de hospedagem. Para criar esse campo, basta clicar em “Novo campo”, depois escolher o tipo de campo, no exemplo será “Monetário”, depois daremos o nome do campo e escreveremos o Label. Após a realização dessas configurações, vamos escolher em “Exibição” a opção “Grid” e escolher um nome para a grid, neste caso, vamos chamar de “HOSPEDAGEM”

Após as configurações, clicaremos no botão “Salvar” e vamos repetir o mesmo procedimento para criar mais um campo chamado DESC_HOSPEDAGEM, linha de texto, também “grid”, é importante escolher a mesma grid que o campo anterior “HOSPEDAGEM”. Após a configuração, basta clicar em “Salvar”

Após a criação dos campos, você poderá ver que todos ficam dispostos de acordo com os agrupadores criados. Observe também que os campos de Grid apresentam um diferencial, uma marcação com o nome da grid, pois o mesmo, se diferencia dos demais. 

É importante ressaltar que os campos podem ser criados e configurados e que o processo poderá ser testado para verificar todas as configurações que foram feitas. Após os testes, as configurações podem ser alteradas. E assim, o processo pode ser aprimorado com a inserção de novos campos, por exemplo.

Após a configuração dos campos, você deverá clicar no botão de “Gerar tabela” para que a plataforma possa gerar a tabela na base de dados. Para realizar essa ação, basta clicar no botão localizado no canto superior esquerdo da tela. 

Ao clicar no botão, uma janela será apresentada com informações para a confirmação da ação. Essa mensagem gerada pela plataforma é uma notificação para deixar o usuário ciente que está gerando uma tabela no ambiente de produção. Dessa forma, quando se trata de um modelo já em execução, é importante ressaltar que qualquer modificação em campos, após a geração de tabela, poderá gerar mudanças significativas no processo já existente. 

Se você clicar em “Cancelar” a janela será fechada e a ação cancelada, se clicar em “Gerar” a tabela será gerada na base de dados da plataforma.

Além do botão de “Gerar tabela” você encontra o botão de “Mostrar campos inativos”, esse botão permite que você visualize campos que estão inativos no processo. Lembrando que quando criamos o campo e geramos tabela, não conseguimos mais excluir um campo, apenas desativá-lo. Para realizar essa alteração no status do campo, basta clicar no botão com um (x) “Desativar campo”

Ao clicar no ícone de “Desativar campo”, uma mensagem de confirmação da ação será apresentada “Tem certeza que deseja desativar o campo?”. Se você clicar em “Sim”, o campo será inativado e não ficará visível, ele ficará com o status de “Inativo”

Para visualização desses campos inativados, basta clicar no botão “Mostrar campos inativos”, os campos serão apresentados e você poderá clicar no ícone de um olho para visualizar as informações do campo, ou clicar no ícone ao lado “Ativar campo” para que o mesmo seja ativado novamente. 

Nessa área de “Campos do formulário”, além dos campos, você poderá configurar “Scripts” que podem ser colocados no formulário. Para acessar esse recurso, basta clicar no botão “Scripts”

Ao acessar esse recurso, uma janela será aberta com a opção de cadastro de Javascript nas etapas do processo. 

Na área “Adicionar Javascript em todas as etapas”, você poderá selecionar um script já cadastrado e ao selecioná-lo, poderá clicar no botão “Adicionar a todas as etapas”. Clicando nesse botão, o script será inserido em todas as etapas do processo com apenas um clique. Você poderá também acessar por etapa, selecionando o javascript de acordo com a necessidade em cada etapa. Para inserir, basta ir até a etapa que deseja e selecionar o javascript que será útil para aquela etapa e clicar no sinal de (+) para adicionar. 

Ao adicionar um javascript em uma etapa, você encontrará as opções de modificação da ordem em que foi adicionado, lembrando que essa ordem apenas definirá quem será carregado primeiro no momento de abrir a página do formulário, porém, todos os scripts adicionados serão carregados. Você pode ainda alterar essa ordem, clicando nas setinhas e modificar a posição dos scripts. Ou se preferir, poderá clicar no ícone da lixeirinha e clicar em excluir o Script da etapa no qual foi incluído.

Outro recurso utilizado em “Campos do formulário” é a configuração das integrações de API no formulário. Para acessar esse recurso, basta clicar no botão “Integrações de API”

Após clicar no botão de “Integrações de API”, uma janela será aberta na tela com informações sobre as integrações. 

No exemplo, a janela informa que “Não existem API vinculadas a este formulário para serem listadas”. Dessa forma, é possível clicar em “Novo” para vincular uma API já cadastrada na plataforma com esse processo. Depois de vinculada, é possível configurar a API nas etapas e campos necessários nesse processo. 

Para realizar a vinculação, basta clicar no campo “Nome” para cadastrar o nome da API e depois selecionar uma API que já esteja cadastrada na plataforma. 

Depois de realizado esse procedimento, é necessário configurar alguns parâmetros, como por exemplo, os “Parâmetros de entrada (Request)”. Clicando nessa aba, você poderá configurar o parâmetro da API. Escolha qual o parâmetro que gostaria de pesquisar e depois clique para escolher o campo do formulário no qual vai ler a informação para passar para a API. Após a seleção dessas duas informações, clique no botão “Adicionar” para que as informações possam ser adicionadas. Se precisar e tiverem disponíveis outros parâmetros na mesma API, basta repetir o procedimento, selecionando um outro parâmetro e outro campo do modelo e clicar novamente no botão “Adicionar”.

No exemplo, a nossa API trará os estados brasileiros no campo estados, e por já ter parâmetro definido, não será necessário cadastrar a informação de requisição “Parâmetros de entrada (Request)”, apenas passar as informações sobre o recebimento dos dados vindos da API, “Parâmetros de saída (Response)” que irá receber as informações do parâmetro dos estados brasileiros em um campo chamado “Estado”

Vale ressaltar que cada API irá apresentar a sua especificidade e a sua forma de configurar os parâmetros de requisição e de retorno de informações. 

Em nosso exemplo, iremos configurar os “Parâmetros de saída (Response)” para apresentar os estados brasileiros. Para realizar essa ação, basta clicar na aba “Parâmetros de saída (response), depois selecionar “O campo do modelo”, escolhendo o campo “ESTADO” para apresentar os resultados e depois no campo “recebe o valor do parâmetro da API”, escolheremos na lista o “nome” que é o parâmetro da API. Depois de realizar essas ações, clicar no botão “Adicionar” e as duas informações, campo que receberá a informação e o parâmetro da API serão apresentadas na linha de baixo. Para que essa ação possa ser concluída, clique no botão “Salvar”

É importante informar que, para que a sua integração de API funcione, ainda é necessário realizar a configuração do campo na etapa. 

Lembre-se que precisamos informar a etapa e o campo que receberá a integração de API, dessa forma, basta clicar no ícone “Editar campo na etapa” no campo “Estado”.

Como acessamos a opção de “Editar campo na etapa”, estamos editando o campo “Estado”, que é o campo que receberá a informação da API. Precisamos então, escolher qual a etapa que esse campo será utilizado para configurar nessa etapa a integração da API. 

De maneira geral, podemos escolher a “Apresentação” do campo como “Normal” e clicar em “Aplicar a todos”, depois vamos na etapa de “Preencher solicitação de viagem” e nessa etapa, que é a etapa que o usuário irá informar a cidade e o estado para qual ele irá viajar, que a integração será executada. Nessa etapa, como já está como campo “Normal” basta na coluna “Inicialização” selecionar a opção “Resultado de API para Lupa” e depois selecionar na coluna “Valor inicial” a API, no nosso exemplo, “Estados”. Se precisar realizar esse procedimento para outras etapas do processo, só repetir esses passos. Após a configuração, basta clicar em “Salvar”. 

Após a configuração do campo na etapa, você poderá testar a sua integração, publicando esse processo e abrindo uma nova instância de processo e preenchendo as etapas para ver como ficou a integração no campo “Estados”.