Add Support for Stripe Payment Request Button

[JGSolutions]

Hi,

Not sure if this is supported but does the paymentRequestButton feature work?

https://stripe.com/docs/stripe-js/elements/payment-request-button

[JGSolutions]

@bennypowers Need help to integrate the payment request api not sure why the method . canMakePayment() always return null.

Need some help and i can get this work i can create merge request.

[bennypowers]

Can you give me some more information?

[JGSolutions]

Not sure what more info you need. Basically my question was if I can get the payment request button feature to work

[bennypowers]

Got it. OK I can look into this

[bennypowers]

@JGSolutions I'm working on a POC in #25 which you can test out live via the deploy preview

As of a7a823e (NB: link likely to break when I rebase in the future), the stripe payment request button react component does successfully mount inside the shadow DOM of the web component. Oddly, however, all the content is invisible and inactive. I'm not sure if that's a problem with my integration, or my client setup (test credit card etc), or what.

[bennypowers]

#25 is ready to roll.

If you'd like to give feedback on API surface before release, take a look at the README.md and the Live Demo

⛓️ To use the storybook demo of the new element there are a few requirements:

• The browser must supports Payment Request API (chrome mac works),
• You have to have a credit card saved in the browser (can be the test card 4242424242424242),
• You need a Stripe publishable key (use the test key)
• Optionally, you can provide a client_secret (pre-generated on server) to test the PaymentIntent support

[github-actions]

🎉 This issue has been resolved in version 2.2.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀