Social Login Redirect Page

[yunakim714]

Description

In Social Login, users are redirected to a 3rd party IDP site to complete login. When they are redirected back to the storefront site, there will be a redirect page with a loading state until the user is successfully logged in.

Figma Prototype here

Types of Changes

• [ ] Bug fix (non-breaking change that fixes an issue)
• [x] New feature (non-breaking change that adds functionality)
• [ ] Documentation update
• [ ] Breaking change (could cause existing functionality to not work as expected)
• [ ] Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

• Removing a public function or component or prop
• Adding a required argument to a function
• Changing the data type of a function parameter or return value
• Adding a new peer dependency to package.json

Changes

• Add a new page app/pages/social-login-redirect that will be the redirect page in the social login flow

How to Test-Drive This PR

To see the redirect page:

• Go to https://wasatch-mrt-social-login-poc.mrt-storefront-staging.com/social-callback
• Verify that it looks correct in both the mobile and desktop view

To see the redirect page within the social login flow:

• Go to https://wasatch-mrt-social-login-poc.mrt-storefront-staging.com/login
• Click on Google and see the login flow proceed

Checklists

General

• [x] Changes are covered by test cases
• [ ] CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

• [ ] There are no changes to UI

or...

• [ ] Changes were tested with a Screen Reader (iOS VoiceOver or Android Talkback) and had no issues
• [ ] Changes comply with WCAG 2.0 guidelines levels A and AA
• [x] Changes to common UI patterns and interactions comply with WAI-ARIA best practices

Localization

• [x] Changes include a UI text update in the Retail React App (which requires translation)