localized DonateHelpPage recaptcha box

[danielfmiranda]

Description

Link to sample test page:
Related PRs/issues: #11448

This PR updates the src of the script <script src='https://www.google.com/recaptcha/enterprise.js?onload=gCaptchaReadyCallback&render=explicit&hl=en_US' nonce="{{ request.csp_nonce }}" async defer></script> to include hl={{ LANGUAGE_CODE }} instead of being hardcoded to en_US. That way the recaptcha box renders with the users active locale.

Screenshots

EN (English):

ES (Spanish):

DE (German):

FR (French):

fy-NL (Frisian):

NL (Dutch):

PL (Polish):

pt-BR (Portuguese (Brazil)):

SW (Swahili):

[mmmavis]

Hey @danielfmiranda ,

I'm wondering if FA supports all languages our site supports? If not, we will need to fallback to en so that the script file can be properly loaded (e.g., using our custom fa_locale_code tag)

[danielfmiranda]

Hi @mmmavis!! Thanks for the review 👍

The external script that this PR updates is actually not directly related to form assembly, but instead a google script that is used the render the recaptcha box.

Taking a look at the recaptcha docs here, it appears that they support all of the languages that we support, and after testing I can confirm they do. For example, the screenshots above show a localized recaptcha box for every language in our supported languages list.

Taking a look at the code for fa_locale_code, it appears that we would lose support for fy-NL and SW if we were to use that tag.

However, I do see the benefit in sharing one tag.

Do you think we should stick with LANGUAGE_CODE as recaptcha supports all languages that the foundation site does?
Or, should I switch it out for fa_locale_tag to reduce complication, with the catch that the recaptcha box would lose support for fy-NL and SW.

Thanks!

[mmmavis]

@danielfmiranda ah apologies! From my quick review yesterday I didn't realize we were talking about a script from Google. Thank you for your detailed explanation! In that case I would say sticking to your current implementation (using LANGUAGE_CODE) 😃

[mmmavis]

Thanks @danielfmiranda !