Skip to content

Javascript Error on non-component, redirect payment methods #539

@jbernhardt-sqli

Description

@jbernhardt-sqli

Describe the bug
When a customer is going to the checkout summary page with a redirect payment method selected, the javascript console shows an error and the payment-button has no functionality.

Uncaught (in promise) Error: Component could not mount. Root node was not found.
    at la.mount (BaseElement.ts:136:19)
    at PaymentComponentFactory.createRedirectPaymentMethod (adyen_component_factory.js:585:12)
    at PaymentComponentFactory.createFromConfigs (adyen_component_factory.js:43:35)
    at AdyenCheckoutHelper.initiateCheckout (adyen.checkout.js:66:22)

Required is the #adyen-component-button-container-${label} but due to the logic in the checkoutOrderSummary.tag, there is the adyen-component-container-${label} available.

If these payment methods are (customized) marked as 'component' (in the componentsWithPayButton array on checkoutOrderSummary.tag, the button is there, but not 'designed' and with text contianing the technical name instead of the localized.

To Reproduce
Steps to reproduce the behavior:

  1. Go to selectPaymentMethodPage
  2. Select a redirect payment method (klarna_paynow, Billie (klarna_b2b), klarna_account, ...)
  3. Go 'next' to checkoutSummaryPage
  4. In the js console see the error
  5. The "Pay now" button has no functionality

Version: 13.2.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions