Create Donate (amount) Card and connect to GG Direct Donation

[lauramorinigo]

Provide the ability to the user to donate a certain x amount using the Donate Card under the donations tab:

• Add Direct Donation Endpoint
• Add Donate X card
• Add Donate Endpoint
• Add payment modal
• Add Stripe integration
  

[lolaodelola]

Branch: https://github.com/SamsungInternet/globalgoals/tree/feature_donations

Blocked:

• direct donation endpoint in test app is returning invalid JSON
• Unable to call loadDirectDonation from card component, i.e. can't pass function to cActions

[lauramorinigo]

Current research about how to implement donations/payment method, things to solve:

1. How to implement GDPR if data is collected, see options to not collect any data or rely on the native app
2. How to use Stripe (include outside the US)
3. Implementation of Web Payment API
4. How to add Samsung Pay Web

[lolaodelola]

Stripe client side integration w/ WebPaymentsAPI:

[lauramorinigo]

The donation by earnings workflow will be solved in a separate issue, check #40

Direct Donation with Stripe:

The web workflow is a little bit different than the native one, the web component shows directly the cards available without the option to choose between for example SPay and Gpay.
Chrome
On desktop, it doesn't retrieve the cards already connected with Gpay, on mobile yes.
Samsung Internet
The web component doesn't appear if there are no cards connected to the browser.

To Do

• Research Samsung Pay Web Integration

[lauramorinigo]

We were able to integrate Stripe to donate but it's not working with Samsung Internet, it seems like it's not recognizing the Stripe payment method (the same thing was happening with Firefox Mobile).
After chatting with Stripe Support they told us that the browser is not supported but we had a case test example from other team members a few years ago. Looking for alternatives and feedback in order to make this feature available for SI.
A new issue was created to follow up this #44

[lauramorinigo]

If the user doesn't have any card attached show a message telling that it should attach a card to the browser.
@lolaodelola

[lolaodelola]

@lauramorinigo that's done & pushed up now