Deep Link button on QR code page

[esune]

We need a deep-link button below the QR Code to allow same-device authentication.
The deep link should be in the format bcwallet://aries_proof-request?_oob=...

The page could be responsive and hide the QR code when displayed in a mobile device with a screen below a certain size (when viewed in a tablet it might be because it is being used as a replacement for a computer).

[loneil]

@esune wallet OOB handling issue we discussed laid out here

bcgov/bc-wallet-mobile#953 (comment)

[knguyenBC]

I did some quick wireframes to help improve the UI of the screen based off of recent user research. This is suggested from a UX /UI perspective. https://xd.adobe.com/view/b40869d2-5fff-40ff-855c-ace0d1da0c30-e15b/ explanation of design choices in the comments.

[loneil]

Excellent! Thanks so much @knguyenBC

[loneil]

From discussion today with @esune
Plan to handle generating the correct payload for the deep link and accommodate for both link and QR. Normally this payload generation is not done until the short QR link is redirected to.

1. Access the page first load

2. It generates a connectionless or oob (config flag) payload that looks like this (depending on type)
   

3. It stores that in the database

4. It generates the short link and QR code

5. It returns that to the screen in the Deep Link Button

6. It also returns the QR code

On deep link click

• just action that link

On QR scan

1. Follow redirect short link
2. In handler, LOAD that from the DB instead of generating it
3. Return same as before

On refresh timer

1. Generate that again and overwrite the stored version
2. return deep link and qr again to the page