beforeSubmit and other props are not called with dropin

[dennis-scorito]

Describe the bug
We use dropin like this

const component = new Dropin(checkout, {
	showRadioButton: true,
	openFirstPaymentMethod: false,
	showStoredPaymentMethods: false,
	onSelect: () => {

	},
	beforeSubmit: (data: PaymentData, _: UIElement, actions: BeforeSubmitActions) => {
		console.log("beforeSubmit called with data:", data);
		
	}
}).mount(element);

In version 6.25.1 the beforeSubmit was working, but versions higher than 6.25.1, its broken.

Seems to be removed with v6.25.1...v6.26.0#diff-d4ea9ffb2b598c01783215539ba77ce1a55fcb6931ce873d8e087f16ffced4a7L126.

The props are not wrapped in the getCommonProps anymore which causes the props not to be set again.

To Reproduce
Steps to reproduce the behavior:

1. Use any version higher than v6.25.1
2. beforeSubmit is not called
3. Downgrade to v6.25.1
4. It works again

Expected behavior
onSubmit should still be called using the Dropin component

Screenshots

Desktop:

• OS: Windows
• Browser: FireFox
• Version: 146.0.1
• Basically anywhere

Additional context
Removed here v6.25.1...v6.26.0#diff-d4ea9ffb2b598c01783215539ba77ce1a55fcb6931ce873d8e087f16ffced4a7L126

[ScottiBR]

Hi @dennis-scorito, thank you for reaching out and sharing your issue.

We would like to clarify the intended implementation of the beforeSubmit callback. In the Adyen Web SDK architecture, beforeSubmit is designed as a top-level configuration property that belongs to the AdyenCheckout instance, rather than the specific configuration object of the Drop-in component.

While it may have been possible to define this at the Drop-in level in previous versions, that behavior was never part of the official public API contract. To ensure your integration remains stable and receives future updates correctly, this logic should be moved to the checkout initialization.

You can find the official list of supported configurations and their placement in our documentation: Web Drop-in Configuration - Sessions Flow

As noted in the documentation link above, the Drop-in configuration section is reserved for UI-specific settings and payment method configurations. Global lifecycle events like beforeSubmit is handled at the main instance level to ensure consistent behavior across all components.

We recommend updating your implementation to this pattern to restore the functionality. Please let us know if you have any further questions!

[github-actions]

This issue is stale because it has been open 21 days with no activity. Please comment on this issue otherwise it will be closed in 7 days.