Código fluxo - opções

Para você que deseja importar o código em seu fluxo e testar da forma que achar melhor.

ver-codigo-vs-importar.mp4
{ "24c1a37d-d8ff-4092-89a3-ab2cd12f14d5": { "id": "24c1a37d-d8ff-4092-89a3-ab2cd12f14d5", "name": "entry", "data": { "type": "entry", "name": "Entrada", "description": "Início do fluxo (usuário envia uma mensagem)" }, "class": "entry", "html": "entry", "typenode": "vue", "inputs": {}, "outputs": { "output_1": { "connections": [ { "node": "2fcb2389-f8f7-40bb-a120-c2fd4bc0b421", "output": "input_1" } ] } }, "pos_x": 446.5, "pos_y": 48 }, "2fcb2389-f8f7-40bb-a120-c2fd4bc0b421": { "id": "2fcb2389-f8f7-40bb-a120-c2fd4bc0b421", "name": "node_f5ecf45a-d843-447a-858f-645aae96c974", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Componente selecionado: Opções", "name": "Componente selecionado" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "24c1a37d-d8ff-4092-89a3-ab2cd12f14d5", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "d455e2f9-fbd9-4e7f-b07a-8d8bed927854", "output": "input_1" } ] } }, "pos_x": 416, "pos_y": 354 }, "d455e2f9-fbd9-4e7f-b07a-8d8bed927854": { "id": "d455e2f9-fbd9-4e7f-b07a-8d8bed927854", "name": "node_356ebee0-98ef-4f90-ae50-bc38f5c105bc", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "name": "Explicando o componente", "message": "Este componente desenha um botão em tela onde é possível oferecer opções onde o beneficiário pode clicar, dispensando o input dele por números no teclado:\nEx: \"Digite 1, para isso! Digite 2, para aquilo\"\n\n*FLUXO DO COMPONENTE*\n1. O botão é exibido em tela com as opções previamente definidas;\n2. Após selecionar a opção desejada o beneficiário será levado a um fluxo ou outro componente definido na decisão;\n3. Muito utilizado para oferecer decisões onde existem setores para encaminhar um beneficiário;\n\n*CONFIGURANDO O COMPONENTE*\n1. Em \"Titulo dos opções\" defina qual será a mensagem que será exibida em negrito no botão;\n2. Em \"Corpo\" defina qual será a mensagem que será exibida abaixo do texto em negrito;\n3. Em \"Rodapé\" defina o texto que ficará acima do botão para abrir o componente;\n4. Em \"Adicionar Opção\", inclua obrigatoriamente o \"Titulo da opção\" e opcionalmente uma \"Descrição\".\n5. Em \"Variáveis\" é dado um nome randômico porém é possível definir um nome próprio e acessar/recuperar o retorno em outro ponto do fluxo do chat, caso seja necessário printar o conteúdo da variável é possível através da formatação `{ {nomeObjeto | dump }}`" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "2fcb2389-f8f7-40bb-a120-c2fd4bc0b421", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "output": "input_1" } ] } }, "pos_x": 414, "pos_y": 638 }, "d69aaa3f-47a9-4208-805a-bacb5b40377c": { "id": "d69aaa3f-47a9-4208-805a-bacb5b40377c", "name": "node_846e29c7-76b5-4cae-af63-99ee877d3f99", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "input": "output_5" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "output": "input_1" } ] } }, "pos_x": 776, "pos_y": 1016 }, "55f5484d-ec1c-46e1-8dca-a349499a6358": { "id": "55f5484d-ec1c-46e1-8dca-a349499a6358", "name": "node_14d8fbaf-b8a6-4a8a-a806-021746d4dfee", "data": { "type": "flow", "inputs": 1, "outputs": [], "flowId": "66aa8001272ce6cffa35bca6", "name": "Menu Inicial" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "input": "output_4" } ] } }, "outputs": {}, "pos_x": 1035, "pos_y": 1352 }, "ab0402cf-f23c-4ad7-ab5e-c1fffac12421": { "id": "ab0402cf-f23c-4ad7-ab5e-c1fffac12421", "name": "node_4300344f-4659-4fdc-acd1-72824b6c8a0d", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Veremos agora o uso avançado deste componente:\n\nNeste teste iremos visualizar como fica a exibição do componente utilizando o seguinte caso de uso:\n1 - Apresentaremos o componente orientando o cliente se identificar como: Beneficiário ou Prestador\n2 - Após o setor selecionado apresentaremos um novo componente de opção com opções referentes ao tipo de cliente que foi identificado no passo anterior;", "name": "Testar componente" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48", "output": "input_1" } ] } }, "pos_x": 190, "pos_y": 1364 }, "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48": { "id": "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48", "name": "node_65fb2749-5bf0-4199-9706-46d9bc8ab90a", "data": { "body": "Vamos iniciar o teste utilizando as informações descritas anteriormente", "buttons": [ { "id": "2319a961-8ac8-440e-ac2c-a2189393fd5c", "title": "Sim 👍🏽" }, { "id": "bb04983c-23dd-4649-96cd-813c1e25e77e", "title": "Voltar para o menu" } ], "description": "", "footer": "", "header": "Iniciar o teste", "inputs": 1, "name": "Decisão", "type": "buttons", "outputs": [ { "title": "Sim 👍🏽" }, { "title": "Voltar para o menu" }, { "title": "Nenhuma das opções" } ], "variables": [ { "name": "button_oii6puz7", "description": "Variável contendo o título do botão clicado" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "ab0402cf-f23c-4ad7-ab5e-c1fffac12421", "input": "output_1" }, { "node": "660905ec-d730-47f5-8940-ca163b4893f9", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "ac6a8ec5-c6bc-423d-8140-199adc2a0e87", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "f716bca0-8283-47d3-9a1e-c32d3168f723", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "660905ec-d730-47f5-8940-ca163b4893f9", "output": "input_1" } ] } }, "pos_x": 188, "pos_y": 1716 }, "660905ec-d730-47f5-8940-ca163b4893f9": { "id": "660905ec-d730-47f5-8940-ca163b4893f9", "name": "node_f24a3f80-35b3-456e-bd78-9e649f39c44f", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48", "output": "input_1" } ] } }, "pos_x": 568, "pos_y": 1720 }, "f716bca0-8283-47d3-9a1e-c32d3168f723": { "id": "f716bca0-8283-47d3-9a1e-c32d3168f723", "name": "node_32076feb-c449-4f24-bdf0-c81defe085f8", "data": { "type": "flow", "inputs": 1, "outputs": [], "flowId": "66aa8001272ce6cffa35bca6", "name": "Menu inicial" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48", "input": "output_2" } ] } }, "outputs": {}, "pos_x": 582, "pos_y": 2064 }, "ac6a8ec5-c6bc-423d-8140-199adc2a0e87": { "id": "ac6a8ec5-c6bc-423d-8140-199adc2a0e87", "name": "node_82c4ca48-9412-442e-a742-54d31b0b3f46", "data": { "body": "Informe seu tipo de usuário", "button": "Selecionar", "description": "", "footer": "Iremos apresentar opções baseado no seu tipo de usuário", "header": "Tipo de usuário", "inputs": 1, "name": "Tipo usuário", "outputs": [ { "title": "Beneficiário" }, { "title": "Prestador" }, { "title": "Nenhuma das opções" } ], "rows": [ { "id": "0e774f39-66fa-4807-826b-f852ad9c44bd", "title": "Beneficiário", "description": "Em caso de beneficiário selecione esta opção" }, { "id": "43cd82b1-299d-4416-a0c5-4e107ad2dc8f", "title": "Prestador", "description": "Em caso de prestador selecione esta opção" } ], "type": "options", "variables": [ { "name": "button_uuflbvwu", "description": "Variável contendo o título da opção selecionada" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "8b4eba86-a23b-4d7d-8645-dfec0b6e1e48", "input": "output_1" }, { "node": "2d9b2b43-4c82-4b45-8e45-c8e1f319eb3e", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "2d9b2b43-4c82-4b45-8e45-c8e1f319eb3e", "output": "input_1" } ] } }, "pos_x": 151, "pos_y": 2295 }, "2d9b2b43-4c82-4b45-8e45-c8e1f319eb3e": { "id": "2d9b2b43-4c82-4b45-8e45-c8e1f319eb3e", "name": "node_0ce9fe1c-e9fe-48f2-8503-4853477837d9", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "ac6a8ec5-c6bc-423d-8140-199adc2a0e87", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "ac6a8ec5-c6bc-423d-8140-199adc2a0e87", "output": "input_1" } ] } }, "pos_x": 573, "pos_y": 2302 }, "e0f3fee5-e4a4-4211-8b47-cf2c2c733322": { "id": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "name": "node_cea6f7fa-865c-4914-8915-1c5ffee62134", "data": { "body": "Informe o setor desejado", "button": "Selecionar", "description": "", "footer": "Iremos encaminhar para o setor desejado", "header": "Opção selecionada: Beneficiário", "inputs": 1, "name": "Beneficiário", "outputs": [ { "title": "Reembolso" }, { "title": "Cadastro" }, { "title": "Autorizações" }, { "title": "Financeiro" }, { "title": "Nenhuma das opções" } ], "rows": [ { "id": "ecd38106-6b01-42d8-a95d-d710c1a13608", "title": "Reembolso", "description": "Informe se protocolo e veja o status do seu reembolso" }, { "id": "bddde93b-66fb-4efa-968e-002703a3f2e2", "title": "Cadastro", "description": "Atualize seus dados" }, { "id": "70bcab93-fc42-4471-98ad-04f69763fbcc", "title": "Autorizações", "description": "Solicite uma senha para um procedimento" }, { "id": "566bbeff-2498-4d04-b5c5-76945ce12297", "title": "Financeiro", "description": "Informe seu CPF e veja seus boletos" } ], "type": "options", "variables": [ { "name": "button_ghdftbim", "description": "Variável contendo o título da opção selecionada" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "ac6a8ec5-c6bc-423d-8140-199adc2a0e87", "input": "output_1" }, { "node": "c452c783-479a-4b20-bd06-f35513e7e4f5", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_4": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_5": { "connections": [ { "node": "c452c783-479a-4b20-bd06-f35513e7e4f5", "output": "input_1" } ] } }, "pos_x": -307, "pos_y": 2690 }, "c452c783-479a-4b20-bd06-f35513e7e4f5": { "id": "c452c783-479a-4b20-bd06-f35513e7e4f5", "name": "node_b9e4a06b-c63f-4808-9a0b-81ea3e3c37a0", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Opção incorreta, tente novamente.", "name": "Opção incorreta" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "input": "output_4" }, { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "input": "output_5" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "output": "input_1" }, { "node": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "output": "input_1" } ] } }, "pos_x": 90, "pos_y": 2693 }, "6f20563d-5dfa-48ab-8f66-d6ac592250e6": { "id": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "name": "node_c70d913d-d24c-4218-9a89-450ed47512fa", "data": { "body": "Informe o setor desejado", "button": "Selecionar", "description": "", "footer": "Iremos encaminhar para o setor desejado", "header": "Opção selecionada: Prestador", "inputs": 1, "name": "Prestador", "outputs": [ { "title": "Contas Médicas" }, { "title": "Contas a Receber" }, { "title": "Recurso de glosa" }, { "title": "Nenhuma das opções" } ], "rows": [ { "id": "98c11138-5399-420b-bc57-a253ebb991e4", "title": "Contas Médicas", "description": "Informe o numero da guia" }, { "id": "b8a4c28f-b3cf-45d1-92a3-8f3b53377805", "title": "Contas a Receber", "description": "" }, { "id": "76163948-e69b-48ce-9c08-de0517e63d12", "title": "Recurso de glosa", "description": "Entre com um recurso sobre guias glosadas" } ], "type": "options", "variables": [ { "name": "button_zi5ugfpg", "description": "Variável contendo o título da opção selecionada" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "ac6a8ec5-c6bc-423d-8140-199adc2a0e87", "input": "output_2" }, { "node": "c452c783-479a-4b20-bd06-f35513e7e4f5", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "output": "input_1" } ] }, "output_4": { "connections": [ { "node": "c452c783-479a-4b20-bd06-f35513e7e4f5", "output": "input_1" } ] } }, "pos_x": 518, "pos_y": 2692 }, "b1d1adc8-85d7-4b22-9cab-47223de6879e": { "id": "b1d1adc8-85d7-4b22-9cab-47223de6879e", "name": "node_0768b511-6fc2-4c6b-bcfc-7fc52380dc03", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "*Parabens! Você viu agora um uso super avançado das opções*\n\nAgora vamos explicar como foi realizado todo esse processo:\n1. Exibimos o componente solicitando qual o tipo de usuário ( Prestador ou Beneficiário)\n2. Exibimos um novo componente de opções trazendo opções referentes ao tipo de usuário informado no componente anterior;\n", "name": "Teste finalizado" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "input": "output_1" }, { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "input": "output_2" }, { "node": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "input": "output_1" }, { "node": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "input": "output_2" }, { "node": "6f20563d-5dfa-48ab-8f66-d6ac592250e6", "input": "output_3" }, { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "input": "output_3" }, { "node": "e0f3fee5-e4a4-4211-8b47-cf2c2c733322", "input": "output_4" } ] } }, "outputs": { "output_1": { "connections": [] } }, "pos_x": 72, "pos_y": 3168 }, "503d592d-cb20-4651-a264-ab9a2dd1a84b": { "id": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "name": "node_5209f9ed-b829-4103-832a-4a47632ea46e", "data": { "body": "Selecione uma das opções abaixo", "button": "Selecionar", "description": "", "footer": "", "header": "Mais alguma dúvida?", "inputs": 1, "name": "Decisão", "outputs": [ { "title": "Exemplos avançados" }, { "title": "Vídeo explicativo" }, { "title": "Ver código" }, { "title": "Ir para o menu" }, { "title": "Nenhuma das opções" } ], "rows": [ { "id": "4f12948d-3613-41c9-bd93-7103a5534aa3", "title": "Exemplos avançados", "description": "Para voce que deseja se aprofundar no conhecimento" }, { "id": "ec98d9c1-35c5-4a04-9500-a253192d2c06", "title": "Vídeo explicativo", "description": "Para você que deseja ver explicação em vídeo" }, { "id": "1ee6bee9-e054-4ad6-96d0-63c3de0cd508", "title": "Ver código", "description": "Para você que deseja o código deste fluxo e importar em seus testes" }, { "id": "1bcfd464-3894-4506-a0cf-72a0fcf63a06", "title": "Ir para o menu", "description": "Para você que entendeu tudo e deseja voltar ao menu" } ], "type": "options", "variables": [ { "name": "button_oogwjb4z", "description": "Variável contendo o título da opção selecionada" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "d455e2f9-fbd9-4e7f-b07a-8d8bed927854", "input": "output_1" }, { "node": "d69aaa3f-47a9-4208-805a-bacb5b40377c", "input": "output_1" }, { "node": "739983e3-1c9c-45e8-9488-4de404a2eaa7", "input": "output_1" }, { "node": "b2f7ea04-835c-444e-9891-0ce66af8d6a1", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "ab0402cf-f23c-4ad7-ab5e-c1fffac12421", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "739983e3-1c9c-45e8-9488-4de404a2eaa7", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "b2f7ea04-835c-444e-9891-0ce66af8d6a1", "output": "input_1" } ] }, "output_4": { "connections": [ { "node": "55f5484d-ec1c-46e1-8dca-a349499a6358", "output": "input_1" } ] }, "output_5": { "connections": [ { "node": "d69aaa3f-47a9-4208-805a-bacb5b40377c", "output": "input_1" } ] } }, "pos_x": 413, "pos_y": 996 }, "739983e3-1c9c-45e8-9488-4de404a2eaa7": { "id": "739983e3-1c9c-45e8-9488-4de404a2eaa7", "name": "node_d77848cd-5835-452f-a027-9a20512acab7", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Acesse o video em nossa documentação clicando aqui em: *<a href=\"https://mobilesaudejira.atlassian.net/wiki/x/D4DUv\" target=\"_blank\">Componente Mensagem</a>*", "name": "Vídeo explicativo" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "input": "output_2" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "output": "input_1" } ] } }, "pos_x": 451, "pos_y": 1369 }, "b2f7ea04-835c-444e-9891-0ce66af8d6a1": { "id": "b2f7ea04-835c-444e-9891-0ce66af8d6a1", "name": "node_4f3e6f56-5753-4b3e-89a8-20d51aa5c0b8", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Acesse o código em nossa documentação clicando aqui em: *<a href=\"https://mobilesaudejira.atlassian.net/wiki/x/LAAbwQ\" target=\"_blank\">Código Fluxo Mensagem</a>*\n\n", "name": "Ver código" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "503d592d-cb20-4651-a264-ab9a2dd1a84b", "output": "input_1" } ] } }, "pos_x": 727, "pos_y": 1370 } }

Mobile Saúde - Mosia Omnichannel