diff --git a/.changeset/passkey-second-factor.md b/.changeset/passkey-second-factor.md new file mode 100644 index 00000000000..0515a57e7d7 --- /dev/null +++ b/.changeset/passkey-second-factor.md @@ -0,0 +1,8 @@ +--- +'@clerk/shared': minor +'@clerk/clerk-js': minor +'@clerk/ui': minor +'@clerk/localizations': minor +--- + +Support passkeys as a second factor during sign-in and session reverification. When the instance allows passkeys to satisfy the second factor and the user has a registered passkey, FAPI advertises a `passkey` entry in `supported_second_factors`; `signIn.authenticateWithPasskey()` now completes the second factor of an in-progress sign-in, `session.verifyWithPasskey({ level: 'second_factor' })` completes a multi-factor reverification, and the prebuilt `` and `` flows offer the passkey alongside the enrolled second factors. diff --git a/packages/clerk-js/src/core/resources/Session.ts b/packages/clerk-js/src/core/resources/Session.ts index 419f41b028c..06faea414da 100644 --- a/packages/clerk-js/src/core/resources/Session.ts +++ b/packages/clerk-js/src/core/resources/Session.ts @@ -37,6 +37,7 @@ import type { SessionVerifyCreateParams, SessionVerifyPrepareFirstFactorParams, SessionVerifyPrepareSecondFactorParams, + SessionVerifyWithPasskeyParams, TokenResource, UserResource, } from '@clerk/shared/types'; @@ -316,10 +317,16 @@ export class Session extends BaseResource implements SessionResource { return new SessionVerification(json); }; - verifyWithPasskey = async (): Promise => { - const prepareResponse = await this.prepareFirstFactorVerification({ strategy: 'passkey' }); + verifyWithPasskey = async (params?: SessionVerifyWithPasskeyParams): Promise => { + const level = params?.level || 'first_factor'; - const { nonce = null } = prepareResponse.firstFactorVerification; + const prepareResponse = + level === 'second_factor' + ? await this.prepareSecondFactorVerification({ strategy: 'passkey' }) + : await this.prepareFirstFactorVerification({ strategy: 'passkey' }); + + const { nonce = null } = + level === 'second_factor' ? prepareResponse.secondFactorVerification : prepareResponse.firstFactorVerification; /** * The UI should always prevent from this method being called if WebAuthn is not supported. @@ -349,6 +356,13 @@ export class Session extends BaseResource implements SessionResource { throw error; } + if (level === 'second_factor') { + return this.attemptSecondFactorVerification({ + strategy: 'passkey', + publicKeyCredential, + }); + } + return this.attemptFirstFactorVerification({ strategy: 'passkey', publicKeyCredential, @@ -372,11 +386,23 @@ export class Session extends BaseResource implements SessionResource { attemptSecondFactorVerification = async ( attemptFactor: SessionVerifyAttemptSecondFactorParams, ): Promise => { + let config; + switch (attemptFactor.strategy) { + case 'passkey': { + config = { + publicKeyCredential: JSON.stringify(serializePublicKeyCredentialAssertion(attemptFactor.publicKeyCredential)), + }; + break; + } + default: + config = { ...attemptFactor }; + } + const json = ( await BaseResource._fetch({ method: 'POST', path: `/client/sessions/${this.id}/verify/attempt_second_factor`, - body: attemptFactor as any, + body: { ...config, strategy: attemptFactor.strategy } as any, }) )?.response as unknown as SessionVerificationJSON; diff --git a/packages/clerk-js/src/core/resources/SignIn.ts b/packages/clerk-js/src/core/resources/SignIn.ts index 68b99b38dfe..55c8a1ca92d 100644 --- a/packages/clerk-js/src/core/resources/SignIn.ts +++ b/packages/clerk-js/src/core/resources/SignIn.ts @@ -91,6 +91,7 @@ import { clerkInvalidFAPIResponse, clerkInvalidStrategy, clerkMissingOptionError, + clerkMissingPasskeySecondFactor, clerkMissingWebAuthnPublicKeyOptions, clerkVerifyEmailAddressCalledBeforeCreate, clerkVerifyPasskeyCalledBeforeCreate, @@ -360,8 +361,19 @@ export class SignIn extends BaseResource implements SignInResource { attemptSecondFactor = (params: AttemptSecondFactorParams): Promise => { debugLogger.debug('SignIn.attemptSecondFactor', { id: this.id, strategy: params.strategy }); + let config; + switch (params.strategy) { + case 'passkey': + config = { + publicKeyCredential: JSON.stringify(serializePublicKeyCredentialAssertion(params.publicKeyCredential)), + }; + break; + default: + config = { ...params }; + } + return this._basePost({ - body: params, + body: { ...config, strategy: params.strategy }, action: 'attempt_second_factor', }); }; @@ -560,6 +572,42 @@ export class SignIn extends BaseResource implements SignInResource { }); } + // When the sign-in already awaits its second factor, the passkey acts as + // the second factor: run the discrete prepare/attempt second-factor flow + // against the in-progress sign-in. `flow` is ignored here — autofill and + // discoverable are identifier-first concepts, and their `create()` call + // would discard the in-progress sign-in. + const isSecondFactor = this.status === 'needs_second_factor' || this.status === 'needs_client_trust'; + if (isSecondFactor) { + const passkeySecondFactor = (this.supportedSecondFactors || []).find(f => f.strategy === 'passkey'); + if (!passkeySecondFactor) { + clerkMissingPasskeySecondFactor(); + } + + await this.prepareSecondFactor({ strategy: 'passkey' }); + + const { nonce: secondFactorNonce } = this.secondFactorVerification; + const secondFactorPublicKeyOptions = secondFactorNonce + ? convertJSONToPublicKeyRequestOptions(JSON.parse(secondFactorNonce)) + : null; + if (!secondFactorPublicKeyOptions) { + clerkMissingWebAuthnPublicKeyOptions('get'); + } + + const { publicKeyCredential, error } = await webAuthnGetCredential({ + publicKeyOptions: secondFactorPublicKeyOptions, + conditionalUI: false, + }); + if (!publicKeyCredential) { + throw error; + } + + return this.attemptSecondFactor({ + publicKeyCredential, + strategy: 'passkey', + }); + } + if (flow === 'autofill' || flow === 'discoverable') { // @ts-ignore As this is experimental we want to support it at runtime, but not at the type level await this.create({ strategy: 'passkey' }); @@ -777,6 +825,7 @@ class SignInFuture implements SignInFutureResource { verifyEmailCode: this.verifyMFAEmailCode.bind(this), verifyTOTP: this.verifyTOTP.bind(this), verifyBackupCode: this.verifyBackupCode.bind(this), + passkey: this.verifyMFAPasskey.bind(this), }; #canBeDiscarded = false; @@ -1501,6 +1550,55 @@ class SignInFuture implements SignInFutureResource { }); } + async verifyMFAPasskey(): Promise<{ error: ClerkError | null }> { + /** + * The UI should always prevent from this method being called if WebAuthn is not supported. + * As a precaution we need to check if WebAuthn is supported. + */ + const isWebAuthnSupported = SignIn.clerk.__internal_isWebAuthnSupported || isWebAuthnSupportedOnWindow; + const webAuthnGetCredential = SignIn.clerk.__internal_getPublicCredentials || webAuthnGetCredentialOnWindow; + + if (!isWebAuthnSupported()) { + throw new ClerkWebAuthnError('Passkeys are not supported', { + code: 'passkey_not_supported', + }); + } + + return runAsyncResourceTask(this.#resource, async () => { + const passkeyFactor = this.#resource.supportedSecondFactors?.find(f => f.strategy === 'passkey'); + if (!passkeyFactor) { + throw new ClerkRuntimeError('Passkey factor not found', { code: 'factor_not_found' }); + } + + await this.#resource.__internal_basePost({ + body: { strategy: 'passkey' }, + action: 'prepare_second_factor', + }); + + const { nonce } = this.#resource.secondFactorVerification; + const publicKeyOptions = nonce ? convertJSONToPublicKeyRequestOptions(JSON.parse(nonce)) : null; + if (!publicKeyOptions) { + throw new ClerkRuntimeError('Missing public key options', { code: 'missing_public_key_options' }); + } + + const { publicKeyCredential, error } = await webAuthnGetCredential({ + publicKeyOptions, + conditionalUI: false, + }); + if (!publicKeyCredential) { + throw new ClerkWebAuthnError(error.message, { code: 'passkey_retrieval_failed' }); + } + + await this.#resource.__internal_basePost({ + body: { + publicKeyCredential: JSON.stringify(serializePublicKeyCredentialAssertion(publicKeyCredential)), + strategy: 'passkey', + }, + action: 'attempt_second_factor', + }); + }); + } + async ticket(params?: SignInFutureTicketParams): Promise<{ error: ClerkError | null }> { const ticket = params?.ticket ?? getClerkQueryParam('__clerk_ticket'); return this.create({ strategy: 'ticket', ticket: ticket ?? undefined }); diff --git a/packages/clerk-js/src/core/resources/__tests__/Session.test.ts b/packages/clerk-js/src/core/resources/__tests__/Session.test.ts index 4a3268a967d..58a45dc3988 100644 --- a/packages/clerk-js/src/core/resources/__tests__/Session.test.ts +++ b/packages/clerk-js/src/core/resources/__tests__/Session.test.ts @@ -804,6 +804,125 @@ describe('Session', () => { }); }); + describe('verifyWithPasskey()', () => { + const mockPublicKeyCredential = { + id: 'credential_123', + rawId: new ArrayBuffer(32), + response: { + authenticatorData: new ArrayBuffer(37), + clientDataJSON: new ArrayBuffer(121), + signature: new ArrayBuffer(64), + userHandle: null, + }, + type: 'public-key', + }; + + const sessionJSON = { + status: 'active', + id: 'session_1', + object: 'session', + user: createUser({}), + last_active_organization_id: null, + actor: null, + created_at: new Date().getTime(), + updated_at: new Date().getTime(), + } as SessionJSON; + + let originalFetch: typeof BaseResource._fetch; + + beforeEach(() => { + originalFetch = BaseResource._fetch; + BaseResource.clerk = clerkMock({ + __internal_isWebAuthnSupported: vi.fn().mockReturnValue(true), + __internal_getPublicCredentials: vi.fn().mockResolvedValue({ + publicKeyCredential: mockPublicKeyCredential, + error: null, + }), + } as any); + }); + + afterEach(() => { + BaseResource._fetch = originalFetch; + BaseResource.clerk = null as any; + }); + + it('runs the first-factor verification flow by default', async () => { + const mockFetch = vi + .fn() + .mockResolvedValueOnce({ + response: { + id: 'sv_123', + first_factor_verification: { nonce: JSON.stringify({ challenge: 'Y2hhbGxlbmdl' }) }, + }, + }) + .mockResolvedValueOnce({ + response: { id: 'sv_123', status: 'complete' }, + }); + BaseResource._fetch = mockFetch; + + const session = new Session(sessionJSON); + await session.verifyWithPasskey(); + + expect(mockFetch).toHaveBeenNthCalledWith( + 1, + expect.objectContaining({ + method: 'POST', + path: '/client/sessions/session_1/verify/prepare_first_factor', + body: expect.objectContaining({ strategy: 'passkey' }), + }), + ); + expect(mockFetch).toHaveBeenNthCalledWith( + 2, + expect.objectContaining({ + method: 'POST', + path: '/client/sessions/session_1/verify/attempt_first_factor', + body: expect.objectContaining({ + strategy: 'passkey', + publicKeyCredential: expect.any(String), + }), + }), + ); + }); + + it('runs the second-factor verification flow when level is second_factor', async () => { + const mockFetch = vi + .fn() + .mockResolvedValueOnce({ + response: { + id: 'sv_123', + second_factor_verification: { nonce: JSON.stringify({ challenge: 'Y2hhbGxlbmdl' }) }, + }, + }) + .mockResolvedValueOnce({ + response: { id: 'sv_123', status: 'complete' }, + }); + BaseResource._fetch = mockFetch; + + const session = new Session(sessionJSON); + await session.verifyWithPasskey({ level: 'second_factor' }); + + expect(mockFetch).toHaveBeenNthCalledWith( + 1, + expect.objectContaining({ + method: 'POST', + path: '/client/sessions/session_1/verify/prepare_second_factor', + body: expect.objectContaining({ strategy: 'passkey' }), + }), + ); + expect(mockFetch).toHaveBeenNthCalledWith( + 2, + expect.objectContaining({ + method: 'POST', + path: '/client/sessions/session_1/verify/attempt_second_factor', + body: expect.objectContaining({ + strategy: 'passkey', + publicKeyCredential: expect.any(String), + }), + }), + ); + }); + }); + describe('touch()', () => { let dispatchSpy: ReturnType; diff --git a/packages/clerk-js/src/core/resources/__tests__/SignIn.test.ts b/packages/clerk-js/src/core/resources/__tests__/SignIn.test.ts index 628b665fc7c..2f198a84f24 100644 --- a/packages/clerk-js/src/core/resources/__tests__/SignIn.test.ts +++ b/packages/clerk-js/src/core/resources/__tests__/SignIn.test.ts @@ -245,6 +245,148 @@ describe('SignIn', () => { }); }); + describe('authenticateWithPasskey', () => { + const mockPublicKeyCredential = { + id: 'credential_123', + rawId: new ArrayBuffer(32), + response: { + authenticatorData: new ArrayBuffer(37), + clientDataJSON: new ArrayBuffer(121), + signature: new ArrayBuffer(64), + userHandle: null, + }, + type: 'public-key', + }; + + afterEach(() => { + vi.clearAllMocks(); + vi.unstubAllGlobals(); + }); + + it('prepares and attempts the second factor when the sign-in needs a second factor', async () => { + const mockIsWebAuthnSupported = vi.fn().mockReturnValue(true); + const mockWebAuthnGetCredential = vi.fn().mockResolvedValue({ + publicKeyCredential: mockPublicKeyCredential, + error: null, + }); + + SignIn.clerk = { + __internal_isWebAuthnSupported: mockIsWebAuthnSupported, + __internal_getPublicCredentials: mockWebAuthnGetCredential, + } as any; + + const mockFetch = vi + .fn() + .mockResolvedValueOnce({ + client: null, + response: { + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'passkey' }], + second_factor_verification: { + nonce: JSON.stringify({ challenge: 'Y2hhbGxlbmdl' }), + }, + }, + }) + .mockResolvedValueOnce({ + client: null, + response: { id: 'signin_123', status: 'complete' }, + }); + BaseResource._fetch = mockFetch; + + const signIn = new SignIn({ + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'passkey' }, { strategy: 'totp' }], + } as any); + await signIn.authenticateWithPasskey(); + + expect(mockFetch).toHaveBeenNthCalledWith( + 1, + expect.objectContaining({ + method: 'POST', + path: '/client/sign_ins/signin_123/prepare_second_factor', + body: expect.objectContaining({ strategy: 'passkey' }), + }), + ); + expect(mockFetch).toHaveBeenNthCalledWith( + 2, + expect.objectContaining({ + method: 'POST', + path: '/client/sign_ins/signin_123/attempt_second_factor', + body: expect.objectContaining({ + strategy: 'passkey', + publicKeyCredential: expect.any(String), + }), + }), + ); + }); + + it('ignores the flow param and never calls create when the sign-in needs a second factor', async () => { + const mockIsWebAuthnSupported = vi.fn().mockReturnValue(true); + const mockWebAuthnGetCredential = vi.fn().mockResolvedValue({ + publicKeyCredential: mockPublicKeyCredential, + error: null, + }); + + SignIn.clerk = { + __internal_isWebAuthnSupported: mockIsWebAuthnSupported, + __internal_getPublicCredentials: mockWebAuthnGetCredential, + } as any; + + const mockFetch = vi + .fn() + .mockResolvedValueOnce({ + client: null, + response: { + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'passkey' }], + second_factor_verification: { + nonce: JSON.stringify({ challenge: 'Y2hhbGxlbmdl' }), + }, + }, + }) + .mockResolvedValueOnce({ + client: null, + response: { id: 'signin_123', status: 'complete' }, + }); + BaseResource._fetch = mockFetch; + + const signIn = new SignIn({ + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'passkey' }], + } as any); + await signIn.authenticateWithPasskey({ flow: 'autofill' }); + + expect(mockFetch).toHaveBeenNthCalledWith( + 1, + expect.objectContaining({ + path: '/client/sign_ins/signin_123/prepare_second_factor', + }), + ); + }); + + it('throws when passkey is not among the supported second factors', async () => { + const mockIsWebAuthnSupported = vi.fn().mockReturnValue(true); + + SignIn.clerk = { + __internal_isWebAuthnSupported: mockIsWebAuthnSupported, + } as any; + + const signIn = new SignIn({ + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'totp' }], + } as any); + + await expect(signIn.authenticateWithPasskey()).rejects.toThrow( + 'Passkey is not available as a second factor for this sign-in', + ); + }); + }); + describe('SignInFuture', () => { it('can be serialized with JSON.stringify', () => { const signIn = new SignIn(); @@ -1755,6 +1897,101 @@ describe('SignIn', () => { }); }); + describe('mfa.passkey', () => { + afterEach(() => { + vi.clearAllMocks(); + vi.unstubAllGlobals(); + }); + + it('prepares and attempts the passkey second factor', async () => { + const mockIsWebAuthnSupported = vi.fn().mockReturnValue(true); + const mockWebAuthnGetCredential = vi.fn().mockResolvedValue({ + publicKeyCredential: { + id: 'credential_123', + rawId: new ArrayBuffer(32), + response: { + authenticatorData: new ArrayBuffer(37), + clientDataJSON: new ArrayBuffer(121), + signature: new ArrayBuffer(64), + userHandle: null, + }, + type: 'public-key', + }, + error: null, + }); + + SignIn.clerk = { + __internal_isWebAuthnSupported: mockIsWebAuthnSupported, + __internal_getPublicCredentials: mockWebAuthnGetCredential, + } as any; + + const mockFetch = vi + .fn() + .mockResolvedValueOnce({ + client: null, + response: { + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'passkey' }], + second_factor_verification: { + nonce: JSON.stringify({ challenge: 'Y2hhbGxlbmdl' }), + }, + }, + }) + .mockResolvedValueOnce({ + client: null, + response: { id: 'signin_123', status: 'complete' }, + }); + BaseResource._fetch = mockFetch; + + const signIn = new SignIn({ + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'passkey' }], + } as any); + await signIn.__internal_future.mfa.passkey(); + + expect(mockFetch).toHaveBeenNthCalledWith( + 1, + expect.objectContaining({ + method: 'POST', + path: '/client/sign_ins/signin_123/prepare_second_factor', + body: { strategy: 'passkey' }, + }), + ); + expect(mockFetch).toHaveBeenNthCalledWith( + 2, + expect.objectContaining({ + method: 'POST', + path: '/client/sign_ins/signin_123/attempt_second_factor', + body: expect.objectContaining({ + strategy: 'passkey', + publicKeyCredential: expect.any(String), + }), + }), + ); + }); + + it('returns error when passkey second factor is not available', async () => { + const mockIsWebAuthnSupported = vi.fn().mockReturnValue(true); + + SignIn.clerk = { + __internal_isWebAuthnSupported: mockIsWebAuthnSupported, + } as any; + + const signIn = new SignIn({ + id: 'signin_123', + status: 'needs_second_factor', + supported_second_factors: [{ strategy: 'totp' }], + } as any); + + const result = await signIn.__internal_future.mfa.passkey(); + + expect(result.error).toBeTruthy(); + expect(result.error?.code).toBe('factor_not_found'); + }); + }); + describe('web3', () => { afterEach(() => { vi.clearAllMocks(); diff --git a/packages/localizations/src/ar-SA.ts b/packages/localizations/src/ar-SA.ts index 9b70f8d0a2d..7e2f03e685f 100644 --- a/packages/localizations/src/ar-SA.ts +++ b/packages/localizations/src/ar-SA.ts @@ -1193,6 +1193,11 @@ export const arSA: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: undefined, subtitle: undefined, @@ -1336,6 +1341,10 @@ export const arSA: LocalizationResource = { 'يؤدي استخدام مفتاح المرور الخاص بك إلى تأكيد هويتك. جهازك الخاص قد يقوم بسؤالك عن بصمة الإصبع, او معرف الوجة او كلمة مرور قفل الشاشة', title: 'إستخدم مفتاح المرور', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'أستعمل طريقة أخرى', subtitle: 'للمتابعة إلى {{applicationName}}', diff --git a/packages/localizations/src/be-BY.ts b/packages/localizations/src/be-BY.ts index 3fb72ae5d54..43deebe360a 100644 --- a/packages/localizations/src/be-BY.ts +++ b/packages/localizations/src/be-BY.ts @@ -1200,6 +1200,11 @@ export const beBY: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Вярнуцца да ўводу пароля', subtitle: 'Калі вы памятаеце свой пароль, вы можаце ўвесці яго для завершэння верыфікацыі.', @@ -1344,6 +1349,10 @@ export const beBY: LocalizationResource = { subtitle: 'Выкарыстоўвайце паскей для бяспечнага ўваходу.', title: 'Увядзіце паскей', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Выкарыстаць іншы метад', subtitle: 'каб працягнуць працу ў "{{applicationName}}"', diff --git a/packages/localizations/src/bg-BG.ts b/packages/localizations/src/bg-BG.ts index 4e14def42ab..a79d0617110 100644 --- a/packages/localizations/src/bg-BG.ts +++ b/packages/localizations/src/bg-BG.ts @@ -1197,6 +1197,11 @@ export const bgBG: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Use another method', subtitle: 'Enter your current password to continue using "{{applicationName}}"', @@ -1340,6 +1345,10 @@ export const bgBG: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Използвайте друг метод', subtitle: 'Въведете паролата, свързана с вашия акаунт', diff --git a/packages/localizations/src/bn-IN.ts b/packages/localizations/src/bn-IN.ts index d8a33bdfa92..c7da215ea92 100644 --- a/packages/localizations/src/bn-IN.ts +++ b/packages/localizations/src/bn-IN.ts @@ -1205,6 +1205,11 @@ export const bnIN: LocalizationResource = { 'আপনার পাসকি ব্যবহার করে আপনার পরিচয় নিশ্চিত করা হয়। আপনার ডিভাইস আপনার আঙ্গুলের ছাপ, মুখ বা স্ক্রিন লক চাইতে পারে।', title: 'আপনার পাসকি ব্যবহার করুন', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'অন্য পদ্ধতি ব্যবহার করুন', subtitle: 'চালিয়ে যেতে আপনার বর্তমান পাসওয়ার্ড লিখুন', @@ -1349,6 +1354,10 @@ export const bnIN: LocalizationResource = { 'আপনার পাসকি ব্যবহার করলে নিশ্চিত হয় যে এটি আপনি। আপনার ডিভাইস আপনার আঙ্গুলের ছাপ, মুখ বা স্ক্রিন লক চাইতে পারে।', title: 'আপনার পাসকি ব্যবহার করুন', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'অন্য পদ্ধতি ব্যবহার করুন', subtitle: 'আপনার অ্যাকাউন্টের সাথে যুক্ত পাসওয়ার্ড লিখুন', diff --git a/packages/localizations/src/ca-ES.ts b/packages/localizations/src/ca-ES.ts index fe24667d6a5..7133a741dc8 100644 --- a/packages/localizations/src/ca-ES.ts +++ b/packages/localizations/src/ca-ES.ts @@ -1205,6 +1205,11 @@ export const caES: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Has oblidat la contrasenya? Recupera-la aquí.', subtitle: 'Utilitza la teva contrasenya per verificar la teva identitat.', @@ -1348,6 +1353,10 @@ export const caES: LocalizationResource = { subtitle: "Utilitza la teva clau d'accés per continuar amb l'autenticació.", title: "Clau d'accés", }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utilitza un altre mètode', subtitle: 'Introdueix la contrasenya associada al teu compte', diff --git a/packages/localizations/src/cs-CZ.ts b/packages/localizations/src/cs-CZ.ts index 40ca97e4f47..b3c90d9d729 100644 --- a/packages/localizations/src/cs-CZ.ts +++ b/packages/localizations/src/cs-CZ.ts @@ -1203,6 +1203,11 @@ export const csCZ: LocalizationResource = { 'Použití vašeho přístupového klíče potvrzuje vaši identitu. Vaše zařízení může požádat o otisk prstu, obličej nebo zámek obrazovky.', title: 'Použít váš přístupový klíč', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Použít jinou metodu', subtitle: 'Zadejte své aktuální heslo pro pokračování', @@ -1348,6 +1353,10 @@ export const csCZ: LocalizationResource = { 'Použití vašeho přístupového klíče potvrzuje, že jste to vy. Vaše zařízení může požádat o otisk prstu, obličej nebo zámek obrazovky.', title: 'Použít váš přístupový klíč', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Použít jinou metodu', subtitle: 'Zadejte heslo spojené s vaším účtem', diff --git a/packages/localizations/src/da-DK.ts b/packages/localizations/src/da-DK.ts index 8f6cd90e1ce..efe0bbd0e19 100644 --- a/packages/localizations/src/da-DK.ts +++ b/packages/localizations/src/da-DK.ts @@ -1195,6 +1195,11 @@ export const daDK: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: undefined, subtitle: undefined, @@ -1338,6 +1343,10 @@ export const daDK: LocalizationResource = { subtitle: 'Brug adgangsnøgle til at logge ind.', title: 'Adgangsnøgle', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Brug en anden metode', subtitle: 'Fortsæt til {{applicationName}}', diff --git a/packages/localizations/src/de-DE.ts b/packages/localizations/src/de-DE.ts index f7c181cf898..3708f51a502 100644 --- a/packages/localizations/src/de-DE.ts +++ b/packages/localizations/src/de-DE.ts @@ -1212,6 +1212,11 @@ export const deDE: LocalizationResource = { 'Die Verwendung Ihres Passkeys bestätigt Ihre Identität. Ihr Gerät kann nach Ihrem Fingerabdruck, Gesicht oder Bildschirmsperre fragen.', title: 'Verwenden Sie Ihren Passkey', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Passwort zurücksetzen', subtitle: 'Geben Sie Ihr Passwort ein, um fortzufahren.', @@ -1356,6 +1361,10 @@ export const deDE: LocalizationResource = { 'Die Verwendung Ihres Passkeys bestätigt, dass Sie es sind. Ihr Gerät kann nach Ihrem Fingerabdruck, Ihrem Gesicht oder der Bildschirmsperre fragen.', title: 'Verwenden Sie Ihren Passkey', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Verwenden Sie eine andere Methode', subtitle: 'weiter zu {{applicationName}}', diff --git a/packages/localizations/src/el-GR.ts b/packages/localizations/src/el-GR.ts index fbc71c2473a..98910fecc07 100644 --- a/packages/localizations/src/el-GR.ts +++ b/packages/localizations/src/el-GR.ts @@ -1203,6 +1203,11 @@ export const elGR: LocalizationResource = { 'Η χρήση του passkey σας επαληθεύει ότι είστε εσείς. Η συσκευή σας μπορεί να ζητήσει το δακτυλικό σας αποτύπωμα, την αναγνώριση προσώπου ή το PIN οθόνης.', title: 'Χρησιμοποιήστε το passkey σας', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Χρησιμοποιήστε άλλη μέθοδο', subtitle: 'για να συνεχίσετε', @@ -1349,6 +1354,10 @@ export const elGR: LocalizationResource = { 'Η χρήση του passkey σας επιβεβαιώνει την ταυτότητά σας. Η συσκευή σας μπορεί να ζητήσει δακτυλικό αποτύπωμα, αναγνώριση προσώπου ή κλείδωμα οθόνης.', title: 'Χρησιμοποιήστε το passkey σας', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Χρήση άλλης μεθόδου', subtitle: 'για να συνεχίσετε στο {{applicationName}}', diff --git a/packages/localizations/src/en-GB.ts b/packages/localizations/src/en-GB.ts index 74fa7ea9e73..0a93a355b47 100644 --- a/packages/localizations/src/en-GB.ts +++ b/packages/localizations/src/en-GB.ts @@ -1196,6 +1196,11 @@ export const enGB: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Use another method', subtitle: 'Enter your current password to continue', @@ -1340,6 +1345,10 @@ export const enGB: LocalizationResource = { subtitle: "Using your passkey confirms it's you. Your device may ask for your fingerprint, face or screen lock.", title: 'Use your passkey', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Use another method', subtitle: 'Enter the password associated with your account', diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts index d766d4ce383..978ef4223c6 100644 --- a/packages/localizations/src/en-US.ts +++ b/packages/localizations/src/en-US.ts @@ -1224,6 +1224,12 @@ export const enUS: LocalizationResource = { 'Using your passkey confirms your identity. Your device may ask for your fingerprint, face, or screen lock.', title: 'Use your passkey', }, + passkeyMfa: { + blockButton__passkey: 'Use your passkey', + subtitle: + 'Using your passkey confirms your identity. Your device may ask for your fingerprint, face, or screen lock.', + title: 'Verification required', + }, password: { actionLink: 'Use another method', subtitle: 'Enter your current password to continue', @@ -1368,6 +1374,10 @@ export const enUS: LocalizationResource = { subtitle: "Using your passkey confirms it's you. Your device may ask for your fingerprint, face or screen lock.", title: 'Use your passkey', }, + passkeyMfa: { + subtitle: "Using your passkey confirms it's you. Your device may ask for your fingerprint, face or screen lock.", + title: 'Use your passkey', + }, password: { actionLink: 'Use another method', subtitle: 'Enter the password associated with your account', diff --git a/packages/localizations/src/es-CR.ts b/packages/localizations/src/es-CR.ts index 6c465f680a0..9a131cd5e38 100644 --- a/packages/localizations/src/es-CR.ts +++ b/packages/localizations/src/es-CR.ts @@ -1201,6 +1201,11 @@ export const esCR: LocalizationResource = { 'Utilizar tu llave de acceso confirma que eres tú. Tu dispositivo puede solicitar tu huella dactilar, rostro o pantalla de bloqueo.', title: 'Utiliza tu llave de acceso', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utiliza otro método', subtitle: 'Ingresa tu contraseña actual para continuar', @@ -1346,6 +1351,10 @@ export const esCR: LocalizationResource = { 'Usando tu llave de acceso confirmas que eres tú. Tu dispositivo puede pedirte la huella dactilar, el rostro o el bloqueo de pantalla.', title: 'Usa tu llave de acceso', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utiliza otro método', subtitle: 'para continuar con {{applicationName}}', diff --git a/packages/localizations/src/es-ES.ts b/packages/localizations/src/es-ES.ts index 2d6895e5822..bc5a469e691 100644 --- a/packages/localizations/src/es-ES.ts +++ b/packages/localizations/src/es-ES.ts @@ -1206,6 +1206,11 @@ export const esES: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: '¿Olvidaste tu contraseña? Recupérala aquí.', subtitle: 'Usa tu contraseña para verificar tu identidad.', @@ -1349,6 +1354,10 @@ export const esES: LocalizationResource = { subtitle: 'Use su clave de acceso para continuar con la autenticación.', title: 'Clave de acceso', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Usa otro método', subtitle: 'para continuar a {{applicationName}}', diff --git a/packages/localizations/src/es-MX.ts b/packages/localizations/src/es-MX.ts index 64b90aa3da2..eaf002f0cc0 100644 --- a/packages/localizations/src/es-MX.ts +++ b/packages/localizations/src/es-MX.ts @@ -1202,6 +1202,11 @@ export const esMX: LocalizationResource = { 'Utilizar tu llave de acceso confirma que eres tú. Tu dispositivo puede solicitar tu huella dactilar, rostro o pantalla de bloqueo.', title: 'Utiliza tu llave de acceso', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utiliza otro método', subtitle: 'Ingresa tu contraseña actual para continuar', @@ -1347,6 +1352,10 @@ export const esMX: LocalizationResource = { 'Usando tu llave de acceso confirmas que eres tú. Tu dispositivo puede pedirte la huella dactilar, el rostro o el bloqueo de pantalla.', title: 'Usa tu llave de acceso', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utiliza otro método', subtitle: 'para continuar con {{applicationName}}', diff --git a/packages/localizations/src/es-UY.ts b/packages/localizations/src/es-UY.ts index b027e07069f..400ce9b814f 100644 --- a/packages/localizations/src/es-UY.ts +++ b/packages/localizations/src/es-UY.ts @@ -1200,6 +1200,11 @@ export const esUY: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Usar otro método', subtitle: 'Ingresá tu contraseña para continuar', @@ -1345,6 +1350,10 @@ export const esUY: LocalizationResource = { 'Usar tu clave de acceso confirma que sos vos. Tu dispositivo puede solicitar tu huella, rostro o bloqueo de pantalla.', title: 'Usar tu clave de acceso', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Usar otro método', subtitle: 'Ingresá la contraseña asociada a tu cuenta', diff --git a/packages/localizations/src/fa-IR.ts b/packages/localizations/src/fa-IR.ts index 1cf0c875abf..3be39e08f91 100644 --- a/packages/localizations/src/fa-IR.ts +++ b/packages/localizations/src/fa-IR.ts @@ -1205,6 +1205,11 @@ export const faIR: LocalizationResource = { 'استفاده از کلید عبور، هویت شما را تأیید می‌کند. ممکن است دستگاه شما از شما اثر انگشت، چهره یا قفل صفحه را درخواست کند.', title: 'از کلید عبور خود استفاده کنید', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'استفاده از روش دیگر', subtitle: 'برای ادامه، رمز عبور فعلی خود را وارد کنید', @@ -1350,6 +1355,10 @@ export const faIR: LocalizationResource = { 'ستفاده از کلید عبور، هویت شما را تأیید می‌کند. ممکن است دستگاه از شما اثر انگشت، چهره یا قفل صفحه را درخواست کند.', title: 'از کلید عبور خود استفاده کنید', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'استفاده از روش دیگر', subtitle: 'رمز عبور مرتبط با حساب کاربری خود را وارد کنید', diff --git a/packages/localizations/src/fi-FI.ts b/packages/localizations/src/fi-FI.ts index d02b810a53a..f61f62d5cc1 100644 --- a/packages/localizations/src/fi-FI.ts +++ b/packages/localizations/src/fi-FI.ts @@ -1207,6 +1207,11 @@ export const fiFI: LocalizationResource = { 'Pääsyavaimen käyttö vahvistaa henkilöllisyytesi. Laitteesi saattaa pyytää sormenjälkeä, kasvoja tai näytön lukitusta.', title: 'Käytä pääsyavaintasi', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Käytä toista menetelmää', subtitle: 'Syötä nykyinen salasanasi jatkaaksesi', @@ -1351,6 +1356,10 @@ export const fiFI: LocalizationResource = { 'Käyttämällä pääsyavaintasi vahvistat, että olet se joka väität olevasi. Laite voi pyytää sormenjälkeäsi, kasvojasi tai näytön lukitusta.', title: 'Käytä pääsyavaintasi', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Käytä toista tapaa', subtitle: 'Syötä tilisi salasana', diff --git a/packages/localizations/src/fr-FR.ts b/packages/localizations/src/fr-FR.ts index 3ef7465f900..6b1f6e365ad 100644 --- a/packages/localizations/src/fr-FR.ts +++ b/packages/localizations/src/fr-FR.ts @@ -1213,6 +1213,11 @@ export const frFR: LocalizationResource = { "L'utilisation de votre clé de sécurité confirme votre identité. Votre appareil peut vous demander votre empreinte digitale, votre visage ou votre code de sécurité.", title: 'Utiliser votre clé de sécurité', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Réinitialiser le mot de passe', subtitle: 'Entrez votre mot de passe pour continuer.', @@ -1356,6 +1361,10 @@ export const frFR: LocalizationResource = { subtitle: 'Utilisez une clé de sécurité pour continuer.', title: 'Clé de sécurité', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utiliser une autre méthode', subtitle: 'pour continuer vers {{applicationName}}', diff --git a/packages/localizations/src/he-IL.ts b/packages/localizations/src/he-IL.ts index b1763ec3337..dab33aca465 100644 --- a/packages/localizations/src/he-IL.ts +++ b/packages/localizations/src/he-IL.ts @@ -1190,6 +1190,11 @@ export const heIL: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'השתמש בשיטה אחרת', subtitle: 'הכנס את הסיסמה המקושרת עם חשבונך', @@ -1331,6 +1336,10 @@ export const heIL: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'השתמש בשיטה אחרת', subtitle: 'להמשיך אל {{applicationName}}', diff --git a/packages/localizations/src/hi-IN.ts b/packages/localizations/src/hi-IN.ts index 98812de0410..8d596871d98 100644 --- a/packages/localizations/src/hi-IN.ts +++ b/packages/localizations/src/hi-IN.ts @@ -1205,6 +1205,11 @@ export const hiIN: LocalizationResource = { 'अपनी पासकी का उपयोग करके आपकी पहचान की पुष्टि होती है। आपका डिवाइस आपके फिंगरप्रिंट, चेहरे या स्क्रीन लॉक के लिए पूछ सकता है।', title: 'अपनी पासकी का उपयोग करें', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'दूसरी विधि का उपयोग करें', subtitle: 'जारी रखने के लिए अपना वर्तमान पासवर्ड दर्ज करें', @@ -1349,6 +1354,10 @@ export const hiIN: LocalizationResource = { 'अपनी पासकी का उपयोग करके पुष्टि होती है कि यह आप ही हैं। आपका डिवाइस आपके फिंगरप्रिंट, चेहरे या स्क्रीन लॉक के लिए पूछ सकता है।', title: 'अपनी पासकी का उपयोग करें', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'दूसरी विधि का उपयोग करें', subtitle: 'अपने खाते से जुड़ा पासवर्ड दर्ज करें', diff --git a/packages/localizations/src/hr-HR.ts b/packages/localizations/src/hr-HR.ts index db93f008960..c5cea7fc661 100644 --- a/packages/localizations/src/hr-HR.ts +++ b/packages/localizations/src/hr-HR.ts @@ -1206,6 +1206,11 @@ export const hrHR: LocalizationResource = { 'Korištenje vašeg pristupnog ključa potvrđuje vaš identitet. Vaš uređaj može tražiti otisak prsta, prepoznavanje lica ili zaključavanje zaslona.', title: 'Koristite svoj pristupni ključ', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Koristite drugu metodu', subtitle: 'Unesite svoju trenutnu lozinku za nastavak', @@ -1351,6 +1356,10 @@ export const hrHR: LocalizationResource = { 'Korištenje vašeg pristupnog ključa potvrđuje da ste to vi. Vaš uređaj može tražiti otisak prsta, prepoznavanje lica ili zaključavanje zaslona.', title: 'Koristite svoj pristupni ključ', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Koristite drugu metodu', subtitle: 'Unesite lozinku povezanu s vašim računom', diff --git a/packages/localizations/src/hu-HU.ts b/packages/localizations/src/hu-HU.ts index 3a3aff4cfe8..2bd0e977d20 100644 --- a/packages/localizations/src/hu-HU.ts +++ b/packages/localizations/src/hu-HU.ts @@ -1208,6 +1208,11 @@ export const huHU: LocalizationResource = { 'A passkey használata megerősíti a személyazonosságodat. Az eszközöd kérheti az ujjlenyomatodat, arcodat vagy a képernyőzáradat.', title: 'Passkey használata', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Másik módszer használata', subtitle: 'Add meg a jelenlegi jelszavadat a folytatáshoz', @@ -1353,6 +1358,10 @@ export const huHU: LocalizationResource = { 'A Passkey-d használata megerősíti, hogy te vagy az. Az eszközöd kérheti az ujjlenyomatod, arcod vagy a képernyőzárad.', title: 'Használd a passkeydet', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Másik mód használata', subtitle: 'Írd be a fiókhoz tartozó jelszavad', diff --git a/packages/localizations/src/id-ID.ts b/packages/localizations/src/id-ID.ts index df03c826a49..9dd40d3b90b 100644 --- a/packages/localizations/src/id-ID.ts +++ b/packages/localizations/src/id-ID.ts @@ -1199,6 +1199,11 @@ export const idID: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gunakan metode lain', subtitle: 'Masukkan kata sandi Anda untuk melanjutkan', @@ -1344,6 +1349,10 @@ export const idID: LocalizationResource = { 'Menggunakan passkey mengonfirmasi bahwa ini adalah Anda. Perangkat Anda mungkin meminta sidik jari, wajah, atau kunci layar.', title: 'Gunakan passkey Anda', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gunakan metode lain', subtitle: 'Masukkan kata sandi yang terkait dengan akun Anda', diff --git a/packages/localizations/src/is-IS.ts b/packages/localizations/src/is-IS.ts index a2f5087a28e..73e58d4f8f2 100644 --- a/packages/localizations/src/is-IS.ts +++ b/packages/localizations/src/is-IS.ts @@ -1207,6 +1207,11 @@ export const isIS: LocalizationResource = { 'Að nota lykilinn þinn staðfestir auðkenni þitt. Tækið þitt gæti beðið um fingrafar, andlit eða skjálás.', title: 'Nota lykilinn þinn', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Nota aðra aðferð', subtitle: 'Sláðu inn núverandi lykilorð til að halda áfram', @@ -1352,6 +1357,10 @@ export const isIS: LocalizationResource = { 'Að nota lykilinn þinn staðfestir að þú ert það. Tækið þitt gæti beðið um fingrafar, andlit eða skjálás.', title: 'Nota lykilinn þinn', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Nota aðra aðferð', subtitle: 'Sláðu inn lykilorðið sem tengist reikningnum þínum', diff --git a/packages/localizations/src/it-IT.ts b/packages/localizations/src/it-IT.ts index 305b7cc39d0..9a3cc6b72c9 100644 --- a/packages/localizations/src/it-IT.ts +++ b/packages/localizations/src/it-IT.ts @@ -1205,6 +1205,11 @@ export const itIT: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Reimposta la password', subtitle: 'Inserisci la tua password per continuare.', @@ -1348,6 +1353,10 @@ export const itIT: LocalizationResource = { subtitle: 'Usa una passkey per un accesso più sicuro e rapido.', title: 'Autenticazione tramite passkey', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Usa un altro metodo', subtitle: 'per continuare su {{applicationName}}', diff --git a/packages/localizations/src/ja-JP.ts b/packages/localizations/src/ja-JP.ts index ad9f53c787f..d9e032e4c07 100644 --- a/packages/localizations/src/ja-JP.ts +++ b/packages/localizations/src/ja-JP.ts @@ -1206,6 +1206,11 @@ export const jaJP: LocalizationResource = { 'パスキーを使用すると、ご本人であることを確認できます。デバイスから指紋認証、顔認証、または画面ロックの解除を求められる場合があります。', title: 'パスキーを使用する', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: '別の方法を使用', subtitle: '続行するには現在のパスワードを入力してください', @@ -1350,6 +1355,10 @@ export const jaJP: LocalizationResource = { 'パスキーを使用すると、ご本人であることを確認できます。デバイスから指紋認証、顔認証、または画面ロックの解除を求められる場合があります。', title: 'パスキーを使用する', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: '別の方法を使用', subtitle: 'アカウントに関連付けられたパスワードを入力してください', diff --git a/packages/localizations/src/kk-KZ.ts b/packages/localizations/src/kk-KZ.ts index f2ecf7e21fe..84ac70d1236 100644 --- a/packages/localizations/src/kk-KZ.ts +++ b/packages/localizations/src/kk-KZ.ts @@ -1189,6 +1189,11 @@ export const kkKZ: LocalizationResource = { 'Құпия кілт арқылы сіздің тұлғаңыз расталады. Құрылғыңыз саусақ ізі, бет бейнесі немесе экран құлыптамасын сұрауы мүмкін.', title: 'Құпия кілт қолдану', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Басқа әдісті қолдану', subtitle: 'Жалғастыру үшін құпия сөзді енгізіңіз', @@ -1332,6 +1337,10 @@ export const kkKZ: LocalizationResource = { 'Құпия кілт арқылы тұлғаңыз расталады. Құрылғыңыз саусақ ізі, бет бейнесі немесе экран құлыптамасын сұрауы мүмкін.', title: 'Құпия кілт қолдану', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Басқа әдісті қолдану', subtitle: 'Есептік жазбаңыздың құпия сөзін енгізіңіз', diff --git a/packages/localizations/src/ko-KR.ts b/packages/localizations/src/ko-KR.ts index 0bb35f7cee4..d43e70f94e8 100644 --- a/packages/localizations/src/ko-KR.ts +++ b/packages/localizations/src/ko-KR.ts @@ -1194,6 +1194,11 @@ export const koKR: LocalizationResource = { subtitle: '패스키로 신원을 확인해요. 기기에서 지문, 얼굴 또는 화면 잠금을 요청할 수 있어요.', title: '패스키 사용', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: '다른 방법 사용하기', subtitle: '계속하려면 현재 비밀번호를 입력하세요', @@ -1335,6 +1340,10 @@ export const koKR: LocalizationResource = { subtitle: '패스키로 로그인하면 본인 확인이 돼요. 기기에서 지문, 얼굴 또는 화면 잠금을 요청할 수 있어요.', title: '패스키 사용', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: '다른 방법 사용하기', subtitle: '계정에 등록된 비밀번호를 입력해 주세요', diff --git a/packages/localizations/src/mn-MN.ts b/packages/localizations/src/mn-MN.ts index 0d25f3cea12..2d4f7c63de5 100644 --- a/packages/localizations/src/mn-MN.ts +++ b/packages/localizations/src/mn-MN.ts @@ -1198,6 +1198,11 @@ export const mnMN: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: undefined, subtitle: undefined, @@ -1342,6 +1347,10 @@ export const mnMN: LocalizationResource = { 'Passkey-ээ ашигласнаар таныг мөн болохыг баталгаажуулна. Таны төхөөрөмж хурууны хээ, нүүр эсвэл дэлгэцийн түгжээг асууж магадгүй.', title: 'Passkey ашиглана уу', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Өөр аргыг ашигла', subtitle: 'Бүртгэлтэй холбоотой нууц үгээ оруулна уу', diff --git a/packages/localizations/src/ms-MY.ts b/packages/localizations/src/ms-MY.ts index 72e32d5764c..436072001a5 100644 --- a/packages/localizations/src/ms-MY.ts +++ b/packages/localizations/src/ms-MY.ts @@ -1209,6 +1209,11 @@ export const msMY: LocalizationResource = { 'Menggunakan kunci pas anda mengesahkan identiti anda. Peranti anda mungkin meminta cap jari, wajah, atau kunci skrin anda.', title: 'Gunakan kunci pas anda', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gunakan kaedah lain', subtitle: 'Masukkan kata laluan semasa anda untuk meneruskan', @@ -1354,6 +1359,10 @@ export const msMY: LocalizationResource = { 'Menggunakan kunci pas anda mengesahkan bahawa itu adalah anda. Peranti anda mungkin meminta cap jari, wajah atau kunci skrin anda.', title: 'Gunakan kunci pas anda', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gunakan kaedah lain', subtitle: 'Masukkan kata laluan yang berkaitan dengan akaun anda', diff --git a/packages/localizations/src/nb-NO.ts b/packages/localizations/src/nb-NO.ts index edd764c32d5..12c9fca4914 100644 --- a/packages/localizations/src/nb-NO.ts +++ b/packages/localizations/src/nb-NO.ts @@ -1208,6 +1208,11 @@ export const nbNO: LocalizationResource = { 'Bruk av passnøkkelen bekrefter identiteten din. Enheten din kan be om fingeravtrykk, ansiktsgjenkjenning eller skjermlås.', title: 'Bruk passnøkkelen din', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Bruk en annen metode', subtitle: 'Skriv inn ditt nåværende passord for å fortsette', @@ -1352,6 +1357,10 @@ export const nbNO: LocalizationResource = { 'Bruk av passnøkkelen bekrefter at det er deg. Enheten din kan be om fingeravtrykk, ansiktsgjenkjenning eller skjermlås.', title: 'Bruk passnøkkelen din', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Bruk en annen metode', subtitle: 'for å fortsette til {{applicationName}}', diff --git a/packages/localizations/src/nl-BE.ts b/packages/localizations/src/nl-BE.ts index 4107509c7d1..4bfa1e449c9 100644 --- a/packages/localizations/src/nl-BE.ts +++ b/packages/localizations/src/nl-BE.ts @@ -1199,6 +1199,11 @@ export const nlBE: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gebruik een andere methode', subtitle: 'Voer het wachtwoord in dat bij je account hoort', @@ -1341,6 +1346,10 @@ export const nlBE: LocalizationResource = { subtitle: 'Gebruik je toegangssleutel voor authenticatie.', title: 'Authenticatie met toegangssleutel', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gebruik een andere methode', subtitle: 'om door te gaan naar {{applicationName}}', diff --git a/packages/localizations/src/nl-NL.ts b/packages/localizations/src/nl-NL.ts index b54ddc59780..2dbebea6ab3 100644 --- a/packages/localizations/src/nl-NL.ts +++ b/packages/localizations/src/nl-NL.ts @@ -1199,6 +1199,11 @@ export const nlNL: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gebruik een andere methode', subtitle: 'Voer het wachtwoord in dat bij je account hoort', @@ -1341,6 +1346,10 @@ export const nlNL: LocalizationResource = { subtitle: 'Gebruik je toegangssleutel voor authenticatie.', title: 'Authenticatie met toegangssleutel', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Gebruik een andere methode', subtitle: 'om door te gaan naar {{applicationName}}', diff --git a/packages/localizations/src/pl-PL.ts b/packages/localizations/src/pl-PL.ts index 92adfd113a1..43da32fb5b1 100644 --- a/packages/localizations/src/pl-PL.ts +++ b/packages/localizations/src/pl-PL.ts @@ -1197,6 +1197,11 @@ export const plPL: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Użyj innej metody', subtitle: 'Wprowadź hasło, aby kontynuować', @@ -1342,6 +1347,10 @@ export const plPL: LocalizationResource = { 'Użycie klucza dostępu potwierdza, że to Ty. Urządzenie może poprosić o twój odcisk palca, twarz lub blokadę ekranu.', title: 'Użyj swojego klucza dostępowego', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Użyj innego sposobu', subtitle: 'aby kontynuować w {{applicationName}}', diff --git a/packages/localizations/src/pt-BR.ts b/packages/localizations/src/pt-BR.ts index 0b9478c97dd..cab1c63d51a 100644 --- a/packages/localizations/src/pt-BR.ts +++ b/packages/localizations/src/pt-BR.ts @@ -1207,6 +1207,11 @@ export const ptBR: LocalizationResource = { 'Usar sua chave de acesso confirma a sua identidade. Seu dispositivo pode solicitar sua impressão digital, reconhecimento facial ou PIN.', title: 'Use sua chave de acesso.', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Usar outro método', subtitle: 'Digite sua senha para continuar.', @@ -1351,6 +1356,10 @@ export const ptBR: LocalizationResource = { 'Usar sua chave de acesso confirma a sua identidade. Seu dispositivo pode solicitar sua impressão digital, reconhecimento facial ou PIN.', title: 'Use sua chave de acesso.', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utilize outro método', subtitle: 'para continuar em {{applicationName}}', diff --git a/packages/localizations/src/pt-PT.ts b/packages/localizations/src/pt-PT.ts index f378392dcb4..1200a90e4cb 100644 --- a/packages/localizations/src/pt-PT.ts +++ b/packages/localizations/src/pt-PT.ts @@ -1208,6 +1208,11 @@ export const ptPT: LocalizationResource = { 'A utilização da sua chave de acesso confirma a sua identidade. O dispositivo pode pedir a sua impressão digital, rosto ou bloqueio de ecrã.', title: 'Utilizar a sua chave de acesso', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utilizar outro método', subtitle: 'Introduza a sua palavra-passe atual para continuar', @@ -1351,6 +1356,10 @@ export const ptPT: LocalizationResource = { subtitle: 'Utilize a sua chave de acesso para autenticação.', title: 'Autenticação com Chave de Acesso', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Utilize outro método', subtitle: 'para continuar em {{applicationName}}', diff --git a/packages/localizations/src/ro-RO.ts b/packages/localizations/src/ro-RO.ts index 6a91ac6bbd0..4ee170b4a06 100644 --- a/packages/localizations/src/ro-RO.ts +++ b/packages/localizations/src/ro-RO.ts @@ -1208,6 +1208,11 @@ export const roRO: LocalizationResource = { 'Folosirea cheii de acces confirmă identitatea ta. Dispozitivul îți poate cere amprenta, fața sau codul de ecran.', title: 'Folosește cheia de acces', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Folosește altă metodă', subtitle: 'Introdu parola curentă pentru a continua', @@ -1353,6 +1358,10 @@ export const roRO: LocalizationResource = { 'Folosirea cheii de acces confirmă că ești tu. Dispozitivul îți poate cere amprenta, fața sau blocarea ecranului.', title: 'Folosește cheia de acces', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Folosește altă metodă', subtitle: 'Introdu parola asociată contului tău', diff --git a/packages/localizations/src/ru-RU.ts b/packages/localizations/src/ru-RU.ts index 545061ad0e5..42449cea512 100644 --- a/packages/localizations/src/ru-RU.ts +++ b/packages/localizations/src/ru-RU.ts @@ -1204,6 +1204,11 @@ export const ruRU: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Используйте другой метод', subtitle: 'Введите пароль, связанный с вашей учетной записью', @@ -1349,6 +1354,10 @@ export const ruRU: LocalizationResource = { 'Использование вашего ключа доступа подтверждает вашу личность. Ваше устройство может запросить ваш отпечаток пальца, лицо или блокировку экрана.', title: 'Используйте ваш ключ доступа', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Использовать другой метод', subtitle: 'чтобы продолжить работу в "{{applicationName}}"', diff --git a/packages/localizations/src/sk-SK.ts b/packages/localizations/src/sk-SK.ts index 0c34697e47f..c9f16e2be88 100644 --- a/packages/localizations/src/sk-SK.ts +++ b/packages/localizations/src/sk-SK.ts @@ -1198,6 +1198,11 @@ export const skSK: LocalizationResource = { 'Použitie passkey potvrdí vašu identitu. Vaše zariadenie vás môže vyzvať na potvrdenie odtlačkom, tvárou alebo kódom.', title: 'Použiť Passkey', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Použiť inú metódu', subtitle: 'Pre pokračovanie vložte svoje aktuálne heslo', @@ -1342,6 +1347,10 @@ export const skSK: LocalizationResource = { 'Použitie passkey potvrdí vašu identitu. Vaše zariadenie vás môže vyzvať na potvrdenie odtlačkom, tvárou alebo kódom.', title: 'Prihlásiť sa pomocou Passkey', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Použiť inú metódu', subtitle: 'pre pokračovanie do {{applicationName}}', diff --git a/packages/localizations/src/sr-RS.ts b/packages/localizations/src/sr-RS.ts index 92aee810ba2..867bb963187 100644 --- a/packages/localizations/src/sr-RS.ts +++ b/packages/localizations/src/sr-RS.ts @@ -1195,6 +1195,11 @@ export const srRS: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: undefined, subtitle: undefined, @@ -1339,6 +1344,10 @@ export const srRS: LocalizationResource = { 'Korišćenje tvojeg ključa za prolaz potvrđuje da si to ti. Tvoj uređaj može zatražiti otisak prsta, lice ili ekran zaključavanja.', title: 'Koristi svoj ključ za prolaz', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Koristi drugu metodu', subtitle: 'Unesi lozinku koja je povezana sa tvojim nalogom', diff --git a/packages/localizations/src/sv-SE.ts b/packages/localizations/src/sv-SE.ts index 56d3da38257..c0216ace8d7 100644 --- a/packages/localizations/src/sv-SE.ts +++ b/packages/localizations/src/sv-SE.ts @@ -1197,6 +1197,11 @@ export const svSE: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Använd en annan metod', subtitle: 'Ange lösenordet som är kopplat till ditt konto', @@ -1342,6 +1347,10 @@ export const svSE: LocalizationResource = { 'Att använda din passkey bekräftar att det är du. Din enhet kan be om ditt fingeravtryck, ansikte eller skärmlås.', title: 'Använd din passkey', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Använd en annan metod', subtitle: 'för att fortsätta till {{applicationName}}', diff --git a/packages/localizations/src/ta-IN.ts b/packages/localizations/src/ta-IN.ts index 587a71d59e5..71e30ba57f5 100644 --- a/packages/localizations/src/ta-IN.ts +++ b/packages/localizations/src/ta-IN.ts @@ -1211,6 +1211,11 @@ export const taIN: LocalizationResource = { 'உங்கள் பாஸ்கீயைப் பயன்படுத்துவது உங்கள் அடையாளத்தை உறுதிப்படுத்துகிறது. உங்கள் சாதனம் உங்கள் கைரேகை, முகம் அல்லது திரை பூட்டைக் கேட்கலாம்.', title: 'உங்கள் பாஸ்கீயைப் பயன்படுத்தவும்', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'வேறு முறையைப் பயன்படுத்துங்கள்', subtitle: 'தொடர உங்கள் தற்போதைய கடவுச்சொல்லை உள்ளிடவும்', @@ -1355,6 +1360,10 @@ export const taIN: LocalizationResource = { 'உங்கள் பாஸ்கீயைப் பயன்படுத்துவது நீங்கள் தான் என்பதை உறுதிப்படுத்துகிறது. உங்கள் சாதனம் உங்கள் கைரேகை, முகம் அல்லது திரை பூட்டைக் கேட்கலாம்.', title: 'உங்கள் பாஸ்கீயைப் பயன்படுத்தவும்', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'வேறு முறையைப் பயன்படுத்துங்கள்', subtitle: 'உங்கள் கணக்குடன் தொடர்புடைய கடவுச்சொல்லை உள்ளிடவும்', diff --git a/packages/localizations/src/te-IN.ts b/packages/localizations/src/te-IN.ts index de16deaba50..da0f6ffc1ce 100644 --- a/packages/localizations/src/te-IN.ts +++ b/packages/localizations/src/te-IN.ts @@ -1208,6 +1208,11 @@ export const teIN: LocalizationResource = { 'మీ పాస్‌కీని ఉపయోగించడం మీ గుర్తింపును నిర్ధారిస్తుంది. మీ పరికరం మీ వేలిముద్ర, ముఖం లేదా స్క్రీన్ లాక్ కోసం అడగవచ్చు.', title: 'మీ పాస్‌కీని ఉపయోగించండి', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'మరొక పద్ధతిని ఉపయోగించండి', subtitle: 'కొనసాగించడానికి మీ ప్రస్తుత పాస్‌వర్డ్‌ను నమోదు చేయండి', @@ -1352,6 +1357,10 @@ export const teIN: LocalizationResource = { 'మీ పాస్‌కీని ఉపయోగించడం అది మీరని నిర్ధారిస్తుంది. మీ పరికరం మీ వేలిముద్ర, ముఖం లేదా స్క్రీన్ లాక్ కోసం అడగవచ్చు.', title: 'మీ పాస్‌కీని ఉపయోగించండి', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'మరొక పద్ధతిని ఉపయోగించండి', subtitle: 'మీ ఖాతాతో సంబంధం ఉన్న పాస్‌వర్డ్‌ను నమోదు చేయండి', diff --git a/packages/localizations/src/th-TH.ts b/packages/localizations/src/th-TH.ts index 8c8b34e16ba..28a69186ec5 100644 --- a/packages/localizations/src/th-TH.ts +++ b/packages/localizations/src/th-TH.ts @@ -1197,6 +1197,11 @@ export const thTH: LocalizationResource = { subtitle: 'การใช้พาสคีย์ของคุณยืนยันตัวตนของคุณ อุปกรณ์ของคุณอาจขอลายนิ้วมือ ใบหน้า หรือการล็อคหน้าจอ', title: 'ใช้พาสคีย์ของคุณ', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'ใช้วิธีอื่น', subtitle: 'ใส่รหัสผ่านปัจจุบันของคุณเพื่อดำเนินการต่อ', @@ -1340,6 +1345,10 @@ export const thTH: LocalizationResource = { subtitle: 'การใช้พาสคีย์ของคุณยืนยันว่าเป็นคุณ อุปกรณ์ของคุณอาจขอลายนิ้วมือ ใบหน้า หรือการล็อคหน้าจอ', title: 'ใช้พาสคีย์ของคุณ', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'ใช้วิธีอื่น', subtitle: 'ใส่รหัสผ่านที่เชื่อมโยงกับบัญชีของคุณ', diff --git a/packages/localizations/src/tr-TR.ts b/packages/localizations/src/tr-TR.ts index 98e08e93e4a..6d1b0618d50 100644 --- a/packages/localizations/src/tr-TR.ts +++ b/packages/localizations/src/tr-TR.ts @@ -1196,6 +1196,11 @@ export const trTR: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Şifremi unuttum', subtitle: 'Şifrenizi girerek devam edebilirsiniz.', @@ -1341,6 +1346,10 @@ export const trTR: LocalizationResource = { 'Geçiş anahtarınızı kullanarak siz olduğunuzu onaylayın. Cihazınız parmak izinizi, yüzünüzü veya ekran kilidinizi isteyebilir.', title: 'Geçiş anahtarınızı kullanın', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Başka bir yöntem kullan', subtitle: '{{applicationName}} ile devam etmek için', diff --git a/packages/localizations/src/uk-UA.ts b/packages/localizations/src/uk-UA.ts index dc6f645e1c5..d9bbae77613 100644 --- a/packages/localizations/src/uk-UA.ts +++ b/packages/localizations/src/uk-UA.ts @@ -1195,6 +1195,11 @@ export const ukUA: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: undefined, subtitle: undefined, @@ -1338,6 +1343,10 @@ export const ukUA: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Використати інший метод', subtitle: 'щоб продовжити роботу в "{{applicationName}}"', diff --git a/packages/localizations/src/vi-VN.ts b/packages/localizations/src/vi-VN.ts index 4d61f937845..0dc888bb94f 100644 --- a/packages/localizations/src/vi-VN.ts +++ b/packages/localizations/src/vi-VN.ts @@ -1205,6 +1205,11 @@ export const viVN: LocalizationResource = { 'Sử dụng mã passkey xác minh danh tính của bạn. Thiết bị của bạn có thể yêu cầu vân tay, khuôn mặt hoặc khóa màn hình.', title: 'Sử dụng mã passkey', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Sử dụng phương thức khác', subtitle: 'Nhập mật khẩu hiện tại để tiếp tục', @@ -1349,6 +1354,10 @@ export const viVN: LocalizationResource = { 'Sử dụng mã passkey xác minh danh tính của bạn. Thiết bị của bạn có thể yêu cầu vân tay, khuôn mặt hoặc khóa màn hình.', title: 'Sử dụng mã passkey', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: 'Sử dụng phương thức khác', subtitle: 'Nhập mật khẩu được liên kết với tài khoản của bạn', diff --git a/packages/localizations/src/zh-CN.ts b/packages/localizations/src/zh-CN.ts index 50fd9254b16..6ff2cd6efe4 100644 --- a/packages/localizations/src/zh-CN.ts +++ b/packages/localizations/src/zh-CN.ts @@ -1186,6 +1186,11 @@ export const zhCN: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: undefined, subtitle: undefined, @@ -1327,6 +1332,10 @@ export const zhCN: LocalizationResource = { subtitle: undefined, title: undefined, }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: '使用其他方法', subtitle: '继续使用 {{applicationName}}', diff --git a/packages/localizations/src/zh-TW.ts b/packages/localizations/src/zh-TW.ts index b79689fb355..ecf36088f12 100644 --- a/packages/localizations/src/zh-TW.ts +++ b/packages/localizations/src/zh-TW.ts @@ -1189,6 +1189,11 @@ export const zhTW: LocalizationResource = { subtitle: '使用您的金鑰確認您的身分。您的裝置可能會要求您的指紋、臉部或螢幕鎖。', title: '使用您的金鑰', }, + passkeyMfa: { + blockButton__passkey: undefined, + subtitle: undefined, + title: undefined, + }, password: { actionLink: '使用其他方式', subtitle: '請輸入您的密碼以繼續', @@ -1330,6 +1335,10 @@ export const zhTW: LocalizationResource = { subtitle: '使用您的金鑰確認您的身分。您的裝置可能會要求您的指紋、臉部或螢幕鎖。', title: '使用您的金鑰', }, + passkeyMfa: { + subtitle: undefined, + title: undefined, + }, password: { actionLink: '使用其他方式', subtitle: '以繼續前往 {{applicationName}}', diff --git a/packages/shared/src/internal/clerk-js/errors.ts b/packages/shared/src/internal/clerk-js/errors.ts index 77345b56d3e..c7e18de49a8 100644 --- a/packages/shared/src/internal/clerk-js/errors.ts +++ b/packages/shared/src/internal/clerk-js/errors.ts @@ -120,6 +120,15 @@ export function clerkVerifyPasskeyCalledBeforeCreate(): never { ); } +/** + * + */ +export function clerkMissingPasskeySecondFactor(): never { + throw new Error( + `${errorPrefix} Passkey is not available as a second factor for this sign-in. It is offered only when the instance allows passkeys to satisfy the second factor and the user has a registered passkey (check SignIn.supportedSecondFactors).`, + ); +} + /** * */ diff --git a/packages/shared/src/types/localization.ts b/packages/shared/src/types/localization.ts index 9ca7ecee35e..d50d48e9140 100644 --- a/packages/shared/src/types/localization.ts +++ b/packages/shared/src/types/localization.ts @@ -567,6 +567,10 @@ export type __internal_LocalizationResource = { title: LocalizationValue; subtitle: LocalizationValue; }; + passkeyMfa: { + title: LocalizationValue; + subtitle: LocalizationValue; + }; alternativeMethods: { title: LocalizationValue; subtitle: LocalizationValue; @@ -649,6 +653,11 @@ export type __internal_LocalizationResource = { subtitle: LocalizationValue; blockButton__passkey: LocalizationValue; }; + passkeyMfa: { + title: LocalizationValue; + subtitle: LocalizationValue; + blockButton__passkey: LocalizationValue; + }; alternativeMethods: { title: LocalizationValue; subtitle: LocalizationValue; diff --git a/packages/shared/src/types/session.ts b/packages/shared/src/types/session.ts index 5e148977474..cea7c06e713 100644 --- a/packages/shared/src/types/session.ts +++ b/packages/shared/src/types/session.ts @@ -343,9 +343,13 @@ export interface SessionResource extends ClerkResource { ) => Promise; /** * Initiates a verification flow using passkeys. + * + * By default the passkey verifies the first factor. Pass + * `{ level: 'second_factor' }` to satisfy the second factor of an + * in-progress multi-factor reverification instead. * @returns A [`SessionVerification`](https://clerk.com/docs/reference/types/session-verification) instance with its status and supported factors. */ - verifyWithPasskey: () => Promise; + verifyWithPasskey: (params?: SessionVerifyWithPasskeyParams) => Promise; __internal_toSnapshot: () => SessionJSONSnapshot; __internal_touch: (params?: SessionTouchParams) => Promise; } @@ -536,5 +540,18 @@ export type SessionVerifyAttemptFirstFactorParams = | PasswordAttempt | PasskeyAttempt; -export type SessionVerifyPrepareSecondFactorParams = PhoneCodeSecondFactorConfig; -export type SessionVerifyAttemptSecondFactorParams = PhoneCodeAttempt | TOTPAttempt | BackupCodeAttempt; +export type SessionVerifyPrepareSecondFactorParams = PhoneCodeSecondFactorConfig | PassKeyConfig; +export type SessionVerifyAttemptSecondFactorParams = + | PhoneCodeAttempt + | TOTPAttempt + | BackupCodeAttempt + | PasskeyAttempt; + +export type SessionVerifyWithPasskeyParams = { + /** + * Which factor of the reverification the passkey should verify. Defaults + * to `'first_factor'`; pass `'second_factor'` to satisfy the second + * factor of an in-progress multi-factor reverification. + */ + level?: 'first_factor' | 'second_factor'; +}; diff --git a/packages/shared/src/types/sessionVerification.ts b/packages/shared/src/types/sessionVerification.ts index 61af637ce2b..bcbd347d5fd 100644 --- a/packages/shared/src/types/sessionVerification.ts +++ b/packages/shared/src/types/sessionVerification.ts @@ -59,4 +59,4 @@ export type SessionVerificationFirstFactor = * @experimental */ | EnterpriseSSOFactor; -export type SessionVerificationSecondFactor = PhoneCodeFactor | TOTPFactor | BackupCodeFactor; +export type SessionVerificationSecondFactor = PhoneCodeFactor | TOTPFactor | BackupCodeFactor | PasskeyFactor; diff --git a/packages/shared/src/types/signInCommon.ts b/packages/shared/src/types/signInCommon.ts index 8e1fb480c29..f7ded6b05b3 100644 --- a/packages/shared/src/types/signInCommon.ts +++ b/packages/shared/src/types/signInCommon.ts @@ -84,7 +84,13 @@ export type SignInFirstFactor = | OauthFactor | EnterpriseSSOFactor; -export type SignInSecondFactor = PhoneCodeFactor | TOTPFactor | BackupCodeFactor | EmailCodeFactor | EmailLinkFactor; +export type SignInSecondFactor = + | PhoneCodeFactor + | TOTPFactor + | BackupCodeFactor + | EmailCodeFactor + | EmailLinkFactor + | PasskeyFactor; export interface UserData { firstName?: string; @@ -115,9 +121,18 @@ export type AttemptFirstFactorParams = | ResetPasswordPhoneCodeAttempt | ResetPasswordEmailCodeAttempt; -export type PrepareSecondFactorParams = PhoneCodeSecondFactorConfig | EmailCodeSecondFactorConfig | EmailLinkConfig; +export type PrepareSecondFactorParams = + | PhoneCodeSecondFactorConfig + | EmailCodeSecondFactorConfig + | EmailLinkConfig + | PassKeyConfig; -export type AttemptSecondFactorParams = PhoneCodeAttempt | TOTPAttempt | BackupCodeAttempt | EmailCodeAttempt; +export type AttemptSecondFactorParams = + | PhoneCodeAttempt + | TOTPAttempt + | BackupCodeAttempt + | EmailCodeAttempt + | PasskeyAttempt; export type SignInCreateParams = ( | { @@ -177,6 +192,16 @@ export type ResetPasswordParams = { }; export type AuthenticateWithPasskeyParams = { + /** + * The passkey flow to use when the passkey is the FIRST factor: + * `'autofill'` (conditional UI) or `'discoverable'` both create a new + * sign-in and identify the user from the passkey itself. + * + * Ignored when the sign-in is already in the `needs_second_factor` (or + * `needs_client_trust`) status — autofill/discoverable are + * identifier-first concepts, so the method always runs the discrete + * prepare/attempt second-factor flow against the in-progress sign-in. + */ flow?: 'autofill' | 'discoverable'; }; diff --git a/packages/shared/src/types/signInFuture.ts b/packages/shared/src/types/signInFuture.ts index 51f77bdf1ab..8e8e03c2fb4 100644 --- a/packages/shared/src/types/signInFuture.ts +++ b/packages/shared/src/types/signInFuture.ts @@ -337,7 +337,7 @@ export interface SignInFutureResource { *
  • `'needs_client_trust'` - The user is signing in from a new device and must complete a [second factor verification](!second-factor-verification) to establish [Client Trust](https://clerk.com/docs/guides/secure/client-trust). See the [Client Trust custom flow guide](https://clerk.com/docs/guides/development/custom-flows/authentication/client-trust) for more information.
    • *
  • `'needs_identifier'` - The user's identifier (e.g., email address, phone number, username) hasn't been provided.
    • *
  • `'needs_first_factor'` - One of the following [first factor verification](!first-factor-verification) strategies is missing: `'email_link'`, `'email_code'`, `passkey`, `password`, `'phone_code'`, `'web3_base_signature'`, `'web3_metamask_signature'`, `'web3_coinbase_wallet_signature'`, `'web3_okx_wallet_signature'`, `'web3_solana_signature'`, [`OAuthStrategy`](https://clerk.com/docs/reference/types/sso#o-auth-strategy), or `'enterprise_sso'`.
    • - *
  • `'needs_second_factor'` - One of the following [second factor verification](!second-factor-verification) strategies is missing: `'phone_code'`, `'totp'`, `'backup_code'`, `'email_code'`, or `'email_link'`.
    • + *
  • `'needs_second_factor'` - One of the following [second factor verification](!second-factor-verification) strategies is missing: `'phone_code'`, `'totp'`, `'backup_code'`, `'email_code'`, `'email_link'`, or `'passkey'`.
    • *
  • `'needs_new_password'` - The user needs to set a new password. See the [dedicated custom flow](/docs/guides/development/custom-flows/authentication/forgot-password) guide for more information.
    • *
  • `'needs_protect_check'` - A Clerk Protect challenge must be resolved before the sign-in can continue. This status is only returned when Protect mid-flow challenges are explicitly enabled for the instance; upgrading the SDK alone does not enable it. Run the challenge described by `protectCheck` and resolve it via `submitProtectCheck()`. The pre-built components handle this automatically.
    • * @@ -551,6 +551,14 @@ export interface SignInFutureResource { * Verifies a backup code to sign in with as a second factor. */ verifyBackupCode: (params: SignInFutureBackupCodeVerifyParams) => Promise<{ error: ClerkError | null }>; + + /** + * Uses a passkey to sign in with as a second factor. Only available when + * the instance allows passkeys to satisfy the second factor and the user + * has a registered passkey (`passkey` appears in + * `supportedSecondFactors`). + */ + passkey: () => Promise<{ error: ClerkError | null }>; }; /** diff --git a/packages/ui/src/components/SignIn/SignInClientTrust.tsx b/packages/ui/src/components/SignIn/SignInClientTrust.tsx index ca3273fc2ff..f6eac5f9ff4 100644 --- a/packages/ui/src/components/SignIn/SignInClientTrust.tsx +++ b/packages/ui/src/components/SignIn/SignInClientTrust.tsx @@ -6,6 +6,7 @@ import { useCoreSignIn } from '../../contexts'; import { SignInFactorTwoAlternativeMethods } from './SignInFactorTwoAlternativeMethods'; import { SignInFactorTwoEmailCodeCard } from './SignInFactorTwoEmailCodeCard'; import { SignInFactorTwoEmailLinkCard } from './SignInFactorTwoEmailLinkCard'; +import { SignInFactorTwoPasskeyCard } from './SignInFactorTwoPasskeyCard'; import { SignInFactorTwoPhoneCodeCard } from './SignInFactorTwoPhoneCodeCard'; import { useSecondFactorSelection } from './useSecondFactorSelection'; @@ -64,6 +65,8 @@ function SignInClientTrustInternal(): JSX.Element { onShowAlternativeMethodsClicked={toggleAllStrategies} /> ); + case 'passkey': + return ; default: return ; } diff --git a/packages/ui/src/components/SignIn/SignInFactorTwo.tsx b/packages/ui/src/components/SignIn/SignInFactorTwo.tsx index 90bfddd6df7..b1ec7efb91a 100644 --- a/packages/ui/src/components/SignIn/SignInFactorTwo.tsx +++ b/packages/ui/src/components/SignIn/SignInFactorTwo.tsx @@ -11,6 +11,7 @@ import { SignInFactorTwoAlternativeMethods } from './SignInFactorTwoAlternativeM import { SignInFactorTwoBackupCodeCard } from './SignInFactorTwoBackupCodeCard'; import { SignInFactorTwoEmailCodeCard } from './SignInFactorTwoEmailCodeCard'; import { SignInFactorTwoEmailLinkCard } from './SignInFactorTwoEmailLinkCard'; +import { SignInFactorTwoPasskeyCard } from './SignInFactorTwoPasskeyCard'; import { SignInFactorTwoPhoneCodeCard } from './SignInFactorTwoPhoneCodeCard'; import { SignInFactorTwoTOTPCard } from './SignInFactorTwoTOTPCard'; import { useSecondFactorSelection } from './useSecondFactorSelection'; @@ -83,6 +84,8 @@ function SignInFactorTwoInternal(): JSX.Element { ); case 'backup_code': return ; + case 'passkey': + return ; case 'email_code': return ( {supportedSecondFactors && - supportedSecondFactors.sort(backupCodePrefFactorComparator).map((factor, i) => ( - onFactorSelected(factor)} - /> - ))} + supportedSecondFactors + .filter(factor => factor.strategy !== 'passkey' || isWebAuthnSupported()) + .sort(backupCodePrefFactorComparator) + .map((factor, i) => ( + onFactorSelected(factor)} + /> + ))} {onBackLinkClick && ( @@ -111,6 +115,8 @@ export function getButtonLabel(factor: SignInSecondFactor): LocalizationKey { return localizationKeys('signIn.alternativeMethods.blockButton__emailLink', { identifier: formatSafeIdentifier(factor.safeIdentifier) || '', }); + case 'passkey': + return localizationKeys('signIn.alternativeMethods.blockButton__passkey'); default: ((_: never) => _)(factor); throw new Error('Invalid sign in strategy'); diff --git a/packages/ui/src/components/SignIn/SignInFactorTwoPasskeyCard.tsx b/packages/ui/src/components/SignIn/SignInFactorTwoPasskeyCard.tsx new file mode 100644 index 00000000000..331bf8a6648 --- /dev/null +++ b/packages/ui/src/components/SignIn/SignInFactorTwoPasskeyCard.tsx @@ -0,0 +1,57 @@ +import React from 'react'; + +import { Card } from '@/ui/elements/Card'; +import { useCardState } from '@/ui/elements/contexts'; +import { Form } from '@/ui/elements/Form'; +import { Header } from '@/ui/elements/Header'; + +import { descriptors, Flex, localizationKeys } from '../../customizables'; +import { useHandleAuthenticateWithPasskey } from './shared'; + +type SignInFactorTwoPasskeyCardProps = { + onShowAlternativeMethodsClicked: React.MouseEventHandler; +}; + +export const SignInFactorTwoPasskeyCard = (props: SignInFactorTwoPasskeyCardProps) => { + const { onShowAlternativeMethodsClicked } = props; + const card = useCardState(); + // A successful attempt completes the sign-in, which the hook handles via + // setActive; the sign-in can't come back as needs_second_factor. + const authenticateWithPasskey = useHandleAuthenticateWithPasskey(() => Promise.resolve()); + + const handleSubmit: React.FormEventHandler = e => { + e.preventDefault(); + return authenticateWithPasskey(); + }; + + return ( + + + + + + + {card.error} + + + + + + + + + + + + ); +}; diff --git a/packages/ui/src/components/SignIn/__tests__/SignInFactorTwo.test.tsx b/packages/ui/src/components/SignIn/__tests__/SignInFactorTwo.test.tsx index 3d944954df9..a15a6846d41 100644 --- a/packages/ui/src/components/SignIn/__tests__/SignInFactorTwo.test.tsx +++ b/packages/ui/src/components/SignIn/__tests__/SignInFactorTwo.test.tsx @@ -3,7 +3,7 @@ import type { SignInResource } from '@clerk/shared/types'; import { describe, expect, it, vi } from 'vitest'; import { bindCreateFixtures } from '@/test/create-fixtures'; -import { render, screen, waitFor } from '@/test/utils'; +import { mockWebAuthn, render, screen, waitFor } from '@/test/utils'; import { SignInFactorTwo } from '../SignInFactorTwo'; @@ -404,6 +404,61 @@ describe('SignInFactorTwo', () => { }); }); }); + + describe('Passkey', () => { + it('is never the starting factor when another second factor is available', async () => { + const { wrapper, fixtures } = await createFixtures(f => { + f.withEmailAddress(); + f.withPassword(); + f.startSignInFactorTwo({ + supportPhoneCode: false, + supportTotp: true, + supportPasskey: true, + }); + }); + fixtures.signIn.prepareSecondFactor.mockReturnValueOnce(Promise.resolve({} as SignInResource)); + render(, { wrapper }); + + expect(screen.getAllByTestId('otp-input-segment').length).toBe(6); + expect(screen.queryByText('Use your passkey')).not.toBeInTheDocument(); + }); + + mockWebAuthn(() => { + it('renders the passkey card when passkey is the only second factor', async () => { + const { wrapper } = await createFixtures(f => { + f.withEmailAddress(); + f.withPassword(); + f.startSignInFactorTwo({ + supportPhoneCode: false, + supportPasskey: true, + }); + }); + render(, { wrapper }); + + await screen.findByText('Use your passkey'); + await screen.findByText( + "Using your passkey confirms it's you. Your device may ask for your fingerprint, face or screen lock.", + ); + }); + + it('calls authenticateWithPasskey when clicking continue', async () => { + const { wrapper, fixtures } = await createFixtures(f => { + f.withEmailAddress(); + f.withPassword(); + f.startSignInFactorTwo({ + supportPhoneCode: false, + supportPasskey: true, + }); + }); + fixtures.signIn.authenticateWithPasskey.mockResolvedValue({ status: 'complete' } as SignInResource); + const { userEvent } = render(, { wrapper }); + + await userEvent.click(screen.getByText('Continue')); + + expect(fixtures.signIn.authenticateWithPasskey).toHaveBeenCalled(); + }); + }); + }); }); describe('Use another method', () => { @@ -463,6 +518,44 @@ describe('SignInFactorTwo', () => { expect(await screen.findByText(/Authenticator/i)).toBeInTheDocument(); }); + it('skips the passkey method when webauthn is not supported', async () => { + const { wrapper, fixtures } = await createFixtures(f => { + f.withEmailAddress(); + f.withPassword(); + f.startSignInFactorTwo({ + supportPhoneCode: true, + supportTotp: true, + supportPasskey: true, + }); + }); + + fixtures.signIn.prepareSecondFactor.mockReturnValueOnce(Promise.resolve({} as SignInResource)); + const { userEvent } = render(, { wrapper }); + await userEvent.click(screen.getByText('Use another method')); + expect(await screen.findByText(/Send SMS code to \+/i)).toBeInTheDocument(); + expect(screen.queryByText('Sign in with your passkey')).not.toBeInTheDocument(); + }); + + mockWebAuthn(() => { + it('lists the passkey method and shows the passkey card when clicking it', async () => { + const { wrapper, fixtures } = await createFixtures(f => { + f.withEmailAddress(); + f.withPassword(); + f.startSignInFactorTwo({ + supportPhoneCode: true, + supportTotp: true, + supportPasskey: true, + }); + }); + + fixtures.signIn.prepareSecondFactor.mockReturnValueOnce(Promise.resolve({} as SignInResource)); + const { userEvent } = render(, { wrapper }); + await userEvent.click(screen.getByText('Use another method')); + await userEvent.click(await screen.findByText('Sign in with your passkey')); + expect(await screen.findByText('Use your passkey')).toBeInTheDocument(); + }); + }); + it('shows the SMS code input when clicking the Phone code method', async () => { const { wrapper, fixtures } = await createFixtures(f => { f.withEmailAddress(); diff --git a/packages/ui/src/components/SignIn/shared.ts b/packages/ui/src/components/SignIn/shared.ts index 33cb2026be8..2a7176a16cf 100644 --- a/packages/ui/src/components/SignIn/shared.ts +++ b/packages/ui/src/components/SignIn/shared.ts @@ -12,6 +12,7 @@ import { useCoreSignIn, useSignInContext } from '../../contexts'; import { useSupportEmail } from '../../hooks/useSupportEmail'; import { useRouter } from '../../router'; import { navigateOnSignInProtectGate } from './handleProtectCheck'; +import { isResetPasswordStrategy } from './utils'; /** Search param set when navigating from the start page "Forgot password?" action. */ export const SIGN_IN_RESET_PASSWORD_INTENT_PARAM = '__clerk_reset_password'; @@ -51,6 +52,20 @@ function useHandleAuthenticateWithPasskey( } switch (res.status) { case 'complete': + // A passkey can complete the SECOND factor of a reset-password + // sign-in (reset password -> needs_second_factor -> passkey); that + // flow ends on the reset-password success screen, mirroring the + // other factor-two cards. Unreachable from factor-one usages of + // this hook, where the first-factor strategy is the passkey itself. + if ( + isResetPasswordStrategy(res.firstFactorVerification?.strategy) && + res.firstFactorVerification?.status === 'verified' && + res.createdSessionId + ) { + const queryParams = new URLSearchParams(); + queryParams.set('createdSessionId', res.createdSessionId); + return navigate(`../reset-password-success?${queryParams.toString()}`); + } return setActive({ session: res.createdSessionId, navigate: async ({ session, decorateUrl }) => { diff --git a/packages/ui/src/components/SignIn/utils.ts b/packages/ui/src/components/SignIn/utils.ts index 0f8873d0094..e2a28497714 100644 --- a/packages/ui/src/components/SignIn/utils.ts +++ b/packages/ui/src/components/SignIn/utils.ts @@ -95,7 +95,10 @@ export function factorHasLocalStrategy(factor: SignInFactor | undefined | null): return localStrategies.includes(factor.strategy); } -// The priority of second factors is: TOTP -> Phone code -> any other factor +// The priority of second factors is: TOTP -> Phone code -> any other factor. +// A passkey is never the starting factor unless it is the only option (users +// pick it from the alternative-methods list instead), and even then only on +// browsers with WebAuthn support — without it the passkey card is a dead end. export function determineStartingSignInSecondFactor(secondFactors: SignInFactor[] | null): SignInFactor | null { if (!secondFactors || secondFactors.length === 0) { return null; @@ -111,7 +114,12 @@ export function determineStartingSignInSecondFactor(secondFactors: SignInFactor[ return phoneCodeFactor; } - return secondFactors[0]; + const nonPasskeyFactor = secondFactors.find(f => f.strategy !== 'passkey'); + if (nonPasskeyFactor) { + return nonPasskeyFactor; + } + + return isWebAuthnSupported() ? secondFactors[0] : null; } const resetPasswordStrategies: SignInStrategy[] = ['reset_password_phone_code', 'reset_password_email_code']; diff --git a/packages/ui/src/components/UserVerification/UVFactorTwoAlternativeMethods.tsx b/packages/ui/src/components/UserVerification/UVFactorTwoAlternativeMethods.tsx index c3041271e07..99869ca51e6 100644 --- a/packages/ui/src/components/UserVerification/UVFactorTwoAlternativeMethods.tsx +++ b/packages/ui/src/components/UserVerification/UVFactorTwoAlternativeMethods.tsx @@ -102,6 +102,8 @@ export function getButtonLabel(factor: SessionVerificationSecondFactor): Localiz return localizationKeys('reverification.alternativeMethods.blockButton__totp'); case 'backup_code': return localizationKeys('reverification.alternativeMethods.blockButton__backupCode'); + case 'passkey': + return localizationKeys('reverification.alternativeMethods.blockButton__passkey'); default: throw new Error(`Invalid verification strategy: "${(factor as any).strategy}"`); } diff --git a/packages/ui/src/components/UserVerification/UVFactorTwoPasskeyCard.tsx b/packages/ui/src/components/UserVerification/UVFactorTwoPasskeyCard.tsx new file mode 100644 index 00000000000..0efbb36e267 --- /dev/null +++ b/packages/ui/src/components/UserVerification/UVFactorTwoPasskeyCard.tsx @@ -0,0 +1,82 @@ +import { __internal_WebAuthnAbortService } from '@clerk/shared/internal/clerk-js/passkeys'; +import { useSession } from '@clerk/shared/react'; +import React from 'react'; + +import { Card } from '@/ui/elements/Card'; +import { useCardState } from '@/ui/elements/contexts'; +import { Form } from '@/ui/elements/Form'; +import { Header } from '@/ui/elements/Header'; +import { handleError } from '@/ui/utils/errorHandler'; + +import { Button, Col, descriptors, localizationKeys } from '../../customizables'; +import { useAfterVerification } from './use-after-verification'; + +type UVFactorTwoPasskeyCardProps = { + onShowAlternativeMethodsClicked?: React.MouseEventHandler; + showAlternativeMethods?: boolean; +}; + +export const UVFactorTwoPasskeyCard = (props: UVFactorTwoPasskeyCardProps) => { + const { onShowAlternativeMethodsClicked, showAlternativeMethods } = props; + const { session } = useSession(); + const { handleVerificationResponse } = useAfterVerification(); + + const card = useCardState(); + + React.useEffect(() => { + return () => { + __internal_WebAuthnAbortService.abort(); + }; + }, []); + + const handlePasskeysAttempt = () => { + session + ?.verifyWithPasskey({ level: 'second_factor' }) + .then(response => { + return handleVerificationResponse(response); + }) + .catch(err => handleError(err, [], card.setError)); + + return; + }; + + return ( + + + + + + + {card.error} + + + +