feat(clerk-js): Support different CAPTCHA widget types

[anagstef]

Description

This PR adds support for different CAPTCHA widgets coming from the FAPI.

Current behavior:

Currently, we support only an invisible captcha widget. This widget gets rendered in an injected div element at the end of the document body.

After this PR:

For backward compatibility, we will support the previous functionality when the user has selected the "invisible" widget. This is the setting to which all current users will be migrated.

This PR adds support for a visible challenge if needed on sign-up. This challenge gets rendered on the <div id="clerk-captcha" /> element in the SignUp form.

Users with custom sign-up flows must have the <div id="clerk-captcha" /> element inside their DOM when calling the signUp.create function.

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: 59fe612

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	Minor
@clerk/types	Minor
@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

[brkalow]

@anagstef can this be styled by consumers? If yes, how will we support that?

[anagstef]

@brkalow it can receive a theme between light and dark, a locale, and a size property. Currently, all of these default to auto which gets data from the browser. We can expose these variables through the appearance prop, at a later time.

[panteliselef]

LGTM 💯