Option to specify CAPTCHA language

[ivp]

Since our forum is non-English, would like to force a specific language for CAPTCHA.

I understand that the implementation is the following:

We don't specify a specific language code so we're allowing Google to detect your language (which is presumably using the Accept-Language header, though it could be doing GeoIP).

The only way to specify CAPTCHA language currently is to manually edit files captcha.js/captcha.min.js, which is not ideal.

 

[Kirby]

The only way to specify CAPTCHA language currently is to manually edit files captcha.js/captcha.min.js, which is not ideal.

Did you try to replace

<xf:js src="xf/captcha.js" min="1" />

with

<xf:js src="xf/captcha.js" min="1" />

<xf:js>
(function ($, window, document, _undefined)
{
    "use strict";

    XF.ReCaptcha = XF.extend(XF.ReCaptcha, {
        init: function()
        {
            if (!this.options.sitekey)
            {
                return;
            }

            var $form = this.$target.closest('form');

            if (this.options.invisible)
            {
                var $reCaptchaTarget = $('<div />'),
                    $formRow = this.$target.closest('.formRow');

                $formRow.hide();
                $formRow.after($reCaptchaTarget);
                this.$reCaptchaTarget = $reCaptchaTarget;

                $form.on('ajax-submit:before', XF.proxy(this, 'beforeSubmit'));
            }
            else
            {
                this.$reCaptchaTarget = this.$target;
            }

            $form.on('ajax-submit:error ajax-submit:always', XF.proxy(this, 'reload'));

            if (window.grecaptcha)
            {
                this.create();
            }
            else
            {
                XF.ReCaptcha.Callbacks.push(XF.proxy(this, 'create'));

                $.ajax({
                    url: 'https://www.recaptcha.net/recaptcha/api.js?onload=XFReCaptchaCallback&render=explicit&hl=<languagecode>',
                    dataType: 'script',
                    cache: true,
                    global: false
                });
            }
        },
    });
} (jQuery, window, document));
</xf:js>

in template captcha_recaptcha ?

 

[ivp]

That's interesting solution, thank you @Kirby.

Do you have similar code for hCaptcha, since it is the default provider:

Action Required: CAPTCHA changes

For many years, XenForo has used reCAPTCHA as its default CAPTCHA provider to help mitigate spam and bot actions without requiring our customers to go through additional configuration. However, we have recently been informed that restrictions may be placed on the reCAPTCHA key included in...

xenforo.com

 

[ivp]

The code does not work. Console displays Uncaught TypeError: Cannot read properties of undefined (reading 'push') in line XF.ReCaptcha.Callbacks.push(XF.proxy(this, 'create'));

Here is the fix for hCaptcha:

In template captcha_hcaptcha replace:

<xf:js src="xf/captcha.js" min="1" />

with:

<xf:js src="xf/captcha.js" min="1" />

<xf:js>
	XF.Element.extend('h-captcha', {
		init: function()
		{
			if (!this.options.sitekey)
			{
				return;
			}

			var $form = this.$target.closest('form');

			$form.on('ajax-submit:error ajax-submit:always', XF.proxy(this, 'reload'));

			if (this.options.invisible)
			{
				var $hCaptchaTarget = $('<div />'),
					$formRow = this.$target.closest('.formRow');

				$formRow.hide();
				$formRow.after($hCaptchaTarget);
				this.$hCaptchaTarget = $hCaptchaTarget;

				$form.on('ajax-submit:before', XF.proxy(this, 'beforeSubmit'));
			}
			else
			{
				this.$hCaptchaTarget = this.$target;
			}

			if (window.hcaptcha)
			{
				this.create();
			}
			else
			{
				XF.HCaptcha.Callbacks.push(XF.proxy(this, 'create'));

				var options = {
					dataType: 'script',
					cache: true,
					global: false
				};

				if (XF.browser.msie)
				{
					// if msie then handle calling callbacks manually due to
					// an apparent issue with onload firing on IE11
					options.url = 'https://hcaptcha.com/1/api.js?render=explicit&hl=<languagecode>';
					options.success = window.XFHCaptchaCallback;
				}
				else
				{
					options.url = 'https://hcaptcha.com/1/api.js?onload=XFHCaptchaCallback&render=explicit&hl=<languagecode>';
				}

				$.ajax(options);
			}
		},
    });
</xf:js>

But the problem is that this does not work for overlay for registration, contact and similar forms.