feat(ui,clerk-js,shared,localizations): Offer enterprise SSO in the reverification modal

.changeset/reverification-enterprise-sso.md

@@ -0,0 +1,8 @@
+---
+'@clerk/ui': minor
+'@clerk/clerk-js': patch
+'@clerk/shared': patch
+'@clerk/localizations': patch
+---
+
+Offer enterprise SSO as a first factor in the reverification modal. Users with an `enterprise_sso` factor now get a button per enterprise connection, verify with their identity provider in a popup, and the action that asked for reverification resumes without a page reload. When the popup is blocked the modal falls back to a full-page redirect, and `oauthFlow: 'redirect'` on `useReverification` or the modal props opts into the redirect from the start. `session.prepareFirstFactorVerification` accepts `actionCompleteRedirectUrl` for the `enterprise_sso` strategy.

packages/clerk-js/src/core/resources/Session.ts

@@ -280,6 +280,7 @@ export class Session extends BaseResource implements SessionResource {
           emailAddressId: factor.emailAddressId,
           enterpriseConnectionId: factor.enterpriseConnectionId,
           redirectUrl: factor.redirectUrl,
+          actionCompleteRedirectUrl: factor.actionCompleteRedirectUrl,
         } as EnterpriseSSOConfig;
         break;
       default:

packages/localizations/src/ar-SA.ts

@@ -1593,6 +1593,7 @@ export const arSA: LocalizationResource = {
       actionText: undefined,
       blockButton__backupCode: undefined,
       blockButton__emailCode: undefined,
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: undefined,
       blockButton__phoneCode: undefined,
@@ -1615,6 +1616,10 @@ export const arSA: LocalizationResource = {
       subtitle: undefined,
       title: undefined,
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: undefined,
       subtitle: undefined,

packages/localizations/src/be-BY.ts

@@ -1600,6 +1600,7 @@ export const beBY: LocalizationResource = {
       actionText: 'Паспрабуйце іншы метад для верыфікацыі.',
       blockButton__backupCode: 'Увядзіце код з рэзервовага кода',
       blockButton__emailCode: 'Увядзіце код, адправлены на электронную пошту',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'Увядзіце пароль',
       blockButton__phoneCode: 'Увядзіце код, адправлены на тэлефон',
@@ -1622,6 +1623,10 @@ export const beBY: LocalizationResource = {
       subtitle: 'Калі ласка, праверце вашу электронную пошту для кода.',
       title: 'Код з email',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Няма даступных метадаў для верыфікацыі.',
       subtitle: 'Калі ласка, выберыце іншы метад або звярніцеся ў службу падтрымкі.',

packages/localizations/src/bg-BG.ts

@@ -1597,6 +1597,7 @@ export const bgBG: LocalizationResource = {
       actionText: "Don't have one of these?",
       blockButton__backupCode: 'Use backup code',
       blockButton__emailCode: 'Send code to email',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'Login with password',
       blockButton__phoneCode: 'Send code to phone',
@@ -1619,6 +1620,10 @@ export const bgBG: LocalizationResource = {
       subtitle: "We've sent a code to your email.",
       title: 'Email verification',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Unable to proceed. No available authentication methods.',
       subtitle: 'Something went wrong.',

packages/localizations/src/bn-IN.ts

@@ -1603,6 +1603,7 @@ export const bnIN: LocalizationResource = {
       actionText: 'এর কোনটিই নেই?',
       blockButton__backupCode: 'একটি ব্যাকআপ কোড ব্যবহার করুন',
       blockButton__emailCode: '{{identifier}}-এ ইমেইল কোড পাঠান',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'আপনার পাসকি ব্যবহার করুন',
       blockButton__password: 'আপনার পাসওয়ার্ড দিয়ে চালিয়ে যান',
       blockButton__phoneCode: '{{identifier}}-এ এসএমএস কোড পাঠান',
@@ -1626,6 +1627,10 @@ export const bnIN: LocalizationResource = {
       subtitle: 'চালিয়ে যেতে আপনার ইমেইলে পাঠানো কোড লিখুন',
       title: 'যাচাইকরণ প্রয়োজন',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'যাচাইকরণ চালিয়ে যাওয়া যাচ্ছে না। কোনো উপযুক্ত অথেনটিকেশন ফ্যাক্টর কনফিগার করা নেই',
       subtitle: 'একটি ত্রুটি ঘটেছে',

packages/localizations/src/ca-ES.ts

@@ -1604,6 +1604,7 @@ export const caES: LocalizationResource = {
       actionText: 'No tens accés a aquest mètode? Prova una altra opció.',
       blockButton__backupCode: 'Utilitzar codi de seguretat',
       blockButton__emailCode: 'Utilitzar codi de correu electrònic',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'Utilitzar contrasenya',
       blockButton__phoneCode: 'Utilitzar codi de telèfon',
@@ -1627,6 +1628,10 @@ export const caES: LocalizationResource = {
       subtitle: "Comprova el codi de verificació a la teva bústia d'entrada.",
       title: 'Verificació per correu electrònic',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Ho sentim, no tens cap mètode de verificació disponible. Contacta amb suport.',
       subtitle: "No s'han trobat mètodes alternatius disponibles.",

packages/localizations/src/cs-CZ.ts

@@ -1601,6 +1601,7 @@ export const csCZ: LocalizationResource = {
       actionText: 'Nemáte žádnou z těchto možností?',
       blockButton__backupCode: 'Použít záložní kód',
       blockButton__emailCode: 'Odeslat kód na e-mail {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Použít váš přístupový klíč',
       blockButton__password: 'Pokračovat s vaším heslem',
       blockButton__phoneCode: 'Odeslat SMS kód na {{identifier}}',
@@ -1624,6 +1625,10 @@ export const csCZ: LocalizationResource = {
       subtitle: 'Zadejte kód odeslaný na váš e-mail pro pokračování',
       title: 'Vyžadováno ověření',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Nelze pokračovat s ověřením. Není nakonfigurován žádný vhodný autentizační faktor',
       subtitle: 'Došlo k chybě',

packages/localizations/src/da-DK.ts

@@ -1595,6 +1595,7 @@ export const daDK: LocalizationResource = {
       actionText: undefined,
       blockButton__backupCode: undefined,
       blockButton__emailCode: undefined,
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: undefined,
       blockButton__phoneCode: undefined,
@@ -1617,6 +1618,10 @@ export const daDK: LocalizationResource = {
       subtitle: undefined,
       title: undefined,
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: undefined,
       subtitle: undefined,

packages/localizations/src/de-DE.ts

@@ -1610,6 +1610,7 @@ export const deDE: LocalizationResource = {
       actionText: 'Verwenden Sie eine alternative Verifizierungsmethode',
       blockButton__backupCode: 'Mit Wiederherstellungscode verifizieren',
       blockButton__emailCode: 'Mit E-Mail-Code verifizieren',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Verwenden Sie Ihren Passkey',
       blockButton__password: 'Mit Passwort verifizieren',
       blockButton__phoneCode: 'Mit SMS-Code verifizieren',
@@ -1633,6 +1634,10 @@ export const deDE: LocalizationResource = {
       subtitle: 'Überprüfen Sie Ihre E-Mail auf den Verifizierungscode.',
       title: 'E-Mail-Code Verifizierung',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Es sind keine Verifizierungsmethoden mehr verfügbar.',
       subtitle: 'Bitte kontaktieren Sie den Support, um Hilfe zu erhalten.',

packages/localizations/src/el-GR.ts

@@ -1600,6 +1600,7 @@ export const elGR: LocalizationResource = {
       actionText: 'Δεν έχετε κάποιο από αυτά;',
       blockButton__backupCode: 'Χρησιμοποιήστε εφεδρικό κωδικό',
       blockButton__emailCode: 'Αποστολή κωδικού στο {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Χρησιμοποιήστε το passkey σας',
       blockButton__password: 'Σύνδεση με τον κωδικό πρόσβασής σας',
       blockButton__phoneCode: 'Αποστολή κωδικού μέσω SMS στο {{identifier}}',
@@ -1624,6 +1625,10 @@ export const elGR: LocalizationResource = {
       subtitle: 'για να συνεχίσετε',
       title: 'Ελέγξτε το email σας',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Δεν είναι δυνατή η συνέχεια. Δεν υπάρχει διαθέσιμος παράγοντας επαλήθευσης.',
       subtitle: 'Παρουσιάστηκε σφάλμα',

packages/localizations/src/en-GB.ts

@@ -1595,6 +1595,7 @@ export const enGB: LocalizationResource = {
       actionText: 'Don’t have any of these?',
       blockButton__backupCode: 'Use a backup code',
       blockButton__emailCode: 'Email code to {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'Continue with your password',
       blockButton__phoneCode: 'Send SMS code to {{identifier}}',
@@ -1618,6 +1619,10 @@ export const enGB: LocalizationResource = {
       subtitle: 'Enter the code sent to your email to continue',
       title: 'Verification required',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Cannot proceed with verification. No suitable authentication factor is configured',
       subtitle: 'An error occurred',

packages/localizations/src/en-US.ts

@@ -1641,6 +1641,7 @@ export const enUS: LocalizationResource = {
       actionText: 'Don’t have any of these?',
       blockButton__backupCode: 'Use a backup code',
       blockButton__emailCode: 'Email code to {{identifier}}',
+      blockButton__enterpriseSSO: 'Continue with {{name}}',
       blockButton__passkey: 'Use your passkey',
       blockButton__password: 'Continue with your password',
       blockButton__phoneCode: 'Send SMS code to {{identifier}}',
@@ -1664,6 +1665,10 @@ export const enUS: LocalizationResource = {
       subtitle: 'Enter the code sent to your email to continue',
       title: 'Verification required',
     },
+    enterpriseSSO: {
+      subtitle: 'Continue with your enterprise account to confirm it’s you',
+      title: 'Verification required',
+    },
     noAvailableMethods: {
       message: 'Cannot proceed with verification. No suitable authentication factor is configured',
       subtitle: 'An error occurred',

packages/localizations/src/es-CR.ts

@@ -1600,6 +1600,7 @@ export const esCR: LocalizationResource = {
       actionText: '¿No posees ninguno de estos?',
       blockButton__backupCode: 'Utiliza un código de respaldo',
       blockButton__emailCode: 'Envía el código a {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Utiliza tu llave de acceso',
       blockButton__password: 'Continúa con tu contraseña',
       blockButton__phoneCode: 'Enviar un mensaje de texto a {{identifier}}',
@@ -1622,6 +1623,10 @@ export const esCR: LocalizationResource = {
       subtitle: 'para continuar con {{applicationName}}',
       title: 'Revisa tu correo electrónico',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'No se puede proceder con el inicio de sesión. No hay ningún factor de autenticación disponible',
       subtitle: 'Ocurrió un error',

packages/localizations/src/es-ES.ts

@@ -1605,6 +1605,7 @@ export const esES: LocalizationResource = {
       actionText: '¿No tienes acceso a este método? Prueba otra opción.',
       blockButton__backupCode: 'Usar código de respaldo',
       blockButton__emailCode: 'Usar código de correo electrónico',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'Usar contraseña',
       blockButton__phoneCode: 'Usar código de teléfono',
@@ -1628,6 +1629,10 @@ export const esES: LocalizationResource = {
       subtitle: 'Revisa tu bandeja de entrada para el código de verificación.',
       title: 'Verificación por correo electrónico',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Lo sentimos, no tienes ningún método de verificación disponible. Contacta con soporte.',
       subtitle: 'No se encontraron métodos alternativos disponibles.',

packages/localizations/src/es-MX.ts

@@ -1601,6 +1601,7 @@ export const esMX: LocalizationResource = {
       actionText: '¿No posees ninguno de estos?',
       blockButton__backupCode: 'Utiliza un código de respaldo',
       blockButton__emailCode: 'Envía el código a {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Utiliza tu llave de acceso',
       blockButton__password: 'Continúa con tu contraseña',
       blockButton__phoneCode: 'Enviar un mensaje de texto a {{identifier}}',
@@ -1623,6 +1624,10 @@ export const esMX: LocalizationResource = {
       subtitle: 'para continuar con {{applicationName}}',
       title: 'Revisa tu correo electrónico',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'No se puede proceder con el inicio de sesión. No hay ningún factor de autenticación disponible',
       subtitle: 'Ocurrió un error',

packages/localizations/src/es-UY.ts

@@ -1599,6 +1599,7 @@ export const esUY: LocalizationResource = {
       actionText: '¿No tenés ninguno de estos?',
       blockButton__backupCode: 'Usar un código de respaldo',
       blockButton__emailCode: 'Enviar código por correo a {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'Continuar con tu contraseña',
       blockButton__phoneCode: 'Enviar código SMS a {{identifier}}',
@@ -1622,6 +1623,10 @@ export const esUY: LocalizationResource = {
       subtitle: 'Ingresá el código enviado a tu correo para continuar',
       title: 'Verificación requerida',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'No se puede proceder con la verificación. No hay un factor de autenticación adecuado configurado',
       subtitle: 'Ocurrió un error',

packages/localizations/src/fa-IR.ts

@@ -1603,6 +1603,7 @@ export const faIR: LocalizationResource = {
       actionText: 'هیچ کدام از اینها را ندارید؟',
       blockButton__backupCode: 'از کد پشتیبان استفاده کنید',
       blockButton__emailCode: 'کد را به {{identifier}} ایمیل کنید',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'از کلید عبور خود استفاده کنید',
       blockButton__password: 'با رمز عبور خود ادامه دهید',
       blockButton__phoneCode: 'ارسال کد پیامکی به {{identifier}}',
@@ -1626,6 +1627,10 @@ export const faIR: LocalizationResource = {
       subtitle: 'برای ادامه، کد ارسال شده به ایمیل خود را وارد کنید',
       title: 'تایید هویت الزامی است',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'امکان ادامه تأیید وجود ندارد. هیچ عامل احراز هویت مناسبی پیکربندی نشده است.',
       subtitle: 'خطایی رخ داد',

packages/localizations/src/fi-FI.ts

@@ -1605,6 +1605,7 @@ export const fiFI: LocalizationResource = {
       actionText: 'Eikö mikään näistä ole käytettävissä?',
       blockButton__backupCode: 'Käytä varakoodia',
       blockButton__emailCode: 'Lähetä koodi sähköpostitse {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Käytä pääsyavaintasi',
       blockButton__password: 'Jatka salasanallasi',
       blockButton__phoneCode: 'Lähetä SMS-koodi {{identifier}}',
@@ -1628,6 +1629,10 @@ export const fiFI: LocalizationResource = {
       subtitle: 'Syötä sähköpostiisi lähetetty koodi jatkaaksesi',
       title: 'Vahvistus vaaditaan',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'Vahvistusta ei voida suorittaa. Sopivaa todennusmenetelmää ei ole määritetty.',
       subtitle: 'Tapahtui virhe',

packages/localizations/src/fr-FR.ts

@@ -1611,6 +1611,7 @@ export const frFR: LocalizationResource = {
       actionText: 'Vous ne pouvez pas accéder à votre compte ?',
       blockButton__backupCode: 'Utiliser un code de récupération',
       blockButton__emailCode: 'Recevoir un code par e-mail',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: 'Utiliser une clé de sécurité',
       blockButton__password: 'Utiliser le mot de passe',
       blockButton__phoneCode: 'Recevoir un code par téléphone',
@@ -1634,6 +1635,10 @@ export const frFR: LocalizationResource = {
       subtitle: 'Un code a été envoyé à votre adresse e-mail.',
       title: 'Vérification par e-mail',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: "Aucune méthode de vérification n'est disponible.",
       subtitle: 'Impossible de procéder à la vérification.',

packages/localizations/src/he-IL.ts

@@ -1590,6 +1590,7 @@ export const heIL: LocalizationResource = {
       actionText: 'אין לך אף אחד מאלה?',
       blockButton__backupCode: 'השתמש בקוד גיבוי',
       blockButton__emailCode: 'קוד אימייל ל {{identifier}}',
+      blockButton__enterpriseSSO: undefined,
       blockButton__passkey: undefined,
       blockButton__password: 'המשך עם הסיסמה שלך',
       blockButton__phoneCode: 'שלח קוד SMS ל {{identifier}}',
@@ -1612,6 +1613,10 @@ export const heIL: LocalizationResource = {
       subtitle: 'המשך ל {{applicationName}}',
       title: 'בדוק את האימייל שלך',
     },
+    enterpriseSSO: {
+      subtitle: undefined,
+      title: undefined,
+    },
     noAvailableMethods: {
       message: 'לא ניתן להמשיך עם האימות. אין גורם אימות זמין',
       subtitle: 'קרתה תקלה',