Move InnerStepCounter to separate module

Author: LauraBeatris

packages/localizations/src/en-US.ts

@@ -433,9 +433,6 @@ export const enUS: LocalizationResource = {
         },
         identityProviderMetadataStep: {
           headerSubtitle: 'Configure identity provider metadata',
-          label: '',
-          placeholder: '',
-          description: '',
           modes: {
             title: 'Fill in your Okta SAML application details',
             ariaLabel: 'Configuration ',

packages/ui/src/components/ConfigureSSO/elements/Wizard/InnerStepCounter.tsx

@@ -0,0 +1,12 @@
+import { Step } from '../Step';
+import { useWizard } from './index';
+
+export const InnerStepCounter = (): JSX.Element => {
+  const { currentIndex, totalSteps } = useWizard();
+  return (
+    <Step.Counter
+      total={totalSteps}
+      current={currentIndex + 1}
+    />
+  );
+};

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

@@ -22,6 +22,7 @@ import { handleError } from '@/utils/errorHandler';
 import { useConfigureSSO } from '../ConfigureSSOContext';
 import { Step } from '../elements/Step';
 import { useWizard, Wizard } from '../elements/Wizard';
+import { InnerStepCounter } from '../elements/Wizard/InnerStepCounter';
 
 export const VerifyDomainStep = (): JSX.Element => {
   const { user } = useUser();
@@ -157,16 +158,6 @@ export const VerifyDomainStep = (): JSX.Element => {
   );
 };
 
-const InnerStepCounter = (): JSX.Element => {
-  const { currentIndex, totalSteps } = useWizard();
-  return (
-    <Step.Counter
-      total={totalSteps}
-      current={currentIndex + 1}
-    />
-  );
-};
-
 const isEmail = (str: string) => /^\S+@\S+\.\S+$/.test(str);
 
 type ProvideEmailStepProps = {