[GoodID-Flow]: RedTent offer

[L03TJ3]

Description

The first eligible offer requires the uploading of a video selfie.

Aligned with ticket: https://github.com/GoodDollar/GoodDAPP/issues/4202

Video storage requirements

• the videos are stored for a period of time (e.g. 6 weeks) in a secure place that
• we and third-party doing the pool should have access
• automatically deletes any videos over X weeks old?

Undecided

• [x] Where to upload the video files to? (aws-storage)
• [x] should there be a flow for remind me later / users leaving (by mistake). should we re-trigger this flow?

Detailed Description of Functionality

After a user is deemed eligible at the end of the segmentation-flow the offers-screen will be shown.

A user can choose here to accept the offer and start the flow for additional requirements of uploading a video selfie. If a user clicks 'I don't want extra UBI' it will be navigated to the claim screen.

The screen with offers description will be shown with details of the video that needs to be uploaded. When a user clicks next, the native screen for selecting and uploading a file pops-up. After selecting a file, a user will see a thank you screen. Tapping next will have a user start the claim-flow.

Technical Implementation

RedTent Controller

• handle upload to S3

RedTent wizard

• Implement the wizard-content (done here)
• The wizard should have the following hierarchy
  • Offers Screen
  • Video-upload screens

SDK Implementation S3 upload

import { S3Client, PutObjectCommand } from "@aws-sdk/client-s3";

const s3 = new S3Client({
  region: "us-east-1",
  credentials: false,
  signer: { sign: async (request) => request },
});

const res = await s3.send(
  new PutObjectCommand({
    Bucket: "redtent",
    Key: "browser.txt",
    Body: "testing browser",
  })
)

Acceptance Criteria

• [x] Should have a start screen describing the video requirements in line with the figma design
• [x] Should add a file upload function for a user to upload their recorded selfie
• [x] A thank you for submit screen from where a user is redirected to the claim page
• [x] should use aws sdk (or related methods) to take form data and send a uploaded file to our aws storage

Design Reference

Design reference: https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC/3.-Product-%F0%9F%92%B5?type=design&node-id=12308-14574&mode=design&t=MWkbbMCLWLfUDM56-0

Preview design:

[sirpy]

@decentralauren @patpedrosa The title of the issue doesnt make much sense

[sirpy]

@L03TJ3 i've added in the description a working example of uploading a file from browser to s3 specific domains will need to be approved for CORS

[L03TJ3]

@decentralauren @patpedrosa was a decision already made on a remind me later flow we discussed?

[decentralauren]

@L03TJ3 "remind me later" is ideal, though what's the LOE?

In the near future, the user will be able to navigate to an "offers" area to find all eligible offers. This would make it much easier for them to recall / access offers that they skipped when first presented. Would love to have a way to continue offering if they select "remind me later" until this is built, as long as it's not a heavy lift.

[L03TJ3]

@decentralauren If you can go over the undecided section and share if we should handle this (so the users who mid redtent flow cut it off)

[decentralauren]

We do not need a "remind me" flow for MVP. If the user "skips" they can redo their FV to see the offers again.

[decentralauren]

@sanajamm - please update the design in this ticket when ready :)

[SanaJamm]

@decentralauren is this the right one?

screenshot:

https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC/3.-Product?type=design&node-id=16765%3A105070&mode=design&t=lUAXCIhesIKDKXSl-1

[L03TJ3]

Moved this to its own issue, so also removing the 'needs-design label'