[GoodID] Confirmation Screen

[patpedrosa]

Business Description

What the feature is and why we're doing it (business & user benefit)

The confirmation screen is the end of the face verification & segmentation flow. At this point, a user should now be GoodDollar verified and fully segmented, provided they didn't dispute the automated check results.

This screen shows the GoodID Card component and is the trigger for the Available Offers check.

The GoodID card component on this screen should show all info that is known from the user and its verified statues, such as:

• Wallet Address
• Profile picture
• Gender
• Age Range
• Location
• Expiration date of Face Verification (GoodID)

Values that are disputed by the user should also be stored and displayed in their GoodID card. Information that has been disputed by the user should show as "unverified," meaning that it will display a grey tick next to the value inputed by the user. For more information on Segmentation dispute, please refer to GoodDollar/GoodWeb3-Mono#150.

Once the user clicks next, we will check if there is an available offer for them to qualify for. If there is, the user will be taken to the Available Offer screen and invited to submit a video to complete their application for the pool. If there isn't an available offer, the user should be taken to the claim screen to perform their first claim.

Detailed Description of Functionality

Includes link to Figma, screenshots if applicable to describe step by step how the feature works, edge cases, and considerations. States etc should also be described here.

Full Design: https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC/3.-Product?type=design&node-id=13532-19584&mode=design&t=nrTfOzoTxXG9tFKt-0

Design Preview:

Technical Implementation

How we are going to build it.

Acceptance Criteria

How we know if the feature is working as expected / how we test it.

• [ ] Scenario: Confirmation screen shows GoodID card component with user information

  • Given the user has completed the face verification & segmentation flow
  • When the user reaches the confirmation screen
  • Then the GoodID card component should be displayed
  • And the GoodID card component should show the user's wallet address, profile picture, gender, age range, location, and expiration date of face verification (GoodID)

• [ ] Scenario: User clicks "Next" on the confirmation screen and there is an available offer

  • Given the user is on the confirmation screen
  • And there is an available offer for the user to qualify for
  • When the user clicks "Next"
  • Then the user should be taken to the Available Offer screen

• [ ] Scenario: User clicks "Next" on the confirmation screen and there is no available offer

  • Given the user is on the confirmation screen
  • And there is no available offer for the user to qualify for
  • When the user clicks "Next"
  • Then the user should be taken to the claim screen to perform their first claim