feat(ui): surface SAML ACS URL in ConfigureSSO Configure step

Pull the enterprise connection from ConfigureSSOContext inside ConfigureStep and render its SAML ACS URL as the single sign-on URL, replacing the placeholder text. Drop the now-unused isLastStep guard from the Select Provider continue button.

Author: iagodahlem

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

@@ -69,6 +69,7 @@ const ConfigureSSOCardContent = () => {
     isLoading,
     createEnterpriseConnection,
   } = __internal_useUserEnterpriseConnections({ enabled: true });
+
   // Currently FAPI only supports one enterprise connection per user
   const enterpriseConnection = enterpriseConnections?.[0];
 

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

@@ -1,10 +1,12 @@
-import { descriptors, Flow, Text } from '@/customizables';
+import { descriptors, Flow } from '@/customizables';
 
+import { useConfigureSSO } from '../ConfigureSSOContext';
 import { Step } from '../elements/Step';
 import { useWizard } from '../elements/Wizard';
 
 export const ConfigureStep = (): JSX.Element => {
   const { goNext, goPrev, isFirstStep, isLastStep } = useWizard();
+  const { enterpriseConnection } = useConfigureSSO();
 
   return (
     <Flow.Part part='configureCreateApp'>
@@ -18,9 +20,7 @@ export const ConfigureStep = (): JSX.Element => {
         />
 
         <Step.Body>
-          <Step.Section>
-            <Text>UI goes here</Text>
-          </Step.Section>
+          <Step.Section>Single sign-on URL: {enterpriseConnection?.samlConnection?.acsUrl}</Step.Section>
         </Step.Body>
 
         <Step.Footer>

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

@@ -43,7 +43,7 @@ const PROVIDER_GROUPS: ReadonlyArray<{
 
 export const SelectProviderStep = (): JSX.Element => {
   const card = useCardState();
-  const { goNext, isLastStep } = useWizard();
+  const { goNext } = useWizard();
   const { setProvider, createConnection } = useConfigureSSO();
   const [selected, setSelected] = React.useState<ProviderType | null>(null);
 
@@ -147,7 +147,7 @@ export const SelectProviderStep = (): JSX.Element => {
           <Step.Footer.Continue
             onClick={handleContinue}
             isLoading={card.isLoading}
-            isDisabled={isLastStep || !selected || card.isLoading}
+            isDisabled={!selected || card.isLoading}
           />
         </Step.Footer>
       </Step>