Introduce SP labels per provider

Author: LauraBeatris

packages/localizations/src/en-US.ts

@@ -338,14 +338,6 @@ export const enUS: LocalizationResource = {
       },
     },
     configureStep: {
-      spFields: {
-        acsUrl: {
-          label: 'Single sign-on URL',
-        },
-        spEntityId: {
-          label: 'Audience URI',
-        },
-      },
       attributeMapping: {
         title: 'We expect your SAML responses to have the following specific attributes:',
         paragraph:
@@ -376,6 +368,14 @@ export const enUS: LocalizationResource = {
       },
       samlOkta: {
         headerTitle: 'Configure Okta Workforce',
+        spFields: {
+          acsUrl: {
+            label: 'Single sign-on URL',
+          },
+          spEntityId: {
+            label: 'Audience URI (SP Entity ID)',
+          },
+        },
         createApp: {
           headerSubtitle: 'Create a new enterprise application in your Okta Dashboard',
           title: 'Create a new enterprise application in Okta',
@@ -464,6 +464,14 @@ export const enUS: LocalizationResource = {
       },
       samlCustom: {
         headerTitle: 'Configure your identity provider (IdP)',
+        spFields: {
+          acsUrl: {
+            label: 'Assertion consumer service (ACS) URL',
+          },
+          spEntityId: {
+            label: 'Service provider entity ID',
+          },
+        },
         createApp: {
           headerSubtitle:
             'Register Clerk as a service provider in your IdP, then add your identity provider configuration.',

packages/shared/src/types/localization.ts

@@ -1398,14 +1398,6 @@ export type __internal_LocalizationResource = {
       };
     };
     configureStep: {
-      spFields: {
-        acsUrl: {
-          label: LocalizationValue;
-        };
-        spEntityId: {
-          label: LocalizationValue;
-        };
-      };
       attributeMapping: {
         title: LocalizationValue;
         paragraph: LocalizationValue;
@@ -1435,6 +1427,14 @@ export type __internal_LocalizationResource = {
       };
       samlOkta: {
         headerTitle: LocalizationValue;
+        spFields: {
+          acsUrl: {
+            label: LocalizationValue;
+          };
+          spEntityId: {
+            label: LocalizationValue;
+          };
+        };
         createApp: {
           headerSubtitle: LocalizationValue;
           title: LocalizationValue;
@@ -1519,6 +1519,14 @@ export type __internal_LocalizationResource = {
       };
       samlCustom: {
         headerTitle: LocalizationValue;
+        spFields: {
+          acsUrl: {
+            label: LocalizationValue;
+          };
+          spEntityId: {
+            label: LocalizationValue;
+          };
+        };
         createApp: {
           headerSubtitle: LocalizationValue;
           title: LocalizationValue;

packages/ui/src/components/ConfigureSSO/steps/ConfigureStep.tsx

@@ -163,12 +163,12 @@ export const CreateAppSubStep = (): JSX.Element => {
 
   const acsUrlField = useFormControl('acsUrl', acsUrl, {
     type: 'text',
-    label: localizationKeys('configureSSO.configureStep.spFields.acsUrl.label'),
+    label: localizationKeys(key('spFields.acsUrl.label')),
     isRequired: false,
   });
   const spEntityIdField = useFormControl('spEntityId', spEntityId, {
     type: 'text',
-    label: localizationKeys('configureSSO.configureStep.spFields.spEntityId.label'),
+    label: localizationKeys(key('spFields.spEntityId.label')),
     isRequired: false,
   });