chore(ui,shared,localizations): Add confirmation step for <ConfigureSSO />

.changeset/forty-cameras-guess.md

@@ -0,0 +1,8 @@
+---
+'@clerk/localizations': patch
+'@clerk/clerk-js': patch
+'@clerk/shared': patch
+'@clerk/ui': patch
+---
+
+Add confirmation step for `<__experimental_ConfigureSSO />`

packages/localizations/src/en-US.ts

@@ -201,6 +201,33 @@ export const enUS: LocalizationResource = {
     yearPerUnit: 'Year per {{unitName}}',
   },
   configureSSO: {
+    confirmation: {
+      configurationSection: {
+        certificateLabel: 'Certificate',
+        configureAgainLink: 'Configure again',
+        issuerLabel: 'Issuer',
+        ssoUrlLabel: 'Sign on URL',
+        title: 'Configuration details',
+      },
+      domainSection: {
+        title: 'Domain',
+      },
+      enableSection: {
+        title: 'Enable SSO',
+      },
+      resetSection: {
+        confirmationFieldLabel: 'Type "{{name}}" to confirm',
+        submitButton: 'Reset connection',
+        title: 'Reset connection',
+        warning:
+          'This will permanently remove the SSO configuration. Members will no longer be able to sign in with SSO.',
+      },
+      statusSection: {
+        activeBadge: 'Active',
+        inactiveBadge: 'Inactive',
+        title: 'SSO Status',
+      },
+    },
     missingManageEnterpriseConnectionsPermission: {
       subtitle:
         'Contact your organization administrator in order to have permissions to manage enterprise connections.',

packages/shared/src/types/elementIds.ts

@@ -48,7 +48,13 @@ export type ProfileSectionId =
   | 'organizationDomains'
   | 'manageVerifiedDomains'
   | 'subscriptionsList'
-  | 'paymentMethods';
+  | 'paymentMethods'
+  | 'ssoStatus'
+  | 'enableSso'
+  | 'ssoDomain'
+  | 'ssoConfiguration'
+  | 'configureAgain'
+  | 'resetSso';
 export type ProfilePageId = 'account' | 'security' | 'organizationGeneral' | 'organizationMembers' | 'billing';
 
 export type UserPreviewId = 'userButton' | 'personalWorkspace';

packages/shared/src/types/localization.ts

@@ -1429,6 +1429,32 @@ export type __internal_LocalizationResource = {
         };
       };
     };
+    confirmation: {
+      statusSection: {
+        title: LocalizationValue;
+        activeBadge: LocalizationValue;
+        inactiveBadge: LocalizationValue;
+      };
+      enableSection: {
+        title: LocalizationValue;
+      };
+      domainSection: {
+        title: LocalizationValue;
+      };
+      configurationSection: {
+        title: LocalizationValue;
+        ssoUrlLabel: LocalizationValue;
+        issuerLabel: LocalizationValue;
+        certificateLabel: LocalizationValue;
+        configureAgainLink: LocalizationValue;
+      };
+      resetSection: {
+        title: LocalizationValue;
+        warning: LocalizationValue;
+        confirmationFieldLabel: LocalizationValue<'name'>;
+        submitButton: LocalizationValue;
+      };
+    };
   };
   apiKeys: {
     formTitle: LocalizationValue;