Add Tutorial level

[dhinrichs-scottlogic]

Add a tutorial level

The purpose of a tutorial is to introduce users to the fact they're playing the game by interacting with the bot, personalising the game (users give their name), and teaching users that the bot can send emails.

• Add text to the chatbox (a button fixed to the top of the chatbox), that reads:

"Give ScottBruBot your name and ask it for the employee handbook". This is the tldr version of the tutorial task.

• On click, users should be directed back to the Game Story Screen, giving them the intro to the game story again and their first task in full.
• Implement tutorial level: When users ask for the employee handbook, an email pops up to the right with the employee handbook attached. If users give the bot the name, the email address shows username@scottlogic.com, otherwise let it read spylogic@scottlogic.com.
• On successfully getting the employee handbook send out, the text at the top of the chatbox should get a visual change (e.g. a thick green border) that read:

"Success! Click here to continue". On click, users should be directed to the next level.

• Wireframes (explanative, seek UX input to make it look good):

[heatherlogan-scottlogic]

Love this! Thinking it would be difficult dev wise to get the handbook attached in the email - maybe we could just enable the icon in the top right and have the email say it's been delivered there?

[gsproston-scottlogic]

Adding question - We may want to pull the handbook delivery out of this ticket, or redesign it as it could be quite difficult and would require too much dev time. More discussions needed.

[chriswilty]

Maybe needs a rethink, based on current storyline

[gsproston-scottlogic]

Marking as a candidate to remove - Level 1 should really be the tutorial. It gets users to chat with the bot, get info from docs, and send an email all in one level.

[smalyon-scottlogic]

Keep this for now until UI work finalised / updated

[gsproston-scottlogic]

Review after we've got designs for the new modals.