chore(ui,shared,localizations): UX improvements for <ConfigureSSO /> (#8601)

Author: LauraBeatris

.changeset/vast-numbers-work.md

@@ -0,0 +1,11 @@
+---
+'@clerk/localizations': patch
+'@clerk/shared': patch
+'@clerk/ui': patch
+---
+
+Introduce UX improvements for `<ConfigureSSO />` such as:
+
+- Render attribute-mapping and service-provider field labels per IdP nomenclature
+- Add "Open test URL" button and surface a clear empty state
+- Expand the appearance descriptor surface across step content so developers can override styling

packages/localizations/src/ar-SA.ts

@@ -180,19 +180,15 @@ export const arSA: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle: 'تواصل مع مسؤول مؤسستك للحصول على أذونات لإدارة الاتصالات المؤسسية.',
-      title: 'ليس لديك إذن لإدارة الاتصالات المؤسسية',
+      subtitle: 'تواصل مع مسؤول مؤسستك لترقية أذوناتك.',
+      title: 'ليس لديك إذن لإدارة تسجيل الدخول الموحد (SSO)',
     },
     navbar: {
       title: 'تكوين تسجيل الدخول الموحد (SSO)',
     },
     selectProviderStep: {
       title: 'اختر المزود',
       subtitle: 'اختر المزود الذي ستقوم بإعداد تسجيل الدخول الموحد (SSO) له.',
-      body: {
-        title: 'اختر مزود الهوية الخاص بك',
-        description: 'سنرشدك خلال عملية الإعداد التفصيلية بعد ذلك.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/be-BY.ts

@@ -180,20 +180,15 @@ export const beBY: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle:
-        'Звярніцеся да адміністратара вашай арганізацыі, каб атрымаць дазволы на кіраванне карпаратыўнымі падключэннямі.',
-      title: 'У вас няма дазволу на кіраванне карпаратыўнымі падключэннямі',
+      subtitle: 'Звярніцеся да адміністратара вашай арганізацыі, каб павысіць вашы дазволы.',
+      title: 'У вас няма дазволу на кіраванне адзіным уваходам (SSO)',
     },
     navbar: {
       title: 'Налада адзінага ўваходу (SSO)',
     },
     selectProviderStep: {
       title: 'Выберыце правайдэра',
       subtitle: 'Выберыце правайдэра, для якога вы будзеце наладжваць SSO.',
-      body: {
-        title: 'Выберыце вашага правайдэра ідэнтыфікацыі',
-        description: 'Мы правядзём вас праз падрабязны працэс налады далей.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/bg-BG.ts

@@ -181,20 +181,15 @@ export const bgBG: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle:
-        'Свържете се с администратора на вашата организация, за да получите разрешения за управление на корпоративни връзки.',
-      title: 'Нямате разрешение да управлявате корпоративни връзки',
+      subtitle: 'Свържете се с администратора на вашата организация, за да повишите разрешенията си.',
+      title: 'Нямате разрешение да управлявате единен вход (SSO)',
     },
     navbar: {
       title: 'Конфигуриране на единен вход (SSO)',
     },
     selectProviderStep: {
       title: 'Изберете доставчик',
       subtitle: 'Изберете доставчика, за който ще конфигурирате SSO.',
-      body: {
-        title: 'Изберете вашия доставчик на идентичност',
-        description: 'Ще ви преведем през подробния процес на настройка след това.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/bn-IN.ts

@@ -180,25 +180,21 @@ export const bnIN: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle: 'এন্টারপ্রাইজ সংযোগ পরিচালনার অনুমতি পেতে আপনার সংস্থার প্রশাসকের সাথে যোগাযোগ করুন।',
-      title: 'এন্টারপ্রাইজ সংযোগ পরিচালনার অনুমতি আপনার নেই',
+      subtitle: 'আপনার অনুমতি আপগ্রেড করতে আপনার সংস্থার প্রশাসকের সাথে যোগাযোগ করুন।',
+      title: 'একক সাইন-অন (SSO) পরিচালনার অনুমতি আপনার নেই',
     },
     navbar: {
       title: 'একক সাইন-অন (SSO) কনফিগার করুন',
     },
     selectProviderStep: {
-      title: 'Select provider',
-      subtitle: 'Select the provider you are going to setup SSO for.',
-      body: {
-        title: 'Select your identity provider',
-        description: "We'll guide you through the detailed setup process next.",
-      },
+      title: 'প্রদানকারী নির্বাচন করুন',
+      subtitle: 'আপনি যে প্রদানকারীর জন্য SSO সেটআপ করতে যাচ্ছেন তা নির্বাচন করুন।',
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',
-        customSaml: 'Custom SAML Provider',
+        customSaml: 'কাস্টম SAML প্রদানকারী',
       },
-      warning: 'Once a provider is selected you cannot change again until the configuration is over',
+      warning: 'একবার প্রদানকারী নির্বাচন করার পরে, কনফিগারেশন শেষ না হওয়া পর্যন্ত আপনি আবার পরিবর্তন করতে পারবেন না',
     },
     verifyEmailDomainStep: {
       title: 'ইমেইল ঠিকানা যাচাই করুন',

packages/localizations/src/ca-ES.ts

@@ -187,20 +187,15 @@ export const caES: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle:
-        "Contacta amb l'administrador de la teva organització per obtenir permisos per gestionar connexions empresarials.",
-      title: 'No tens permís per gestionar connexions empresarials',
+      subtitle: "Contacta amb l'administrador de la teva organització per ampliar els teus permisos.",
+      title: "No tens permís per gestionar l'inici de sessió únic (SSO)",
     },
     navbar: {
       title: "Configura l'inici de sessió únic (SSO)",
     },
     selectProviderStep: {
       title: 'Seleccioneu un proveïdor',
       subtitle: 'Seleccioneu el proveïdor per al qual configurareu SSO.',
-      body: {
-        title: "Seleccioneu el vostre proveïdor d'identitat",
-        description: 'Us guiarem pel procés de configuració detallat a continuació.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/cs-CZ.ts

@@ -184,19 +184,15 @@ export const csCZ: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle: 'Kontaktujte správce vaší organizace, abyste získali oprávnění ke správě podnikových připojení.',
-      title: 'Nemáte oprávnění ke správě podnikových připojení',
+      subtitle: 'Kontaktujte správce vaší organizace pro rozšíření vašich oprávnění.',
+      title: 'Nemáte oprávnění ke správě jednotného přihlášení (SSO)',
     },
     navbar: {
       title: 'Nastavit jednotné přihlášení (SSO)',
     },
     selectProviderStep: {
       title: 'Vyberte poskytovatele',
       subtitle: 'Vyberte poskytovatele, pro kterého budete nastavovat SSO.',
-      body: {
-        title: 'Vyberte svého poskytovatele identity',
-        description: 'Provedeme vás dále podrobným procesem nastavení.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/da-DK.ts

@@ -180,20 +180,15 @@ export const daDK: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle:
-        'Kontakt din organisations administrator for at få tilladelse til at administrere virksomhedsforbindelser.',
-      title: 'Du har ikke tilladelse til at administrere virksomhedsforbindelser',
+      subtitle: 'Kontakt din organisations administrator for at opgradere dine tilladelser.',
+      title: 'Du har ikke tilladelse til at administrere single sign-on (SSO)',
     },
     navbar: {
       title: 'Konfigurer single sign-on (SSO)',
     },
     selectProviderStep: {
       title: 'Vælg udbyder',
       subtitle: 'Vælg den udbyder, du vil opsætte SSO for.',
-      body: {
-        title: 'Vælg din identitetsudbyder',
-        description: 'Vi guider dig gennem den detaljerede opsætningsproces næste gang.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/de-DE.ts

@@ -186,20 +186,15 @@ export const deDE: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle:
-        'Wenden Sie sich an Ihren Organisationsadministrator, um Berechtigungen zur Verwaltung von Enterprise-Verbindungen zu erhalten.',
-      title: 'Sie haben keine Berechtigung, Enterprise-Verbindungen zu verwalten',
+      subtitle: 'Wenden Sie sich an Ihren Organisationsadministrator, um Ihre Berechtigungen zu erweitern.',
+      title: 'Sie haben keine Berechtigung, Single Sign-On (SSO) zu verwalten',
     },
     navbar: {
       title: 'Single Sign-On (SSO) konfigurieren',
     },
     selectProviderStep: {
       title: 'Anbieter auswählen',
       subtitle: 'Wählen Sie den Anbieter, für den Sie SSO einrichten möchten.',
-      body: {
-        title: 'Wählen Sie Ihren Identitätsanbieter',
-        description: 'Wir führen Sie als nächstes durch den detaillierten Einrichtungsprozess.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',

packages/localizations/src/el-GR.ts

@@ -180,20 +180,15 @@ export const elGR: LocalizationResource = {
   },
   configureSSO: {
     missingManageEnterpriseConnectionsPermission: {
-      subtitle:
-        'Επικοινωνήστε με τον διαχειριστή του οργανισμού σας για να αποκτήσετε άδειες διαχείρισης εταιρικών συνδέσεων.',
-      title: 'Δεν έχετε άδεια διαχείρισης εταιρικών συνδέσεων',
+      subtitle: 'Επικοινωνήστε με τον διαχειριστή του οργανισμού σας για να αναβαθμίσετε τις άδειές σας.',
+      title: 'Δεν έχετε άδεια διαχείρισης της Ενιαίας Σύνδεσης (SSO)',
     },
     navbar: {
       title: 'Διαμόρφωση Ενιαίας Σύνδεσης (SSO)',
     },
     selectProviderStep: {
       title: 'Επιλέξτε πάροχο',
       subtitle: 'Επιλέξτε τον πάροχο για τον οποίο θα ρυθμίσετε SSO.',
-      body: {
-        title: 'Επιλέξτε τον πάροχο ταυτότητάς σας',
-        description: 'Θα σας καθοδηγήσουμε στη λεπτομερή διαδικασία ρύθμισης στη συνέχεια.',
-      },
       saml: {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',