refactor(ui): call __internal_useUserEnterpriseConnections directly in SubmitSamlConfigSubStep

Mirrors the same pattern Iago adopted for SelectProviderStep:
ConfigureSSOProvider no longer plumbs the enterprise-connection mutation
through. SubmitSamlConfigSubStep now calls
__internal_useUserEnterpriseConnections itself, grabs
updateEnterpriseConnection, and wraps it in a local
useReverification(useCallback(...)).

Drops updateConnection from ConfigureSSOData, drops
updateEnterpriseConnection from ConfigureSSOProviderProps, and stops
threading the function through ConfigureSSO.tsx. The provider keeps
ownership of provider-selection state (provider, setProvider,
createConnection) since SelectProviderStep's create-flow still expects
that shape until it gets the same treatment next.

Author: iagodahlem

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

@@ -64,11 +64,7 @@ const AuthenticatedContent = withCoreUserGuard(() => {
 });
 
 const ConfigureSSOCardContent = () => {
-  const {
-    data: enterpriseConnections,
-    isLoading,
-    updateEnterpriseConnection,
-  } = __internal_useUserEnterpriseConnections({ enabled: true });
+  const { data: enterpriseConnections, isLoading } = __internal_useUserEnterpriseConnections({ enabled: true });
 
   // Currently FAPI only supports one enterprise connection per user
   const enterpriseConnection = enterpriseConnections?.[0];
@@ -78,11 +74,7 @@ const ConfigureSSOCardContent = () => {
   }
 
   return (
-    <ConfigureSSOProvider
-      enterpriseConnection={enterpriseConnection}
-      updateEnterpriseConnection={updateEnterpriseConnection}
-    >
-
+    <ConfigureSSOProvider enterpriseConnection={enterpriseConnection}>
       <ConfigureSSOSteps />
     </ConfigureSSOProvider>
   );

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

@@ -1,5 +1,4 @@
-import { useReverification } from '@clerk/shared/react';
-import type { EnterpriseConnectionResource, UpdateMeEnterpriseConnectionParams } from '@clerk/shared/types';
+import type { EnterpriseConnectionResource } from '@clerk/shared/types';
 import React, { type PropsWithChildren } from 'react';
 
 import { deriveInitialStep } from './deriveInitialStep';
@@ -25,29 +24,17 @@ export interface ConfigureSSOData {
    * connection has been created.
    */
   setProvider: (provider: ProviderType) => void;
-  /**
-   * Updates the current enterprise connection with the supplied params. The id
-   * is taken implicitly from `enterpriseConnection` in context, so callers do
-   * not need to thread it through. Throws when no enterprise connection is
-   * loaded yet.
-   */
-  updateConnection: (params: UpdateMeEnterpriseConnectionParams) => Promise<EnterpriseConnectionResource | undefined>;
 }
 
 interface ConfigureSSOProviderProps {
   enterpriseConnection: EnterpriseConnectionResource | undefined;
-  updateEnterpriseConnection: (
-    enterpriseConnectionId: string,
-    params: UpdateMeEnterpriseConnectionParams,
-  ) => Promise<EnterpriseConnectionResource | undefined>;
 }
 
 const ConfigureSSOContext = React.createContext<ConfigureSSOData | null>(null);
 ConfigureSSOContext.displayName = 'ConfigureSSOContext';
 
 export const ConfigureSSOProvider = ({
   enterpriseConnection,
-  updateEnterpriseConnection,
   children,
 }: PropsWithChildren<ConfigureSSOProviderProps>): JSX.Element => {
   const [provider, setProvider] = React.useState<ProviderType | undefined>(
@@ -56,28 +43,14 @@ export const ConfigureSSOProvider = ({
 
   const initialStepId = deriveInitialStep(enterpriseConnection);
 
-  const updateConnectionFetcher = React.useCallback(
-    async (params: UpdateMeEnterpriseConnectionParams) => {
-      if (!enterpriseConnection) {
-        throw new Error('Enterprise connection required');
-      }
-
-      return updateEnterpriseConnection(enterpriseConnection.id, params);
-    },
-    [enterpriseConnection, updateEnterpriseConnection],
-  );
-
-  const updateConnection = useReverification(updateConnectionFetcher);
-
   const value = React.useMemo<ConfigureSSOData>(
     () => ({
       initialStepId,
       enterpriseConnection,
       provider,
       setProvider,
-      updateConnection,
     }),
-    [initialStepId, enterpriseConnection, provider, updateConnection],
+    [initialStepId, enterpriseConnection, provider],
   );
 
   return <ConfigureSSOContext.Provider value={value}>{children}</ConfigureSSOContext.Provider>;

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

@@ -1,3 +1,7 @@
+import { __internal_useUserEnterpriseConnections, useReverification } from '@clerk/shared/react';
+import type { UpdateMeEnterpriseConnectionParams } from '@clerk/shared/types';
+import React from 'react';
+
 import {
   Badge,
   Col,
@@ -744,7 +748,21 @@ export const AssignUsersSubStep = (): JSX.Element => {
 export const SubmitSamlConfigSubStep = (): JSX.Element => {
   const card = useCardState();
   const { goNext, goPrev, isFirstStep } = useWizard();
-  const { enterpriseConnection, updateConnection } = useConfigureSSO();
+  const { enterpriseConnection } = useConfigureSSO();
+  const { updateEnterpriseConnection } = __internal_useUserEnterpriseConnections();
+
+  const updateConnection = useReverification(
+    React.useCallback(
+      async (params: UpdateMeEnterpriseConnectionParams) => {
+        if (!enterpriseConnection) {
+          throw new Error('Enterprise connection required');
+        }
+
+        return updateEnterpriseConnection(enterpriseConnection.id, params);
+      },
+      [enterpriseConnection, updateEnterpriseConnection],
+    ),
+  );
 
   const metadataUrlField = useFormControl('idpMetadataUrl', '', {
     type: 'text',