Improve import of bookmarks and settings during the onboarding process

[rebron]

Description

Add import bookmarks/settings to new welcome flow. Invoke something similar to: brave://settings/importData

but need to keep users in the flow after import and not taken to separate page.

Design

[rossmoody]

This requires a little nuanced consideration. My initial hope with this screen was to just make it truly one click and we make Brave as much like your previous browser as possible. So whatever we can import from any given competitor we would in one click.

If this is not possible or requires some other much greater consideration I'm unaware of, it would be preferable to surface the import dialog right on top of this panel and when a user imports we auto advance to the next panel. I think regardless, the first option would be what we should push for in the long term. This is a quick mock of that process:

@garrettr I think this might be a thing I would look to your expertise on.

[garrettr]

A couple of thoughts:

For users auto-upgrading from browser-laptop to brave-browser, we will auto-import their browser-laptop data (#1545).

For users installing brave-browser from the website, the first run experience should offer the option to import data from another browser (as shown in @rossmoody's screenshots).

If you think the "one click" experience is really important, I think the most sensible UX would be to auto-detect the user's current default browser and offer to import its data as the primary option. Something similar is already partially implemented for Firefox: if Firefox is detected to be the current user's default browser, the list of browser profiles to import from is ordered such that Firefox is the first selected choice, which potentially saves the user a click. We could extend this to detect whether other browsers are the default, and order the list of choices accordingly. This would probably result in a "one-click" experience for a large fraction of users.

I think it's important to keep the dropdown list of choices visible and easy to use to avoid irritating users who have more complicated setups (e.g. one browser with multiple profiles, multiple browsers used concurrently). In this case we really can't guess what the user would want and should leave the choice up to them.

[rebron]

cc: @clifton thoughts after having gone through #1548?
fyi @cezaraugusto

[bsclifton]

This should be a fairly easy win, but we'd need to try a proof of concept first 😄When quickly trying it, I didn't see a way to pop up the modal shown above. We could expose the content of the model in our wizard instead (providing a better experience). ex: have a dropdown with:

don't import
import from Chrome
import from HTML file
etc

Will get back to you after trying this out

[btlechowski]

Verification passed on

Brave	0.69.117 Chromium: 76.0.3809.100 (Official Build) beta (64-bit)
Revision	ed9d447d30203dc5069e540f05079e493fc1c132-refs/branch-heads/3809@{#990}
OS	Ubuntu 18.04 LTS

Verified test plan from brave/brave-ui#504

[LaurenWags]

@rebron @bsclifton - just to confirm, when importing from brave://welcome, is the expectation that any item checked by default on brave://settings/importData will be imported when importing from welcome? So if you were to import Chrome from brave://settings/importData cookies, history, etc are checked and imported unless unchecked. So, if you import Chrome from brave://welcome, will you also import cookies, history, etc?

[rebron]

@LaurenWags Yes. Any items that would normally be checked by default (as seen by skipping this step and doing the manual import from settings), should be imported over.

There shouldn't be an "unless checked" by users scenario.

Unchecking items from the manual import bookmarks/settings screen shouldn't affect this screen since this is a one way new user/new profile flow.

[GeetaSarvadnya]

Verification passed on

Brave	0.69.123 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Windows 10 OS Version 1803 (Build 17134.523)

• Verified test plan from ✨New welcome flow for importing settings from other browsers brave-ui#504
• Verified the import from the welcome screen is successfully importing the bookmarks, history, cookies, and password by default.
• Verified that the Import button gets enabled only after selecting specific from browser option from the drop-down
• Verified that the Import button is disabled by default in the welcome screen Import bookmarks and settings slide
• Verified that only selected items from brave://settings/importData are imported when we initiate the import from the welcome screen.
• Verified that no items get imported when uncheck all the items in brave://settings/importData

Brave	0.69.131 Chromium: 77.0.3865.90 (Official Build) (64-bit)
Revision	58c425ba843df2918d9d4b409331972646c393dd-refs/branch-heads/3865@{#830}
OS	macOS Version 10.14.6 (Build 18G95)

• Verified STR/test plan outlined under ✨New welcome flow for importing settings from other browsers brave-ui#504
• will go through the importing cases via Manual test run on OS X for 0.69.x - Release #6132