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

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 image

Desktop (please complete the following information):

  • Browser: Chrome canary (latest)

Smartphone (please complete the following information): nope

Issue Analytics

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

github_iconTop GitHub Comments

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

marcperezcommented, Nov 20, 2020

Happy it’s solved @stormtroop! Cheers!

Read more comments on GitHub >

github_iconTop 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 ...
Read more >
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 ...
Read more >
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...
Read more >
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.
Read more >
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...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found