Please do not use custom events to submit the block-based Checkout form on button click

[dennisnissle]

Mollie supports the new Block-based checkout provided by Woo. That's good :)

Unfortunately it seems the current implementation doesn't really respect the newly introduced Woo components to manage custom checkout events. Currently, what happens is after selecting a Mollie payment method within the checkout block a custom submit event is fired when hitting the submit button within the current form. This seems to be implemented with a custom event here. Instead please respect the Woo API and register events on onCheckoutValidation and/or onCheckoutSuccess as described by Woo here.

This custom event handling causes issues with plugins that adjust the block-based Checkout flow. In my case that is a multi-level checkout where the payment step is not the last step of the checkout flow - due to your custom event logic the form is submitted when hitting the button anyway.

Best,
Dennis

[asotela3911]

Hi @dennisnissle.
Let me review this, and I’ll update you here once we have more details.

[aadlung]

Is there an update here, did you have a chance to look at it @asotela3911 ?
I made a screencast with an example Plugin for a multi-step checkout which shows the difference: https://app.screencast.com/iaquYVlumNd6R
✅ WooPayments
✅ Mollie EPS
❌ Mollie Credit Card

The Credit Card Components should not just fire the custom submit button when clicking the nearest form button , because we have to provide a final order overview before purchasing. And Mollie EPS as an example works too ;)

[aadlung]

Hey @asotela3911 , do you think there will be any update on this topic soon? I would like to still use the modern components for creditcard payment as it's just well-known to users. And the other Mollie payments like EPS do work as expected, just the credit card does not stick to the WooCommerce API unfortunately 😔