Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Missing component for specific payment methods

See original GitHub issue

Describe the bug Specific payment methods are not displayed as web components, for example directEbanking and paysafecard https://docs.adyen.com/payment-methods/sofort/web-component#show-sofort-in-your-payment-form

The npm package behaves inconsistent comparing it with the “old way” by including the SDK via the <script> tag, the old implementation works flawlessly.

To Reproduce Steps to reproduce the behavior: checkout.create('directEbanking', ...).mount('#selector')

Expected behavior The adyen web package should just render the continue button, instead of throwing a Error.

Error: The passed payment method is not a valid Checkout Component

Screenshots

Desktop (please complete the following information):

Browser: Chrome canary (latest)

Smartphone (please complete the following information): nope

Issue Analytics

State:
Created 3 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

riftshadowcommented, Nov 20, 2020

Hey @marcperez, it seems like i had a typo in the AdyenCheckout config object (paymentMethodResponse -> paymentMethodsResponse). It works now, thanks for your support

0reactions

marcperezcommented, Nov 20, 2020

Happy it’s solved @stormtroop! Cheers!

Top Results From Across the Web

Magento2 Payment methods render list missing on custom ...

In order to use rendererList in custom payment module the following should be done: Create in your module view/frontend/layout/checkout_index_index.xml file and ...

Web Components integration guide - Adyen Docs

Adding new payment methods usually doesn't require more development work. Components supports cards, wallets, and most local payment methods. This guide ...

Create a PaymentMethod - Stripe JS Reference

createPaymentMethod to convert payment information collected by elements into a PaymentMethod object that you safely pass to your server to use in an...

Stripe - Save customer payment method only if user ask for it

When using Payment Element the intended user flow is that you would pass in setup_future_usage when the Payment Intent is created.

Payment Request API - W3C

The structure of this object is specific to each payment method. ... If the data member of modifier is missing, let serializedData be...