Código fluxo - botões

Para você que deseja importar o código em seu fluxo e testar da forma que achar melhor.
{
  "1a4de5d8-0ead-4ed1-9a7e-7d4081e57b0f": {
    "id": "1a4de5d8-0ead-4ed1-9a7e-7d4081e57b0f",
    "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": "031fb7bd-3c88-4c7e-8e26-7b0ddf11a8d0",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 372,
    "pos_y": 48
  },
  "031fb7bd-3c88-4c7e-8e26-7b0ddf11a8d0": {
    "id": "031fb7bd-3c88-4c7e-8e26-7b0ddf11a8d0",
    "name": "node_f3e2ecbd-ec2e-4a97-8980-b4807c5982fc",
    "data": {
      "type": "message",
      "inputs": 1,
      "outputs": [
        {
          "title": "Default"
        }
      ],
      "name": "Componente selecionado",
      "message": "Componente selecionado: Botões"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "1a4de5d8-0ead-4ed1-9a7e-7d4081e57b0f",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "2e25a447-0caf-407e-8749-9a220edbec5f",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 341,
    "pos_y": 274
  },
  "2e25a447-0caf-407e-8749-9a220edbec5f": {
    "id": "2e25a447-0caf-407e-8749-9a220edbec5f",
    "name": "node_8eaba5cf-b2e8-42a9-8d49-f9080f309662",
    "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;\n\n*CONFIGURANDO O COMPONENTE*\n1. Em \"Titulo dos botões\" defina qual será a mensagem que será exibida em negrito no botão;\n2. Em \"Corpo\" defina qual será a mensagem que ficará logo abaixo do texto em negrito, muito utilizado para instruir sobre as opções apresentadas;\n3. Em \"Adicionar botão\" inclua as opções desejadas;\n4. É obrigatório que seja adicionado no *mínimo* 1 botão;\n5. É possível inserir no *máximo* 3 opções;\n6. Será apresentado sempre uma opção de saída \"Nenhuma das opções\", isso significa que o beneficiário não selecionou nenhuma das opções desejada.\nEx: Ao invés de apertar um dos botões o mesmo decidiu escrever o conteúdo do botão na caixa de texto, caracterizando-o como \"Nenhuma das opções\"\n7. É possível no caso anterior exibir uma mensagem de opção incorreta e leva-lo novamente ao componente de opção, fazendo com que fique em um loop para selecionar uma das opções apresentadas;",
      "description": ""
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "031fb7bd-3c88-4c7e-8e26-7b0ddf11a8d0",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 342,
    "pos_y": 573
  },
  "f0ab5e9f-d8ce-48eb-b22c-2b6ff8fa3ec7": {
    "id": "f0ab5e9f-d8ce-48eb-b22c-2b6ff8fa3ec7",
    "name": "node_fa3548c4-f8e5-4e0d-aeaf-0bf20b14e488",
    "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": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "input": "output_5"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 706,
    "pos_y": 855
  },
  "26bc1718-c418-4503-bfdb-f867c8a2135e": {
    "id": "26bc1718-c418-4503-bfdb-f867c8a2135e",
    "name": "node_b45ebafe-a998-460b-bde7-b16538a77634",
    "data": {
      "type": "flow",
      "inputs": 1,
      "outputs": [],
      "flowId": "66aa8001272ce6cffa35bca6",
      "name": "Menu inicial"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "input": "output_4"
          }
        ]
      }
    },
    "outputs": {},
    "pos_x": 927,
    "pos_y": 1182
  },
  "96cad871-021f-4725-a201-96647695886b": {
    "id": "96cad871-021f-4725-a201-96647695886b",
    "name": "node_84e7da1e-4840-4d37-b292-b189c1b0ed86",
    "data": {
      "type": "message",
      "inputs": 1,
      "outputs": [
        {
          "title": "Default"
        }
      ],
      "name": "Testar componente",
      "message": "Veremos agora o uso avançado dos botões:\n\nO componente de opções ja foi apresentado na decisão anterior de maneira simples, agora iremos ver um pouco do seu uso de forma avançada.\n\nNeste teste vamos armazenar informações que iremos perguntar a você e exibir estas opções no próximo botão que será exibido em tela, para isso iremos:\n1. Perguntar qual é sua cor favorita;\n2. Perguntar qual é sua segunda cor favorita;\n3. Perguntar modelo de carro você gostaria de ter; \n4. Iremos realizar perguntas e usando como opção de resposta as informações inseridas por você.\n5. Para isso usaremos o componente \"input\", que será o responsável por capturar as informações que voce irá inserir para saber mais, vá até o menu e saiba mais sobre este componente;"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "d012c7d1-439a-40c8-99e6-6ab269e34d45",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 127,
    "pos_y": 1166
  },
  "d012c7d1-439a-40c8-99e6-6ab269e34d45": {
    "id": "d012c7d1-439a-40c8-99e6-6ab269e34d45",
    "name": "node_dc936610-e89e-489b-a6f6-a598038c3b6c",
    "data": {
      "body": "Vamos iniciar o teste utilizando as informações descritas anteriormente",
      "buttons": [
        {
          "id": "aa88fde4-949a-4a18-81fc-c6520ec634fc",
          "title": "Sim 👍🏽"
        },
        {
          "id": "af07d075-8b78-4542-b877-827ecccc66dc",
          "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_jorhnkzw",
          "description": "Variável contendo o título do botão clicado"
        }
      ]
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "6e978030-be75-4945-b15f-84114fed46ac",
            "input": "output_1"
          },
          {
            "node": "96cad871-021f-4725-a201-96647695886b",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "a8fc39e9-6d6d-4b81-8a49-8d2c1a20bd04",
            "output": "input_1"
          }
        ]
      },
      "output_2": {
        "connections": [
          {
            "node": "6ac9914b-62ab-4a34-8a97-ec441a92a097",
            "output": "input_1"
          }
        ]
      },
      "output_3": {
        "connections": [
          {
            "node": "6e978030-be75-4945-b15f-84114fed46ac",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 129,
    "pos_y": 1480
  },
  "6e978030-be75-4945-b15f-84114fed46ac": {
    "id": "6e978030-be75-4945-b15f-84114fed46ac",
    "name": "node_fad60ad0-b58c-490f-8734-6b112ad3b389",
    "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": "d012c7d1-439a-40c8-99e6-6ab269e34d45",
            "input": "output_3"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "d012c7d1-439a-40c8-99e6-6ab269e34d45",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 492,
    "pos_y": 1473
  },
  "6ac9914b-62ab-4a34-8a97-ec441a92a097": {
    "id": "6ac9914b-62ab-4a34-8a97-ec441a92a097",
    "name": "node_be2dfd47-151c-409f-a4b5-42bb82945362",
    "data": {
      "type": "flow",
      "inputs": 1,
      "outputs": [],
      "flowId": "66aa8001272ce6cffa35bca6",
      "name": "Menu inicial"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "d012c7d1-439a-40c8-99e6-6ab269e34d45",
            "input": "output_2"
          }
        ]
      }
    },
    "outputs": {},
    "pos_x": 511,
    "pos_y": 1822
  },
  "a8fc39e9-6d6d-4b81-8a49-8d2c1a20bd04": {
    "id": "a8fc39e9-6d6d-4b81-8a49-8d2c1a20bd04",
    "name": "node_eada7777-a00c-4e30-b355-97f2085b8b62",
    "data": {
      "type": "input",
      "inputs": 1,
      "outputs": [
        {
          "title": "Default"
        }
      ],
      "inputType": "alphanumeric",
      "variables": [
        {
          "name": "1CorFavorita",
          "description": "Resposta do usuário"
        }
      ],
      "message": "Qual sua cor favorita?",
      "min": "",
      "max": "",
      "errorMessage": "Digite apenas o nome da cor.",
      "name": "Cor favorita 1"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "d012c7d1-439a-40c8-99e6-6ab269e34d45",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "086455b3-d24c-4bae-af0a-751e0a83a3d0",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 110,
    "pos_y": 1815
  },
  "086455b3-d24c-4bae-af0a-751e0a83a3d0": {
    "id": "086455b3-d24c-4bae-af0a-751e0a83a3d0",
    "name": "node_f94abe51-c142-497d-9a41-3e9d668f70da",
    "data": {
      "type": "input",
      "inputs": 1,
      "outputs": [
        {
          "title": "Default"
        }
      ],
      "inputType": "alphanumeric",
      "variables": [
        {
          "name": "2CorFavorita",
          "description": "Resposta do usuário"
        }
      ],
      "message": "Qual a sua segunda cor favorita?",
      "min": "",
      "max": "",
      "name": "Cor favorita 2",
      "errorMessage": "Digite apenas o nome da cor"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "a8fc39e9-6d6d-4b81-8a49-8d2c1a20bd04",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "71d49876-e638-46bd-813d-fbc485c57d6f",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 110,
    "pos_y": 2113
  },
  "71d49876-e638-46bd-813d-fbc485c57d6f": {
    "id": "71d49876-e638-46bd-813d-fbc485c57d6f",
    "name": "node_b565b0e1-d116-4530-8407-18801785b61d",
    "data": {
      "type": "input",
      "inputs": 1,
      "outputs": [
        {
          "title": "Default"
        }
      ],
      "inputType": "alphanumeric",
      "variables": [
        {
          "name": "carroEscolhido",
          "description": "Resposta do usuário"
        }
      ],
      "message": "Qual modelo de carro que você mais gosta?",
      "errorMessage": "Digite apenas o nome do modelo do carro.",
      "min": "",
      "max": "",
      "name": "Modelo de carro"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "086455b3-d24c-4bae-af0a-751e0a83a3d0",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "c5d7ed38-9047-4389-9559-ef61cde58e74",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 111,
    "pos_y": 2389
  },
  "c5d7ed38-9047-4389-9559-ef61cde58e74": {
    "id": "c5d7ed38-9047-4389-9559-ef61cde58e74",
    "name": "node_0dd1169f-f0dc-48e7-b6c3-0e94a7a30506",
    "data": {
      "body": "Selecione qualquer opção para finalizarmos o teste",
      "buttons": [
        {
          "id": "43ac08e3-fc43-4594-852b-b7491dc61ea8",
          "title": "{{1CorFavorita}}"
        },
        {
          "id": "fd26517c-8574-4bb7-8487-8ef7353b96be",
          "title": "{{2CorFavorita}}"
        }
      ],
      "description": "",
      "footer": "",
      "header": "Escolha uma cor para o seu/sua: {{carroEscolhido}}",
      "inputs": 1,
      "name": "Botão",
      "type": "buttons",
      "outputs": [
        {
          "title": "{{1CorFavorita}}"
        },
        {
          "title": "{{2CorFavorita}}"
        },
        {
          "title": "Nenhuma das opções"
        }
      ],
      "variables": [
        {
          "name": "button_acikl9dx",
          "description": "Variável contendo o título do botão clicado"
        }
      ]
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "71d49876-e638-46bd-813d-fbc485c57d6f",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "4a905291-06fe-4f29-8038-188e1c1e169b",
            "output": "input_1"
          }
        ]
      },
      "output_2": {
        "connections": [
          {
            "node": "4a905291-06fe-4f29-8038-188e1c1e169b",
            "output": "input_1"
          }
        ]
      },
      "output_3": {
        "connections": [
          {
            "node": "4a905291-06fe-4f29-8038-188e1c1e169b",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 113,
    "pos_y": 2722
  },
  "4a905291-06fe-4f29-8038-188e1c1e169b": {
    "id": "4a905291-06fe-4f29-8038-188e1c1e169b",
    "name": "node_71b4f436-7179-45b4-afbf-78952158940c",
    "data": {
      "type": "message",
      "inputs": 1,
      "outputs": [
        {
          "title": "Default"
        }
      ],
      "message": "*Parabens! Você viu agora um uso super avançado dos botões*\n\nAgora vamos explicar como foi realizado todo esse processo:\n1. Perguntamos quais eram suas cores favoritas;\n2. Perguntamos qual modelo de carro favorito;\n3. Desenhamos um botão em tela perguntando se fosse para escolher o modelo do carro e as cores informadas por voce.\n",
      "name": "Teste finalizado"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "c5d7ed38-9047-4389-9559-ef61cde58e74",
            "input": "output_1"
          },
          {
            "node": "c5d7ed38-9047-4389-9559-ef61cde58e74",
            "input": "output_2"
          },
          {
            "node": "c5d7ed38-9047-4389-9559-ef61cde58e74",
            "input": "output_3"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 108,
    "pos_y": 3019
  },
  "278a5ad9-019c-4fc4-a67e-9070d073a55e": {
    "id": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
    "name": "node_17c5c893-bca6-46dc-a844-c70e0cbb61d2",
    "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": "978c1b0b-b0e5-42b1-88c0-65714e83d3c0",
          "title": "Exemplos avançados",
          "description": "Para voce que deseja se aprofundar no conhecimento"
        },
        {
          "id": "d2b01e6f-68be-44c2-bef4-3d2d9cc043fc",
          "title": "Vídeo explicativo",
          "description": "Para você que deseja ver explicação em vídeo"
        },
        {
          "id": "c83d8094-11ef-45c9-8ea0-8d6b4d3c9a0f",
          "title": "Ver código",
          "description": "Para você que deseja o código deste fluxo e importar em seus testes"
        },
        {
          "id": "403a3c46-d9d2-44d4-bc53-3c4d1e9f527b",
          "title": "Ir para o menu",
          "description": "Para você que entendeu tudo e deseja voltar ao menu"
        }
      ],
      "type": "options",
      "variables": [
        {
          "name": "button_eb90yluh",
          "description": "Variável contendo o título da opção selecionada"
        }
      ]
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "2e25a447-0caf-407e-8749-9a220edbec5f",
            "input": "output_1"
          },
          {
            "node": "f0ab5e9f-d8ce-48eb-b22c-2b6ff8fa3ec7",
            "input": "output_1"
          },
          {
            "node": "3e93192b-528c-40e0-8143-6b358846f45b",
            "input": "output_1"
          },
          {
            "node": "3cca4e81-21ed-40ef-86f7-a7771fb51c8e",
            "input": "output_1"
          },
          {
            "node": "4a905291-06fe-4f29-8038-188e1c1e169b",
            "input": "output_1"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "96cad871-021f-4725-a201-96647695886b",
            "output": "input_1"
          }
        ]
      },
      "output_2": {
        "connections": [
          {
            "node": "3e93192b-528c-40e0-8143-6b358846f45b",
            "output": "input_1"
          }
        ]
      },
      "output_3": {
        "connections": [
          {
            "node": "3cca4e81-21ed-40ef-86f7-a7771fb51c8e",
            "output": "input_1"
          }
        ]
      },
      "output_4": {
        "connections": [
          {
            "node": "26bc1718-c418-4503-bfdb-f867c8a2135e",
            "output": "input_1"
          }
        ]
      },
      "output_5": {
        "connections": [
          {
            "node": "f0ab5e9f-d8ce-48eb-b22c-2b6ff8fa3ec7",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 340,
    "pos_y": 836
  },
  "3e93192b-528c-40e0-8143-6b358846f45b": {
    "id": "3e93192b-528c-40e0-8143-6b358846f45b",
    "name": "node_7c9c5e4b-991c-44c2-863a-06e9ac4fd227",
    "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 Botões</a>*\n\n",
      "name": "Vídeo explicativo"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "input": "output_2"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 384,
    "pos_y": 1173
  },
  "3cca4e81-21ed-40ef-86f7-a7771fb51c8e": {
    "id": "3cca4e81-21ed-40ef-86f7-a7771fb51c8e",
    "name": "node_273edf18-9233-4a02-a1fa-8b896626e013",
    "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 Botões</a>*\n\n",
      "name": "Ver código"
    },
    "class": "",
    "html": "node_default",
    "typenode": "vue",
    "inputs": {
      "input_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "input": "output_3"
          }
        ]
      }
    },
    "outputs": {
      "output_1": {
        "connections": [
          {
            "node": "278a5ad9-019c-4fc4-a67e-9070d073a55e",
            "output": "input_1"
          }
        ]
      }
    },
    "pos_x": 650,
    "pos_y": 1180
  }
}