npm - @clerk/ui - Versions diffs - 1.18.2-snapshot.v20260619001138 → 1.19.0 - Mend

@clerk/ui 1.18.2-snapshot.v20260619001138 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (178) hide show

package/dist/ClerkUI.js CHANGED Viewed

@@ -22,8 +22,8 @@ import { isVersionAtLeast, parseVersion } from "@clerk/shared/versionCheck";
 * @public
 */
 var ClerkUI = class ClerkUI {
-	static version = "1.18.2-snapshot.v20260619001138";
-	version = "1.18.2-snapshot.v20260619001138";
+	static version = "1.19.0";
+	version = "1.19.0";
 	#componentRenderer;
 	/**
 	* Creates a new `ClerkUI` instance and mounts the internal component renderer.

package/dist/components/SignIn/SignInStart.js CHANGED Viewed

@@ -105,6 +105,7 @@ function SignInStartInternal() {
 	}), [ctx.initialValues]);
 	const hasSocialOrWeb3Buttons = !!authenticatableSocialStrategies.length || !!web3FirstFactors.length || !!alternativePhoneCodeChannels.length;
 	const [shouldAutofocus, setShouldAutofocus] = useState(!isMobileDevice() && !hasSocialOrWeb3Buttons);
+	const [captchaIsInteractive, setCaptchaIsInteractive] = useState(false);
 	const textIdentifierField = useFormControl("identifier", initialValues[identifierAttribute] || "", {
 		...currentIdentifier,
 		isRequired: true,
@@ -389,48 +390,51 @@ function SignInStartInternal() {
 				})]
 			}),
 			/* @__PURE__ */ jsx(Card.Alert, { children: card.error }),
-			/* @__PURE__ */ jsxs(Col, {
+			/* @__PURE__ */ jsx(Col, {
 				elementDescriptor: descriptors.main,
 				gap: 6,
-				children: [
-					/* @__PURE__ */ jsxs(SocialButtonsReversibleContainerWithDivider, { children: [hasSocialOrWeb3Buttons && /* @__PURE__ */ jsx(SignInSocialButtons, {
-						enableWeb3Providers: true,
-						enableOAuthProviders: true,
-						enableAlternativePhoneCodeProviders: showAlternativePhoneCodeProviders,
-						onAlternativePhoneCodeProviderClick
-					}), standardFormAttributes.length ? /* @__PURE__ */ jsxs(Form.Root, {
-						onSubmit: handleFirstPartySubmit,
-						gap: 8,
-						children: [/* @__PURE__ */ jsxs(Col, {
-							gap: 6,
-							children: [/* @__PURE__ */ jsx(Form.ControlRow, {
-								elementId: identifierField.id,
-								children: /* @__PURE__ */ jsx(DynamicField, {
-									actionLabel: nextIdentifier?.action,
-									onActionClicked: switchToNextIdentifier,
-									...identifierFieldProps,
-									autoFocus: shouldAutofocus,
-									autoComplete: isWebAuthnAutofillSupported ? "webauthn" : void 0,
-									isLastAuthenticationStrategy: isIdentifierLastAuthenticationStrategy
-								})
-							}), /* @__PURE__ */ jsx(InstantPasswordRow, {
-								field: passwordBasedInstance ? instantPasswordField : void 0,
-								onForgotPasswordClick: handleForgotPasswordClick
-							})]
-						}), /* @__PURE__ */ jsxs(Col, {
-							center: true,
-							children: [/* @__PURE__ */ jsx(CaptchaElement, {}), /* @__PURE__ */ jsx(Form.SubmitButton, { hasArrow: true })]
+				inert: captchaIsInteractive ? "" : void 0,
+				sx: captchaIsInteractive ? { display: "none" } : void 0,
+				children: /* @__PURE__ */ jsxs(SocialButtonsReversibleContainerWithDivider, { children: [hasSocialOrWeb3Buttons && /* @__PURE__ */ jsx(SignInSocialButtons, {
+					enableWeb3Providers: true,
+					enableOAuthProviders: true,
+					enableAlternativePhoneCodeProviders: showAlternativePhoneCodeProviders,
+					onAlternativePhoneCodeProviderClick
+				}), standardFormAttributes.length ? /* @__PURE__ */ jsxs(Form.Root, {
+					onSubmit: handleFirstPartySubmit,
+					gap: 8,
+					children: [/* @__PURE__ */ jsxs(Col, {
+						gap: 6,
+						children: [/* @__PURE__ */ jsx(Form.ControlRow, {
+							elementId: identifierField.id,
+							children: /* @__PURE__ */ jsx(DynamicField, {
+								actionLabel: nextIdentifier?.action,
+								onActionClicked: switchToNextIdentifier,
+								...identifierFieldProps,
+								autoFocus: shouldAutofocus,
+								autoComplete: isWebAuthnAutofillSupported ? "webauthn" : void 0,
+								isLastAuthenticationStrategy: isIdentifierLastAuthenticationStrategy
+							})
+						}), /* @__PURE__ */ jsx(InstantPasswordRow, {
+							field: passwordBasedInstance ? instantPasswordField : void 0,
+							onForgotPasswordClick: handleForgotPasswordClick
 						})]
-					}) : null] }),
-					!standardFormAttributes.length && /* @__PURE__ */ jsx(CaptchaElement, {}),
-					userSettings.attributes.passkey?.enabled && userSettings.passkeySettings.show_sign_in_button && isWebSupported && /* @__PURE__ */ jsx(Card.Action, {
-						elementId: "usePasskey",
-						children: /* @__PURE__ */ jsx(Card.ActionLink, {
-							localizationKey: localizationKeys("signIn.start.actionLink__use_passkey"),
-							onClick: () => authenticateWithPasskey({ flow: "discoverable" })
-						})
-					})
-				]
+					}), /* @__PURE__ */ jsx(Col, {
+						center: true,
+						children: /* @__PURE__ */ jsx(Form.SubmitButton, { hasArrow: true })
+					})]
+				}) : null] })
+			}),
+			/* @__PURE__ */ jsx(CaptchaElement, {
+				gapless: true,
+				onInteractiveChange: setCaptchaIsInteractive
+			}),
+			userSettings.attributes.passkey?.enabled && userSettings.passkeySettings.show_sign_in_button && isWebSupported && /* @__PURE__ */ jsx(Card.Action, {
+				elementId: "usePasskey",
+				children: /* @__PURE__ */ jsx(Card.ActionLink, {
+					localizationKey: localizationKeys("signIn.start.actionLink__use_passkey"),
+					onClick: () => authenticateWithPasskey({ flow: "discoverable" })
+				})
 			})
 		] }), /* @__PURE__ */ jsxs(Card.Footer, { children: [userSettings.signUp.mode === SIGN_UP_MODES.PUBLIC && !isCombinedFlow && /* @__PURE__ */ jsxs(Card.Action, {
 			elementId: "signIn",

package/dist/components/SignIn/SignInStart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignInStart.js","names":[],"sources":["../../../src/components/SignIn/SignInStart.tsx"],"sourcesContent":["import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode';\nimport { ERROR_CODES, SIGN_UP_MODES } from '@clerk/shared/internal/clerk-js/constants';\nimport { clerkInvalidFAPIResponse } from '@clerk/shared/internal/clerk-js/errors';\nimport { getClerkQueryParam, removeClerkQueryParam } from '@clerk/shared/internal/clerk-js/queryParams';\nimport { useClerk } from '@clerk/shared/react';\nimport type {\n ClerkAPIError,\n PhoneCodeChannel,\n PhoneCodeChannelData,\n SignInCreateParams,\n SignInResource,\n} from '@clerk/shared/types';\nimport { isWebAuthnAutofillSupported, isWebAuthnSupported } from '@clerk/shared/webauthn';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { Form } from '@/ui/elements/Form';\nimport { Header } from '@/ui/elements/Header';\nimport { LoadingCard } from '@/ui/elements/LoadingCard';\nimport { SocialButtonsReversibleContainerWithDivider } from '@/ui/elements/ReversibleContainer';\nimport { handleError } from '@/ui/utils/errorHandler';\nimport { isMobileDevice } from '@/ui/utils/isMobileDevice';\nimport type { FormControlState } from '@/ui/utils/useFormControl';\nimport { buildRequest, useFormControl } from '@/ui/utils/useFormControl';\n\nimport type { SignInStartIdentifier } from '../../common';\nimport {\n getIdentifierControlDisplayValues,\n groupIdentifiers,\n withRedirectToAfterSignIn,\n withRedirectToSignInTask,\n} from '../../common';\nimport { useCoreSignIn, useEnvironment, useSignInContext } from '../../contexts';\nimport { Col, descriptors, Flow, localizationKeys } from '../../customizables';\nimport { CaptchaElement } from '../../elements/CaptchaElement';\nimport { useLoadingStatus } from '../../hooks';\nimport { useSupportEmail } from '../../hooks/useSupportEmail';\nimport { useTotalEnabledAuthMethods } from '../../hooks/useTotalEnabledAuthMethods';\nimport { useRouter } from '../../router';\nimport { handleCombinedFlowTransfer } from './handleCombinedFlowTransfer';\nimport {\n hasMultipleEnterpriseConnections,\n SIGN_IN_RESET_PASSWORD_INTENT_PARAM,\n useHandleAuthenticateWithPasskey,\n} from './shared';\nimport { SignInAlternativePhoneCodePhoneNumberCard } from './SignInAlternativePhoneCodePhoneNumberCard';\nimport { SignInSocialButtons } from './SignInSocialButtons';\nimport {\n getPreferredAlternativePhoneChannel,\n getPreferredAlternativePhoneChannelForCombinedFlow,\n getSignUpAttributeFromIdentifier,\n} from './utils';\n\nconst useAutoFillPasskey = () => {\n const [isSupported, setIsSupported] = useState(false);\n const { navigate } = useRouter();\n const onSecondFactor = () => navigate('factor-two');\n const authenticateWithPasskey = useHandleAuthenticateWithPasskey(onSecondFactor);\n const { userSettings } = useEnvironment();\n const { passkeySettings, attributes } = userSettings;\n\n useEffect(() => {\n async function runAutofillPasskey() {\n const _isSupported = await isWebAuthnAutofillSupported();\n setIsSupported(_isSupported);\n if (!_isSupported) {\n return;\n }\n\n await authenticateWithPasskey({ flow: 'autofill' });\n }\n\n if (passkeySettings.allow_autofill && attributes.passkey?.enabled) {\n runAutofillPasskey();\n }\n }, []);\n\n return {\n isWebAuthnAutofillSupported: isSupported,\n };\n};\n\nfunction SignInStartInternal(): JSX.Element {\n const card = useCardState();\n const clerk = useClerk();\n const status = useLoadingStatus();\n const { userSettings, authConfig } = useEnvironment();\n const signIn = useCoreSignIn();\n const { navigate } = useRouter();\n const ctx = useSignInContext();\n const { afterSignInUrl, signUpUrl, waitlistUrl, isCombinedFlow, navigateOnSetActive } = ctx;\n const supportEmail = useSupportEmail();\n const totalEnabledAuthMethods = useTotalEnabledAuthMethods();\n const identifierAttributes = useMemo<SignInStartIdentifier[]>(\n () => groupIdentifiers(userSettings.enabledFirstFactorIdentifiers),\n [userSettings.enabledFirstFactorIdentifiers],\n );\n const alternativePhoneCodeChannels = userSettings.alternativePhoneCodeChannels;\n\n /*\n Passkeys\n /\n const { isWebAuthnAutofillSupported } = useAutoFillPasskey();\n const onSecondFactor = () => navigate('factor-two');\n const authenticateWithPasskey = useHandleAuthenticateWithPasskey(onSecondFactor);\n const isWebSupported = isWebAuthnSupported();\n\n const onlyPhoneNumberInitialValueExists =\n !!ctx.initialValues?.phoneNumber && !(ctx.initialValues.emailAddress \|\| ctx.initialValues.username);\n const shouldStartWithPhoneNumberIdentifier =\n onlyPhoneNumberInitialValueExists && identifierAttributes.includes('phone_number');\n const [identifierAttribute, setIdentifierAttribute] = useState<SignInStartIdentifier>(\n shouldStartWithPhoneNumberIdentifier ? 'phone_number' : identifierAttributes[0] \|\| '',\n );\n const [hasSwitchedByAutofill, setHasSwitchedByAutofill] = useState(false);\n\n const organizationTicket = getClerkQueryParam('__clerk_ticket') \|\| '';\n const clerkStatus = getClerkQueryParam('__clerk_status') \|\| '';\n\n const standardFormAttributes = userSettings.enabledFirstFactorIdentifiers;\n const web3FirstFactors = userSettings.web3FirstFactors;\n const authenticatableSocialStrategies = userSettings.authenticatableSocialStrategies;\n const passwordBasedInstance = userSettings.instanceIsPasswordBased;\n const { currentIdentifier, nextIdentifier } = getIdentifierControlDisplayValues(\n identifierAttributes,\n identifierAttribute,\n );\n const instantPasswordField = useFormControl('password', '', {\n type: 'password',\n label: localizationKeys('formFieldLabel__password'),\n placeholder: localizationKeys('formFieldInputPlaceholder__password') as any,\n });\n\n const [alternativePhoneCodeProvider, setAlternativePhoneCodeProvider] = useState<PhoneCodeChannelData \| null>(null);\n\n const showAlternativePhoneCodeProviders = userSettings.alternativePhoneCodeChannels.length > 0;\n\n const onAlternativePhoneCodeUseAnotherMethod = () => {\n setAlternativePhoneCodeProvider(null);\n };\n const onAlternativePhoneCodeProviderClick = (phoneCodeChannel: PhoneCodeChannel) => {\n const provider: PhoneCodeChannelData \| null = getAlternativePhoneCodeProviderData(phoneCodeChannel) \|\| null;\n setAlternativePhoneCodeProvider(provider);\n };\n\n const ctxInitialValues = ctx.initialValues \|\| {};\n const initialValues: Record<SignInStartIdentifier, string \| undefined> = useMemo(\n () => ({\n email_address: ctxInitialValues.emailAddress,\n email_address_username: ctxInitialValues.emailAddress \|\| ctxInitialValues.username,\n username: ctxInitialValues.username,\n phone_number: ctxInitialValues.phoneNumber,\n }),\n [ctx.initialValues],\n );\n\n const hasSocialOrWeb3Buttons =\n !!authenticatableSocialStrategies.length \|\| !!web3FirstFactors.length \|\| !!alternativePhoneCodeChannels.length;\n const [shouldAutofocus, setShouldAutofocus] = useState(!isMobileDevice() && !hasSocialOrWeb3Buttons);\n const textIdentifierField = useFormControl('identifier', initialValues[identifierAttribute] \|\| '', {\n ...currentIdentifier,\n isRequired: true,\n transformer: value => value.trim(),\n });\n\n const phoneIdentifierField = useFormControl('identifier', initialValues['phone_number'] \|\| '', {\n ...currentIdentifier,\n isRequired: true,\n });\n\n const identifierField = identifierAttribute === 'phone_number' ? phoneIdentifierField : textIdentifierField;\n\n const switchToNextIdentifier = () => {\n setIdentifierAttribute(\n i => identifierAttributes[(identifierAttributes.indexOf(i) + 1) % identifierAttributes.length],\n );\n setShouldAutofocus(true);\n setHasSwitchedByAutofill(false);\n };\n\n const handlePhoneNumberPaste = (value: string) => {\n textIdentifierField.setValue(initialValues[identifierAttribute] \|\| '');\n phoneIdentifierField.setValue(value);\n setIdentifierAttribute('phone_number');\n setShouldAutofocus(true);\n };\n\n // switch to the phone input (if available) if a \"+\" is entered\n // (either by the browser or the user)\n // this does not work in chrome as it does not fire the change event and the value is\n // not available via js\n useLayoutEffect(() => {\n if (\n identifierField.value.startsWith('+') &&\n identifierAttributes.includes('phone_number') &&\n identifierAttribute !== 'phone_number' &&\n !hasSwitchedByAutofill\n ) {\n handlePhoneNumberPaste(identifierField.value);\n // do not switch automatically on subsequent autofills\n // by the browser to avoid a switch loop\n setHasSwitchedByAutofill(true);\n }\n }, [identifierField.value, identifierAttributes]);\n\n useEffect(() => {\n if (!organizationTicket) {\n return;\n }\n\n if (clerkStatus === 'sign_up') {\n const paramsToForward = new URLSearchParams();\n if (organizationTicket) {\n paramsToForward.set('__clerk_ticket', organizationTicket);\n }\n // We explicitly navigate to 'create' in the combined flow to trigger a client-side navigation. Navigating to\n // signUpUrl triggers a full page reload when used with the hash router.\n void navigate(isCombinedFlow ? `create` : signUpUrl, { searchParams: paramsToForward });\n return;\n }\n\n status.setLoading();\n card.setLoading();\n signIn\n .create({\n strategy: 'ticket',\n ticket: organizationTicket,\n })\n .then(res => {\n switch (res.status) {\n case 'needs_first_factor': {\n if (!hasOnlyEnterpriseSSOFirstFactors(res) \|\| hasMultipleEnterpriseConnections(res.supportedFirstFactors)) {\n return navigate('factor-one');\n }\n\n return authenticateWithEnterpriseSSO();\n }\n case 'needs_second_factor':\n return navigate('factor-two');\n case 'needs_client_trust':\n return navigate('client-trust');\n case 'complete':\n removeClerkQueryParam('__clerk_ticket');\n return clerk.setActive({\n session: res.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n default: {\n console.error(clerkInvalidFAPIResponse(res.status, supportEmail));\n return;\n }\n }\n })\n .catch(err => {\n return attemptToRecoverFromSignInError(err);\n })\n .finally(() => {\n // Keep the card in loading state during SSO redirect to prevent UI flicker\n // This is necessary because there's a brief delay between initiating the SSO flow\n // and the actual redirect to the external Identity Provider\n const isRedirectingToSSOProvider = !!hasOnlyEnterpriseSSOFirstFactors(signIn);\n if (isRedirectingToSSOProvider) {\n return;\n }\n\n status.setIdle();\n card.setIdle();\n });\n }, []);\n\n useEffect(() => {\n async function handleOauthError() {\n const defaultErrorHandler = () => {\n // Error from server may be too much information for the end user, so set a generic error\n card.setError('Unable to complete action at this time. If the problem persists please contact support.');\n };\n\n const error = signIn?.firstFactorVerification?.error;\n if (error) {\n switch (error.code) {\n case ERROR_CODES.NOT_ALLOWED_TO_SIGN_UP:\n case ERROR_CODES.OAUTH_ACCESS_DENIED:\n case ERROR_CODES.NOT_ALLOWED_ACCESS:\n case ERROR_CODES.SAML_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.OAUTH_EMAIL_DOMAIN_RESERVED_BY_SAML:\n case ERROR_CODES.USER_LOCKED:\n case ERROR_CODES.EXTERNAL_ACCOUNT_NOT_FOUND:\n case ERROR_CODES.SIGN_UP_MODE_RESTRICTED:\n case ERROR_CODES.SIGN_UP_MODE_RESTRICTED_WAITLIST:\n case ERROR_CODES.ENTERPRISE_SSO_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.ENTERPRISE_SSO_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ENTERPRISE_SSO_HOSTED_DOMAIN_MISMATCH:\n case ERROR_CODES.SAML_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ORGANIZATION_MEMBERSHIP_QUOTA_EXCEEDED_FOR_SSO:\n case ERROR_CODES.CAPTCHA_INVALID:\n case ERROR_CODES.FRAUD_DEVICE_BLOCKED:\n case ERROR_CODES.FRAUD_ACTION_BLOCKED:\n case ERROR_CODES.SIGNUP_RATE_LIMIT_EXCEEDED:\n case ERROR_CODES.USER_BANNED:\n case ERROR_CODES.USER_DEACTIVATED:\n card.setError(error);\n break;\n default:\n defaultErrorHandler();\n }\n\n // TODO: This is a workaround in order to reset the sign in attempt\n // so that the oauth error does not persist on full page reloads.\n void (await signIn.create({}));\n }\n }\n\n void handleOauthError();\n }, []);\n\n const buildSignInParams = (fields: Array<FormControlState<string>>): SignInCreateParams => {\n const hasPassword = fields.some(f => f.name === 'password' && !!f.value);\n\n /\n FAPI will return an error when password is submitted but the user's email matches requires enterprise sso authentication.\n * We need to strip password from the create request, and reconstruct it later.\n /\n if (!hasPassword \|\| userSettings.enterpriseSSO.enabled) {\n fields = fields.filter(f => f.name !== 'password');\n }\n return {\n ...buildRequest(fields),\n ...(hasPassword && !userSettings.enterpriseSSO.enabled && { strategy: 'password' }),\n } as SignInCreateParams;\n };\n\n const safePasswordSignInForEnterpriseSSOInstance = (\n signInCreatePromise: Promise<SignInResource>,\n fields: Array<FormControlState<string>>,\n ) => {\n return signInCreatePromise.then(signInResource => {\n if (!userSettings.enterpriseSSO.enabled) {\n return signInResource;\n }\n /\n For instances with Enterprise SSO enabled, perform sign in with password only when it is allowed for the identified user.\n /\n const passwordField = fields.find(f => f.name === 'password')?.value;\n if (!passwordField \|\| signInResource.supportedFirstFactors?.some(ff => ff.strategy === 'enterprise_sso')) {\n return signInResource;\n }\n return signInResource.attemptFirstFactor({ strategy: 'password', password: passwordField });\n });\n };\n\n const signInWithFields = async (\n fields: Array<FormControlState<string>>,\n options?: { resetPasswordIntent?: boolean },\n ) => {\n // If the user has already selected an alternative phone code provider, we use that.\n const preferredAlternativePhoneChannel =\n alternativePhoneCodeProvider?.channel \|\|\n getPreferredAlternativePhoneChannel(fields, authConfig.preferredChannels, 'identifier');\n if (preferredAlternativePhoneChannel) {\n // We need to send the alternative phone code provider channel in the sign in request\n // together with the phone_code strategy, in order for FAPI to create a Verification upon this first request.\n const noop = () => {};\n fields.push({\n id: 'strategy',\n value: 'phone_code',\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n fields.push({\n id: 'channel',\n value: preferredAlternativePhoneChannel,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n try {\n const res = await safePasswordSignInForEnterpriseSSOInstance(signIn.create(buildSignInParams(fields)), fields);\n\n switch (res.status) {\n case 'needs_identifier':\n // Check if we need to initiate an enterprise sso flow\n if (res.supportedFirstFactors?.some(ff => ff.strategy === 'enterprise_sso')) {\n await authenticateWithEnterpriseSSO();\n }\n break;\n case 'needs_first_factor': {\n if (!hasOnlyEnterpriseSSOFirstFactors(res) \|\| hasMultipleEnterpriseConnections(res.supportedFirstFactors)) {\n if (options?.resetPasswordIntent) {\n return navigate('factor-one', {\n searchParams: new URLSearchParams({ [SIGN_IN_RESET_PASSWORD_INTENT_PARAM]: 'true' }),\n });\n }\n return navigate('factor-one');\n }\n\n return authenticateWithEnterpriseSSO();\n }\n case 'needs_second_factor':\n return navigate('factor-two');\n case 'needs_client_trust':\n return navigate('client-trust');\n case 'complete':\n return clerk.setActive({\n session: res.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n default: {\n console.error(clerkInvalidFAPIResponse(res.status, supportEmail));\n return;\n }\n }\n } catch (e: any) {\n return attemptToRecoverFromSignInError(e);\n }\n };\n\n const authenticateWithEnterpriseSSO = async () => {\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignInUrl \|\| '/';\n\n return signIn.authenticateWithRedirect({\n strategy: 'enterprise_sso',\n redirectUrl,\n redirectUrlComplete,\n oidcPrompt: ctx.oidcPrompt,\n continueSignIn: true,\n });\n };\n\n const attemptToRecoverFromSignInError = async (e: any) => {\n if (!e.errors) {\n return;\n }\n const instantPasswordError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) =>\n e.code === ERROR_CODES.INVALID_STRATEGY_FOR_USER \|\|\n e.code === ERROR_CODES.FORM_PASSWORD_INCORRECT \|\|\n e.code === ERROR_CODES.FORM_PASSWORD_PWNED,\n );\n\n const sessionAlreadyExistsError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) => e.code === ERROR_CODES.SESSION_EXISTS,\n );\n const alreadySignedInError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) => e.code === 'identifier_already_signed_in',\n );\n const accountDoesNotExistError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) =>\n e.code === ERROR_CODES.INVITATION_ACCOUNT_NOT_EXISTS \|\| e.code === ERROR_CODES.FORM_IDENTIFIER_NOT_FOUND,\n );\n\n if (instantPasswordError) {\n await signInWithFields([identifierField]);\n } else if (sessionAlreadyExistsError) {\n await clerk.setActive({\n session: clerk.client.lastActiveSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n } else if (alreadySignedInError) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const sid = alreadySignedInError.meta!.sessionId!;\n await clerk.setActive({\n session: sid,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n } else if (isCombinedFlow && accountDoesNotExistError) {\n const attribute = getSignUpAttributeFromIdentifier(identifierField);\n\n if (userSettings.signUp.mode === SIGN_UP_MODES.WAITLIST) {\n const waitlistUrl = clerk.buildWaitlistUrl(\n attribute === 'emailAddress'\n ? {\n initialValues: {\n [attribute]: identifierField.value,\n },\n }\n : {},\n );\n return navigate(waitlistUrl);\n }\n\n clerk.client.signUp[attribute] = identifierField.value;\n\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignUpUrl \|\| '/';\n\n return handleCombinedFlowTransfer({\n afterSignUpUrl: ctx.afterSignUpUrl \|\| '/',\n clerk,\n handleError: e => handleError(e, [identifierField, instantPasswordField], card.setError),\n identifierAttribute: attribute,\n identifierValue: identifierField.value,\n navigate,\n organizationTicket,\n signUpMode: userSettings.signUp.mode,\n redirectUrl,\n redirectUrlComplete,\n navigateOnSetActive,\n passwordEnabled: userSettings.attributes.password?.required ?? false,\n alternativePhoneCodeChannel:\n alternativePhoneCodeProvider?.channel \|\|\n getPreferredAlternativePhoneChannelForCombinedFlow(\n authConfig.preferredChannels,\n attribute,\n identifierField.value,\n ),\n unsafeMetadata: ctx.unsafeMetadata,\n });\n } else {\n handleError(e, [identifierField, instantPasswordField], card.setError);\n }\n };\n\n const handleFirstPartySubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n return signInWithFields([identifierField, instantPasswordField]);\n };\n\n const handleForgotPasswordClick: React.MouseEventHandler = e => {\n e.preventDefault();\n // Surface the same native required-field validation as the Continue button\n // when the identifier is missing\n const form = e.currentTarget.closest('form');\n if (form && !form.reportValidity()) {\n return;\n }\n void signInWithFields([identifierField], { resetPasswordIntent: true });\n };\n\n const DynamicField = useMemo(() => {\n const components = {\n tel: Form.PhoneInput,\n password: Form.PasswordInput,\n text: Form.PlainInput,\n email: Form.PlainInput,\n };\n\n return components[identifierField.type as keyof typeof components];\n }, [identifierField.type]);\n\n if (status.isLoading \|\| clerkStatus === 'sign_up') {\n // clerkStatus being sign_up will trigger a navigation to the sign up flow, so show a loading card instead of\n // rendering the sign in flow.\n return <LoadingCard />;\n }\n\n // @ts-expect-error `action` is not typed\n const { action, validLastAuthenticationStrategies, ...identifierFieldProps } = identifierField.props;\n\n const lastAuthenticationStrategy = clerk.client?.lastAuthenticationStrategy;\n const isIdentifierLastAuthenticationStrategy =\n lastAuthenticationStrategy && totalEnabledAuthMethods > 1\n ? validLastAuthenticationStrategies?.has(lastAuthenticationStrategy)\n : false;\n\n return (\n <Flow.Part part='start'>\n {!alternativePhoneCodeProvider ? (\n <Card.Root>\n <Card.Content>\n <Header.Root showLogo>\n <Header.Title\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signIn.start.titleCombined')\n : localizationKeys('signIn.start.title')\n }\n />\n <Header.Subtitle\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signIn.start.subtitleCombined')\n : localizationKeys('signIn.start.subtitle')\n }\n sx={{\n '&:empty': {\n display: 'none',\n },\n }}\n />\n </Header.Root>\n <Card.Alert>{card.error}</Card.Alert>\n {/TODO: extract main in its own component /}\n <Col\n elementDescriptor={descriptors.main}\n gap={6}\n >\n <SocialButtonsReversibleContainerWithDivider>\n {hasSocialOrWeb3Buttons && (\n <SignInSocialButtons\n enableWeb3Providers\n enableOAuthProviders\n enableAlternativePhoneCodeProviders={showAlternativePhoneCodeProviders}\n onAlternativePhoneCodeProviderClick={onAlternativePhoneCodeProviderClick}\n />\n )}\n {standardFormAttributes.length ? (\n <Form.Root\n onSubmit={handleFirstPartySubmit}\n gap={8}\n >\n <Col gap={6}>\n <Form.ControlRow elementId={identifierField.id}>\n <DynamicField\n actionLabel={nextIdentifier?.action}\n onActionClicked={switchToNextIdentifier}\n {...identifierFieldProps}\n autoFocus={shouldAutofocus}\n autoComplete={isWebAuthnAutofillSupported ? 'webauthn' : undefined}\n isLastAuthenticationStrategy={isIdentifierLastAuthenticationStrategy}\n />\n </Form.ControlRow>\n <InstantPasswordRow\n field={passwordBasedInstance ? instantPasswordField : undefined}\n onForgotPasswordClick={handleForgotPasswordClick}\n />\n </Col>\n <Col center>\n <CaptchaElement />\n <Form.SubmitButton hasArrow />\n </Col>\n </Form.Root>\n ) : null}\n </SocialButtonsReversibleContainerWithDivider>\n {!standardFormAttributes.length && <CaptchaElement />}\n {userSettings.attributes.passkey?.enabled &&\n userSettings.passkeySettings.show_sign_in_button &&\n isWebSupported && (\n <Card.Action elementId={'usePasskey'}>\n <Card.ActionLink\n localizationKey={localizationKeys('signIn.start.actionLink__use_passkey')}\n onClick={() => authenticateWithPasskey({ flow: 'discoverable' })}\n />\n </Card.Action>\n )}\n </Col>\n </Card.Content>\n <Card.Footer>\n {userSettings.signUp.mode === SIGN_UP_MODES.PUBLIC && !isCombinedFlow && (\n <Card.Action elementId='signIn'>\n <Card.ActionText localizationKey={localizationKeys('signIn.start.actionText')} />\n <Card.ActionLink\n localizationKey={localizationKeys('signIn.start.actionLink')}\n to={clerk.buildUrlWithAuth(signUpUrl)}\n />\n </Card.Action>\n )}\n {userSettings.signUp.mode === SIGN_UP_MODES.WAITLIST && (\n <Card.Action elementId='signIn'>\n <Card.ActionText localizationKey={localizationKeys('signIn.start.actionText__join_waitlist')} />\n <Card.ActionLink\n localizationKey={localizationKeys('signIn.start.actionLink__join_waitlist')}\n to={clerk.buildUrlWithAuth(waitlistUrl)}\n />\n </Card.Action>\n )}\n </Card.Footer>\n </Card.Root>\n ) : (\n <SignInAlternativePhoneCodePhoneNumberCard\n handleSubmit={handleFirstPartySubmit}\n phoneNumberFormState={phoneIdentifierField}\n onUseAnotherMethod={onAlternativePhoneCodeUseAnotherMethod}\n phoneCodeProvider={alternativePhoneCodeProvider}\n />\n )}\n </Flow.Part>\n );\n}\n\nconst hasOnlyEnterpriseSSOFirstFactors = (signIn: SignInResource): boolean => {\n if (!signIn.supportedFirstFactors?.length) {\n return false;\n }\n\n return signIn.supportedFirstFactors.every(ff => ff.strategy === 'enterprise_sso');\n};\n\nconst InstantPasswordRow = ({\n field,\n onForgotPasswordClick,\n}: {\n field?: FormControlState<'password'>;\n onForgotPasswordClick?: React.MouseEventHandler;\n}) => {\n const [autofilled, setAutofilled] = useState(false);\n const ref = useRef<HTMLInputElement>(null);\n const show = !!(autofilled \|\| field?.value);\n\n // show password if it's autofilled by the browser\n useLayoutEffect(() => {\n const intervalId = setInterval(() => {\n if (ref?.current) {\n const autofilled =\n window.getComputedStyle(ref.current, ':autofill').animationName === 'onAutoFillStart' \|\|\n // https://github.com/facebook/react/issues/1159#issuecomment-1025423604\n !!ref.current?.matches(':-webkit-autofill');\n if (autofilled) {\n setAutofilled(autofilled);\n clearInterval(intervalId);\n }\n }\n }, 500);\n\n return () => {\n clearInterval(intervalId);\n };\n }, []);\n\n useEffect(() => {\n //if the field receives a value, we default to normal behaviour\n if (field?.value && field.value !== '') {\n setAutofilled(false);\n }\n }, [field?.value]);\n\n if (!field) {\n return null;\n }\n\n return (\n <Form.ControlRow\n elementId={field.id}\n aria-hidden={show ? undefined : true}\n sx={\n show\n ? undefined\n : {\n position: 'absolute',\n opacity: 0,\n height: 0,\n overflow: 'hidden',\n pointerEvents: 'none',\n marginTop: '-1rem',\n }\n }\n >\n <Form.PasswordInput\n {...field.props}\n actionLabel={show ? localizationKeys('formFieldAction__forgotPassword') : undefined}\n onActionClicked={show ? onForgotPasswordClick : undefined}\n tabIndex={show ? undefined : -1}\n ref={ref}\n />\n </Form.ControlRow>\n );\n};\n\nexport const SignInStart = withRedirectToSignInTask(\n withRedirectToAfterSignIn(withCardStateProvider(SignInStartInternal)),\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"SignInStart.js","names":[],"sources":["../../../src/components/SignIn/SignInStart.tsx"],"sourcesContent":["import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode';\nimport { ERROR_CODES, SIGN_UP_MODES } from '@clerk/shared/internal/clerk-js/constants';\nimport { clerkInvalidFAPIResponse } from '@clerk/shared/internal/clerk-js/errors';\nimport { getClerkQueryParam, removeClerkQueryParam } from '@clerk/shared/internal/clerk-js/queryParams';\nimport { useClerk } from '@clerk/shared/react';\nimport type {\n ClerkAPIError,\n PhoneCodeChannel,\n PhoneCodeChannelData,\n SignInCreateParams,\n SignInResource,\n} from '@clerk/shared/types';\nimport { isWebAuthnAutofillSupported, isWebAuthnSupported } from '@clerk/shared/webauthn';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { Form } from '@/ui/elements/Form';\nimport { Header } from '@/ui/elements/Header';\nimport { LoadingCard } from '@/ui/elements/LoadingCard';\nimport { SocialButtonsReversibleContainerWithDivider } from '@/ui/elements/ReversibleContainer';\nimport { handleError } from '@/ui/utils/errorHandler';\nimport { isMobileDevice } from '@/ui/utils/isMobileDevice';\nimport type { FormControlState } from '@/ui/utils/useFormControl';\nimport { buildRequest, useFormControl } from '@/ui/utils/useFormControl';\n\nimport type { SignInStartIdentifier } from '../../common';\nimport {\n getIdentifierControlDisplayValues,\n groupIdentifiers,\n withRedirectToAfterSignIn,\n withRedirectToSignInTask,\n} from '../../common';\nimport { useCoreSignIn, useEnvironment, useSignInContext } from '../../contexts';\nimport { Col, descriptors, Flow, localizationKeys } from '../../customizables';\nimport { CaptchaElement } from '../../elements/CaptchaElement';\nimport { useLoadingStatus } from '../../hooks';\nimport { useSupportEmail } from '../../hooks/useSupportEmail';\nimport { useTotalEnabledAuthMethods } from '../../hooks/useTotalEnabledAuthMethods';\nimport { useRouter } from '../../router';\nimport { handleCombinedFlowTransfer } from './handleCombinedFlowTransfer';\nimport {\n hasMultipleEnterpriseConnections,\n SIGN_IN_RESET_PASSWORD_INTENT_PARAM,\n useHandleAuthenticateWithPasskey,\n} from './shared';\nimport { SignInAlternativePhoneCodePhoneNumberCard } from './SignInAlternativePhoneCodePhoneNumberCard';\nimport { SignInSocialButtons } from './SignInSocialButtons';\nimport {\n getPreferredAlternativePhoneChannel,\n getPreferredAlternativePhoneChannelForCombinedFlow,\n getSignUpAttributeFromIdentifier,\n} from './utils';\n\nconst useAutoFillPasskey = () => {\n const [isSupported, setIsSupported] = useState(false);\n const { navigate } = useRouter();\n const onSecondFactor = () => navigate('factor-two');\n const authenticateWithPasskey = useHandleAuthenticateWithPasskey(onSecondFactor);\n const { userSettings } = useEnvironment();\n const { passkeySettings, attributes } = userSettings;\n\n useEffect(() => {\n async function runAutofillPasskey() {\n const _isSupported = await isWebAuthnAutofillSupported();\n setIsSupported(_isSupported);\n if (!_isSupported) {\n return;\n }\n\n await authenticateWithPasskey({ flow: 'autofill' });\n }\n\n if (passkeySettings.allow_autofill && attributes.passkey?.enabled) {\n runAutofillPasskey();\n }\n }, []);\n\n return {\n isWebAuthnAutofillSupported: isSupported,\n };\n};\n\nfunction SignInStartInternal(): JSX.Element {\n const card = useCardState();\n const clerk = useClerk();\n const status = useLoadingStatus();\n const { userSettings, authConfig } = useEnvironment();\n const signIn = useCoreSignIn();\n const { navigate } = useRouter();\n const ctx = useSignInContext();\n const { afterSignInUrl, signUpUrl, waitlistUrl, isCombinedFlow, navigateOnSetActive } = ctx;\n const supportEmail = useSupportEmail();\n const totalEnabledAuthMethods = useTotalEnabledAuthMethods();\n const identifierAttributes = useMemo<SignInStartIdentifier[]>(\n () => groupIdentifiers(userSettings.enabledFirstFactorIdentifiers),\n [userSettings.enabledFirstFactorIdentifiers],\n );\n const alternativePhoneCodeChannels = userSettings.alternativePhoneCodeChannels;\n\n /*\n Passkeys\n /\n const { isWebAuthnAutofillSupported } = useAutoFillPasskey();\n const onSecondFactor = () => navigate('factor-two');\n const authenticateWithPasskey = useHandleAuthenticateWithPasskey(onSecondFactor);\n const isWebSupported = isWebAuthnSupported();\n\n const onlyPhoneNumberInitialValueExists =\n !!ctx.initialValues?.phoneNumber && !(ctx.initialValues.emailAddress \|\| ctx.initialValues.username);\n const shouldStartWithPhoneNumberIdentifier =\n onlyPhoneNumberInitialValueExists && identifierAttributes.includes('phone_number');\n const [identifierAttribute, setIdentifierAttribute] = useState<SignInStartIdentifier>(\n shouldStartWithPhoneNumberIdentifier ? 'phone_number' : identifierAttributes[0] \|\| '',\n );\n const [hasSwitchedByAutofill, setHasSwitchedByAutofill] = useState(false);\n\n const organizationTicket = getClerkQueryParam('__clerk_ticket') \|\| '';\n const clerkStatus = getClerkQueryParam('__clerk_status') \|\| '';\n\n const standardFormAttributes = userSettings.enabledFirstFactorIdentifiers;\n const web3FirstFactors = userSettings.web3FirstFactors;\n const authenticatableSocialStrategies = userSettings.authenticatableSocialStrategies;\n const passwordBasedInstance = userSettings.instanceIsPasswordBased;\n const { currentIdentifier, nextIdentifier } = getIdentifierControlDisplayValues(\n identifierAttributes,\n identifierAttribute,\n );\n const instantPasswordField = useFormControl('password', '', {\n type: 'password',\n label: localizationKeys('formFieldLabel__password'),\n placeholder: localizationKeys('formFieldInputPlaceholder__password') as any,\n });\n\n const [alternativePhoneCodeProvider, setAlternativePhoneCodeProvider] = useState<PhoneCodeChannelData \| null>(null);\n\n const showAlternativePhoneCodeProviders = userSettings.alternativePhoneCodeChannels.length > 0;\n\n const onAlternativePhoneCodeUseAnotherMethod = () => {\n setAlternativePhoneCodeProvider(null);\n };\n const onAlternativePhoneCodeProviderClick = (phoneCodeChannel: PhoneCodeChannel) => {\n const provider: PhoneCodeChannelData \| null = getAlternativePhoneCodeProviderData(phoneCodeChannel) \|\| null;\n setAlternativePhoneCodeProvider(provider);\n };\n\n const ctxInitialValues = ctx.initialValues \|\| {};\n const initialValues: Record<SignInStartIdentifier, string \| undefined> = useMemo(\n () => ({\n email_address: ctxInitialValues.emailAddress,\n email_address_username: ctxInitialValues.emailAddress \|\| ctxInitialValues.username,\n username: ctxInitialValues.username,\n phone_number: ctxInitialValues.phoneNumber,\n }),\n [ctx.initialValues],\n );\n\n const hasSocialOrWeb3Buttons =\n !!authenticatableSocialStrategies.length \|\| !!web3FirstFactors.length \|\| !!alternativePhoneCodeChannels.length;\n const [shouldAutofocus, setShouldAutofocus] = useState(!isMobileDevice() && !hasSocialOrWeb3Buttons);\n // When the captcha escalates to an interactive challenge, spotlight it by collapsing/inerting the\n // rest of the card (see the descriptors.main column below).\n const [captchaIsInteractive, setCaptchaIsInteractive] = useState(false);\n const textIdentifierField = useFormControl('identifier', initialValues[identifierAttribute] \|\| '', {\n ...currentIdentifier,\n isRequired: true,\n transformer: value => value.trim(),\n });\n\n const phoneIdentifierField = useFormControl('identifier', initialValues['phone_number'] \|\| '', {\n ...currentIdentifier,\n isRequired: true,\n });\n\n const identifierField = identifierAttribute === 'phone_number' ? phoneIdentifierField : textIdentifierField;\n\n const switchToNextIdentifier = () => {\n setIdentifierAttribute(\n i => identifierAttributes[(identifierAttributes.indexOf(i) + 1) % identifierAttributes.length],\n );\n setShouldAutofocus(true);\n setHasSwitchedByAutofill(false);\n };\n\n const handlePhoneNumberPaste = (value: string) => {\n textIdentifierField.setValue(initialValues[identifierAttribute] \|\| '');\n phoneIdentifierField.setValue(value);\n setIdentifierAttribute('phone_number');\n setShouldAutofocus(true);\n };\n\n // switch to the phone input (if available) if a \"+\" is entered\n // (either by the browser or the user)\n // this does not work in chrome as it does not fire the change event and the value is\n // not available via js\n useLayoutEffect(() => {\n if (\n identifierField.value.startsWith('+') &&\n identifierAttributes.includes('phone_number') &&\n identifierAttribute !== 'phone_number' &&\n !hasSwitchedByAutofill\n ) {\n handlePhoneNumberPaste(identifierField.value);\n // do not switch automatically on subsequent autofills\n // by the browser to avoid a switch loop\n setHasSwitchedByAutofill(true);\n }\n }, [identifierField.value, identifierAttributes]);\n\n useEffect(() => {\n if (!organizationTicket) {\n return;\n }\n\n if (clerkStatus === 'sign_up') {\n const paramsToForward = new URLSearchParams();\n if (organizationTicket) {\n paramsToForward.set('__clerk_ticket', organizationTicket);\n }\n // We explicitly navigate to 'create' in the combined flow to trigger a client-side navigation. Navigating to\n // signUpUrl triggers a full page reload when used with the hash router.\n void navigate(isCombinedFlow ? `create` : signUpUrl, { searchParams: paramsToForward });\n return;\n }\n\n status.setLoading();\n card.setLoading();\n signIn\n .create({\n strategy: 'ticket',\n ticket: organizationTicket,\n })\n .then(res => {\n switch (res.status) {\n case 'needs_first_factor': {\n if (!hasOnlyEnterpriseSSOFirstFactors(res) \|\| hasMultipleEnterpriseConnections(res.supportedFirstFactors)) {\n return navigate('factor-one');\n }\n\n return authenticateWithEnterpriseSSO();\n }\n case 'needs_second_factor':\n return navigate('factor-two');\n case 'needs_client_trust':\n return navigate('client-trust');\n case 'complete':\n removeClerkQueryParam('__clerk_ticket');\n return clerk.setActive({\n session: res.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n default: {\n console.error(clerkInvalidFAPIResponse(res.status, supportEmail));\n return;\n }\n }\n })\n .catch(err => {\n return attemptToRecoverFromSignInError(err);\n })\n .finally(() => {\n // Keep the card in loading state during SSO redirect to prevent UI flicker\n // This is necessary because there's a brief delay between initiating the SSO flow\n // and the actual redirect to the external Identity Provider\n const isRedirectingToSSOProvider = !!hasOnlyEnterpriseSSOFirstFactors(signIn);\n if (isRedirectingToSSOProvider) {\n return;\n }\n\n status.setIdle();\n card.setIdle();\n });\n }, []);\n\n useEffect(() => {\n async function handleOauthError() {\n const defaultErrorHandler = () => {\n // Error from server may be too much information for the end user, so set a generic error\n card.setError('Unable to complete action at this time. If the problem persists please contact support.');\n };\n\n const error = signIn?.firstFactorVerification?.error;\n if (error) {\n switch (error.code) {\n case ERROR_CODES.NOT_ALLOWED_TO_SIGN_UP:\n case ERROR_CODES.OAUTH_ACCESS_DENIED:\n case ERROR_CODES.NOT_ALLOWED_ACCESS:\n case ERROR_CODES.SAML_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.OAUTH_EMAIL_DOMAIN_RESERVED_BY_SAML:\n case ERROR_CODES.USER_LOCKED:\n case ERROR_CODES.EXTERNAL_ACCOUNT_NOT_FOUND:\n case ERROR_CODES.SIGN_UP_MODE_RESTRICTED:\n case ERROR_CODES.SIGN_UP_MODE_RESTRICTED_WAITLIST:\n case ERROR_CODES.ENTERPRISE_SSO_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.ENTERPRISE_SSO_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ENTERPRISE_SSO_HOSTED_DOMAIN_MISMATCH:\n case ERROR_CODES.SAML_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ORGANIZATION_MEMBERSHIP_QUOTA_EXCEEDED_FOR_SSO:\n case ERROR_CODES.CAPTCHA_INVALID:\n case ERROR_CODES.FRAUD_DEVICE_BLOCKED:\n case ERROR_CODES.FRAUD_ACTION_BLOCKED:\n case ERROR_CODES.SIGNUP_RATE_LIMIT_EXCEEDED:\n case ERROR_CODES.USER_BANNED:\n case ERROR_CODES.USER_DEACTIVATED:\n card.setError(error);\n break;\n default:\n defaultErrorHandler();\n }\n\n // TODO: This is a workaround in order to reset the sign in attempt\n // so that the oauth error does not persist on full page reloads.\n void (await signIn.create({}));\n }\n }\n\n void handleOauthError();\n }, []);\n\n const buildSignInParams = (fields: Array<FormControlState<string>>): SignInCreateParams => {\n const hasPassword = fields.some(f => f.name === 'password' && !!f.value);\n\n /\n FAPI will return an error when password is submitted but the user's email matches requires enterprise sso authentication.\n * We need to strip password from the create request, and reconstruct it later.\n /\n if (!hasPassword \|\| userSettings.enterpriseSSO.enabled) {\n fields = fields.filter(f => f.name !== 'password');\n }\n return {\n ...buildRequest(fields),\n ...(hasPassword && !userSettings.enterpriseSSO.enabled && { strategy: 'password' }),\n } as SignInCreateParams;\n };\n\n const safePasswordSignInForEnterpriseSSOInstance = (\n signInCreatePromise: Promise<SignInResource>,\n fields: Array<FormControlState<string>>,\n ) => {\n return signInCreatePromise.then(signInResource => {\n if (!userSettings.enterpriseSSO.enabled) {\n return signInResource;\n }\n /\n For instances with Enterprise SSO enabled, perform sign in with password only when it is allowed for the identified user.\n /\n const passwordField = fields.find(f => f.name === 'password')?.value;\n if (!passwordField \|\| signInResource.supportedFirstFactors?.some(ff => ff.strategy === 'enterprise_sso')) {\n return signInResource;\n }\n return signInResource.attemptFirstFactor({ strategy: 'password', password: passwordField });\n });\n };\n\n const signInWithFields = async (\n fields: Array<FormControlState<string>>,\n options?: { resetPasswordIntent?: boolean },\n ) => {\n // If the user has already selected an alternative phone code provider, we use that.\n const preferredAlternativePhoneChannel =\n alternativePhoneCodeProvider?.channel \|\|\n getPreferredAlternativePhoneChannel(fields, authConfig.preferredChannels, 'identifier');\n if (preferredAlternativePhoneChannel) {\n // We need to send the alternative phone code provider channel in the sign in request\n // together with the phone_code strategy, in order for FAPI to create a Verification upon this first request.\n const noop = () => {};\n fields.push({\n id: 'strategy',\n value: 'phone_code',\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n fields.push({\n id: 'channel',\n value: preferredAlternativePhoneChannel,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n try {\n const res = await safePasswordSignInForEnterpriseSSOInstance(signIn.create(buildSignInParams(fields)), fields);\n\n switch (res.status) {\n case 'needs_identifier':\n // Check if we need to initiate an enterprise sso flow\n if (res.supportedFirstFactors?.some(ff => ff.strategy === 'enterprise_sso')) {\n await authenticateWithEnterpriseSSO();\n }\n break;\n case 'needs_first_factor': {\n if (!hasOnlyEnterpriseSSOFirstFactors(res) \|\| hasMultipleEnterpriseConnections(res.supportedFirstFactors)) {\n if (options?.resetPasswordIntent) {\n return navigate('factor-one', {\n searchParams: new URLSearchParams({ [SIGN_IN_RESET_PASSWORD_INTENT_PARAM]: 'true' }),\n });\n }\n return navigate('factor-one');\n }\n\n return authenticateWithEnterpriseSSO();\n }\n case 'needs_second_factor':\n return navigate('factor-two');\n case 'needs_client_trust':\n return navigate('client-trust');\n case 'complete':\n return clerk.setActive({\n session: res.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n default: {\n console.error(clerkInvalidFAPIResponse(res.status, supportEmail));\n return;\n }\n }\n } catch (e: any) {\n return attemptToRecoverFromSignInError(e);\n }\n };\n\n const authenticateWithEnterpriseSSO = async () => {\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignInUrl \|\| '/';\n\n return signIn.authenticateWithRedirect({\n strategy: 'enterprise_sso',\n redirectUrl,\n redirectUrlComplete,\n oidcPrompt: ctx.oidcPrompt,\n continueSignIn: true,\n });\n };\n\n const attemptToRecoverFromSignInError = async (e: any) => {\n if (!e.errors) {\n return;\n }\n const instantPasswordError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) =>\n e.code === ERROR_CODES.INVALID_STRATEGY_FOR_USER \|\|\n e.code === ERROR_CODES.FORM_PASSWORD_INCORRECT \|\|\n e.code === ERROR_CODES.FORM_PASSWORD_PWNED,\n );\n\n const sessionAlreadyExistsError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) => e.code === ERROR_CODES.SESSION_EXISTS,\n );\n const alreadySignedInError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) => e.code === 'identifier_already_signed_in',\n );\n const accountDoesNotExistError: ClerkAPIError = e.errors.find(\n (e: ClerkAPIError) =>\n e.code === ERROR_CODES.INVITATION_ACCOUNT_NOT_EXISTS \|\| e.code === ERROR_CODES.FORM_IDENTIFIER_NOT_FOUND,\n );\n\n if (instantPasswordError) {\n await signInWithFields([identifierField]);\n } else if (sessionAlreadyExistsError) {\n await clerk.setActive({\n session: clerk.client.lastActiveSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n } else if (alreadySignedInError) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const sid = alreadySignedInError.meta!.sessionId!;\n await clerk.setActive({\n session: sid,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignInUrl, decorateUrl });\n },\n });\n } else if (isCombinedFlow && accountDoesNotExistError) {\n const attribute = getSignUpAttributeFromIdentifier(identifierField);\n\n if (userSettings.signUp.mode === SIGN_UP_MODES.WAITLIST) {\n const waitlistUrl = clerk.buildWaitlistUrl(\n attribute === 'emailAddress'\n ? {\n initialValues: {\n [attribute]: identifierField.value,\n },\n }\n : {},\n );\n return navigate(waitlistUrl);\n }\n\n clerk.client.signUp[attribute] = identifierField.value;\n\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignUpUrl \|\| '/';\n\n return handleCombinedFlowTransfer({\n afterSignUpUrl: ctx.afterSignUpUrl \|\| '/',\n clerk,\n handleError: e => handleError(e, [identifierField, instantPasswordField], card.setError),\n identifierAttribute: attribute,\n identifierValue: identifierField.value,\n navigate,\n organizationTicket,\n signUpMode: userSettings.signUp.mode,\n redirectUrl,\n redirectUrlComplete,\n navigateOnSetActive,\n passwordEnabled: userSettings.attributes.password?.required ?? false,\n alternativePhoneCodeChannel:\n alternativePhoneCodeProvider?.channel \|\|\n getPreferredAlternativePhoneChannelForCombinedFlow(\n authConfig.preferredChannels,\n attribute,\n identifierField.value,\n ),\n unsafeMetadata: ctx.unsafeMetadata,\n });\n } else {\n handleError(e, [identifierField, instantPasswordField], card.setError);\n }\n };\n\n const handleFirstPartySubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n return signInWithFields([identifierField, instantPasswordField]);\n };\n\n const handleForgotPasswordClick: React.MouseEventHandler = e => {\n e.preventDefault();\n // Surface the same native required-field validation as the Continue button\n // when the identifier is missing\n const form = e.currentTarget.closest('form');\n if (form && !form.reportValidity()) {\n return;\n }\n void signInWithFields([identifierField], { resetPasswordIntent: true });\n };\n\n const DynamicField = useMemo(() => {\n const components = {\n tel: Form.PhoneInput,\n password: Form.PasswordInput,\n text: Form.PlainInput,\n email: Form.PlainInput,\n };\n\n return components[identifierField.type as keyof typeof components];\n }, [identifierField.type]);\n\n if (status.isLoading \|\| clerkStatus === 'sign_up') {\n // clerkStatus being sign_up will trigger a navigation to the sign up flow, so show a loading card instead of\n // rendering the sign in flow.\n return <LoadingCard />;\n }\n\n // @ts-expect-error `action` is not typed\n const { action, validLastAuthenticationStrategies, ...identifierFieldProps } = identifierField.props;\n\n const lastAuthenticationStrategy = clerk.client?.lastAuthenticationStrategy;\n const isIdentifierLastAuthenticationStrategy =\n lastAuthenticationStrategy && totalEnabledAuthMethods > 1\n ? validLastAuthenticationStrategies?.has(lastAuthenticationStrategy)\n : false;\n\n return (\n <Flow.Part part='start'>\n {!alternativePhoneCodeProvider ? (\n <Card.Root>\n <Card.Content>\n <Header.Root showLogo>\n <Header.Title\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signIn.start.titleCombined')\n : localizationKeys('signIn.start.title')\n }\n />\n <Header.Subtitle\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signIn.start.subtitleCombined')\n : localizationKeys('signIn.start.subtitle')\n }\n sx={{\n '&:empty': {\n display: 'none',\n },\n }}\n />\n </Header.Root>\n <Card.Alert>{card.error}</Card.Alert>\n {/TODO: extract main in its own component /}\n <Col\n elementDescriptor={descriptors.main}\n gap={6}\n // @ts-ignore - `inert` is not yet in the installed React types\n inert={captchaIsInteractive ? '' : undefined}\n // `display:none` (not `visibility:hidden`) so the collapsed column leaves flex flow and\n // contributes no `gap` gutter to `Card.Content` — otherwise it injects empty space above\n // the spotlighted captcha. Subtree stays mounted (form state preserved); `inert` is then\n // redundant-but-harmless.\n sx={captchaIsInteractive ? { display: 'none' } : undefined}\n >\n <SocialButtonsReversibleContainerWithDivider>\n {hasSocialOrWeb3Buttons && (\n <SignInSocialButtons\n enableWeb3Providers\n enableOAuthProviders\n enableAlternativePhoneCodeProviders={showAlternativePhoneCodeProviders}\n onAlternativePhoneCodeProviderClick={onAlternativePhoneCodeProviderClick}\n />\n )}\n {standardFormAttributes.length ? (\n <Form.Root\n onSubmit={handleFirstPartySubmit}\n gap={8}\n >\n <Col gap={6}>\n <Form.ControlRow elementId={identifierField.id}>\n <DynamicField\n actionLabel={nextIdentifier?.action}\n onActionClicked={switchToNextIdentifier}\n {...identifierFieldProps}\n autoFocus={shouldAutofocus}\n autoComplete={isWebAuthnAutofillSupported ? 'webauthn' : undefined}\n isLastAuthenticationStrategy={isIdentifierLastAuthenticationStrategy}\n />\n </Form.ControlRow>\n <InstantPasswordRow\n field={passwordBasedInstance ? instantPasswordField : undefined}\n onForgotPasswordClick={handleForgotPasswordClick}\n />\n </Col>\n <Col center>\n <Form.SubmitButton hasArrow />\n </Col>\n </Form.Root>\n ) : null}\n </SocialButtonsReversibleContainerWithDivider>\n </Col>\n <CaptchaElement\n gapless\n onInteractiveChange={setCaptchaIsInteractive}\n />\n {/ Kept outside descriptors.main so the spotlight's `inert` leaves this alternative action reachable. /}\n {userSettings.attributes.passkey?.enabled &&\n userSettings.passkeySettings.show_sign_in_button &&\n isWebSupported && (\n <Card.Action elementId={'usePasskey'}>\n <Card.ActionLink\n localizationKey={localizationKeys('signIn.start.actionLink__use_passkey')}\n onClick={() => authenticateWithPasskey({ flow: 'discoverable' })}\n />\n </Card.Action>\n )}\n </Card.Content>\n <Card.Footer>\n {userSettings.signUp.mode === SIGN_UP_MODES.PUBLIC && !isCombinedFlow && (\n <Card.Action elementId='signIn'>\n <Card.ActionText localizationKey={localizationKeys('signIn.start.actionText')} />\n <Card.ActionLink\n localizationKey={localizationKeys('signIn.start.actionLink')}\n to={clerk.buildUrlWithAuth(signUpUrl)}\n />\n </Card.Action>\n )}\n {userSettings.signUp.mode === SIGN_UP_MODES.WAITLIST && (\n <Card.Action elementId='signIn'>\n <Card.ActionText localizationKey={localizationKeys('signIn.start.actionText__join_waitlist')} />\n <Card.ActionLink\n localizationKey={localizationKeys('signIn.start.actionLink__join_waitlist')}\n to={clerk.buildUrlWithAuth(waitlistUrl)}\n />\n </Card.Action>\n )}\n </Card.Footer>\n </Card.Root>\n ) : (\n <SignInAlternativePhoneCodePhoneNumberCard\n handleSubmit={handleFirstPartySubmit}\n phoneNumberFormState={phoneIdentifierField}\n onUseAnotherMethod={onAlternativePhoneCodeUseAnotherMethod}\n phoneCodeProvider={alternativePhoneCodeProvider}\n />\n )}\n </Flow.Part>\n );\n}\n\nconst hasOnlyEnterpriseSSOFirstFactors = (signIn: SignInResource): boolean => {\n if (!signIn.supportedFirstFactors?.length) {\n return false;\n }\n\n return signIn.supportedFirstFactors.every(ff => ff.strategy === 'enterprise_sso');\n};\n\nconst InstantPasswordRow = ({\n field,\n onForgotPasswordClick,\n}: {\n field?: FormControlState<'password'>;\n onForgotPasswordClick?: React.MouseEventHandler;\n}) => {\n const [autofilled, setAutofilled] = useState(false);\n const ref = useRef<HTMLInputElement>(null);\n const show = !!(autofilled \|\| field?.value);\n\n // show password if it's autofilled by the browser\n useLayoutEffect(() => {\n const intervalId = setInterval(() => {\n if (ref?.current) {\n const autofilled =\n window.getComputedStyle(ref.current, ':autofill').animationName === 'onAutoFillStart' \|\|\n // https://github.com/facebook/react/issues/1159#issuecomment-1025423604\n !!ref.current?.matches(':-webkit-autofill');\n if (autofilled) {\n setAutofilled(autofilled);\n clearInterval(intervalId);\n }\n }\n }, 500);\n\n return () => {\n clearInterval(intervalId);\n };\n }, []);\n\n useEffect(() => {\n //if the field receives a value, we default to normal behaviour\n if (field?.value && field.value !== '') {\n setAutofilled(false);\n }\n }, [field?.value]);\n\n if (!field) {\n return null;\n }\n\n return (\n <Form.ControlRow\n elementId={field.id}\n aria-hidden={show ? undefined : true}\n sx={\n show\n ? undefined\n : {\n position: 'absolute',\n opacity: 0,\n height: 0,\n overflow: 'hidden',\n pointerEvents: 'none',\n marginTop: '-1rem',\n }\n }\n >\n <Form.PasswordInput\n {...field.props}\n actionLabel={show ? localizationKeys('formFieldAction__forgotPassword') : undefined}\n onActionClicked={show ? onForgotPasswordClick : undefined}\n tabIndex={show ? undefined : -1}\n ref={ref}\n />\n </Form.ControlRow>\n );\n};\n\nexport const SignInStart = withRedirectToSignInTask(\n withRedirectToAfterSignIn(withCardStateProvider(SignInStartInternal)),\n);\n"],"mappings":"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"}

package/dist/components/SignUp/SignUpForm.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { useAppearance } from "../../customizables/AppearanceContext.js";
 import { mqu } from "../../styledSystem/breakpoints.js";
 import { Col } from "../../customizables/index.js";
 import { Form } from "../../elements/Form.js";
-import { CaptchaElement } from "../../elements/CaptchaElement.js";
 import { LegalCheckbox } from "../../elements/LegalConsentCheckbox.js";
 import React from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
@@ -74,9 +73,9 @@ const SignUpForm = (props) => {
 					})
 				})
 			]
-		}), /* @__PURE__ */ jsxs(Col, {
+		}), /* @__PURE__ */ jsx(Col, {
 			center: true,
-			children: [/* @__PURE__ */ jsx(CaptchaElement, {}), /* @__PURE__ */ jsxs(Col, {
+			children: /* @__PURE__ */ jsxs(Col, {
 				gap: 6,
 				sx: { width: "100%" },
 				children: [shouldShow("legalAccepted") && /* @__PURE__ */ jsx(Form.ControlRow, {
@@ -89,7 +88,7 @@ const SignUpForm = (props) => {
 					hasArrow: true,
 					localizationKey: localizationKeys("formButtonPrimary")
 				})]
-			})]
+			})
 		})]
 	});
 };

package/dist/components/SignUp/SignUpForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpForm.js","names":[],"sources":["../../../src/components/SignUp/SignUpForm.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Form } from '@/ui/elements/Form';\nimport { LegalCheckbox } from '@/ui/elements/LegalConsentCheckbox';\nimport type { FormControlState } from '@/ui/utils/useFormControl';\n\nimport { Col, localizationKeys, useAppearance } from '../../customizables';\nimport { ~~CaptchaElement } from '../../elements/CaptchaElement';\nimport {~~ mqu } from '../../styledSystem';\nimport type { ActiveIdentifier, Fields } from './signUpFormHelpers';\n\ntype SignUpFormProps = {\n handleSubmit: React.FormEventHandler;\n fields: Fields;\n formState: Record<Exclude<keyof Fields, 'ticket'>, FormControlState<any>>;\n canToggleEmailPhone: boolean;\n handleEmailPhoneToggle: (type: ActiveIdentifier) => void;\n onlyLegalAcceptedMissing?: boolean;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n const {\n handleSubmit,\n fields,\n formState,\n canToggleEmailPhone,\n onlyLegalAcceptedMissing = false,\n handleEmailPhoneToggle,\n } = props;\n const { showOptionalFields } = useAppearance().parsedOptions;\n\n const shouldShow = (name: keyof typeof fields) => {\n // In case both email & phone are optional, then don't take into account the\n // Options showOptionalFields prop and the required field.\n if ((name === 'emailAddress' \|\| name === 'phoneNumber') && canToggleEmailPhone) {\n return !!fields[name];\n }\n\n return !!fields[name] && (showOptionalFields \|\| fields[name]?.required);\n };\n\n return (\n <Form.Root\n onSubmit={handleSubmit}\n gap={8}\n >\n {!onlyLegalAcceptedMissing && (\n <Col gap={6}>\n {(shouldShow('firstName') \|\| shouldShow('lastName')) && (\n <Form.ControlRow\n elementId='name'\n sx={{\n [mqu.sm]: {\n flexWrap: 'wrap',\n },\n }}\n >\n {shouldShow('firstName') && (\n <Form.PlainInput\n {...formState.firstName.props}\n isRequired={fields.firstName?.required}\n isOptional={!fields.firstName?.required}\n />\n )}\n {shouldShow('lastName') && (\n <Form.PlainInput\n {...formState.lastName.props}\n isRequired={fields.lastName?.required}\n isOptional={!fields.lastName?.required}\n />\n )}\n </Form.ControlRow>\n )}\n {shouldShow('username') && (\n <Form.ControlRow elementId='username'>\n <Form.PlainInput\n {...formState.username.props}\n isRequired={fields.username?.required}\n isOptional={!fields.username?.required}\n />\n </Form.ControlRow>\n )}\n {shouldShow('emailAddress') && (\n <Form.ControlRow elementId='emailAddress'>\n <Form.PlainInput\n {...formState.emailAddress.props}\n isRequired={fields.emailAddress?.required}\n isOptional={!fields.emailAddress?.required}\n isDisabled={fields.emailAddress?.disabled}\n actionLabel={canToggleEmailPhone ? localizationKeys('signUp.start.actionLink__use_phone') : undefined}\n onActionClicked={canToggleEmailPhone ? () => handleEmailPhoneToggle('phoneNumber') : undefined}\n />\n </Form.ControlRow>\n )}\n {shouldShow('phoneNumber') && (\n <Form.ControlRow elementId='phoneNumber'>\n <Form.PhoneInput\n {...formState.phoneNumber.props}\n isRequired={fields.phoneNumber?.required}\n isOptional={!fields.phoneNumber?.required}\n actionLabel={canToggleEmailPhone ? localizationKeys('signUp.start.actionLink__use_email') : undefined}\n onActionClicked={canToggleEmailPhone ? () => handleEmailPhoneToggle('emailAddress') : undefined}\n />\n </Form.ControlRow>\n )}\n {shouldShow('password') && (\n <Form.ControlRow elementId='password'>\n <Form.PasswordInput\n {...formState.password.props}\n isRequired={fields.password?.required}\n isOptional={!fields.password?.required}\n autoComplete='new-password'\n />\n </Form.ControlRow>\n )}\n </Col>\n )}\n <Col center>\n <~~CaptchaElement />\n <~~Col\n gap={6}\n sx={{\n width: '100%',\n }}\n >\n {shouldShow('legalAccepted') && (\n <Form.ControlRow elementId='legalAccepted'>\n <LegalCheckbox\n {...formState.legalAccepted.props}\n isRequired={fields.legalAccepted?.required}\n />\n </Form.ControlRow>\n )}\n <Form.SubmitButton\n hasArrow\n localizationKey={localizationKeys('formButtonPrimary')}\n />\n </Col>\n </Col>\n </Form.Root>\n );\n};\n"],"mappings":"~~;;;;;;;;;;;AAoBA~~,MAAa,cAAc,UAA2B;CACpD,MAAM,EACJ,cACA,QACA,WACA,qBACA,2BAA2B,OAC3B,2BACE;CACJ,MAAM,EAAE,uBAAuB,cAAc,CAAC,CAAC;CAE/C,MAAM,cAAc,SAA8B;EAGhD,KAAK,SAAS,kBAAkB,SAAS,kBAAkB,qBACzD,OAAO,CAAC,CAAC,OAAO;EAGlB,OAAO,CAAC,CAAC,OAAO,UAAU,sBAAsB,OAAO,KAAK,EAAE;CAChE;CAEA,OACE,qBAAC,KAAK,MAAN;EACE,UAAU;EACV,KAAK;YAFP,CAIG,CAAC,4BACA,qBAAC,KAAD;GAAK,KAAK;aAAV;KACI,WAAW,WAAW,KAAK,WAAW,UAAU,MAChD,qBAAC,KAAK,YAAN;KACE,WAAU;KACV,IAAI,GACD,IAAI,KAAK,EACR,UAAU,OACZ,EACF;eANF,CAQG,WAAW,WAAW,KACrB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,UAAU;MACxB,YAAY,OAAO,WAAW;MAC9B,YAAY,CAAC,OAAO,WAAW;KAChC,IAEF,WAAW,UAAU,KACpB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,SAAS;MACvB,YAAY,OAAO,UAAU;MAC7B,YAAY,CAAC,OAAO,UAAU;KAC/B,EAEY;;IAElB,WAAW,UAAU,KACpB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,SAAS;MACvB,YAAY,OAAO,UAAU;MAC7B,YAAY,CAAC,OAAO,UAAU;KAC/B;IACc;IAElB,WAAW,cAAc,KACxB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,aAAa;MAC3B,YAAY,OAAO,cAAc;MACjC,YAAY,CAAC,OAAO,cAAc;MAClC,YAAY,OAAO,cAAc;MACjC,aAAa,sBAAsB,iBAAiB,oCAAoC,IAAI;MAC5F,iBAAiB,4BAA4B,uBAAuB,aAAa,IAAI;KACtF;IACc;IAElB,WAAW,aAAa,KACvB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,YAAY;MAC1B,YAAY,OAAO,aAAa;MAChC,YAAY,CAAC,OAAO,aAAa;MACjC,aAAa,sBAAsB,iBAAiB,oCAAoC,IAAI;MAC5F,iBAAiB,4BAA4B,uBAAuB,cAAc,IAAI;KACvF;IACc;IAElB,WAAW,UAAU,KACpB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,eAAN;MACE,GAAI,UAAU,SAAS;MACvB,YAAY,OAAO,UAAU;MAC7B,YAAY,CAAC,OAAO,UAAU;MAC9B,cAAa;KACd;IACc;GAEhB;MAEP,~~qBAAC~~,KAAD;GAAK;~~aAAL~~,~~CACE,oBAAC,gBAAD,CAAiB,IACjB,~~qBAAC,KAAD;IACE,KAAK;IACL,IAAI,EACF,OAAO,OACT;cAJF,CAMG,WAAW,eAAe,KACzB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,eAAD;MACE,GAAI,UAAU,cAAc;MAC5B,YAAY,OAAO,eAAe;KACnC;IACc,IAEnB,oBAAC,KAAK,cAAN;KACE;KACA,iBAAiB,iBAAiB,mBAAmB;IACtD,EACE~~;KACF;IACI~~;;AAEf"}
1	+ {"version":3,"file":"SignUpForm.js","names":[],"sources":["../../../src/components/SignUp/SignUpForm.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Form } from '@/ui/elements/Form';\nimport { LegalCheckbox } from '@/ui/elements/LegalConsentCheckbox';\nimport type { FormControlState } from '@/ui/utils/useFormControl';\n\nimport { Col, localizationKeys, useAppearance } from '../../customizables';\nimport { mqu } from '../../styledSystem';\nimport type { ActiveIdentifier, Fields } from './signUpFormHelpers';\n\ntype SignUpFormProps = {\n handleSubmit: React.FormEventHandler;\n fields: Fields;\n formState: Record<Exclude<keyof Fields, 'ticket'>, FormControlState<any>>;\n canToggleEmailPhone: boolean;\n handleEmailPhoneToggle: (type: ActiveIdentifier) => void;\n onlyLegalAcceptedMissing?: boolean;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n const {\n handleSubmit,\n fields,\n formState,\n canToggleEmailPhone,\n onlyLegalAcceptedMissing = false,\n handleEmailPhoneToggle,\n } = props;\n const { showOptionalFields } = useAppearance().parsedOptions;\n\n const shouldShow = (name: keyof typeof fields) => {\n // In case both email & phone are optional, then don't take into account the\n // Options showOptionalFields prop and the required field.\n if ((name === 'emailAddress' \|\| name === 'phoneNumber') && canToggleEmailPhone) {\n return !!fields[name];\n }\n\n return !!fields[name] && (showOptionalFields \|\| fields[name]?.required);\n };\n\n return (\n <Form.Root\n onSubmit={handleSubmit}\n gap={8}\n >\n {!onlyLegalAcceptedMissing && (\n <Col gap={6}>\n {(shouldShow('firstName') \|\| shouldShow('lastName')) && (\n <Form.ControlRow\n elementId='name'\n sx={{\n [mqu.sm]: {\n flexWrap: 'wrap',\n },\n }}\n >\n {shouldShow('firstName') && (\n <Form.PlainInput\n {...formState.firstName.props}\n isRequired={fields.firstName?.required}\n isOptional={!fields.firstName?.required}\n />\n )}\n {shouldShow('lastName') && (\n <Form.PlainInput\n {...formState.lastName.props}\n isRequired={fields.lastName?.required}\n isOptional={!fields.lastName?.required}\n />\n )}\n </Form.ControlRow>\n )}\n {shouldShow('username') && (\n <Form.ControlRow elementId='username'>\n <Form.PlainInput\n {...formState.username.props}\n isRequired={fields.username?.required}\n isOptional={!fields.username?.required}\n />\n </Form.ControlRow>\n )}\n {shouldShow('emailAddress') && (\n <Form.ControlRow elementId='emailAddress'>\n <Form.PlainInput\n {...formState.emailAddress.props}\n isRequired={fields.emailAddress?.required}\n isOptional={!fields.emailAddress?.required}\n isDisabled={fields.emailAddress?.disabled}\n actionLabel={canToggleEmailPhone ? localizationKeys('signUp.start.actionLink__use_phone') : undefined}\n onActionClicked={canToggleEmailPhone ? () => handleEmailPhoneToggle('phoneNumber') : undefined}\n />\n </Form.ControlRow>\n )}\n {shouldShow('phoneNumber') && (\n <Form.ControlRow elementId='phoneNumber'>\n <Form.PhoneInput\n {...formState.phoneNumber.props}\n isRequired={fields.phoneNumber?.required}\n isOptional={!fields.phoneNumber?.required}\n actionLabel={canToggleEmailPhone ? localizationKeys('signUp.start.actionLink__use_email') : undefined}\n onActionClicked={canToggleEmailPhone ? () => handleEmailPhoneToggle('emailAddress') : undefined}\n />\n </Form.ControlRow>\n )}\n {shouldShow('password') && (\n <Form.ControlRow elementId='password'>\n <Form.PasswordInput\n {...formState.password.props}\n isRequired={fields.password?.required}\n isOptional={!fields.password?.required}\n autoComplete='new-password'\n />\n </Form.ControlRow>\n )}\n </Col>\n )}\n <Col center>\n <Col\n gap={6}\n sx={{\n width: '100%',\n }}\n >\n {shouldShow('legalAccepted') && (\n <Form.ControlRow elementId='legalAccepted'>\n <LegalCheckbox\n {...formState.legalAccepted.props}\n isRequired={fields.legalAccepted?.required}\n />\n </Form.ControlRow>\n )}\n <Form.SubmitButton\n hasArrow\n localizationKey={localizationKeys('formButtonPrimary')}\n />\n </Col>\n </Col>\n </Form.Root>\n );\n};\n"],"mappings":";;;;;;;;;;AAmBA,MAAa,cAAc,UAA2B;CACpD,MAAM,EACJ,cACA,QACA,WACA,qBACA,2BAA2B,OAC3B,2BACE;CACJ,MAAM,EAAE,uBAAuB,cAAc,CAAC,CAAC;CAE/C,MAAM,cAAc,SAA8B;EAGhD,KAAK,SAAS,kBAAkB,SAAS,kBAAkB,qBACzD,OAAO,CAAC,CAAC,OAAO;EAGlB,OAAO,CAAC,CAAC,OAAO,UAAU,sBAAsB,OAAO,KAAK,EAAE;CAChE;CAEA,OACE,qBAAC,KAAK,MAAN;EACE,UAAU;EACV,KAAK;YAFP,CAIG,CAAC,4BACA,qBAAC,KAAD;GAAK,KAAK;aAAV;KACI,WAAW,WAAW,KAAK,WAAW,UAAU,MAChD,qBAAC,KAAK,YAAN;KACE,WAAU;KACV,IAAI,GACD,IAAI,KAAK,EACR,UAAU,OACZ,EACF;eANF,CAQG,WAAW,WAAW,KACrB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,UAAU;MACxB,YAAY,OAAO,WAAW;MAC9B,YAAY,CAAC,OAAO,WAAW;KAChC,IAEF,WAAW,UAAU,KACpB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,SAAS;MACvB,YAAY,OAAO,UAAU;MAC7B,YAAY,CAAC,OAAO,UAAU;KAC/B,EAEY;;IAElB,WAAW,UAAU,KACpB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,SAAS;MACvB,YAAY,OAAO,UAAU;MAC7B,YAAY,CAAC,OAAO,UAAU;KAC/B;IACc;IAElB,WAAW,cAAc,KACxB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,aAAa;MAC3B,YAAY,OAAO,cAAc;MACjC,YAAY,CAAC,OAAO,cAAc;MAClC,YAAY,OAAO,cAAc;MACjC,aAAa,sBAAsB,iBAAiB,oCAAoC,IAAI;MAC5F,iBAAiB,4BAA4B,uBAAuB,aAAa,IAAI;KACtF;IACc;IAElB,WAAW,aAAa,KACvB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,YAAN;MACE,GAAI,UAAU,YAAY;MAC1B,YAAY,OAAO,aAAa;MAChC,YAAY,CAAC,OAAO,aAAa;MACjC,aAAa,sBAAsB,iBAAiB,oCAAoC,IAAI;MAC5F,iBAAiB,4BAA4B,uBAAuB,cAAc,IAAI;KACvF;IACc;IAElB,WAAW,UAAU,KACpB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,KAAK,eAAN;MACE,GAAI,UAAU,SAAS;MACvB,YAAY,OAAO,UAAU;MAC7B,YAAY,CAAC,OAAO,UAAU;MAC9B,cAAa;KACd;IACc;GAEhB;MAEP,oBAAC,KAAD;GAAK;aACH,qBAAC,KAAD;IACE,KAAK;IACL,IAAI,EACF,OAAO,OACT;cAJF,CAMG,WAAW,eAAe,KACzB,oBAAC,KAAK,YAAN;KAAiB,WAAU;eACzB,oBAAC,eAAD;MACE,GAAI,UAAU,cAAc;MAC5B,YAAY,OAAO,eAAe;KACnC;IACc,IAEnB,oBAAC,KAAK,cAAN;KACE;KACA,iBAAiB,iBAAiB,mBAAmB;IACtD,EACE;;EACF,EACI;;AAEf"}

package/dist/components/SignUp/SignUpStart.js CHANGED Viewed

@@ -63,6 +63,7 @@ function SignUpStartInternal() {
 	const initialValues = ctx.initialValues || {};
 	const [alternativePhoneCodeProvider, setAlternativePhoneCodeProvider] = React.useState(null);
 	const [missingRequirementsWithTicket, setMissingRequirementsWithTicket] = React.useState(false);
+	const [captchaIsInteractive, setCaptchaIsInteractive] = React.useState(false);
 	const { userSettings: { passwordSettings, usernameSettings } } = useEnvironment();
 	const { mode } = userSettings.signUp;
 	const formState = {
@@ -336,11 +337,13 @@ function SignUpStartInternal() {
 				children: [/* @__PURE__ */ jsx(Header.Title, { localizationKey: isCombinedFlow ? localizationKeys("signUp.start.titleCombined") : localizationKeys("signUp.start.title") }), /* @__PURE__ */ jsx(Header.Subtitle, { localizationKey: isCombinedFlow ? localizationKeys("signUp.start.subtitleCombined") : localizationKeys("signUp.start.subtitle") })]
 			}),
 			/* @__PURE__ */ jsx(Card.Alert, { children: card.error }),
-			/* @__PURE__ */ jsxs(Flex, {
+			/* @__PURE__ */ jsx(Flex, {
 				direction: "col",
 				elementDescriptor: descriptors.main,
 				gap: 6,
-				children: [/* @__PURE__ */ jsxs(SocialButtonsReversibleContainerWithDivider, { children: [(showOauthProviders || showWeb3Providers || showAlternativePhoneCodeProviders) && /* @__PURE__ */ jsx(SignUpSocialButtons, {
+				inert: captchaIsInteractive ? "" : void 0,
+				sx: captchaIsInteractive ? { display: "none" } : void 0,
+				children: /* @__PURE__ */ jsxs(SocialButtonsReversibleContainerWithDivider, { children: [(showOauthProviders || showWeb3Providers || showAlternativePhoneCodeProviders) && /* @__PURE__ */ jsx(SignUpSocialButtons, {
 					enableOAuthProviders: showOauthProviders,
 					enableWeb3Providers: showWeb3Providers,
 					enableAlternativePhoneCodeProviders: showAlternativePhoneCodeProviders,
@@ -353,7 +356,11 @@ function SignUpStartInternal() {
 					formState,
 					canToggleEmailPhone,
 					handleEmailPhoneToggle: handleChangeActive
-				})] }), !shouldShowForm && /* @__PURE__ */ jsx(CaptchaElement, {})]
+				})] })
+			}),
+			/* @__PURE__ */ jsx(CaptchaElement, {
+				gapless: true,
+				onInteractiveChange: setCaptchaIsInteractive
 			})
 		] }), /* @__PURE__ */ jsx(Card.Footer, { children: /* @__PURE__ */ jsxs(Card.Action, {
 			elementId: "signUp",

package/dist/components/SignUp/SignUpStart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpStart.js","names":[],"sources":["../../../src/components/SignUp/SignUpStart.tsx"],"sourcesContent":["import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode';\nimport { isClerkAPIResponseError } from '@clerk/shared/error';\nimport { ERROR_CODES, SIGN_UP_MODES } from '@clerk/shared/internal/clerk-js/constants';\nimport { getClerkQueryParam, removeClerkQueryParam } from '@clerk/shared/internal/clerk-js/queryParams';\nimport { useClerk } from '@clerk/shared/react';\nimport type { PhoneCodeChannel, PhoneCodeChannelData, SignUpResource } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { Header } from '@/ui/elements/Header';\nimport { LoadingCard } from '@/ui/elements/LoadingCard';\nimport { SocialButtonsReversibleContainerWithDivider } from '@/ui/elements/ReversibleContainer';\nimport { handleError } from '@/ui/utils/errorHandler';\nimport { createPasswordError } from '@/ui/utils/passwordUtils';\nimport type { FormControlState } from '@/ui/utils/useFormControl';\nimport { buildRequest, useFormControl } from '@/ui/utils/useFormControl';\nimport { createUsernameError } from '@/ui/utils/usernameUtils';\n\nimport { withRedirectToAfterSignUp, withRedirectToSignUpTask } from '../../common';\nimport { SignInContext, useCoreSignUp, useEnvironment, useSignUpContext } from '../../contexts';\nimport { descriptors, Flex, Flow, localizationKeys, useAppearance, useLocalizations } from '../../customizables';\nimport { CaptchaElement } from '../../elements/CaptchaElement';\nimport { useLoadingStatus } from '../../hooks';\nimport { useRouter } from '../../router';\nimport { getPreferredAlternativePhoneChannel } from '../SignIn/utils';\nimport { SignUpForm } from './SignUpForm';\nimport type { ActiveIdentifier } from './signUpFormHelpers';\nimport { determineActiveFields, emailOrPhone, getInitialActiveIdentifier, showFormFields } from './signUpFormHelpers';\nimport { SignUpRestrictedAccess } from './SignUpRestrictedAccess';\nimport { SignUpSocialButtons } from './SignUpSocialButtons';\nimport { SignUpStartAlternativePhoneCodePhoneNumberCard } from './SignUpStartAlternativePhoneCodePhoneNumberCard';\nimport { completeSignUpFlow } from './util';\n\nfunction SignUpStartInternal(): JSX.Element {\n const card = useCardState();\n const clerk = useClerk();\n const status = useLoadingStatus();\n const signUp = useCoreSignUp();\n const { showOptionalFields } = useAppearance().parsedOptions;\n const { userSettings, authConfig } = useEnvironment();\n const { navigate } = useRouter();\n const { attributes } = userSettings;\n const { setActive } = useClerk();\n const ctx = useSignUpContext();\n const isWithinSignInContext = !!React.useContext(SignInContext);\n const { afterSignUpUrl, signInUrl, unsafeMetadata, navigateOnSetActive } = ctx;\n const isCombinedFlow = !!(ctx.isCombinedFlow && !!isWithinSignInContext);\n const [activeCommIdentifierType, setActiveCommIdentifierType] = React.useState<ActiveIdentifier>(() =>\n getInitialActiveIdentifier(attributes, userSettings.signUp.progressive, {\n phoneNumber: ctx.initialValues?.phoneNumber === null ? undefined : ctx.initialValues?.phoneNumber,\n emailAddress: ctx.initialValues?.emailAddress === null ? undefined : ctx.initialValues?.emailAddress,\n ...(isCombinedFlow\n ? {\n emailAddress: signUp.emailAddress,\n phoneNumber: signUp.phoneNumber,\n }\n : {}),\n }),\n );\n const { t, locale } = useLocalizations();\n const initialValues = ctx.initialValues \|\| {};\n const [alternativePhoneCodeProvider, setAlternativePhoneCodeProvider] = React.useState<PhoneCodeChannelData \| null>(\n null,\n );\n\n const [missingRequirementsWithTicket, setMissingRequirementsWithTicket] = React.useState(false);\n\n const {\n userSettings: { passwordSettings, usernameSettings },\n } = useEnvironment();\n\n const { mode } = userSettings.signUp;\n\n const formState = {\n firstName: useFormControl('firstName', signUp.firstName \|\| initialValues.firstName \|\| '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__firstName'),\n placeholder: localizationKeys('formFieldInputPlaceholder__firstName'),\n }),\n lastName: useFormControl('lastName', signUp.lastName \|\| initialValues.lastName \|\| '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__lastName'),\n placeholder: localizationKeys('formFieldInputPlaceholder__lastName'),\n }),\n emailAddress: useFormControl('emailAddress', signUp.emailAddress \|\| initialValues.emailAddress \|\| '', {\n type: 'email',\n label: localizationKeys('formFieldLabel__emailAddress'),\n placeholder: localizationKeys('formFieldInputPlaceholder__emailAddress'),\n }),\n username: useFormControl('username', signUp.username \|\| initialValues.username \|\| '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__username'),\n placeholder: localizationKeys('formFieldInputPlaceholder__username'),\n transformer: value => value.trim(),\n buildErrorMessage: errors => createUsernameError(errors, { t, locale, usernameSettings }),\n }),\n phoneNumber: useFormControl('phoneNumber', signUp.phoneNumber \|\| initialValues.phoneNumber \|\| '', {\n type: 'tel',\n label: localizationKeys('formFieldLabel__phoneNumber'),\n placeholder: localizationKeys('formFieldInputPlaceholder__phoneNumber'),\n }),\n legalAccepted: useFormControl('legalAccepted', '', {\n type: 'checkbox',\n label: '',\n defaultChecked: false,\n isRequired: userSettings.signUp.legal_consent_enabled \|\| false,\n }),\n password: useFormControl('password', '', {\n type: 'password',\n label: localizationKeys('formFieldLabel__password'),\n placeholder: localizationKeys('formFieldInputPlaceholder__signUpPassword'),\n validatePassword: true,\n buildErrorMessage: errors => createPasswordError(errors, { t, locale, passwordSettings }),\n }),\n ticket: useFormControl(\n 'ticket',\n getClerkQueryParam('__clerk_ticket') \|\| getClerkQueryParam('__clerk_invitation_token') \|\| '',\n ),\n } as const;\n\n const hasTicket = !!formState.ticket.value;\n const hasExistingSignUpWithTicket = !!(\n signUp.id &&\n signUp.status !== null &&\n (getClerkQueryParam('__clerk_ticket') \|\| getClerkQueryParam('__clerk_invitation_token'))\n );\n const hasEmail = !!formState.emailAddress.value;\n const isProgressiveSignUp = userSettings.signUp.progressive;\n const isLegalConsentEnabled = userSettings.signUp.legal_consent_enabled;\n const oidcPrompt = ctx.oidcPrompt;\n\n const fields = determineActiveFields({\n attributes,\n hasTicket: hasTicket \|\| hasExistingSignUpWithTicket,\n hasEmail,\n activeCommIdentifierType,\n isProgressiveSignUp,\n legalConsentRequired: isLegalConsentEnabled,\n });\n\n const handleTokenFlow = () => {\n if (!formState.ticket.value) {\n return;\n }\n status.setLoading();\n card.setLoading();\n signUp\n .create({ strategy: 'ticket', ticket: formState.ticket.value, unsafeMetadata })\n .then(signUp => {\n formState.emailAddress.setValue(signUp.emailAddress \|\| '');\n // In case we are in a Ticket flow and the sign up is not complete yet, update the state\n // to render properly the SignUp form with other available options to complete it (e.g. OAuth)\n if (signUp.status === 'missing_requirements') {\n setMissingRequirementsWithTicket(true);\n }\n\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignUpUrl \|\| '/';\n\n return completeSignUpFlow({\n signUp,\n redirectUrl,\n redirectUrlComplete,\n verifyEmailPath: 'verify-email-address',\n verifyPhonePath: 'verify-phone-number',\n continuePath: 'continue',\n handleComplete: () => {\n removeClerkQueryParam('__clerk_ticket');\n removeClerkQueryParam('__clerk_invitation_token');\n return setActive({\n session: signUp.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignUpUrl, decorateUrl });\n },\n });\n },\n navigate,\n oidcPrompt,\n });\n })\n .catch(err => {\n /* Clear ticket values when an error occurs in the initial sign up attempt /\n formState.ticket.setValue('');\n handleError(err, [], card.setError);\n })\n .finally(() => {\n // Keep the card in loading state during SSO redirect to prevent UI flicker\n // This is necessary because there's a brief delay between initiating the SSO flow\n // and the actual redirect to the external Identity Provider\n const isRedirectingToSSOProvider = signUp.missingFields.some(mf => mf === 'enterprise_sso');\n if (isRedirectingToSSOProvider) {\n return;\n }\n\n status.setIdle();\n card.setIdle();\n });\n };\n\n React.useLayoutEffect(() => {\n void handleTokenFlow();\n }, []);\n\n React.useEffect(() => {\n async function handleOauthError() {\n const error = signUp.verifications.externalAccount.error;\n\n if (error) {\n switch (error.code) {\n case ERROR_CODES.NOT_ALLOWED_TO_SIGN_UP:\n case ERROR_CODES.OAUTH_ACCESS_DENIED:\n case ERROR_CODES.NOT_ALLOWED_ACCESS:\n case ERROR_CODES.SAML_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.OAUTH_EMAIL_DOMAIN_RESERVED_BY_SAML:\n case ERROR_CODES.USER_LOCKED:\n case ERROR_CODES.ENTERPRISE_SSO_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.ENTERPRISE_SSO_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ENTERPRISE_SSO_HOSTED_DOMAIN_MISMATCH:\n case ERROR_CODES.SAML_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ORGANIZATION_MEMBERSHIP_QUOTA_EXCEEDED_FOR_SSO:\n case ERROR_CODES.CAPTCHA_INVALID:\n case ERROR_CODES.FRAUD_DEVICE_BLOCKED:\n case ERROR_CODES.FRAUD_ACTION_BLOCKED:\n case ERROR_CODES.SIGNUP_RATE_LIMIT_EXCEEDED:\n case ERROR_CODES.USER_BANNED:\n case ERROR_CODES.USER_DEACTIVATED:\n card.setError(error);\n break;\n default:\n // Error from server may be too much information for the end user, so set a generic error\n card.setError('Unable to complete action at this time. If the problem persists please contact support.');\n }\n\n // TODO: This is a hack to reset the sign in attempt so that the oauth error\n // does not persist on full page reloads.\n // We will revise this strategy as part of the Clerk DX epic.\n void (await signUp.create({}));\n }\n }\n\n void handleOauthError();\n }, []);\n\n const handleChangeActive = (type: ActiveIdentifier) => {\n if (!emailOrPhone(attributes, isProgressiveSignUp)) {\n return;\n }\n setActiveCommIdentifierType(type);\n };\n\n const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n type FormStateKey = keyof typeof formState;\n const fieldsToSubmit = Object.entries(fields).reduce((acc, [k, v]) => {\n acc.push(...(v && formState[k as FormStateKey] ? [formState[k as FormStateKey]] : []));\n return acc;\n }, [] as Array<FormControlState>);\n\n if (unsafeMetadata) {\n const noop = () => {};\n fieldsToSubmit.push({\n id: 'unsafeMetadata',\n value: unsafeMetadata,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n\n if (fields.ticket \|\| hasExistingSignUpWithTicket) {\n const noop = () => {};\n // fieldsToSubmit: Constructing a fake fields object for strategy.\n fieldsToSubmit.push({\n id: 'strategy',\n value: 'ticket',\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n\n // Get ticket value from query params if it exists\n if (!formState.ticket.value && hasExistingSignUpWithTicket) {\n const ticketValue = getClerkQueryParam('__clerk_ticket') \|\| getClerkQueryParam('__clerk_invitation_token');\n if (ticketValue) {\n fieldsToSubmit.push({\n id: 'ticket',\n value: ticketValue,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n }\n }\n\n // If the user has already selected an alternative phone code provider, we use that.\n const preferredAlternativePhoneChannel =\n alternativePhoneCodeProvider?.channel \|\|\n getPreferredAlternativePhoneChannel(fieldsToSubmit, authConfig.preferredChannels, 'phoneNumber');\n if (preferredAlternativePhoneChannel) {\n // We need to send the alternative phone code provider channel in the sign up request\n // together with the phone_code strategy, in order for FAPI to create a Verification upon this first request.\n const noop = () => {};\n fieldsToSubmit.push({\n id: 'strategy',\n value: 'phone_code',\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n fieldsToSubmit.push({\n id: 'channel',\n value: preferredAlternativePhoneChannel,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n\n // In case of emailOrPhone (both email & phone are optional) and neither of them is provided,\n // add both to the submitted fields to trigger and render an error for both respective inputs\n const emailAddressProvided = !!(fieldsToSubmit.find(f => f.id === 'emailAddress')?.value \|\| '');\n const phoneNumberProvided = !!(fieldsToSubmit.find(f => f.id === 'phoneNumber')?.value \|\| '');\n\n if (!emailAddressProvided && !phoneNumberProvided && emailOrPhone(attributes, isProgressiveSignUp)) {\n fieldsToSubmit.push(formState.emailAddress);\n fieldsToSubmit.push(formState.phoneNumber);\n }\n\n card.setLoading();\n card.setError(undefined);\n\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignUpUrl \|\| '/';\n\n let signUpAttempt: Promise<SignUpResource>;\n if (!fields.ticket && !hasExistingSignUpWithTicket) {\n signUpAttempt = signUp.create(buildRequest(fieldsToSubmit));\n } else {\n signUpAttempt = signUp.upsert(buildRequest(fieldsToSubmit));\n }\n\n return signUpAttempt\n .then(res =>\n completeSignUpFlow({\n signUp: res,\n verifyEmailPath: 'verify-email-address',\n verifyPhonePath: 'verify-phone-number',\n handleComplete: () =>\n setActive({\n session: res.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignUpUrl, decorateUrl });\n },\n }),\n navigate,\n redirectUrl,\n redirectUrlComplete,\n oidcPrompt,\n }),\n )\n .catch(err => {\n /\n @experimental\n */\n if (\n isClerkAPIResponseError(err) &&\n err.errors?.[0]?.code === 'enterprise_connection_id_is_required_with_multiple_connections'\n ) {\n return navigate('./enterprise-connections');\n }\n\n return handleError(err, fieldsToSubmit, card.setError);\n })\n .finally(() => card.setIdle());\n };\n\n if (status.isLoading) {\n return <LoadingCard />;\n }\n\n const canToggleEmailPhone = emailOrPhone(attributes, isProgressiveSignUp);\n const visibleFields = Object.entries(fields).filter(([key, opts]) => {\n // In case both email & phone are optional (emailOrPhone case), always show the active identifier\n if ((key === 'emailAddress' \|\| key === 'phoneNumber') && canToggleEmailPhone) {\n return !!opts;\n }\n return showOptionalFields \|\| opts?.required;\n });\n const shouldShowForm = showFormFields(userSettings) && visibleFields.length > 0;\n\n const showOauthProviders =\n (!(hasTicket \|\| hasExistingSignUpWithTicket) \|\| missingRequirementsWithTicket) &&\n userSettings.authenticatableSocialStrategies.length > 0;\n const showWeb3Providers = !(hasTicket \|\| hasExistingSignUpWithTicket) && userSettings.web3FirstFactors.length > 0;\n const showAlternativePhoneCodeProviders =\n !(hasTicket \|\| hasExistingSignUpWithTicket) && userSettings.alternativePhoneCodeChannels.length > 0;\n\n const onAlternativePhoneCodeUseAnotherMethod = () => {\n setAlternativePhoneCodeProvider(null);\n };\n const onAlternativePhoneCodeProviderClick = (phoneCodeChannel: PhoneCodeChannel) => {\n const phoneCodeProvider: PhoneCodeChannelData \| null =\n getAlternativePhoneCodeProviderData(phoneCodeChannel) \|\| null;\n setAlternativePhoneCodeProvider(phoneCodeProvider);\n };\n\n if (mode !== SIGN_UP_MODES.PUBLIC && !(hasTicket \|\| hasExistingSignUpWithTicket)) {\n return <SignUpRestrictedAccess />;\n }\n\n return (\n <Flow.Part part='start'>\n {!alternativePhoneCodeProvider ? (\n <Card.Root>\n <Card.Content>\n <Header.Root showLogo>\n <Header.Title\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signUp.start.titleCombined')\n : localizationKeys('signUp.start.title')\n }\n />\n <Header.Subtitle\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signUp.start.subtitleCombined')\n : localizationKeys('signUp.start.subtitle')\n }\n />\n </Header.Root>\n <Card.Alert>{card.error}</Card.Alert>\n <Flex\n direction='col'\n elementDescriptor={descriptors.main}\n gap={6}\n >\n <SocialButtonsReversibleContainerWithDivider>\n {(showOauthProviders \|\| showWeb3Providers \|\| showAlternativePhoneCodeProviders) && (\n <SignUpSocialButtons\n enableOAuthProviders={showOauthProviders}\n enableWeb3Providers={showWeb3Providers}\n enableAlternativePhoneCodeProviders={showAlternativePhoneCodeProviders}\n onAlternativePhoneCodeProviderClick={onAlternativePhoneCodeProviderClick}\n continueSignUp={missingRequirementsWithTicket}\n legalAccepted={Boolean(formState.legalAccepted.checked) \|\| undefined}\n />\n )}\n {shouldShowForm && (\n <SignUpForm\n handleSubmit={handleSubmit}\n fields={fields}\n formState={formState}\n canToggleEmailPhone={canToggleEmailPhone}\n handleEmailPhoneToggle={handleChangeActive}\n />\n )}\n </SocialButtonsReversibleContainerWithDivider>\n {!shouldShowForm && <CaptchaElement />}\n </Flex>\n </Card.Content>\n\n <Card.Footer>\n <Card.Action elementId='signUp'>\n <Card.ActionText localizationKey={localizationKeys('signUp.start.actionText')} />\n <Card.ActionLink\n localizationKey={localizationKeys('signUp.start.actionLink')}\n to={isCombinedFlow ? '../' : clerk.buildUrlWithAuth(signInUrl)}\n />\n </Card.Action>\n </Card.Footer>\n </Card.Root>\n ) : (\n <SignUpStartAlternativePhoneCodePhoneNumberCard\n handleSubmit={handleSubmit}\n fields={fields}\n formState={formState}\n onUseAnotherMethod={onAlternativePhoneCodeUseAnotherMethod}\n phoneCodeProvider={alternativePhoneCodeProvider}\n />\n )}\n </Flow.Part>\n );\n}\n\nexport const SignUpStart = withRedirectToSignUpTask(\n withRedirectToAfterSignUp(withCardStateProvider(SignUpStartInternal)),\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"SignUpStart.js","names":[],"sources":["../../../src/components/SignUp/SignUpStart.tsx"],"sourcesContent":["import { getAlternativePhoneCodeProviderData } from '@clerk/shared/alternativePhoneCode';\nimport { isClerkAPIResponseError } from '@clerk/shared/error';\nimport { ERROR_CODES, SIGN_UP_MODES } from '@clerk/shared/internal/clerk-js/constants';\nimport { getClerkQueryParam, removeClerkQueryParam } from '@clerk/shared/internal/clerk-js/queryParams';\nimport { useClerk } from '@clerk/shared/react';\nimport type { PhoneCodeChannel, PhoneCodeChannelData, SignUpResource } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { Header } from '@/ui/elements/Header';\nimport { LoadingCard } from '@/ui/elements/LoadingCard';\nimport { SocialButtonsReversibleContainerWithDivider } from '@/ui/elements/ReversibleContainer';\nimport { handleError } from '@/ui/utils/errorHandler';\nimport { createPasswordError } from '@/ui/utils/passwordUtils';\nimport type { FormControlState } from '@/ui/utils/useFormControl';\nimport { buildRequest, useFormControl } from '@/ui/utils/useFormControl';\nimport { createUsernameError } from '@/ui/utils/usernameUtils';\n\nimport { withRedirectToAfterSignUp, withRedirectToSignUpTask } from '../../common';\nimport { SignInContext, useCoreSignUp, useEnvironment, useSignUpContext } from '../../contexts';\nimport { descriptors, Flex, Flow, localizationKeys, useAppearance, useLocalizations } from '../../customizables';\nimport { CaptchaElement } from '../../elements/CaptchaElement';\nimport { useLoadingStatus } from '../../hooks';\nimport { useRouter } from '../../router';\nimport { getPreferredAlternativePhoneChannel } from '../SignIn/utils';\nimport { SignUpForm } from './SignUpForm';\nimport type { ActiveIdentifier } from './signUpFormHelpers';\nimport { determineActiveFields, emailOrPhone, getInitialActiveIdentifier, showFormFields } from './signUpFormHelpers';\nimport { SignUpRestrictedAccess } from './SignUpRestrictedAccess';\nimport { SignUpSocialButtons } from './SignUpSocialButtons';\nimport { SignUpStartAlternativePhoneCodePhoneNumberCard } from './SignUpStartAlternativePhoneCodePhoneNumberCard';\nimport { completeSignUpFlow } from './util';\n\nfunction SignUpStartInternal(): JSX.Element {\n const card = useCardState();\n const clerk = useClerk();\n const status = useLoadingStatus();\n const signUp = useCoreSignUp();\n const { showOptionalFields } = useAppearance().parsedOptions;\n const { userSettings, authConfig } = useEnvironment();\n const { navigate } = useRouter();\n const { attributes } = userSettings;\n const { setActive } = useClerk();\n const ctx = useSignUpContext();\n const isWithinSignInContext = !!React.useContext(SignInContext);\n const { afterSignUpUrl, signInUrl, unsafeMetadata, navigateOnSetActive } = ctx;\n const isCombinedFlow = !!(ctx.isCombinedFlow && !!isWithinSignInContext);\n const [activeCommIdentifierType, setActiveCommIdentifierType] = React.useState<ActiveIdentifier>(() =>\n getInitialActiveIdentifier(attributes, userSettings.signUp.progressive, {\n phoneNumber: ctx.initialValues?.phoneNumber === null ? undefined : ctx.initialValues?.phoneNumber,\n emailAddress: ctx.initialValues?.emailAddress === null ? undefined : ctx.initialValues?.emailAddress,\n ...(isCombinedFlow\n ? {\n emailAddress: signUp.emailAddress,\n phoneNumber: signUp.phoneNumber,\n }\n : {}),\n }),\n );\n const { t, locale } = useLocalizations();\n const initialValues = ctx.initialValues \|\| {};\n const [alternativePhoneCodeProvider, setAlternativePhoneCodeProvider] = React.useState<PhoneCodeChannelData \| null>(\n null,\n );\n\n const [missingRequirementsWithTicket, setMissingRequirementsWithTicket] = React.useState(false);\n // When the captcha escalates to an interactive challenge, spotlight it by collapsing/inerting the\n // rest of the card (see the descriptors.main column below).\n const [captchaIsInteractive, setCaptchaIsInteractive] = React.useState(false);\n\n const {\n userSettings: { passwordSettings, usernameSettings },\n } = useEnvironment();\n\n const { mode } = userSettings.signUp;\n\n const formState = {\n firstName: useFormControl('firstName', signUp.firstName \|\| initialValues.firstName \|\| '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__firstName'),\n placeholder: localizationKeys('formFieldInputPlaceholder__firstName'),\n }),\n lastName: useFormControl('lastName', signUp.lastName \|\| initialValues.lastName \|\| '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__lastName'),\n placeholder: localizationKeys('formFieldInputPlaceholder__lastName'),\n }),\n emailAddress: useFormControl('emailAddress', signUp.emailAddress \|\| initialValues.emailAddress \|\| '', {\n type: 'email',\n label: localizationKeys('formFieldLabel__emailAddress'),\n placeholder: localizationKeys('formFieldInputPlaceholder__emailAddress'),\n }),\n username: useFormControl('username', signUp.username \|\| initialValues.username \|\| '', {\n type: 'text',\n label: localizationKeys('formFieldLabel__username'),\n placeholder: localizationKeys('formFieldInputPlaceholder__username'),\n transformer: value => value.trim(),\n buildErrorMessage: errors => createUsernameError(errors, { t, locale, usernameSettings }),\n }),\n phoneNumber: useFormControl('phoneNumber', signUp.phoneNumber \|\| initialValues.phoneNumber \|\| '', {\n type: 'tel',\n label: localizationKeys('formFieldLabel__phoneNumber'),\n placeholder: localizationKeys('formFieldInputPlaceholder__phoneNumber'),\n }),\n legalAccepted: useFormControl('legalAccepted', '', {\n type: 'checkbox',\n label: '',\n defaultChecked: false,\n isRequired: userSettings.signUp.legal_consent_enabled \|\| false,\n }),\n password: useFormControl('password', '', {\n type: 'password',\n label: localizationKeys('formFieldLabel__password'),\n placeholder: localizationKeys('formFieldInputPlaceholder__signUpPassword'),\n validatePassword: true,\n buildErrorMessage: errors => createPasswordError(errors, { t, locale, passwordSettings }),\n }),\n ticket: useFormControl(\n 'ticket',\n getClerkQueryParam('__clerk_ticket') \|\| getClerkQueryParam('__clerk_invitation_token') \|\| '',\n ),\n } as const;\n\n const hasTicket = !!formState.ticket.value;\n const hasExistingSignUpWithTicket = !!(\n signUp.id &&\n signUp.status !== null &&\n (getClerkQueryParam('__clerk_ticket') \|\| getClerkQueryParam('__clerk_invitation_token'))\n );\n const hasEmail = !!formState.emailAddress.value;\n const isProgressiveSignUp = userSettings.signUp.progressive;\n const isLegalConsentEnabled = userSettings.signUp.legal_consent_enabled;\n const oidcPrompt = ctx.oidcPrompt;\n\n const fields = determineActiveFields({\n attributes,\n hasTicket: hasTicket \|\| hasExistingSignUpWithTicket,\n hasEmail,\n activeCommIdentifierType,\n isProgressiveSignUp,\n legalConsentRequired: isLegalConsentEnabled,\n });\n\n const handleTokenFlow = () => {\n if (!formState.ticket.value) {\n return;\n }\n status.setLoading();\n card.setLoading();\n signUp\n .create({ strategy: 'ticket', ticket: formState.ticket.value, unsafeMetadata })\n .then(signUp => {\n formState.emailAddress.setValue(signUp.emailAddress \|\| '');\n // In case we are in a Ticket flow and the sign up is not complete yet, update the state\n // to render properly the SignUp form with other available options to complete it (e.g. OAuth)\n if (signUp.status === 'missing_requirements') {\n setMissingRequirementsWithTicket(true);\n }\n\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignUpUrl \|\| '/';\n\n return completeSignUpFlow({\n signUp,\n redirectUrl,\n redirectUrlComplete,\n verifyEmailPath: 'verify-email-address',\n verifyPhonePath: 'verify-phone-number',\n continuePath: 'continue',\n handleComplete: () => {\n removeClerkQueryParam('__clerk_ticket');\n removeClerkQueryParam('__clerk_invitation_token');\n return setActive({\n session: signUp.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignUpUrl, decorateUrl });\n },\n });\n },\n navigate,\n oidcPrompt,\n });\n })\n .catch(err => {\n /* Clear ticket values when an error occurs in the initial sign up attempt /\n formState.ticket.setValue('');\n handleError(err, [], card.setError);\n })\n .finally(() => {\n // Keep the card in loading state during SSO redirect to prevent UI flicker\n // This is necessary because there's a brief delay between initiating the SSO flow\n // and the actual redirect to the external Identity Provider\n const isRedirectingToSSOProvider = signUp.missingFields.some(mf => mf === 'enterprise_sso');\n if (isRedirectingToSSOProvider) {\n return;\n }\n\n status.setIdle();\n card.setIdle();\n });\n };\n\n React.useLayoutEffect(() => {\n void handleTokenFlow();\n }, []);\n\n React.useEffect(() => {\n async function handleOauthError() {\n const error = signUp.verifications.externalAccount.error;\n\n if (error) {\n switch (error.code) {\n case ERROR_CODES.NOT_ALLOWED_TO_SIGN_UP:\n case ERROR_CODES.OAUTH_ACCESS_DENIED:\n case ERROR_CODES.NOT_ALLOWED_ACCESS:\n case ERROR_CODES.SAML_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.OAUTH_EMAIL_DOMAIN_RESERVED_BY_SAML:\n case ERROR_CODES.USER_LOCKED:\n case ERROR_CODES.ENTERPRISE_SSO_USER_ATTRIBUTE_MISSING:\n case ERROR_CODES.ENTERPRISE_SSO_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ENTERPRISE_SSO_HOSTED_DOMAIN_MISMATCH:\n case ERROR_CODES.SAML_EMAIL_ADDRESS_DOMAIN_MISMATCH:\n case ERROR_CODES.ORGANIZATION_MEMBERSHIP_QUOTA_EXCEEDED_FOR_SSO:\n case ERROR_CODES.CAPTCHA_INVALID:\n case ERROR_CODES.FRAUD_DEVICE_BLOCKED:\n case ERROR_CODES.FRAUD_ACTION_BLOCKED:\n case ERROR_CODES.SIGNUP_RATE_LIMIT_EXCEEDED:\n case ERROR_CODES.USER_BANNED:\n case ERROR_CODES.USER_DEACTIVATED:\n card.setError(error);\n break;\n default:\n // Error from server may be too much information for the end user, so set a generic error\n card.setError('Unable to complete action at this time. If the problem persists please contact support.');\n }\n\n // TODO: This is a hack to reset the sign in attempt so that the oauth error\n // does not persist on full page reloads.\n // We will revise this strategy as part of the Clerk DX epic.\n void (await signUp.create({}));\n }\n }\n\n void handleOauthError();\n }, []);\n\n const handleChangeActive = (type: ActiveIdentifier) => {\n if (!emailOrPhone(attributes, isProgressiveSignUp)) {\n return;\n }\n setActiveCommIdentifierType(type);\n };\n\n const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n type FormStateKey = keyof typeof formState;\n const fieldsToSubmit = Object.entries(fields).reduce((acc, [k, v]) => {\n acc.push(...(v && formState[k as FormStateKey] ? [formState[k as FormStateKey]] : []));\n return acc;\n }, [] as Array<FormControlState>);\n\n if (unsafeMetadata) {\n const noop = () => {};\n fieldsToSubmit.push({\n id: 'unsafeMetadata',\n value: unsafeMetadata,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n\n if (fields.ticket \|\| hasExistingSignUpWithTicket) {\n const noop = () => {};\n // fieldsToSubmit: Constructing a fake fields object for strategy.\n fieldsToSubmit.push({\n id: 'strategy',\n value: 'ticket',\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n\n // Get ticket value from query params if it exists\n if (!formState.ticket.value && hasExistingSignUpWithTicket) {\n const ticketValue = getClerkQueryParam('__clerk_ticket') \|\| getClerkQueryParam('__clerk_invitation_token');\n if (ticketValue) {\n fieldsToSubmit.push({\n id: 'ticket',\n value: ticketValue,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n }\n }\n\n // If the user has already selected an alternative phone code provider, we use that.\n const preferredAlternativePhoneChannel =\n alternativePhoneCodeProvider?.channel \|\|\n getPreferredAlternativePhoneChannel(fieldsToSubmit, authConfig.preferredChannels, 'phoneNumber');\n if (preferredAlternativePhoneChannel) {\n // We need to send the alternative phone code provider channel in the sign up request\n // together with the phone_code strategy, in order for FAPI to create a Verification upon this first request.\n const noop = () => {};\n fieldsToSubmit.push({\n id: 'strategy',\n value: 'phone_code',\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n fieldsToSubmit.push({\n id: 'channel',\n value: preferredAlternativePhoneChannel,\n clearFeedback: noop,\n setValue: noop,\n onChange: noop,\n setError: noop,\n } as any);\n }\n\n // In case of emailOrPhone (both email & phone are optional) and neither of them is provided,\n // add both to the submitted fields to trigger and render an error for both respective inputs\n const emailAddressProvided = !!(fieldsToSubmit.find(f => f.id === 'emailAddress')?.value \|\| '');\n const phoneNumberProvided = !!(fieldsToSubmit.find(f => f.id === 'phoneNumber')?.value \|\| '');\n\n if (!emailAddressProvided && !phoneNumberProvided && emailOrPhone(attributes, isProgressiveSignUp)) {\n fieldsToSubmit.push(formState.emailAddress);\n fieldsToSubmit.push(formState.phoneNumber);\n }\n\n card.setLoading();\n card.setError(undefined);\n\n const redirectUrl = ctx.ssoCallbackUrl;\n const redirectUrlComplete = ctx.afterSignUpUrl \|\| '/';\n\n let signUpAttempt: Promise<SignUpResource>;\n if (!fields.ticket && !hasExistingSignUpWithTicket) {\n signUpAttempt = signUp.create(buildRequest(fieldsToSubmit));\n } else {\n signUpAttempt = signUp.upsert(buildRequest(fieldsToSubmit));\n }\n\n return signUpAttempt\n .then(res =>\n completeSignUpFlow({\n signUp: res,\n verifyEmailPath: 'verify-email-address',\n verifyPhonePath: 'verify-phone-number',\n handleComplete: () =>\n setActive({\n session: res.createdSessionId,\n navigate: async ({ session, decorateUrl }) => {\n await navigateOnSetActive({ session, redirectUrl: afterSignUpUrl, decorateUrl });\n },\n }),\n navigate,\n redirectUrl,\n redirectUrlComplete,\n oidcPrompt,\n }),\n )\n .catch(err => {\n /\n @experimental\n */\n if (\n isClerkAPIResponseError(err) &&\n err.errors?.[0]?.code === 'enterprise_connection_id_is_required_with_multiple_connections'\n ) {\n return navigate('./enterprise-connections');\n }\n\n return handleError(err, fieldsToSubmit, card.setError);\n })\n .finally(() => card.setIdle());\n };\n\n if (status.isLoading) {\n return <LoadingCard />;\n }\n\n const canToggleEmailPhone = emailOrPhone(attributes, isProgressiveSignUp);\n const visibleFields = Object.entries(fields).filter(([key, opts]) => {\n // In case both email & phone are optional (emailOrPhone case), always show the active identifier\n if ((key === 'emailAddress' \|\| key === 'phoneNumber') && canToggleEmailPhone) {\n return !!opts;\n }\n return showOptionalFields \|\| opts?.required;\n });\n const shouldShowForm = showFormFields(userSettings) && visibleFields.length > 0;\n\n const showOauthProviders =\n (!(hasTicket \|\| hasExistingSignUpWithTicket) \|\| missingRequirementsWithTicket) &&\n userSettings.authenticatableSocialStrategies.length > 0;\n const showWeb3Providers = !(hasTicket \|\| hasExistingSignUpWithTicket) && userSettings.web3FirstFactors.length > 0;\n const showAlternativePhoneCodeProviders =\n !(hasTicket \|\| hasExistingSignUpWithTicket) && userSettings.alternativePhoneCodeChannels.length > 0;\n\n const onAlternativePhoneCodeUseAnotherMethod = () => {\n setAlternativePhoneCodeProvider(null);\n };\n const onAlternativePhoneCodeProviderClick = (phoneCodeChannel: PhoneCodeChannel) => {\n const phoneCodeProvider: PhoneCodeChannelData \| null =\n getAlternativePhoneCodeProviderData(phoneCodeChannel) \|\| null;\n setAlternativePhoneCodeProvider(phoneCodeProvider);\n };\n\n if (mode !== SIGN_UP_MODES.PUBLIC && !(hasTicket \|\| hasExistingSignUpWithTicket)) {\n return <SignUpRestrictedAccess />;\n }\n\n return (\n <Flow.Part part='start'>\n {!alternativePhoneCodeProvider ? (\n <Card.Root>\n <Card.Content>\n <Header.Root showLogo>\n <Header.Title\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signUp.start.titleCombined')\n : localizationKeys('signUp.start.title')\n }\n />\n <Header.Subtitle\n localizationKey={\n isCombinedFlow\n ? localizationKeys('signUp.start.subtitleCombined')\n : localizationKeys('signUp.start.subtitle')\n }\n />\n </Header.Root>\n <Card.Alert>{card.error}</Card.Alert>\n <Flex\n direction='col'\n elementDescriptor={descriptors.main}\n gap={6}\n // @ts-ignore - `inert` is not yet in the installed React types\n inert={captchaIsInteractive ? '' : undefined}\n // `display:none` (not `visibility:hidden`) so the collapsed column leaves flex flow and\n // contributes no `gap` gutter to `Card.Content` — otherwise it injects empty space above\n // the spotlighted captcha. Subtree stays mounted (form state preserved); `inert` is then\n // redundant-but-harmless.\n sx={captchaIsInteractive ? { display: 'none' } : undefined}\n >\n <SocialButtonsReversibleContainerWithDivider>\n {(showOauthProviders \|\| showWeb3Providers \|\| showAlternativePhoneCodeProviders) && (\n <SignUpSocialButtons\n enableOAuthProviders={showOauthProviders}\n enableWeb3Providers={showWeb3Providers}\n enableAlternativePhoneCodeProviders={showAlternativePhoneCodeProviders}\n onAlternativePhoneCodeProviderClick={onAlternativePhoneCodeProviderClick}\n continueSignUp={missingRequirementsWithTicket}\n legalAccepted={Boolean(formState.legalAccepted.checked) \|\| undefined}\n />\n )}\n {shouldShowForm && (\n <SignUpForm\n handleSubmit={handleSubmit}\n fields={fields}\n formState={formState}\n canToggleEmailPhone={canToggleEmailPhone}\n handleEmailPhoneToggle={handleChangeActive}\n />\n )}\n </SocialButtonsReversibleContainerWithDivider>\n </Flex>\n <CaptchaElement\n gapless\n onInteractiveChange={setCaptchaIsInteractive}\n />\n </Card.Content>\n\n <Card.Footer>\n <Card.Action elementId='signUp'>\n <Card.ActionText localizationKey={localizationKeys('signUp.start.actionText')} />\n <Card.ActionLink\n localizationKey={localizationKeys('signUp.start.actionLink')}\n to={isCombinedFlow ? '../' : clerk.buildUrlWithAuth(signInUrl)}\n />\n </Card.Action>\n </Card.Footer>\n </Card.Root>\n ) : (\n <SignUpStartAlternativePhoneCodePhoneNumberCard\n handleSubmit={handleSubmit}\n fields={fields}\n formState={formState}\n onUseAnotherMethod={onAlternativePhoneCodeUseAnotherMethod}\n phoneCodeProvider={alternativePhoneCodeProvider}\n />\n )}\n </Flow.Part>\n );\n}\n\nexport const SignUpStart = withRedirectToSignUpTask(\n withRedirectToAfterSignUp(withCardStateProvider(SignUpStartInternal)),\n);\n"],"mappings":"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"}