Invisible hCaptcha doesn't work

[creativesuspects]

The code in umbracoforms.invisible.hcaptcha.js doesn't work.

Line 21: This selector should use .umbraco-forms-form button[type=submit]:not(.cancel)

Lines 32-48: This code still contains some jQuery $(this).closest("form") and methods frm.validate() and frm.valid() that don't work.

Also, the hcaptcha.js script is not being loaded.

[AaronSadlerUK]

Hi @creativesuspects!

We have this package running on several sites with no issues, please ensure you have updated to the latest version and updated all the static files.

Please provide example code for me to review to ensure you have configured it correctly, even better would be a link to a site with it installed.

[creativesuspects]

Hi @AaronSadlerUK , thanks for the quick reply.

I've got the latest version (4.0.3) of the package installed on Umbraco 10.5.1. The normal and compact sizes work just fine out of the box, but when I use the invisible size the umbracoforms.invisible.hcaptcha.js script fails with the following error:

This script still seems to be depending on jQuery and the jQuery Validation Plugin:

Also, when I use the invisible size the hcaptcha.js script is not being loaded, which means the hcaptcha.execute() method on line 19 of umbracoforms.invisible.hcaptcha.js will not work:

And lastly, it would be great if you could make the query selector for the submit buttons more generic:

.umbraco-forms-form [type=submit]:not(.cancel)

instead of

.umbraco-forms-form input[type=submit]:not(.cancel)

I would like to replace the input elements by button elements in my theme, because I want to be able to add icons to my buttons. This would break the current query selector.

[creativesuspects]

@AaronSadlerUK Are you available on Discord tomorrow? I would like to ask a few questions after which I might be able to help out with a PR.

[AaronSadlerUK]

Invisible recaptcha is controlled through the api key for turnstile, invisible option in the backoffice shouldn't do anything for it.

I can be on Discord, what sort of time?

[creativesuspects]

Anywhere between 10:00 and 18:00 CET. Let me know what works for you.