Issues when switching payment methods

[jansentjeu]

Describe the bug
When you switch payment methods, the error message "We are sorry, this method is temporarily unavailable" appears. This is due to the event listeners on event "checkout:payment:method-activate". When you have clicked on a payment method, this listener is set for it. When you then click on another payment method, a listener is also set for this. However, the event listener is now also triggered for one payment method while you click on another payment method.

See attached screenshots

To Reproduce
Steps to reproduce the behavior:

1. Go to the checkout
2. Click on a payment method. For example iDeal
3. Now click on another payment method. For example Billie
4. Error is shown

Expected behavior
Billie is activated and no error message is shown

Magento version
2.4.7-p2

Plugin version
1.0.0

Screenshots

Schermopname.2024-09-11.om.10.37.44.mov

Additional context
Besides this issue I have the following question. What is the reason to call the init function in the "checkout:payment:method-list-boot" event listener? See for example view/frontend/templates/payment/method-renderer/adyen-default-method.phtml line 19. This is called for the previous payment method when you switch. I don't think this should happen since you would set the AdyenPaymentHandler to the previous payment method value and also the activatePaymentMethod function.

[candemiralp]

Hello @jansentjeu,

Thank you for creating this issue. We will check the points that you have mentioned and get back to you soon.

Best Regards,
Can

[fzemmel]

Any news on this issue?
Unmounting and initializing the ‘checkout:payment:method-list-boot’ event also forces payment methods with input fields (e.g., credit card details) to reset those fields. For example, if I fill out the credit card details and then use the coupon field, the ‘checkout:payment:method-list-boot’ event is dispatched, causing my credit card details to be cleared.
This primarily presents a UX issue, as it disrupts the user experience by requiring the user to re-enter their information.