Google Pay: `component.isValid` is false when using custom pay button about adyen-web

[ribeiroguilherme]

Hi @davidohlin ,

The component.submit() has built-in logic to check if the component is valid, and then show validation or perform the payment. You can skip your custom check and you can rely in our internal validation in this case. If you face any issue, please let us know.

Cheers

[davidohlin]

@ribeiroguilherme But there is no callback to know that the submit was invalid, right? I omitted my side effects for brevity, but imagine this use case:

if (!component.isValid) {
  component.showValidation();
  setLoading(false)
  return;
}

component.submit();

How would I achieve that? The submit method doesnt return anything or omit any usable events AFAICT from the docs.

[ribeiroguilherme]

Hey @davidohlin ,

Indeed, there is no callback reporting that the form is invalid and validation is triggered. I discussed this internally with the team, and one idea that came out is to trigger onError with the errorType: VALIDATION . This way, we would report back that the validation step got triggered. How does that sound?

Talking specifically about the GooglePay button - it is not recommended to provide your own pay button according to the Google guidelines .
Regarding the GooglePay component, I'd recommend using the Component without custom pay button, and listen to the onSubmit callback.

[lauterry]

Hello

Could you assist me with finding documentation or information regarding the availability of the component.showValidation() function?

I'm interested in programmatically triggering form validation, especially for an Adyen component form.

I have a custom button and would like to synchronize the validation of the Adyen component form with other fields on the form.

Any guidance on this matter would be greatly appreciated.

Best regards.