feat(clerk-js): Fallback to invisible CAPTCHA if the element is not found

[anagstef]

Description

This PR:

• Expects a captcha_public_key_invisible CAPTCHA key alongside with the main key, so it can fallback to invisible CAPTCHA if the clerk-captcha element is not found in the DOM.
• Utilizes the unsupported-callback prop of the CF Turnstile, to show error when the browser is not supported.
• Sends a captcha_widget_type prop in the /sign_ups POST request to FAPI to let it know what widget type was used.
• Removes the support to always_visible widget type option.

Checklist

• npm test runs as expected.
• npm run build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[changeset-bot]

🦋 Changeset detected

Latest commit: 0b7d139

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 13 packages

Name	Type
@clerk/clerk-js	Patch
@clerk/types	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch
@clerk/backend	Patch
@clerk/express	Patch
@clerk/fastify	Patch
gatsby-plugin-clerk	Patch
@clerk/nextjs	Patch
@clerk/clerk-react	Patch
@clerk/remix	Patch
@clerk/clerk-sdk-node	Patch
@clerk/themes	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[dimkl]

❓ How did the captchaPublicKeyInvisible was populated up until now? Wasn;t the invisible mode the default up until now?
I am mostly asking because it seems that this is a fix, not a feat :/

[anagstef]

❓ How did the captchaPublicKeyInvisible was populated up until now? Wasn;t the invisible mode the default up until now?

@dimkl you are right, the default one until now was Invisible. This captchaPublicKeyInvisible new property is actually a fallback that will be used if the main captcha strategy cannot be used. I'll add a comment to explain this.

[panteliselef]

I'm confused as to why we need 2 site keys at the same time. Don't we already know how to use a sitekey of type invisible ?

[anagstef]

@panteliselef The captchaPublicKeyInvisible is a fallback to invisible, if the clerk-captcha element is not found in the DOM.