@omniumretail/shared-resources 0.0.75 → 0.0.76

package/src/hooks/useEvaluationCycleIdQuery.hook.ts

@@ -1,13 +1,13 @@
-import { useQuery } from "@tanstack/react-query";
-import { EvaluationCycle } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export const useEvaluationCycleIdQueryHook = (evaluationId: string) => {
-    return useQuery(
-        ['EVALUATION_CYCLE_ID_QUERY', evaluationId],
-        () => getAuth0<EvaluationCycle>(`/APE/EvaluationCycle/${evaluationId}`),
-        {
-            enabled: !!(evaluationId),
-        },
-    );
-}
+import { useQuery } from "@tanstack/react-query";
+import { EvaluationCycle } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export const useEvaluationCycleIdQueryHook = (evaluationId: string) => {
+    return useQuery(
+        ['EVALUATION_CYCLE_ID_QUERY', evaluationId],
+        () => getAuth0<EvaluationCycle>(`/APE/EvaluationCycle/${evaluationId}`),
+        {
+            enabled: !!(evaluationId),
+        },
+    );
+}

package/src/hooks/useEvaluationCycleMutateQuery.hook.ts

@@ -1,17 +1,17 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { EvaluationCycle } from '../interfaces/EvaluationCycle';
-import { putAuth0, postAuth0 } from '../services/ApiService';
-
-export const useEvaluationCycleMutateHook = () => {
-    const queryClient = useQueryClient();
-    return useMutation<EvaluationCycle, unknown, EvaluationCycle>((data: EvaluationCycle) => {
-        return data.Id ?
-            putAuth0(`/APE/EvaluationCycle/${data.Id}`, undefined, data) :
-            postAuth0('/APE/EvaluationCycle', undefined, data);
-    }, {
-        onSuccess: (data: EvaluationCycle) => {
-            queryClient.setQueryData(
-                ['EVALUATION_CYCLE_ID_QUERY'], data);
-        },
-    });
-}
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { EvaluationCycle } from '../interfaces/EvaluationCycle';
+import { putAuth0, postAuth0 } from '../services/ApiService';
+
+export const useEvaluationCycleMutateHook = () => {
+    const queryClient = useQueryClient();
+    return useMutation<EvaluationCycle, unknown, EvaluationCycle>((data: EvaluationCycle) => {
+        return data.Id ?
+            putAuth0(`/APE/EvaluationCycle/${data.Id}`, undefined, data) :
+            postAuth0('/APE/EvaluationCycle', undefined, data);
+    }, {
+        onSuccess: (data: EvaluationCycle) => {
+            queryClient.setQueryData(
+                ['EVALUATION_CYCLE_ID_QUERY'], data);
+        },
+    });
+}

package/src/hooks/useEvaluationCycleQuery.hook.ts

@@ -1,25 +1,27 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { EvaluationCycle, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface EvaluationCycleProps extends UseQueryOptions<ResponseList<"EvaluationCycles", EvaluationCycle>> {
-    tags?: string;
-    page?: number;
-    records?: number;
-}
-
-export const useEvaluationCycleQueryHook = ({ tags, page, records }: EvaluationCycleProps) => {
-    return useQuery(
-        ['EVALUATION_CYCLE_QUERY', tags, page, records],
-            () => getAuth0<ResponseList<"EvaluationCycles", EvaluationCycle>>('/APE/EvaluationCycle', {
-                pPage: page || 1,
-                pRecords: records || 50,
-                pSortBy: 'Type',
-                pSortDirection: 'asc',
-                pTerms: tags,
-            }),
-            {
-                keepPreviousData: true,
-            }
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { EvaluationCycle, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface EvaluationCycleProps extends UseQueryOptions<ResponseList<"EvaluationCycles", EvaluationCycle>> {
+    tags?: string;
+    page?: number;
+    records?: number;
+    sortBy?: string;
+    sortDirection?: string;
+}
+
+export const useEvaluationCycleQueryHook = ({ tags, page, records, sortBy, sortDirection }: EvaluationCycleProps) => {
+    return useQuery(
+        ['EVALUATION_CYCLE_QUERY', tags, page, records, sortBy, sortDirection],
+            () => getAuth0<ResponseList<"EvaluationCycles", EvaluationCycle>>('/APE/EvaluationCycle', {
+                pPage: page || 1,
+                pRecords: records || 50,
+                pSortBy: sortBy || 'Type',
+                pSortDirection: sortDirection || 'asc',
+                pTerms: tags,
+            }),
+            {
+                keepPreviousData: true,
+            }
+    );
+}

package/src/hooks/useExpUsersAnswersQuery.hook.ts

@@ -1,25 +1,25 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { ExpUsersAnswers, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface ExpUsersAnswersProps extends UseQueryOptions<ResponseList<"Users", ExpUsersAnswers>> {
-    tags?: string;
-    page?: number;
-    records?: number;
-}
-
-export const useExpUsersAnswersQueryHook = ({ tags, page, records }: ExpUsersAnswersProps) => {
-    return useQuery(
-        ['EXP_USERS_ANSWERS_QUERY', tags, page, records],
-            () => getAuth0<ResponseList<"Users", ExpUsersAnswers>>('/APE/Analytics/EvaluationCycle/UsersExperimental', {
-                pPage: page || 1,
-                pRecords: records || 50,
-                pSortBy: 'Type',
-                pSortDirection: 'asc',
-                pTerms: tags,
-            }),
-            {
-                keepPreviousData: true,
-            }
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { ExpUsersAnswers, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface ExpUsersAnswersProps extends UseQueryOptions<ResponseList<"Users", ExpUsersAnswers>> {
+    tags?: string;
+    page?: number;
+    records?: number;
+}
+
+export const useExpUsersAnswersQueryHook = ({ tags, page, records }: ExpUsersAnswersProps) => {
+    return useQuery(
+        ['EXP_USERS_ANSWERS_QUERY', tags, page, records],
+            () => getAuth0<ResponseList<"Users", ExpUsersAnswers>>('/APE/Analytics/EvaluationCycle/UsersExperimental', {
+                pPage: page || 1,
+                pRecords: records || 50,
+                pSortBy: 'Type',
+                pSortDirection: 'asc',
+                pTerms: tags,
+            }),
+            {
+                keepPreviousData: true,
+            }
+    );
+}

package/src/hooks/useJobTitlesQuery.hook.ts

@@ -1,14 +1,14 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { JobTitles, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services";
-
-interface JobTitlesQueryProps extends UseQueryOptions<JobTitles> {
-    records: string;
-}
-
-export const useJobTitlesQuery = ({ records }: JobTitlesQueryProps) => {
-    return useQuery(
-        ['JOBTITLES_QUERY', records],
-        () => getAuth0<ResponseList<"JobTitles", JobTitles>>(`/JobTitles`, { pPage: 1, pRecords: records || 195 })
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { JobTitles, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services";
+
+interface JobTitlesQueryProps extends UseQueryOptions<JobTitles> {
+    records: string;
+}
+
+export const useJobTitlesQuery = ({ records }: JobTitlesQueryProps) => {
+    return useQuery(
+        ['JOBTITLES_QUERY', records],
+        () => getAuth0<ResponseList<"JobTitles", JobTitles>>(`/JobTitles`, { pPage: 1, pRecords: records || 195 })
+    );
+}

package/src/hooks/useProductHierarchies.hook.ts

@@ -1,12 +1,12 @@
-import { get, ProductsHierarchies, ResponseList } from '..';
-import { useQuery, UseQueryOptions } from '@tanstack/react-query';
-
-export interface useProductsHierarchiesQueryHook extends UseQueryOptions<ResponseList<"Hierarchies", ProductsHierarchies>> {
-    page?: number;
-    limit?: number;
-}
-
-export const useProductsHierarchiesQueryHook = ({ page, limit, ...options }: useProductsHierarchiesQueryHook) => {
-    return useQuery<ResponseList<"Hierarchies", ProductsHierarchies>>(['HIERARCHIES', page, limit], () =>
-        get('/Product/ProductHierarchies', { pPage: page, pRecords: limit || 50 }), options);
-};
+import { get, ProductsHierarchies, ResponseList } from '..';
+import { useQuery, UseQueryOptions } from '@tanstack/react-query';
+
+export interface useProductsHierarchiesQueryHook extends UseQueryOptions<ResponseList<"Hierarchies", ProductsHierarchies>> {
+    page?: number;
+    limit?: number;
+}
+
+export const useProductsHierarchiesQueryHook = ({ page, limit, ...options }: useProductsHierarchiesQueryHook) => {
+    return useQuery<ResponseList<"Hierarchies", ProductsHierarchies>>(['HIERARCHIES', page, limit], () =>
+        get('/Product/ProductHierarchies', { pPage: page, pRecords: limit || 50 }), options);
+};

package/src/hooks/useProductsQuery.hook.ts

@@ -1,30 +1,30 @@
-import { get, Product, ResponseList } from '..';
-import { useInfiniteQuery, useQuery, UseQueryOptions } from '@tanstack/react-query';
-
-export interface ProductsQuery extends UseQueryOptions<ResponseList<"Products", Product>> {
-    page?: number;
-    limit?: number;
-    filterBy?: string;
-    search?: string;
-}
-
-export const useProductsQueryHook = ({ page, limit, ...options }: ProductsQuery) => {
-    return useQuery<ResponseList<"Products", Product>>(['PRODUCTS', page, limit], () =>
-        get('/Product/Products', { pPage: page, pRecords: limit || 50 }), options);
-};
-
-export const useProductInfiniteQueryHook = ({ filterBy, search }: Omit<ProductsQuery, 'page' | 'limit' > = {}) => {
-    const infiniteQuery = useInfiniteQuery(['PRODUCTS_INFINITE', filterBy, search], ({ pageParam = 1 }) =>
-        get<ResponseList<"Products", Product>>('/Product/Products', {
-            pPage: pageParam, pRecords: 50,
-        }));
-
-    const pagesMulti = infiniteQuery.data?.pages?.map((page) => (page.Products as Product[]) || []) || [];
-    const allDataGrouped = ([] as Product[]).concat(...pagesMulti);
-
-    return {
-        ...infiniteQuery,
-        count: infiniteQuery.data?.pages?.[0].Count || 0,
-        data: allDataGrouped,
-    }
-};
+import { get, Product, ResponseList } from '..';
+import { useInfiniteQuery, useQuery, UseQueryOptions } from '@tanstack/react-query';
+
+export interface ProductsQuery extends UseQueryOptions<ResponseList<"Products", Product>> {
+    page?: number;
+    limit?: number;
+    filterBy?: string;
+    search?: string;
+}
+
+export const useProductsQueryHook = ({ page, limit, ...options }: ProductsQuery) => {
+    return useQuery<ResponseList<"Products", Product>>(['PRODUCTS', page, limit], () =>
+        get('/Product/Products', { pPage: page, pRecords: limit || 50 }), options);
+};
+
+export const useProductInfiniteQueryHook = ({ filterBy, search }: Omit<ProductsQuery, 'page' | 'limit' > = {}) => {
+    const infiniteQuery = useInfiniteQuery(['PRODUCTS_INFINITE', filterBy, search], ({ pageParam = 1 }) =>
+        get<ResponseList<"Products", Product>>('/Product/Products', {
+            pPage: pageParam, pRecords: 50,
+        }));
+
+    const pagesMulti = infiniteQuery.data?.pages?.map((page) => (page.Products as Product[]) || []) || [];
+    const allDataGrouped = ([] as Product[]).concat(...pagesMulti);
+
+    return {
+        ...infiniteQuery,
+        count: infiniteQuery.data?.pages?.[0].Count || 0,
+        data: allDataGrouped,
+    }
+};

package/src/hooks/useQuestionnaireIdQuery.hook.ts

@@ -1,13 +1,13 @@
-import { useQuery } from "@tanstack/react-query";
-import { Questionnaire } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export const useQuestionnaireIdQueryHook = (surveyId: string) => {
-    return useQuery(
-        ['QUESTIONNAIRE_ID_QUERY', surveyId],
-        () => getAuth0<Questionnaire>(`/APE/Questionnaire/${surveyId}`),
-        {
-            enabled: !!(surveyId),
-        },
-    );
-}
+import { useQuery } from "@tanstack/react-query";
+import { Questionnaire } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export const useQuestionnaireIdQueryHook = (surveyId: string) => {
+    return useQuery(
+        ['QUESTIONNAIRE_ID_QUERY', surveyId],
+        () => getAuth0<Questionnaire>(`/APE/Questionnaire/${surveyId}`),
+        {
+            enabled: !!(surveyId),
+        },
+    );
+}

package/src/hooks/useQuestionnaireMutateQuery.hook.ts

@@ -1,17 +1,17 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { Questionnaire } from '../interfaces/Questionnaire';
-import { putAuth0, postAuth0 } from '../services/ApiService';
-
-export const useQuestionnaireMutateHook = () => {
-    const queryClient = useQueryClient();
-    return useMutation<Questionnaire, unknown, Questionnaire>((data: Questionnaire) => {
-        return data.Id ?
-            putAuth0(`/APE/Questionnaire/${data.Id}`, undefined, data) :
-            postAuth0('/APE/Questionnaire', undefined, data);
-    }, {
-        onSuccess: (data: Questionnaire) => {
-            queryClient.setQueryData(
-                ['QUESTIONNAIRE_ID_QUERY'], data);
-        },
-    });
-}
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { Questionnaire } from '../interfaces/Questionnaire';
+import { putAuth0, postAuth0 } from '../services/ApiService';
+
+export const useQuestionnaireMutateHook = () => {
+    const queryClient = useQueryClient();
+    return useMutation<Questionnaire, unknown, Questionnaire>((data: Questionnaire) => {
+        return data.Id ?
+            putAuth0(`/APE/Questionnaire/${data.Id}`, undefined, data) :
+            postAuth0('/APE/Questionnaire', undefined, data);
+    }, {
+        onSuccess: (data: Questionnaire) => {
+            queryClient.setQueryData(
+                ['QUESTIONNAIRE_ID_QUERY'], data);
+        },
+    });
+}

package/src/hooks/useQuestionnaireQuery.hook.ts

@@ -1,27 +1,29 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { Questionnaire, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface QuestionnaireQuery extends UseQueryOptions<ResponseList<"Questionnairezes", Questionnaire>> {
-    tags?: string;
-    page?: number;
-    records?: number;
-    queryField?: string;
-}
-
-export const useQuestionnaireQueryHook = ({ tags, page, records, queryField }: QuestionnaireQuery) => {
-    return useQuery(
-        ['QUESTIONNAIRE_QUERY', tags, page, records, queryField],
-            () => getAuth0<ResponseList<"Questionnairezes", Questionnaire>>('/APE/Questionnaire', {
-                pPage: page || 1,
-                pRecords: records || 50,
-                pSortBy: 'Type',
-                pSortDirection: 'asc',
-                pTerms: tags,
-                pQuery: queryField
-            }),
-            {
-                keepPreviousData: true,
-            }
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { Questionnaire, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface QuestionnaireQuery extends UseQueryOptions<ResponseList<"Questionnairezes", Questionnaire>> {
+    tags?: string;
+    page?: number;
+    records?: number;
+    queryField?: string;
+    sortBy?: string;
+    sortDirection?: string;
+}
+
+export const useQuestionnaireQueryHook = ({ tags, page, records, queryField, sortBy, sortDirection }: QuestionnaireQuery) => {
+    return useQuery(
+        ['QUESTIONNAIRE_QUERY', tags, page, records, sortBy, sortDirection, queryField],
+            () => getAuth0<ResponseList<"Questionnairezes", Questionnaire>>('/APE/Questionnaire', {
+                pPage: page || 1,
+                pRecords: records || 50,
+                pSortBy: sortBy || 'Type',
+                pSortDirection: sortDirection || 'asc',
+                pTerms: tags,
+                pQuery: queryField
+            }),
+            {
+                keepPreviousData: true,
+            }
+    );
+}

package/src/hooks/useSingleUserIdMutateQuery.hook.ts

@@ -1,18 +1,18 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { SingleUser } from '../interfaces/User';
-import { putAuth0, postAuth0 } from '../services/ApiService';
-
-export const useSingleUserIdMutateQuery = (bodyType?: string) => {
-    const queryClient = useQueryClient();
-    return useMutation<SingleUser, unknown, SingleUser>((data: SingleUser | any) => {
-        const userId = bodyType === 'formdata' ? data.get('UserId') : data.UserId
-        return userId
-            ?   putAuth0(`/Users/${userId}`, undefined, data, bodyType) 
-            :   postAuth0('/Users/', undefined, data, bodyType);
-    }, {
-        onSuccess: (data: SingleUser) => {
-            queryClient.setQueryData(
-                ['SINGLE_USER_ID_QUERY'], data);
-        },
-    });
-}
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { SingleUser } from '../interfaces/User';
+import { putAuth0, postAuth0 } from '../services/ApiService';
+
+export const useSingleUserIdMutateQuery = (bodyType?: string) => {
+    const queryClient = useQueryClient();
+    return useMutation<SingleUser, unknown, SingleUser>((data: SingleUser | any) => {
+        const userId = bodyType === 'formdata' ? data.get('UserId') : data.UserId
+        return userId
+            ?   putAuth0(`/Users/${userId}`, undefined, data, bodyType) 
+            :   postAuth0('/Users/', undefined, data, bodyType);
+    }, {
+        onSuccess: (data: SingleUser) => {
+            queryClient.setQueryData(
+                ['SINGLE_USER_ID_QUERY'], data);
+        },
+    });
+}

package/src/hooks/useSingleUserIdQuery.hook.ts

@@ -1,14 +1,14 @@
-import { useQuery } from "@tanstack/react-query";
-import { User } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export const useSingleUserIdQueryHook = (userId: string) => {
-    return useQuery(
-        ['SINGLE_USER_ID_QUERY', userId],
-        () => getAuth0<User>(`/Users/${userId}`),
-        {
-            enabled: !!(userId),
-        },
-    );
-}
-
+import { useQuery } from "@tanstack/react-query";
+import { User } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export const useSingleUserIdQueryHook = (userId: string) => {
+    return useQuery(
+        ['SINGLE_USER_ID_QUERY', userId],
+        () => getAuth0<User>(`/Users/${userId}`),
+        {
+            enabled: !!(userId),
+        },
+    );
+}
+

package/src/hooks/useSingleUserResetPassword.hook.ts

@@ -1,15 +1,15 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { User } from "../interfaces";
-import { postAuth0 } from "../services/ApiService";
-
-export const useSingleUserResetPassword = (userId: string) => {
-    const queryClient = useQueryClient();
-    return useMutation<User, unknown, User>(() => {
-        return postAuth0(`/Users/${userId}/resetPassword`)
-    }, {
-        onSuccess: (data: any) => {
-            queryClient.setQueryData(
-                ['USER_RESET_PASSWORD_QUERY'], data);
-        },
-    });
-}
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { User } from "../interfaces";
+import { postAuth0 } from "../services/ApiService";
+
+export const useSingleUserResetPassword = (userId: string) => {
+    const queryClient = useQueryClient();
+    return useMutation<User, unknown, User>(() => {
+        return postAuth0(`/Users/${userId}/resetPassword`)
+    }, {
+        onSuccess: (data: any) => {
+            queryClient.setQueryData(
+                ['USER_RESET_PASSWORD_QUERY'], data);
+        },
+    });
+}

package/src/hooks/useStoreQuery.ts

@@ -1,13 +1,13 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { Store } from "../interfaces/Store";
-import { get } from "../services";
-
-interface StoreQueryProps extends UseQueryOptions<Store> {
-    id: string;
-}
-
-const FixedStore = "C62A59C7-DE0C-4EF7-9A5F-1929A4F93F46";
-
-export const useStoreQuery = ({ id, ...options }: StoreQueryProps) => {
-    return useQuery(['STORE_QUERY', id], () => get(`/Franchise/Locations/${id || FixedStore}`), options);
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { Store } from "../interfaces/Store";
+import { get } from "../services";
+
+interface StoreQueryProps extends UseQueryOptions<Store> {
+    id: string;
+}
+
+const FixedStore = "C62A59C7-DE0C-4EF7-9A5F-1929A4F93F46";
+
+export const useStoreQuery = ({ id, ...options }: StoreQueryProps) => {
+    return useQuery(['STORE_QUERY', id], () => get(`/Franchise/Locations/${id || FixedStore}`), options);
+}

package/src/hooks/useTermNotificationQuery.hook.ts

@@ -1,11 +1,11 @@
-import { useQuery } from "@tanstack/react-query";
-import { TermNotification } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export const useTermNotificationQueryHook = () => {
-    return useQuery(
-        ['TERM_NOTIFICATION_QUERY'],
-        () => getAuth0<TermNotification[]>(`/APE/TermNotification`),
-    );
-}
-
+import { useQuery } from "@tanstack/react-query";
+import { TermNotification } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export const useTermNotificationQueryHook = () => {
+    return useQuery(
+        ['TERM_NOTIFICATION_QUERY'],
+        () => getAuth0<TermNotification[]>(`/APE/TermNotification`),
+    );
+}
+

package/src/hooks/useUpdateSupervisorMutateQuery.hook.ts

@@ -1,27 +1,27 @@
-import { useMutation, useQueryClient, UseQueryOptions } from '@tanstack/react-query';
-import { EvaluationCycle } from '../interfaces/EvaluationCycle';
-import { putAuth0 } from '../services/ApiService';
-
-export interface UpdateSupervisorMutateQuery extends UseQueryOptions<EvaluationCycle> {
-    evaluationCycleId?: string;
-    userId?: string;
-    supervisorId?: string;
-}
-
-export const useUpdateSupervisorMutateQueryHook = ({ evaluationCycleId, userId, supervisorId }: UpdateSupervisorMutateQuery) => {
-    const queryClient = useQueryClient();
-    return useMutation<EvaluationCycle, unknown, EvaluationCycle>((data: EvaluationCycle) => {
-        return putAuth0(`/APE/EvaluationCycle/UpdateSupervisor`, {
-            pEvaluationCycleId: evaluationCycleId,
-            pUserId: userId,
-            pSupervisor: supervisorId
-        },
-            data
-        );
-    }, {
-        onSuccess: (data: EvaluationCycle) => {
-            queryClient.setQueryData(
-                ['UPDATE_SUPERVISOR'], data);
-        },
-    });
-}
+import { useMutation, useQueryClient, UseQueryOptions } from '@tanstack/react-query';
+import { EvaluationCycle } from '../interfaces/EvaluationCycle';
+import { putAuth0 } from '../services/ApiService';
+
+export interface UpdateSupervisorMutateQuery extends UseQueryOptions<EvaluationCycle> {
+    evaluationCycleId?: string;
+    userId?: string;
+    supervisorId?: string;
+}
+
+export const useUpdateSupervisorMutateQueryHook = ({ evaluationCycleId, userId, supervisorId }: UpdateSupervisorMutateQuery) => {
+    const queryClient = useQueryClient();
+    return useMutation<EvaluationCycle, unknown, EvaluationCycle>((data: EvaluationCycle) => {
+        return putAuth0(`/APE/EvaluationCycle/UpdateSupervisor`, {
+            pEvaluationCycleId: evaluationCycleId,
+            pUserId: userId,
+            pSupervisor: supervisorId
+        },
+            data
+        );
+    }, {
+        onSuccess: (data: EvaluationCycle) => {
+            queryClient.setQueryData(
+                ['UPDATE_SUPERVISOR'], data);
+        },
+    });
+}