diff --git a/.changeset/tricky-chicken-sell.md b/.changeset/tricky-chicken-sell.md new file mode 100644 index 00000000000..d5db7389a87 --- /dev/null +++ b/.changeset/tricky-chicken-sell.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Add the CAPTCHA element on the SignIn component diff --git a/packages/clerk-js/src/ui/components/SignIn/SignInStart.tsx b/packages/clerk-js/src/ui/components/SignIn/SignInStart.tsx index ac11ed34769..11a2b233604 100644 --- a/packages/clerk-js/src/ui/components/SignIn/SignInStart.tsx +++ b/packages/clerk-js/src/ui/components/SignIn/SignInStart.tsx @@ -7,8 +7,12 @@ import { ERROR_CODES, SIGN_UP_MODES } from '../../../core/constants'; import { clerkInvalidFAPIResponse } from '../../../core/errors'; import { getClerkQueryParam, removeClerkQueryParam } from '../../../utils'; import type { SignInStartIdentifier } from '../../common'; -import { getIdentifierControlDisplayValues, groupIdentifiers, withRedirectToAfterSignIn } from '../../common'; -import { buildSSOCallbackURL } from '../../common/redirects'; +import { + buildSSOCallbackURL, + getIdentifierControlDisplayValues, + groupIdentifiers, + withRedirectToAfterSignIn, +} from '../../common'; import { useCoreSignIn, useEnvironment, useSignInContext } from '../../contexts'; import { Col, descriptors, Flow, localizationKeys } from '../../customizables'; import { @@ -20,6 +24,7 @@ import { useCardState, withCardStateProvider, } from '../../elements'; +import { CaptchaElement } from '../../elements/CaptchaElement'; import { useLoadingStatus } from '../../hooks'; import { useSupportEmail } from '../../hooks/useSupportEmail'; import { useRouter } from '../../router'; @@ -483,10 +488,14 @@ function SignInStartInternal(): JSX.Element { - + + + + ) : null} + {!standardFormAttributes.length && } {userSettings.attributes.passkey?.enabled && userSettings.passkeySettings.show_sign_in_button && isWebSupported && (