v3 Invisible - ActivityIndicator about react-native-recaptcha-that-works

[pierroo]

Thank you for your answer.
So I'd say this other plugin is not really mentioning that and it could be harmful to some other developers.

I will move on to using yours, that actually seems to be working much better, thank you!

[douglasjunior]

Added hideBadge prop.

https://github.com/douglasjunior/react-native-recaptcha-that-works/releases/tag/1.3.1

[douglasjunior]

This is how reCaptcha invisible should works.

https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed

[faqini]

🤔 Nope...

You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text: This site is protected by reCAPTCHA and the Google...

You can use webViewProps to inject css an hide the mentioned css class.

const CSS = '.grecaptcha-badge { visibility: hidden; }';

const INJECTED_JS = `
  (function() {
    const style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = '${CSS}';
    document.head.appendChild(style);
  })();
  true;`;
  
<Recaptcha ... webViewProps={{ injectedJavaScript: INJECTED_JS }} />

[pierroo]

Weird, how come this other plugin doesn't show the badge?
https://www.npmjs.com/package/@haskkor/react-native-recaptchav3

=> are they actually playing against google ToS for recaptcha?

[douglasjunior]

You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:

 This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

From: https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed

I think we can add prop hideBadge=true/false and it's up to you to follow the rules.