Feat / Registration recaptcha

[royschut]

Feat / Registration ReCaptcha

This PR adds optional Recaptcha validation, and adds the verified token to the registration api calls (currently for Cleeng).
Recaptcha can be enabled from the Cleeng dashboard. The site token should then be added as a custom parameter to the app-config: captcha_site_key=<site_id> to have the validator (by Google) added to the DOM.

ReCaptcha can also be set as required for payment API calls. This is out-of-scope for this PR, but might be added later.

Steps completed:

According to our definition of done, I have completed the following steps:

• Acceptance criteria met
• Unit tests added
• Docs updated (including config and env variables)
• Translations added
• UX tested
• Browsers / platforms tested
• Rebased & ready to merge without conflicts
• Reviewed own code

[langemike]

Simple and effective approach

[ChristiaanScheermeijer]

Nice addition @royschut!

My first thought, though, is if we should do the logic (specific to ReCaptcha) in the container or somewhere else. It feels a bit counterintuitive to use the ReCaptcha ref. But I also realise that error handling and form validation will suffer if we do it elsewhere... 🤔 Just putting this here for discussion!

[royschut]

My first thought, though, is if we should do the logic (specific to ReCaptcha) in the container or somewhere else. It feels a bit counterintuitive to use the ReCaptcha ref. But I also realise that error handling and form validation will suffer if we do it elsewhere... 🤔 Just putting this here for discussion!

Thanks! I've been considering alternatives, but the ReCaptcha validator should be added to the UI, and it should trigger validation onSubmit (so that form entering can be checked as a human action validator). So the alternative would be to send callbacks around, but I think that would only complicate things.

An alternative to the ref that I thought about, was to send form values to the Recaptcha component, so that it can validate by itself when certain values change. But I think onSubmit is the most reliable moment for success.