Dockerized Adyen demo

https://github.com/jackgleeson/adyen-components-js-sample-code

To run:

• run git clone https://github.com/jackgleeson/adyen-components-js-sample-code and cd into dir.
• create .env from .env.default (using a ca-test.adyen.com webservice user API details. I created a new web service account which took 30 seconds)
• run docker build -t adyen-demo .
• run docker run -it --rm -p 8080:3000 adyen-demo
• open localhost:8080

Tip: make sure to add your IP to the allow list within the adyen test console otherwise you'll get "invalid origin" errors when loading forms.

Adyen Drop-in (https://docs.adyen.com/online-payments/drop-in-web)
This solution would require consolidating our current two-step payment selection and donor input forms into one step. Although this is technically doable, it would change the current workflow within DonationInterface and likely introduce a new separate single-step process that would be challenging to manage in the same config-driven way as we do today across all gateways. It looks like this solution is intended as a one-gateway-fits-all offering and isn't suited to our existing two-step donor form process.

Adyen Web Components (https://docs.adyen.com/online-payments/components-web)
This solution allows us to "cherry-pick" specific payments method components from the Drop-in all-encompassing component. This allows us to maintain the existing two-step donor form workflow in DonationInterface and should be easier to integrate as a result.

Technical highlights:

• The Adyen web components source code is pulled in via 3rd party Javascript & CSS includes which Adyen recommend we validate using Subresource Integrity (SRI) hashes.
• Each form input field is its own iframe.
• Localization support looks good.

Tasks to Integrate:

Integrate Adyen Web Components into SmashPig (Backend)

• API Call: Retrieve payment methods available to the donor
• API Call: Submit Payment
• API Call: Submit additional Payment Information
• Adyen API Error handling
• Webhooks/Notifications Listeners: Confirm no changes needed.

Integrate Adyen Web Components into DonationInterface (Frontend)

• UI: Embed Adyen Web Components (validating with Subresource Integrity (SRI) hashes)
• UI: Error handling
• SmashPig API Call: Get Adyen available payment methods (maybe)
• SmashPig API Call: Submit Adyen payment
• SmashPig API Call: Submit Adyen additional payment information