Add provider

Author: LauraBeatris

packages/localizations/src/en-US.ts

@@ -242,6 +242,7 @@ export const enUS: LocalizationResource = {
         groupLabel: 'SAML',
         okta: 'Okta Workforce',
         customSaml: 'Custom SAML Provider',
+        google: 'Google Workspace',
       },
       warning: 'Once a provider is selected you cannot change again until the configuration is over',
     },
@@ -387,7 +388,7 @@ export const enUS: LocalizationResource = {
           step2: 'Select <bold>Add Expression</bold> for each row below, then enter the matching name and value:',
           attributeMappingTable: {
             columns: {
-              name: 'Name',
+              name: 'Attribute name',
               expression: 'Expression',
             },
             rows: {

packages/shared/src/types/localization.ts

@@ -1308,6 +1308,7 @@ export type __internal_LocalizationResource = {
         groupLabel: LocalizationValue;
         okta: LocalizationValue;
         customSaml: LocalizationValue;
+        google: LocalizationValue;
       };
       warning: LocalizationValue;
     };

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

@@ -6,12 +6,12 @@ import { useConfigureSSO } from '../../ConfigureSSOContext';
 import { Step } from '../../elements/Step';
 import { Wizard } from '../../elements/Wizard';
 import type { ProviderType } from '../../types';
-import { SamlCustomConfigureSteps } from './saml/SamlCustomConfigureSteps';
-import { SamlOktaConfigureSteps } from './saml/SamlOktaConfigureSteps';
+import { SamlCustomConfigureSteps, SamlGoogleConfigureSteps, SamlOktaConfigureSteps } from './saml';
 
 const STEPS_BY_PROVIDER: Record<ProviderType, () => JSX.Element> = {
   saml_custom: SamlCustomConfigureSteps,
   saml_okta: SamlOktaConfigureSteps,
+  saml_google: SamlGoogleConfigureSteps,
 };
 
 export const ConfigureStep = (): JSX.Element | null => {

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

@@ -0,0 +1,5 @@
+import { type JSX } from 'react';
+
+export const SamlGoogleConfigureSteps = (): JSX.Element => {
+  return <div>SamlGoogleConfigureSteps</div>;
+};

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

@@ -0,0 +1,3 @@
+export { SamlCustomConfigureSteps } from './SamlCustomConfigureSteps';
+export { SamlGoogleConfigureSteps } from './SamlGoogleConfigureSteps';
+export { SamlOktaConfigureSteps } from './SamlOktaConfigureSteps';

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

@@ -47,6 +47,11 @@ const PROVIDER_GROUPS: ReadonlyArray<{
         label: localizationKeys('configureSSO.selectProviderStep.saml.customSaml'),
         iconId: 'saml',
       },
+      {
+        id: 'saml_google',
+        label: localizationKeys('configureSSO.selectProviderStep.saml.google'),
+        iconId: 'google',
+      },
     ],
   },
 ];

packages/ui/src/components/ConfigureSSO/types.ts

@@ -1,3 +1,3 @@
-export type ProviderType = 'saml_okta' | 'saml_custom';
+export type ProviderType = 'saml_okta' | 'saml_custom' | 'saml_google';
 
 export type WizardStepId = 'select-provider' | 'verify-domain' | 'configure' | 'test' | 'confirmation';