[Integrity Migration] Allow users to buy NUM in Capture App

[sync-by-unito]

Current flow:

1. User clicks the Buy NUM button
2. User inputs how much NUM they want to buy
3. Capture App prepares a deeplinking, which launches the MetaMask app with filled the target address (Numbers' fee receiving wallet) and amount automatically
4. https://docs.metamask.io/guide/mobile-best-practices.html#deeplinking
5. MetaMask mobile deeplink generator
6. User sends a Tx
7. Once the payment is received, backend transfers a fixed amount of NUM to user (similar to moonpay)

┆Issue is synchronized with this Asana task by Unito
┆Created By: Tammy Yang

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang can i get some clarification on this one?

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang with the wallet page release we should be able to buy credits

[sync-by-unito]

➤ Tammy Yang commented:

Ethan Wu this is for allowing users buy NUM in the App.

We want to have a workflow that

1. User click Buy NUM button
2. User input how much NUM they want to buy
3. Connect metamask and allow users to pay with ETH
4. Once the payment is received, transfer a fixed amount of NUM to user (similar to moonpay)

Maybe we can aim to determine the user flow and draw some mockup on miro in this sprint and implement it in the next sprint. How do you think?

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang ok i understand generally.

so one question, we need to support MetaMask Wallet Connection?

and yes i think it would be best to draw the flow first. does this mean we are going to phase out NUM credits?

—-

just some general information: most browsers to my knowledge do not support metamask connection on mobile. typically the wallet itself (MetaMask) has a in-wallet browser that supports this behavior.

I can see if there is a plugin available. Will need to see.

[sync-by-unito]

➤ Tammy Yang commented:

does this mean we are going to phase out NUM credits?

No, we will still keep it.

Most browsers to my knowledge do not support metamask connection on mobile.

As far as I understand, many dApp (web-based) support connecting to Metamask and TrustWallet. I didn't try it myself yet, but I knew Bofu Chen had experiences.

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang I found a bubble plugin that might be able to connect to wallet via mobile

[sync-by-unito]

➤ Bofu Chen commented:

It should be achievable by using MetaMask deeplinking ( https://docs.metamask.io/guide/mobile-best-practices.html#deeplinking ). The user journey will be like

1. User clicks the Buy NUM button

2. User inputs how much NUM they want to buy

3. Capture App prepares a deeplinking, which launches the MetaMask app with filled the target address (Numbers' fee receiving wallet) and amount automatically
   1. https://docs.metamask.io/guide/mobile-best-practices.html#deeplinking ( https://docs.metamask.io/guide/mobile-best-practices.html#deeplinking )
   2. MetaMask mobile deeplink generator ( https://metamask.github.io/metamask-deeplinks/# )

4. User sends a Tx

5. Once the payment is received, backend transfers a fixed amount of NUM to user (similar to moonpay)

[sync-by-unito]

➤ Bofu Chen commented:

After installing the MetaMask mobile app, you can try to click the link on your mobile browser.

Your MetaMask should be launched and show the payment page with the specified payment info.

https://metamask.app.link/send/pay-0x64f7f6b122daaD47Fc427B2B8b620D6130BCb4cE@1?value=1e17 ( https://metamask.app.link/send/pay-0x64f7f6b122daaD47Fc427B2B8b620D6130BCb4cE@1?value=1e17 )

[sync-by-unito]

➤ Ethan Wu commented:

Bofu Chen thanks for the share. will look into it.

[sync-by-unito]

➤ Bofu Chen commented:

Ethan Wu Could you remind me what's the current status of this task?

[sync-by-unito]

➤ Ethan Wu commented:

There is currently no progress on this one. Was never organized into sprint task

[sync-by-unito]

➤ Ethan Wu commented:

I think the stage it is at is research phase

[sync-by-unito]

➤ Ethan Wu commented:

Bofu Chen how do we check that payment has been received?

[sync-by-unito]

➤ Tammy Yang commented:

Ethan Wu maybe we start from ETH, AVAX <> NUM swap? In that case, we can leverage plugins to call the Metamask or Trust wallet App installed on user's mobile

[sync-by-unito]

➤ Ethan Wu commented:

Tammy Yang so you mean implement a sort of swap similar to what we did in cc checkout page previously?