We need a graphic web tool to add to our platform, that enables the user to edit a chatbot workflow drag and dropping “actions” and connecting the outputs to other actions in a diagram (See image 1).
There are 3 types of actions that the chatbot can do:
Message: Sends text or an attachment file.
Buttons: Shows a list of buttons. Each button have an independent output.
Data: Ask data to the user and stores it in a variable. The variables must have a “type” (selected from a combo) to select if it is a string, number, email, etc.
When clicking over an action, a panel should open over the right side with the different options to configure in the selected action (each type of action has the different configurations already mentioned (See image 2)
The input/output format should be a JSON like the follow example: https://drive.google.com/file/d/1MSlQvgfo-eD0fU1dlJRqqLQKIJQcQPnX/view?usp=sharing
The solution must be implemented using the open source library jsPlumb (https://github.com/jsplumb/jsplumb)