FEATURE: Onboarding Update/Cleanup

EDITS TO PAGES/FLOW

[x] Welcome to Flex.io Page

Delete the 'Welcome to Flex.io!" page entirely. Just dump people into integration chooser page.

[x] Choose Your Integrations Page

Update text as follows:

Welcome to Flex.io! Let's start with an Integration.

Pick a service below and we'll add a few out-of-the-box functions you can try out in your spreadsheet.

[X] Set Up

See button behavior below. (will add gathering on the YAML for the helper text in a separate issue)

[x] Invite Others

Update text as follows:

Invite Others (optional)

It's easy to share your functions with co-workers. Simply add their emails below and they'll receive an invite to join your team.

[x] Get Add-ons

Update text as follows:

Get Add-Ons

You're almost there! To use your new functions in a spreadsheet, you'll just need to install a Flex.io Add-on for either Excel 365 or Google Sheets.

BUTTON BEHAVIOR

[x] Choose your Integrations. Wondering if we should have a dialog pop up if they choose 'Continue' without setting up an integration. "Are you sure you'd like to continue without setting up an Integration?"
[x] Remove 'Skip Setup' on all pages except for the first page ("Choose your Integrations")

The 'Next/Back/Continue' buttons are a little confusing, particularly in 'Set Up'. For instance, if I click GitHub in "Choose your integrations", then click Continue, I'm presented with a "Next" button that is clickable, even if I haven't authenticated. Further, the 'Next' button is now in the dialog, rather than where the 'Continue' button was on the previous page.

For 'Set Up' pages, is it possible to do the following:

[x] Use 'Continue' button like we do in all the other pages
[x] Remove 'Next' button entirely, but just insert the 'next' behavior into the new 'Continue' button
[x] Make it so that 'Continue/Next' is not clickable (grayed out) unless the authentication/key has been added
[x] In Set Up, if they click on the 'Back' button, pop up a dialog that says something like "Looks like you want to go back to the start; if so you will lose any information you've inputted. Would you like to continue?"
[x] In Get Add-ons, change 'Done' to something like "Finish' or 'Finish Setup'

OTHER

[ ] Choose Integration Page. Can we add an overlay of a 'Key' or 'Lock' icon for those services which require an API key or OAuth or some type of authentication along with a tooltip that woudl say somethign like 'No authentication required' or 'Authentication or API key required"
[x] Helper Text/Content width. Wondering if we can pull back on the width of the text area, as it is pretty hard to browse quickly. The 'Welcome' page width is better. Generally, the body of all these pages would be better looking if they were less than the width of the top nav (also - none of the content on these pages currently require the current width; integration boxes could be placed more tightly together). You can also see this with the email signup content -- in app it looks good, cause its about half the width of what we currently have in the onboarding.

flexiodata / flexio-web-app

FEATURE: Onboarding Update/Cleanup #561