refactor: separate mutation keys from query keys

Split learnerDashboardQueryKeys into distinct query and mutation key
factories for clearer semantics. Mutation keys now live in
learnerDashboardMutationKeys while query invalidation still uses
learnerDashboardQueryKeys.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: arbrandes

src/data/hooks/mutationHooks.ts

@@ -8,7 +8,7 @@ import {
   updateEmailSettings,
   updateEntitlementEnrollment,
 } from '@src/data/services/lms/api';
-import { learnerDashboardQueryKeys } from './queryKeys';
+import { learnerDashboardQueryKeys, learnerDashboardMutationKeys } from './queryKeys';
 
 interface UpdateEntitlementProps {
   uuid: string,
@@ -35,7 +35,7 @@ const useUnenrollFromCourse = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: learnerDashboardQueryKeys.unenrollFromCourse(),
+    mutationKey: learnerDashboardMutationKeys.unenrollFromCourse(),
     mutationFn: ({ courseId }: { courseId: string }) => unenrollFromCourse({ courseId }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: learnerDashboardQueryKeys.initializeBase() });
@@ -50,7 +50,7 @@ const useUpdateEntitlementEnrollment = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: learnerDashboardQueryKeys.updateEntitlementEnrollment(),
+    mutationKey: learnerDashboardMutationKeys.updateEntitlementEnrollment(),
     mutationFn: ({ uuid, courseId }: UpdateEntitlementProps) => updateEntitlementEnrollment({ uuid, courseId }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: learnerDashboardQueryKeys.initializeBase() });
@@ -65,7 +65,7 @@ const useDeleteEntitlementEnrollment = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: learnerDashboardQueryKeys.deleteEntitlementEnrollment(),
+    mutationKey: learnerDashboardMutationKeys.deleteEntitlementEnrollment(),
     mutationFn: (params: DeleteEntitlementParams) => deleteEntitlementEnrollment(params),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: learnerDashboardQueryKeys.initializeBase() });
@@ -80,7 +80,7 @@ const useUpdateEmailSettings = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: learnerDashboardQueryKeys.updateEmailSettings(),
+    mutationKey: learnerDashboardMutationKeys.updateEmailSettings(),
     mutationFn: ({ courseId, enable }: UpdateEmailSettingsParams) => updateEmailSettings({ courseId, enable }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: learnerDashboardQueryKeys.initializeBase() });
@@ -95,7 +95,7 @@ const useCreateCreditRequest = () => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: learnerDashboardQueryKeys.createCreditRequest(),
+    mutationKey: learnerDashboardMutationKeys.createCreditRequest(),
     mutationFn: (props: CreditParams) => createCreditRequest(props),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: learnerDashboardQueryKeys.initializeBase() });
@@ -110,7 +110,7 @@ const useSendConfirmEmail = (sendEmailUrl: string) => {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationKey: learnerDashboardQueryKeys.sendConfirmEmail(sendEmailUrl),
+    mutationKey: learnerDashboardMutationKeys.sendConfirmEmail(sendEmailUrl),
     mutationFn: () => sendConfirmEmail(sendEmailUrl),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: learnerDashboardQueryKeys.initializeBase() });

src/data/hooks/queryKeys.ts

@@ -1,11 +1,16 @@
+const BASE_KEY = ['learner-dashboard'] as const;
+
 export const learnerDashboardQueryKeys = {
-  all: ['learner-dashboard'] as const,
-  initializeBase: () => [...learnerDashboardQueryKeys.all, 'initialize'] as const,
-  initialize: (masqueradedUser?: string | null) => [...learnerDashboardQueryKeys.all, 'initialize', masqueradedUser] as const,
-  unenrollFromCourse: () => [...learnerDashboardQueryKeys.all, 'unenrollFromCourse'] as const,
-  updateEntitlementEnrollment: () => [...learnerDashboardQueryKeys.all, 'updateEntitlementEnrollment'] as const,
-  deleteEntitlementEnrollment: () => [...learnerDashboardQueryKeys.all, 'deleteEntitlementEnrollment'] as const,
-  updateEmailSettings: () => [...learnerDashboardQueryKeys.all, 'updateEmailSettings'] as const,
-  createCreditRequest: () => [...learnerDashboardQueryKeys.all, 'createCreditRequest'] as const,
-  sendConfirmEmail: (sendEmailUrl: string) => [...learnerDashboardQueryKeys.all, 'sendConfirmEmail', sendEmailUrl] as const,
+  all: BASE_KEY,
+  initializeBase: () => [...BASE_KEY, 'initialize'] as const,
+  initialize: (masqueradedUser?: string | null) => [...BASE_KEY, 'initialize', masqueradedUser] as const,
+};
+
+export const learnerDashboardMutationKeys = {
+  unenrollFromCourse: () => [...BASE_KEY, 'unenrollFromCourse'] as const,
+  updateEntitlementEnrollment: () => [...BASE_KEY, 'updateEntitlementEnrollment'] as const,
+  deleteEntitlementEnrollment: () => [...BASE_KEY, 'deleteEntitlementEnrollment'] as const,
+  updateEmailSettings: () => [...BASE_KEY, 'updateEmailSettings'] as const,
+  createCreditRequest: () => [...BASE_KEY, 'createCreditRequest'] as const,
+  sendConfirmEmail: (sendEmailUrl: string) => [...BASE_KEY, 'sendConfirmEmail', sendEmailUrl] as const,
 };