Skip to content

Commit d9cf0f2

Browse files
kalafutkalafut
authored
fix(ui): update self-serve sso & directory sync to latest designs (#9940)
1 parent 1e58cb9 commit d9cf0f2

66 files changed

Lines changed: 620 additions & 782 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.changeset/security-page-redesign.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
'@clerk/localizations': minor
3+
'@clerk/shared': minor
4+
'@clerk/ui': minor
5+
---
6+
7+
Update the SSO and Directory Sync sections of the `<OrganizationProfile />` Security page to the latest designs. Both sections now show a "Configure" button until something is set up (SSO then shows "Add connection"), and SSO connection rows show the identity provider's logo and an actions menu (Edit, Continue configuration, Activate/Deactivate, Remove). These actions have been removed from the SSO connection page, and status badges are no longer color-coded. Okta logos now follow the theme's foreground color, so they stay visible in dark mode, including on the enterprise connection chooser and in `<UserProfile />`.
8+
9+
The SSO button uses the new `ssoSection.primaryButton__configure` localization key; `ssoSection.primaryButton__startConfiguration` is deprecated and no longer used. In `directorySyncSection`, `primaryButton__startConfiguration` is renamed to `primaryButton__configure` and `badge__unconfigured` is removed.

‎integration/tests/composed-components.test.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -463,6 +463,6 @@ test.describe('composed OrganizationProfile exports @generic', () => {
463463
// the composed counterpart to the security tab (there are no composable sub-sections here).
464464
await expect(u.page.getByRole('heading', { name: /^security$/i })).toBeVisible();
465465
await expect(u.page.getByText(/^SSO$/)).toBeVisible();
466-
await expect(u.page.getByRole('button', { name: /start configuration/i })).toBeVisible();
466+
await expect(u.page.locator('.cl-profileSection__sso').getByRole('button', { name: /^configure$/i })).toBeVisible();
467467
});
468468
});

‎packages/localizations/src/ar-SA.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1386,14 +1386,13 @@ export const arSA: LocalizationResource = {
13861386
badge__active: undefined,
13871387
badge__inactive: undefined,
13881388
badge__ssoRequired: undefined,
1389-
badge__unconfigured: undefined,
13901389
description: undefined,
13911390
error__load: undefined,
13921391
menuAction__activate: undefined,
13931392
menuAction__deactivate: undefined,
13941393
menuAction__edit: undefined,
13951394
menuAction__remove: undefined,
1396-
primaryButton__startConfiguration: undefined,
1395+
primaryButton__configure: undefined,
13971396
removeDialog: {
13981397
confirmButton: undefined,
13991398
subtitle: undefined,
@@ -1465,6 +1464,7 @@ export const arSA: LocalizationResource = {
14651464
menuAction__edit: undefined,
14661465
menuAction__remove: undefined,
14671466
primaryButton__addConnection: undefined,
1467+
primaryButton__configure: undefined,
14681468
primaryButton__continueConfiguration: undefined,
14691469
primaryButton__startConfiguration: undefined,
14701470
title: undefined,

‎packages/localizations/src/be-BY.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1389,14 +1389,13 @@ export const beBY: LocalizationResource = {
13891389
badge__active: undefined,
13901390
badge__inactive: undefined,
13911391
badge__ssoRequired: undefined,
1392-
badge__unconfigured: undefined,
13931392
description: undefined,
13941393
error__load: undefined,
13951394
menuAction__activate: undefined,
13961395
menuAction__deactivate: undefined,
13971396
menuAction__edit: undefined,
13981397
menuAction__remove: undefined,
1399-
primaryButton__startConfiguration: undefined,
1398+
primaryButton__configure: undefined,
14001399
removeDialog: {
14011400
confirmButton: undefined,
14021401
subtitle: undefined,
@@ -1468,6 +1467,7 @@ export const beBY: LocalizationResource = {
14681467
menuAction__edit: undefined,
14691468
menuAction__remove: undefined,
14701469
primaryButton__addConnection: undefined,
1470+
primaryButton__configure: undefined,
14711471
primaryButton__continueConfiguration: undefined,
14721472
primaryButton__startConfiguration: undefined,
14731473
title: undefined,

‎packages/localizations/src/bg-BG.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1389,14 +1389,13 @@ export const bgBG: LocalizationResource = {
13891389
badge__active: undefined,
13901390
badge__inactive: undefined,
13911391
badge__ssoRequired: undefined,
1392-
badge__unconfigured: undefined,
13931392
description: undefined,
13941393
error__load: undefined,
13951394
menuAction__activate: undefined,
13961395
menuAction__deactivate: undefined,
13971396
menuAction__edit: undefined,
13981397
menuAction__remove: undefined,
1399-
primaryButton__startConfiguration: undefined,
1398+
primaryButton__configure: undefined,
14001399
removeDialog: {
14011400
confirmButton: undefined,
14021401
subtitle: undefined,
@@ -1468,6 +1467,7 @@ export const bgBG: LocalizationResource = {
14681467
menuAction__edit: undefined,
14691468
menuAction__remove: undefined,
14701469
primaryButton__addConnection: undefined,
1470+
primaryButton__configure: undefined,
14711471
primaryButton__continueConfiguration: undefined,
14721472
primaryButton__startConfiguration: undefined,
14731473
title: undefined,

‎packages/localizations/src/bn-IN.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1396,14 +1396,13 @@ export const bnIN: LocalizationResource = {
13961396
badge__active: undefined,
13971397
badge__inactive: undefined,
13981398
badge__ssoRequired: undefined,
1399-
badge__unconfigured: undefined,
14001399
description: undefined,
14011400
error__load: undefined,
14021401
menuAction__activate: undefined,
14031402
menuAction__deactivate: undefined,
14041403
menuAction__edit: undefined,
14051404
menuAction__remove: undefined,
1406-
primaryButton__startConfiguration: undefined,
1405+
primaryButton__configure: undefined,
14071406
removeDialog: {
14081407
confirmButton: undefined,
14091408
subtitle: undefined,
@@ -1475,6 +1474,7 @@ export const bnIN: LocalizationResource = {
14751474
menuAction__edit: undefined,
14761475
menuAction__remove: undefined,
14771476
primaryButton__addConnection: undefined,
1477+
primaryButton__configure: undefined,
14781478
primaryButton__continueConfiguration: undefined,
14791479
primaryButton__startConfiguration: undefined,
14801480
title: undefined,

‎packages/localizations/src/ca-ES.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1396,14 +1396,13 @@ export const caES: LocalizationResource = {
13961396
badge__active: undefined,
13971397
badge__inactive: undefined,
13981398
badge__ssoRequired: undefined,
1399-
badge__unconfigured: undefined,
14001399
description: undefined,
14011400
error__load: undefined,
14021401
menuAction__activate: undefined,
14031402
menuAction__deactivate: undefined,
14041403
menuAction__edit: undefined,
14051404
menuAction__remove: undefined,
1406-
primaryButton__startConfiguration: undefined,
1405+
primaryButton__configure: undefined,
14071406
removeDialog: {
14081407
confirmButton: undefined,
14091408
subtitle: undefined,
@@ -1475,6 +1474,7 @@ export const caES: LocalizationResource = {
14751474
menuAction__edit: undefined,
14761475
menuAction__remove: undefined,
14771476
primaryButton__addConnection: undefined,
1477+
primaryButton__configure: undefined,
14781478
primaryButton__continueConfiguration: undefined,
14791479
primaryButton__startConfiguration: undefined,
14801480
title: undefined,

‎packages/localizations/src/cs-CZ.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1394,14 +1394,13 @@ export const csCZ: LocalizationResource = {
13941394
badge__active: undefined,
13951395
badge__inactive: undefined,
13961396
badge__ssoRequired: undefined,
1397-
badge__unconfigured: undefined,
13981397
description: undefined,
13991398
error__load: undefined,
14001399
menuAction__activate: undefined,
14011400
menuAction__deactivate: undefined,
14021401
menuAction__edit: undefined,
14031402
menuAction__remove: undefined,
1404-
primaryButton__startConfiguration: undefined,
1403+
primaryButton__configure: undefined,
14051404
removeDialog: {
14061405
confirmButton: undefined,
14071406
subtitle: undefined,
@@ -1473,6 +1472,7 @@ export const csCZ: LocalizationResource = {
14731472
menuAction__edit: undefined,
14741473
menuAction__remove: undefined,
14751474
primaryButton__addConnection: undefined,
1475+
primaryButton__configure: undefined,
14761476
primaryButton__continueConfiguration: undefined,
14771477
primaryButton__startConfiguration: undefined,
14781478
title: undefined,

‎packages/localizations/src/da-DK.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1387,14 +1387,13 @@ export const daDK: LocalizationResource = {
13871387
badge__active: undefined,
13881388
badge__inactive: undefined,
13891389
badge__ssoRequired: undefined,
1390-
badge__unconfigured: undefined,
13911390
description: undefined,
13921391
error__load: undefined,
13931392
menuAction__activate: undefined,
13941393
menuAction__deactivate: undefined,
13951394
menuAction__edit: undefined,
13961395
menuAction__remove: undefined,
1397-
primaryButton__startConfiguration: undefined,
1396+
primaryButton__configure: undefined,
13981397
removeDialog: {
13991398
confirmButton: undefined,
14001399
subtitle: undefined,
@@ -1466,6 +1465,7 @@ export const daDK: LocalizationResource = {
14661465
menuAction__edit: undefined,
14671466
menuAction__remove: undefined,
14681467
primaryButton__addConnection: undefined,
1468+
primaryButton__configure: undefined,
14691469
primaryButton__continueConfiguration: undefined,
14701470
primaryButton__startConfiguration: undefined,
14711471
title: undefined,

‎packages/localizations/src/de-DE.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1402,14 +1402,13 @@ export const deDE: LocalizationResource = {
14021402
badge__active: undefined,
14031403
badge__inactive: undefined,
14041404
badge__ssoRequired: undefined,
1405-
badge__unconfigured: undefined,
14061405
description: undefined,
14071406
error__load: undefined,
14081407
menuAction__activate: undefined,
14091408
menuAction__deactivate: undefined,
14101409
menuAction__edit: undefined,
14111410
menuAction__remove: undefined,
1412-
primaryButton__startConfiguration: undefined,
1411+
primaryButton__configure: undefined,
14131412
removeDialog: {
14141413
confirmButton: undefined,
14151414
subtitle: undefined,
@@ -1481,6 +1480,7 @@ export const deDE: LocalizationResource = {
14811480
menuAction__edit: undefined,
14821481
menuAction__remove: undefined,
14831482
primaryButton__addConnection: undefined,
1483+
primaryButton__configure: undefined,
14841484
primaryButton__continueConfiguration: undefined,
14851485
primaryButton__startConfiguration: undefined,
14861486
title: undefined,

0 commit comments

Comments
 (0)