Store in the Redux state the last username/email checked in the login form

[DanReyLop]

Changes proposed in this Pull Request

On the login form, when the user fills out their username (or email), an API request is made to see if that username/email exists, and if it does, what kind of authentication to use (passwordless or password). In this PR, that username/email is stored in the Redux state.

I also made it so the requestError is cleared when resetAuthAccountType is called. It's only called here, and it makes sense that when the UI is "reset", the error should be cleared too.

How to test

There's no code that reads the lastCheckedUsernameOrEmail property from Redux, so there's no way to test this.

Note: This is a required refactor for the new "Woo DNA" flow, implemented in #41798

[matticbot]

Test live: https://calypso.live/?branch=woodna/add-last-checked-username-to-state

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~39 bytes added 📈 [gzipped])

name         parsed_size           gzip_size
entry-login       +239 B  (+0.0%)      +43 B  (+0.0%)
entry-main         +17 B  (+0.0%)       -4 B  (-0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~266 bytes added 📈 [gzipped])

name             parsed_size           gzip_size
jetpack-connect       +476 B  (+0.1%)     +154 B  (+0.1%)
accept-invite         +347 B  (+0.1%)      +79 B  (+0.1%)
security              +181 B  (+0.0%)      +33 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~110 bytes added 📈 [gzipped])

name                          parsed_size           gzip_size
async-load-signup-steps-user       +347 B  (+0.3%)      +79 B  (+0.3%)
async-load-design-blocks           +222 B  (+0.0%)      +31 B  (+0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[vbelolapotkov]

Looks good! Thank you!

[jsnajdr]

Nice 👍

[jsnajdr]

The withoutPersistence wrapper is not really needed -- it's already a default behavior of a reducer without any wrapper. @sgomes added them everywhere in the #36470 codemod, but we will eventually remove them again 🙂