Update useUserEnterpriseConnections to have mutation methods

Author: LauraBeatris

packages/clerk-js/src/core/resources/__tests__/User.test.ts

@@ -327,7 +327,6 @@ describe('User', () => {
     expect(call.path).toBe('/me/enterprise_connections/ec_123/test_runs');
     expect(call.search.get('limit')).toBe('10');
     expect(call.search.get('offset')).toBe('0');
-    expect(call.search.get('paginated')).toBe('true');
     expect(call.search.getAll('status')).toEqual(['pending', 'success']);
 
     expect(result.total_count).toBe(1);

packages/shared/src/react/hooks/useUserEnterpriseConnections.tsx

@@ -1,5 +1,13 @@
-import type { EnterpriseConnectionResource } from '../../types/enterpriseConnection';
+import { useCallback } from 'react';
+
+import type { DeletedObjectResource } from '../../types/deletedObject';
+import type {
+  CreateMeEnterpriseConnectionParams,
+  EnterpriseConnectionResource,
+  UpdateMeEnterpriseConnectionParams,
+} from '../../types/enterpriseConnection';
 import { defineKeepPreviousDataFn } from '../clerk-rq/keep-previous-data';
+import { useClerkQueryClient } from '../clerk-rq/use-clerk-query-client';
 import { useClerkQuery } from '../clerk-rq/useQuery';
 import { useClerkInstanceContext } from '../contexts';
 import { useUserBase } from './base/useUserBase';
@@ -17,6 +25,15 @@ export type UseUserEnterpriseConnectionsReturn = {
   error: Error | null;
   isLoading: boolean;
   isFetching: boolean;
+  createEnterpriseConnection: (
+    params: CreateMeEnterpriseConnectionParams,
+  ) => Promise<EnterpriseConnectionResource | undefined>;
+  updateEnterpriseConnection: (
+    enterpriseConnectionId: string,
+    params: UpdateMeEnterpriseConnectionParams,
+  ) => Promise<EnterpriseConnectionResource | undefined>;
+  deleteEnterpriseConnection: (enterpriseConnectionId: string) => Promise<DeletedObjectResource | undefined>;
+  revalidate: () => Promise<void>;
 };
 
 /**
@@ -30,6 +47,7 @@ function useUserEnterpriseConnections(
   const { keepPreviousData = true, enabled = true, withOrganizationAccountLinking = false } = params;
   const clerk = useClerkInstanceContext();
   const user = useUserBase();
+  const [queryClient] = useClerkQueryClient();
 
   const { queryKey, stableKey, authenticated } = useUserEnterpriseConnectionsCacheKeys({
     userId: user?.id ?? null,
@@ -51,11 +69,47 @@ function useUserEnterpriseConnections(
     placeholderData: defineKeepPreviousDataFn(keepPreviousData),
   });
 
+  const revalidate = useCallback(
+    () => queryClient.invalidateQueries({ queryKey: [stableKey] }),
+    [queryClient, stableKey],
+  );
+
+  const createEnterpriseConnection = useCallback(
+    async (createParams: CreateMeEnterpriseConnectionParams) => {
+      const created = await user?.createEnterpriseConnection(createParams);
+      await revalidate();
+      return created;
+    },
+    [user, revalidate],
+  );
+
+  const updateEnterpriseConnection = useCallback(
+    async (enterpriseConnectionId: string, updateParams: UpdateMeEnterpriseConnectionParams) => {
+      const updated = await user?.updateEnterpriseConnection(enterpriseConnectionId, updateParams);
+      await revalidate();
+      return updated;
+    },
+    [user, revalidate],
+  );
+
+  const deleteEnterpriseConnection = useCallback(
+    async (enterpriseConnectionId: string) => {
+      const deleted = await user?.deleteEnterpriseConnection(enterpriseConnectionId);
+      await revalidate();
+      return deleted;
+    },
+    [user, revalidate],
+  );
+
   return {
     data: query.data,
     error: query.error ?? null,
     isLoading: query.isLoading,
     isFetching: query.isFetching,
+    createEnterpriseConnection,
+    updateEnterpriseConnection,
+    deleteEnterpriseConnection,
+    revalidate,
   };
 }