@omniumretail/shared-resources 0.0.22 → 0.0.24

package/src/hooks/useAnalyticsUserQuery.hook.ts

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

package/src/hooks/useAnswerIdQuery.hook.ts

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

package/src/hooks/useAnswerMutateQuery.hook.ts

@@ -1,31 +1,31 @@
-import { useMutation, useQueryClient, UseQueryOptions } from '@tanstack/react-query';
-import { Answer } from '../interfaces';
-import { putAuth0, postAuth0 } from '../services/ApiService';
-
-export interface AnswerQuery extends UseQueryOptions<Answer> {
-    pQuestionnaireId?: string;
-    pEvaluationCycleId?: string;
-    pUserId?: string;
-    pTargetUserId?: string;
-}
-
-export const useAnswerMutateHook = ({ pQuestionnaireId, pEvaluationCycleId, pUserId, pTargetUserId }: AnswerQuery, answerId: string) => {
-    const queryClient = useQueryClient();
-    return useMutation<Answer, unknown, Answer>((data: Answer) => {
-        return answerId ?
-            putAuth0(`/APE/Answers/${answerId}`, undefined, data) :
-            postAuth0(`/APE/Answers?`, {
-                pQuestionnaireId: pQuestionnaireId,
-                pEvaluationCycleId: pEvaluationCycleId,
-                pUserId: pUserId,
-                pTargetUserId: pTargetUserId
-            },
-                data
-            );
-    }, {
-        onSuccess: (data: Answer) => {
-            queryClient.setQueryData(
-                ['ANSWER_ID_QUERY'], data);
-        },
-    });
-}
+import { useMutation, useQueryClient, UseQueryOptions } from '@tanstack/react-query';
+import { Answer } from '../interfaces';
+import { putAuth0, postAuth0 } from '../services/ApiService';
+
+export interface AnswerQuery extends UseQueryOptions<Answer> {
+    pQuestionnaireId?: string;
+    pEvaluationCycleId?: string;
+    pUserId?: string;
+    pTargetUserId?: string;
+}
+
+export const useAnswerMutateHook = ({ pQuestionnaireId, pEvaluationCycleId, pUserId, pTargetUserId }: AnswerQuery, answerId: string) => {
+    const queryClient = useQueryClient();
+    return useMutation<Answer, unknown, Answer>((data: Answer) => {
+        return answerId ?
+            putAuth0(`/APE/Answers/${answerId}`, undefined, data) :
+            postAuth0(`/APE/Answers?`, {
+                pQuestionnaireId: pQuestionnaireId,
+                pEvaluationCycleId: pEvaluationCycleId,
+                pUserId: pUserId,
+                pTargetUserId: pTargetUserId
+            },
+                data
+            );
+    }, {
+        onSuccess: (data: Answer) => {
+            queryClient.setQueryData(
+                ['ANSWER_ID_QUERY'], data);
+        },
+    });
+}

package/src/hooks/useAnswersUserSupervisorQuery.hook.tsx

@@ -1,21 +1,21 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { AnswersUserSupervisor, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface AnswersUserSupervisorQuery extends UseQueryOptions<AnswersUserSupervisor> {
-    evaluationId: string;
-    userId: string;
-}
-
-export const useAnswersUserSupervisorQuery = ({ evaluationId, userId }: AnswersUserSupervisorQuery) => {
-    return useQuery(
-        ['ANSWERS_USER_SUPERVISOR_QUERY', evaluationId, userId],
-            () => getAuth0<AnswersUserSupervisor>('/APE/Answers/UserAndSupervisor', {
-                pUserId: userId,
-                pEvaluationCycleId: evaluationId,
-            }),
-            {
-                keepPreviousData: true,
-            }
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { AnswersUserSupervisor, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface AnswersUserSupervisorQuery extends UseQueryOptions<AnswersUserSupervisor> {
+    evaluationId: string;
+    userId: string;
+}
+
+export const useAnswersUserSupervisorQuery = ({ evaluationId, userId }: AnswersUserSupervisorQuery) => {
+    return useQuery(
+        ['ANSWERS_USER_SUPERVISOR_QUERY', evaluationId, userId],
+            () => getAuth0<AnswersUserSupervisor>('/APE/Answers/UserAndSupervisor', {
+                pUserId: userId,
+                pEvaluationCycleId: evaluationId,
+            }),
+            {
+                keepPreviousData: true,
+            }
+    );
+}

package/src/hooks/useApplicationDataQuery.hook.ts

@@ -1,10 +1,10 @@
-import { useQuery } from "@tanstack/react-query";
-import { ApplicationsByCategory, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export const useApplicationDataQueryHook = () => {
-    return useQuery(
-        ['APPLICATIONS_QUERY'],
-            () => getAuth0<ResponseList<"Categories", ApplicationsByCategory>>('/Applications/groupByCategory')
-    );
-}
+import { useQuery } from "@tanstack/react-query";
+import { ApplicationsByCategory, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export const useApplicationDataQueryHook = () => {
+    return useQuery(
+        ['APPLICATIONS_QUERY'],
+            () => getAuth0<ResponseList<"Categories", ApplicationsByCategory>>('/Applications/groupByCategory')
+    );
+}

package/src/hooks/useContractStatesQuery.hook.ts

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

package/src/hooks/useCountriesQuery.hook.ts

@@ -1,14 +1,14 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { Countries, ResponseList } from "../interfaces";
-import { get } from "../services";
-
-interface CountriesQueryProps extends UseQueryOptions<Countries> {
-    records: string;
-}
-
-export const useCountriesQuery = ({ records }: CountriesQueryProps) => {
-    return useQuery(
-        ['COUNTRIES_QUERY', records],
-        () => get<ResponseList<"Countries", Countries>>(`/Franchise/Countries`, { pPage: 1, pRecords: records || 195 })
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { Countries, ResponseList } from "../interfaces";
+import { get } from "../services";
+
+interface CountriesQueryProps extends UseQueryOptions<Countries> {
+    records: string;
+}
+
+export const useCountriesQuery = ({ records }: CountriesQueryProps) => {
+    return useQuery(
+        ['COUNTRIES_QUERY', records],
+        () => get<ResponseList<"Countries", Countries>>(`/Franchise/Countries`, { pPage: 1, pRecords: records || 195 })
+    );
+}

package/src/hooks/useCustomersQuery.hook.ts

@@ -1,30 +1,30 @@
-import { get, Customer, ResponseList } from '..';
-import { useInfiniteQuery, useQuery, UseQueryOptions } from '@tanstack/react-query';
-
-export interface CustomersQuery extends UseQueryOptions<ResponseList<"Customers", Customer>> {
-    page?: number;
-    limit?: number;
-    filterBy?: string;
-    search?: string;
-}
-
-export const useCustomersQueryHook = ({ page, limit, ...options }: CustomersQuery) => {
-    return useQuery<ResponseList<"Customers", Customer>>(['Customers', page, limit], () =>
-        get('/CRMCustomers', { pPage: page, pRecords: limit || 50, pSource: 'Custom' }), options);
-};
-
-export const useCustomersInfiniteQueryHook = ({ filterBy, search }: Omit<CustomersQuery, 'page' | 'limit' > = {}) => {
-    const infiniteQuery = useInfiniteQuery(['Customers_Infinite', filterBy, search], ({ pageParam = 1 }) =>
-        get<ResponseList<"Customers", Customer>>('/CRMCustomers', {
-            pPage: pageParam, pRecords: 50, pSource: 'Custom',
-        }));
-
-    const pagesMulti = infiniteQuery.data?.pages?.map((page) => (page.Customers as Customer[]) || []) || [];
-    const allDataGrouped = ([] as Customer[]).concat(...pagesMulti);
-
-    return {
-        ...infiniteQuery,
-        count: infiniteQuery.data?.pages?.[0].Count || 0,
-        data: allDataGrouped,
-    }
-};
+import { get, Customer, ResponseList } from '..';
+import { useInfiniteQuery, useQuery, UseQueryOptions } from '@tanstack/react-query';
+
+export interface CustomersQuery extends UseQueryOptions<ResponseList<"Customers", Customer>> {
+    page?: number;
+    limit?: number;
+    filterBy?: string;
+    search?: string;
+}
+
+export const useCustomersQueryHook = ({ page, limit, ...options }: CustomersQuery) => {
+    return useQuery<ResponseList<"Customers", Customer>>(['Customers', page, limit], () =>
+        get('/CRMCustomers', { pPage: page, pRecords: limit || 50, pSource: 'Custom' }), options);
+};
+
+export const useCustomersInfiniteQueryHook = ({ filterBy, search }: Omit<CustomersQuery, 'page' | 'limit' > = {}) => {
+    const infiniteQuery = useInfiniteQuery(['Customers_Infinite', filterBy, search], ({ pageParam = 1 }) =>
+        get<ResponseList<"Customers", Customer>>('/CRMCustomers', {
+            pPage: pageParam, pRecords: 50, pSource: 'Custom',
+        }));
+
+    const pagesMulti = infiniteQuery.data?.pages?.map((page) => (page.Customers as Customer[]) || []) || [];
+    const allDataGrouped = ([] as Customer[]).concat(...pagesMulti);
+
+    return {
+        ...infiniteQuery,
+        count: infiniteQuery.data?.pages?.[0].Count || 0,
+        data: allDataGrouped,
+    }
+};

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,25 @@
-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;
+}
+
+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,
+            }
+    );
+}

package/src/hooks/useJobTitlesQuery.hook.ts

@@ -0,0 +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 })
+    );
+}

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);
+        },
+    });
+}