@omniumretail/shared-resources 0.0.75 → 0.0.76

package/src/hooks/useAllRolesQuery.hook.ts

@@ -1,25 +1,25 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { Roles, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services";
-
-interface RolesQueryProps extends UseQueryOptions<ResponseList<"Roles", Roles>> {
-    records: number | string;
-    sortBy: string;
-    sortDirection: string;
-    tags?: string;
-    page?: number;
-}
-
-export const useAllRolesQuery = ({ records, sortBy, sortDirection, tags, page, ...options }: RolesQueryProps) => {
-    const queryKey = ['ROLES_QUERY', records, sortBy, sortDirection, tags, page];
-
-    const queryFn = () => getAuth0<ResponseList<"Roles", Roles>>(`/Roles`, { 
-        pPage: 1, 
-        pRecords: records || 50,
-        pSortBy: sortBy,
-        pSortDirection: sortDirection,
-        pTerms: tags,
-    })
-
-    return useQuery(queryKey, queryFn, options);
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { Roles, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services";
+
+interface RolesQueryProps extends UseQueryOptions<ResponseList<"Roles", Roles>> {
+    records: number | string;
+    sortBy: string;
+    sortDirection: string;
+    tags?: string;
+    page?: number;
+}
+
+export const useAllRolesQuery = ({ records, sortBy, sortDirection, tags, page, ...options }: RolesQueryProps) => {
+    const queryKey = ['ROLES_QUERY', records, sortBy, sortDirection, tags, page];
+
+    const queryFn = () => getAuth0<ResponseList<"Roles", Roles>>(`/Roles`, { 
+        pPage: 1, 
+        pRecords: records || 50,
+        pSortBy: sortBy,
+        pSortDirection: sortDirection,
+        pTerms: tags,
+    })
+
+    return useQuery(queryKey, queryFn, options);
+}

package/src/hooks/useAllStoreQuery.hook.ts

@@ -1,39 +1,39 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { Store, ResponseList } from "../interfaces";
-import { get } from "../services";
-
-interface StoreQueryProps extends UseQueryOptions<Store> {
-    records: number | string;
-    sortBy: string;
-    sortDirection: string;
-    page: number;
-    tags?: string;
-    advancedTags?: string;
-    filter?: any;
-}
-
-export const useAllStoreQuery = ({ records, sortBy, sortDirection, tags, advancedTags, filter, page, ...options }: StoreQueryProps) => {
-    const pQueryValue = advancedTags && filter
-        ? `${advancedTags} and ${filter}`
-        : advancedTags
-            ? advancedTags
-            : filter
-                ? filter
-                : '';
-
-    return useQuery(['STORE_QUERY', records, sortBy, sortDirection, tags, advancedTags, filter, page], 
-        () => get<ResponseList<"Locations", Store>>(`/Franchise/Locations`, { 
-            pPage: page || 1, 
-            pRecords: records || 50,
-            pSortBy: sortBy,
-            pSortDirection: sortDirection,
-            pTerms: tags,
-            pQuery: pQueryValue,
-        }),
-        {
-            keepPreviousData: true,
-        }
-    );
-}
-
-
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { Store, ResponseList } from "../interfaces";
+import { get } from "../services";
+
+interface StoreQueryProps extends UseQueryOptions<Store> {
+    records: number | string;
+    sortBy: string;
+    sortDirection: string;
+    page: number;
+    tags?: string;
+    advancedTags?: string;
+    filter?: any;
+}
+
+export const useAllStoreQuery = ({ records, sortBy, sortDirection, tags, advancedTags, filter, page, ...options }: StoreQueryProps) => {
+    const pQueryValue = advancedTags && filter
+        ? `${advancedTags} and ${filter}`
+        : advancedTags
+            ? advancedTags
+            : filter
+                ? filter
+                : '';
+
+    return useQuery(['STORE_QUERY', records, sortBy, sortDirection, tags, advancedTags, filter, page], 
+        () => get<ResponseList<"Locations", Store>>(`/Franchise/Locations`, { 
+            pPage: page || 1, 
+            pRecords: records || 50,
+            pSortBy: sortBy,
+            pSortDirection: sortDirection,
+            pTerms: tags,
+            pQuery: pQueryValue,
+        }),
+        {
+            keepPreviousData: true,
+        }
+    );
+}
+
+

package/src/hooks/useAnalyticsEvaluationCyclesQuery.hook.ts

@@ -1,21 +1,21 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { AnalyticsEvaluationCycle } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface AnalyticsEvaluationCycles extends UseQueryOptions<AnalyticsEvaluationCycle[]> {
-    pSortDirection?: string;
-    pFilter?: string;
-}
-
-export const useAnalyticsEvaluationCyclesQueryHook = ({ pSortDirection, pFilter }: AnalyticsEvaluationCycles) => {
-    return useQuery(
-        ['ANALYTICS_EVALUATION_CYCLE_QUERY', pSortDirection, pFilter],
-        () => getAuth0<AnalyticsEvaluationCycle[]>(`/APE/Analytics/EvaluationCycles`, {
-            pPage: 1,
-            pRecords: 50,
-            pSortBy: pFilter || 'Type',
-            pSortDirection: pSortDirection || 'asc',
-            pFilter: pFilter || 'Type'
-        }),
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { AnalyticsEvaluationCycle } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface AnalyticsEvaluationCycles extends UseQueryOptions<AnalyticsEvaluationCycle[]> {
+    pSortDirection?: string;
+    pFilter?: string;
+}
+
+export const useAnalyticsEvaluationCyclesQueryHook = ({ pSortDirection, pFilter }: AnalyticsEvaluationCycles) => {
+    return useQuery(
+        ['ANALYTICS_EVALUATION_CYCLE_QUERY', pSortDirection, pFilter],
+        () => getAuth0<AnalyticsEvaluationCycle[]>(`/APE/Analytics/EvaluationCycles`, {
+            pPage: 1,
+            pRecords: 50,
+            pSortBy: pFilter || 'Type',
+            pSortDirection: pSortDirection || 'asc',
+            pFilter: pFilter || 'Type'
+        }),
+    );
+}

package/src/hooks/useAnalyticsQuestionsQuery.hook.ts

@@ -1,22 +1,22 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { Answer, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface AnalyticsQuestionsQuery extends UseQueryOptions<ResponseList<"Answers", Answer>> {
-    id: string;
-    page?: number;
-    records?: number;
-    tags?: string;
-}
-
-export const useAnalyticsQuestionsQueryHook = ({ page, records, id, tags }: AnalyticsQuestionsQuery) => {
-    return useQuery(
-        ['ANALYTICS_QUESTIONS_QUERY', page, records, id, tags],
-            () => getAuth0<ResponseList<"Answers", Answer>>(`/APE/Analytics/Questions`, {
-                pId: id,
-                pPage: page || 1,
-                pRecords: records || 50,
-                pTerms: tags,
-            }),
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { Answer, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface AnalyticsQuestionsQuery extends UseQueryOptions<ResponseList<"Answers", Answer>> {
+    id: string;
+    page?: number;
+    records?: number;
+    tags?: string;
+}
+
+export const useAnalyticsQuestionsQueryHook = ({ page, records, id, tags }: AnalyticsQuestionsQuery) => {
+    return useQuery(
+        ['ANALYTICS_QUESTIONS_QUERY', page, records, id, tags],
+            () => getAuth0<ResponseList<"Answers", Answer>>(`/APE/Analytics/Questions`, {
+                pId: id,
+                pPage: page || 1,
+                pRecords: records || 50,
+                pTerms: tags,
+            }),
+    );
+}

package/src/hooks/useAnalyticsSideBarQuery.hook.ts

@@ -1,21 +1,21 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { AnalyticsEvaluationCycle } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface AnalyticsSideBar extends UseQueryOptions<AnalyticsEvaluationCycle[]> {
-    pSortDirection?: string;
-    pFilter?: string;
-}
-
-export const useAnalyticsSideBarQueryHook = ({ pSortDirection, pFilter }: AnalyticsSideBar) => {
-    return useQuery(
-        ['ANALYTICS_SIDE_BAR_QUERY', pSortDirection, pFilter],
-        () => getAuth0<AnalyticsEvaluationCycle[]>(`/APE/Analytics/EvaluationCycles/SideBar`, {
-            pPage: 1,
-            pRecords: 50,
-            pSortBy: pFilter || 'Type',
-            pSortDirection: pSortDirection || 'asc',
-            pFilter: pFilter || 'Type'
-        }),
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { AnalyticsEvaluationCycle } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface AnalyticsSideBar extends UseQueryOptions<AnalyticsEvaluationCycle[]> {
+    pSortDirection?: string;
+    pFilter?: string;
+}
+
+export const useAnalyticsSideBarQueryHook = ({ pSortDirection, pFilter }: AnalyticsSideBar) => {
+    return useQuery(
+        ['ANALYTICS_SIDE_BAR_QUERY', pSortDirection, pFilter],
+        () => getAuth0<AnalyticsEvaluationCycle[]>(`/APE/Analytics/EvaluationCycles/SideBar`, {
+            pPage: 1,
+            pRecords: 50,
+            pSortBy: pFilter || 'Type',
+            pSortDirection: pSortDirection || 'asc',
+            pFilter: pFilter || 'Type'
+        }),
+    );
+}

package/src/hooks/useAnalyticsUserIdQuery.hook.ts

@@ -1,24 +1,24 @@
-import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { AnalyticsUserId, ResponseList } from "../interfaces";
-import { getAuth0 } from "../services/ApiService";
-
-export interface AnalyticsUserIdQuery extends UseQueryOptions<ResponseList<"UserEvaluationCycleDTOs", AnalyticsUserId>> {
-    page?: number;
-    records?: number;
-    pYear?: string;
-    userId: string;
-}
-
-export const useAnalyticsUserIdQueryHook = ({ page, records, userId, pYear }: AnalyticsUserIdQuery) => {
-    return useQuery(
-        ['ANALYTICS_USER_ID_QUERY', page, records, userId, pYear],
-            () => getAuth0<ResponseList<"UserEvaluationCycleDTOs", AnalyticsUserId>>(`/APE/Analytics/EvaluationCycles/User/${userId}`, {
-                pPage: page || 1,
-                pRecords: records || 50,
-                pYear: pYear
-            }),
-            {
-                keepPreviousData: true,
-            }
-    );
-}
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+import { AnalyticsUserId, ResponseList } from "../interfaces";
+import { getAuth0 } from "../services/ApiService";
+
+export interface AnalyticsUserIdQuery extends UseQueryOptions<ResponseList<"UserEvaluationCycleDTOs", AnalyticsUserId>> {
+    page?: number;
+    records?: number;
+    pYear?: string;
+    userId: string;
+}
+
+export const useAnalyticsUserIdQueryHook = ({ page, records, userId, pYear }: AnalyticsUserIdQuery) => {
+    return useQuery(
+        ['ANALYTICS_USER_ID_QUERY', page, records, userId, pYear],
+            () => getAuth0<ResponseList<"UserEvaluationCycleDTOs", AnalyticsUserId>>(`/APE/Analytics/EvaluationCycles/User/${userId}`, {
+                pPage: page || 1,
+                pRecords: records || 50,
+                pYear: pYear
+            }),
+            {
+                keepPreviousData: true,
+            }
+    );
+}

package/src/hooks/useAnalyticsUserQuery.hook.ts

@@ -1,27 +1,29 @@
-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;
+    sortBy?: string;
+    sortDirection?: string;
+}
+
+export const useAnalyticsUserQueryHook = ({ tags, page, records, filter, sortBy, sortDirection }: AnalyticsUserQuery) => {
+    return useQuery(
+        ['ANALYTICS_USER_QUERY', tags, page, records, filter, sortBy, sortDirection],
+            () => getAuth0<ResponseList<"Users", User>>('/APE/Analytics/EvaluationCycle/Users', {
+                pPage: page || 1,
+                pRecords: records || 50,
+                pSortBy: sortBy || 'Type',
+                pSortDirection: sortDirection || '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

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