Código do fluxo - mensagem

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

ver-codigo-vs-importar.mp4
Como importar um código dentro do seu fluxo
{ "7ad6f8f2-603f-4e14-8c75-7f8c4870c07f": { "id": "7ad6f8f2-603f-4e14-8c75-7f8c4870c07f", "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": "fbc56dc5-2201-438c-850b-bc2721ebdd77", "output": "input_1" } ] } }, "pos_x": 650, "pos_y": 48 }, "fbc56dc5-2201-438c-850b-bc2721ebdd77": { "id": "fbc56dc5-2201-438c-850b-bc2721ebdd77", "name": "node_d1a1e872-4e09-45f6-99c4-a4605fb87824", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "name": "Componente selecionado", "message": "Componente selecionado: Mensagem" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "7ad6f8f2-603f-4e14-8c75-7f8c4870c07f", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70", "output": "input_1" } ] } }, "pos_x": 618, "pos_y": 247 }, "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70": { "id": "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70", "name": "node_2a29f760-d36c-4b2c-89bb-8733bd364b07", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "name": "Explicando o componente", "message": "*O componente de mensagem é muito importante pois pode ser usado de diversas maneiras, desde as mais simples até as mais complexas*\n\n*SIMPLES*\n* É possível utilizar para dar as boas vindas e exibir mensagens de decisões tomadas além de ser uma ótima forma de informar ao beneficiário os erros e acontecimentos inesperados durante a execução de algum componente;\n* Exibição de macros como o número do protocolo do beneficiário sendo informado da seguinte forma: `{ {protocolo}}` (obrigatório ter um nó de identificação ou elegibilidade para exibição do protocolo);\n* Exibição de Emojis ☺️ - É necessário copiar e colar na mensagem o emojji desejado, para aqueles que utilizam Windows utilizem as teclas \"Windows + .\" (ponto).\n* Utilização de formatação de texto: _Itálico_, *Negrito*, ~Taxado~ entre outros;\n\n*AVANÇADO*\n* É possível colocar pontos de debugs em suas aplicações;\n* A partir do retorno de uma API é possível realizar loops e guardar informações em novas variaveis;\n* A atual engine de template escolhida é a “Nunjucks”;" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "fbc56dc5-2201-438c-850b-bc2721ebdd77", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "output": "input_1" } ] } }, "pos_x": 618, "pos_y": 527 }, "4779f1ba-b908-4812-b11e-6203bde8a5d3": { "id": "4779f1ba-b908-4812-b11e-6203bde8a5d3", "name": "node_7a13dd5f-9c3e-41ad-abc8-0eda2358efed", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Exemplo de código: \nCondicional: IF\n`var titular = true`\n`{ if titular %}`\n `Eu sou titular`\n`{ elif dependente %}`\n `Eu sou dependente`\n`{ else %}`\n `Não informado`\n`{ endif %}`\n\n{% if titular %}\n Resultado: Eu sou titular\n{% elif dependente %}\n Eu sou dependente\n{% else %}\n Não informado\n{% endif %}", "name": "Condicional: IF" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "3c46cf04-5149-4828-8ca5-76950f4a0e6a", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "bd26be0e-5f47-44e2-8e49-c04e30ede875", "output": "input_1" } ] } }, "pos_x": 352, "pos_y": 1245 }, "3c46cf04-5149-4828-8ca5-76950f4a0e6a": { "id": "3c46cf04-5149-4828-8ca5-76950f4a0e6a", "name": "node_96919e01-fd12-4abe-99be-896b2d388f2d", "data": { "type": "set_variable", "inputs": 1, "outputs": [ { "title": "Default" } ], "variables": [ { "name": "titular", "description": "Variável que será criada" } ], "variableValue": "true", "name": "If" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "4779f1ba-b908-4812-b11e-6203bde8a5d3", "output": "input_1" } ] } }, "pos_x": 356, "pos_y": 1022 }, "bd26be0e-5f47-44e2-8e49-c04e30ede875": { "id": "bd26be0e-5f47-44e2-8e49-c04e30ede875", "name": "node_59e01828-6669-4a3e-9844-0d017dd5f8aa", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "Exemplo de código: \nLoop: For\n`{ for i in [1, 2, 3, 4, 5, 6, 7, 8, 9] | reverse %}`\n `{ { i }}`\n`{ endfor %}`\n\nResultado:\n{% for i in [1, 2, 3, 4, 5, 6, 7, 8, 9] | reverse %}\n {{ i }}\n{% endfor %}", "name": "Loop: For" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "4779f1ba-b908-4812-b11e-6203bde8a5d3", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "c334fc73-9b79-41a9-bfe1-cc169b839c2e", "output": "input_1" } ] } }, "pos_x": 349, "pos_y": 1460 }, "c334fc73-9b79-41a9-bfe1-cc169b839c2e": { "id": "c334fc73-9b79-41a9-bfe1-cc169b839c2e", "name": "node_aedae04f-ce5a-4fe6-9c8e-46b65664bfbf", "data": { "type": "message", "inputs": 1, "outputs": [ { "title": "Default" } ], "message": "*RECOMENDAÇÃO*\n\n* Para você que deseja utilizar ao máximo a engine do \"Nunjucks\", recomendamos fortemente a leitura da documentação;\n* Link para a documentação: <a href=\"https://mozilla.github.io/nunjucks/templating.html\">https://mozilla.github.io/nunjucks</a>", "name": "Recomendação" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "bd26be0e-5f47-44e2-8e49-c04e30ede875", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "output": "input_1" } ] } }, "pos_x": 349, "pos_y": 1714 }, "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9": { "id": "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9", "name": "node_97ede421-7384-4352-b646-15a7ec1ed84d", "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": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "input": "output_5" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "output": "input_1" } ] } }, "pos_x": 998, "pos_y": 790 }, "ca455683-b29b-432e-8906-c2f1e934a00a": { "id": "ca455683-b29b-432e-8906-c2f1e934a00a", "name": "node_daff4a10-c7fb-4bf6-a91e-0cc771c42567", "data": { "type": "flow", "inputs": 1, "outputs": [], "flowId": "66aa8001272ce6cffa35bca6", "name": "Menu inicial" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "input": "output_4" } ] } }, "outputs": {}, "pos_x": 1205, "pos_y": 1260 }, "bb63e0ca-d493-4a8e-9c61-a1cf41371d55": { "id": "bb63e0ca-d493-4a8e-9c61-a1cf41371d55", "name": "node_72b33164-01e6-4f04-807c-7618b4c87d70", "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>\n\n", "name": "Vídeo explicativo" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "input": "output_2" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "output": "input_1" } ] } }, "pos_x": 661, "pos_y": 1257 }, "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05": { "id": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "name": "node_7fee0dc7-91d2-417a-b69f-b7a60247892e", "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": "9aa26ee2-c60a-434a-9e4d-b25778a25924", "title": "Exemplos avançados", "description": "Para voce que deseja se aprofundar no conhecimento" }, { "id": "b1df0240-1032-4871-81d0-96c35db06a56", "title": "Vídeo explicativo", "description": "Para você que deseja ver explicação em vídeo" }, { "id": "1149802a-9542-4d52-accd-33fd5321fdd6", "title": "Ver código", "description": "Para você que deseja o código deste fluxo e importar em seus testes" }, { "id": "6593416a-b830-484c-8266-d164ea3a7379", "title": "Ir para o menu", "description": "Para você que entendeu tudo e deseja voltar ao menu" } ], "type": "options", "variables": [ { "name": "button_0gpb0mgf", "description": "Variável contendo o título da opção selecionada" } ] }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "4e36d30a-dcb9-4ca7-87a7-dec0b2107a70", "input": "output_1" }, { "node": "bb63e0ca-d493-4a8e-9c61-a1cf41371d55", "input": "output_1" }, { "node": "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9", "input": "output_1" }, { "node": "c334fc73-9b79-41a9-bfe1-cc169b839c2e", "input": "output_1" }, { "node": "aaee58cb-2fbd-4e51-a85e-2a7dc2906e34", "input": "output_1" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "3c46cf04-5149-4828-8ca5-76950f4a0e6a", "output": "input_1" } ] }, "output_2": { "connections": [ { "node": "bb63e0ca-d493-4a8e-9c61-a1cf41371d55", "output": "input_1" } ] }, "output_3": { "connections": [ { "node": "aaee58cb-2fbd-4e51-a85e-2a7dc2906e34", "output": "input_1" } ] }, "output_4": { "connections": [ { "node": "ca455683-b29b-432e-8906-c2f1e934a00a", "output": "input_1" } ] }, "output_5": { "connections": [ { "node": "dcac08a4-c6d8-4cbd-9fcf-95dc6f1b24d9", "output": "input_1" } ] } }, "pos_x": 618, "pos_y": 780 }, "aaee58cb-2fbd-4e51-a85e-2a7dc2906e34": { "id": "aaee58cb-2fbd-4e51-a85e-2a7dc2906e34", "name": "node_adaecaa8-3477-4a15-bc79-f657fd7bcfeb", "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/D4DUv\" target=\"_blank\">Código Fluxo Mensagem</a>\n\n", "name": "Ver código" }, "class": "", "html": "node_default", "typenode": "vue", "inputs": { "input_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "input": "output_3" } ] } }, "outputs": { "output_1": { "connections": [ { "node": "24e4bb9e-5100-4a9a-a8ff-95f8cc8deb05", "output": "input_1" } ] } }, "pos_x": 931, "pos_y": 1260 } }

Mobile Saúde - Mosia Omnichannel