@omniumretail/shared-resources 0.0.21 → 0.0.23

package/dist/types/hooks/index.d.ts

@@ -35,3 +35,7 @@ export * from './cancelEvaluationCycleQuery.hook';
 export * from './finishEvaluationCycleQuery.hook';
 export * from './cancelQuestionnaireQuery.hook';
 export * from './useTermNotificationQuery.hook';
+export * from './useAnalyticsQuestionsQuery.hook';
+export * from './useAnalyticsSideBarQuery.hook';
+export * from './useJobTitlesQuery.hook';
+export * from './useContractStatesQuery.hook';

package/dist/types/hooks/useAnalyticsQuestionsQuery.hook.d.ts

@@ -0,0 +1,9 @@
+import { UseQueryOptions } from "@tanstack/react-query";
+import { Answer, ResponseList } from "../interfaces";
+export interface AnalyticsQuestionsQuery extends UseQueryOptions<ResponseList<"Answers", Answer>> {
+    id: string;
+    page?: number;
+    records?: number;
+    tags?: string;
+}
+export declare const useAnalyticsQuestionsQueryHook: ({ page, records, id, tags }: AnalyticsQuestionsQuery) => import("@tanstack/react-query").UseQueryResult<ResponseList<"Answers", Answer>, unknown>;

package/dist/types/hooks/useAnalyticsSideBarQuery.hook.d.ts

@@ -0,0 +1,7 @@
+import { UseQueryOptions } from "@tanstack/react-query";
+import { AnalyticsEvaluationCycle } from "../interfaces";
+export interface AnalyticsSideBar extends UseQueryOptions<AnalyticsEvaluationCycle[]> {
+    pSortDirection?: string;
+    pFilter?: string;
+}
+export declare const useAnalyticsSideBarQueryHook: ({ pSortDirection, pFilter }: AnalyticsSideBar) => import("@tanstack/react-query").UseQueryResult<AnalyticsEvaluationCycle[], unknown>;

package/dist/types/hooks/useContractStatesQuery.hook.d.ts

@@ -0,0 +1,7 @@
+import { UseQueryOptions } from "@tanstack/react-query";
+import { ContractStates, ResponseList } from "../interfaces";
+interface ContractStatesQueryProps extends UseQueryOptions<ContractStates> {
+    records: string;
+}
+export declare const useContractStatesQuery: ({ records }: ContractStatesQueryProps) => import("@tanstack/react-query").UseQueryResult<ResponseList<"ContractStates", ContractStates>, unknown>;
+export {};

package/dist/types/hooks/useJobTitlesQuery.hook.d.ts

@@ -0,0 +1,7 @@
+import { UseQueryOptions } from "@tanstack/react-query";
+import { JobTitles, ResponseList } from "../interfaces";
+interface JobTitlesQueryProps extends UseQueryOptions<JobTitles> {
+    records: string;
+}
+export declare const useJobTitlesQuery: ({ records }: JobTitlesQueryProps) => import("@tanstack/react-query").UseQueryResult<ResponseList<"JobTitles", JobTitles>, unknown>;
+export {};

package/dist/types/hooks/useSingleUserIdMutateQuery.hook.d.ts

@@ -1,2 +1,2 @@
 import { SingleUser } from '../interfaces/User';
-export declare const useSingleUserIdMutateQuery: () => import("@tanstack/react-query").UseMutationResult<SingleUser, unknown, SingleUser, unknown>;
+export declare const useSingleUserIdMutateQuery: (bodyType?: string) => import("@tanstack/react-query").UseMutationResult<SingleUser, unknown, SingleUser, unknown>;

package/dist/types/interfaces/AnalyticsEvaluationCycle.d.ts

@@ -5,4 +5,15 @@ export interface AnalyticsEvaluationCycle {
 export interface Items {
     Id: string;
     Name: string;
+    Categorys: CategoriesInterface[];
+}
+export interface CategoriesInterface {
+    CategoryId: string;
+    CategoryName: string;
+    SubCategory: CategoriesInterface[];
+    Questions: QuestionsInterface[];
+}
+export interface QuestionsInterface {
+    QuestionId: string;
+    QuestionName: string;
 }

package/dist/types/interfaces/Answer.d.ts

@@ -1,4 +1,4 @@
-import { Categories } from './Questionnaire';
+import { Categories, Questions } from './Questionnaire';
 export interface Answer {
     Id: string;
     EvaluationCycleId: string;
@@ -8,4 +8,5 @@ export interface Answer {
     StartDate: number;
     EndDate: number;
     CategoryAnswers: Categories[];
+    Question: Questions;
 }

package/dist/types/interfaces/ContractStates.d.ts

@@ -0,0 +1,7 @@
+export interface ContractStates {
+    Id: string;
+    Name: string;
+    Status: string;
+    CreateDate: number;
+    UpdatedDate: number;
+}

package/dist/types/interfaces/JobTitles.d.ts

@@ -0,0 +1,7 @@
+export interface JobTitles {
+    Id: string;
+    Name: string;
+    Status: string;
+    CreateDate: number;
+    UpdatedDate: number;
+}

package/dist/types/interfaces/ResponseList.d.ts

@@ -1,4 +1,4 @@
-export type ResponseList<K extends string, T> = {
+export declare type ResponseList<K extends string, T> = {
     [key in K]: T[];
 } & {
     Count: number;

package/dist/types/interfaces/index.d.ts

@@ -17,3 +17,5 @@ export * from './Countries';
 export * from './Roles';
 export * from './AnswersUserSupervisor';
 export * from './TermNotification';
+export * from './JobTitles';
+export * from './ContractStates';

package/dist/types/services/ApiService/index.d.ts

@@ -1,8 +1,8 @@
 import 'whatwg-fetch';
 export declare const get: <T>(path: string, params?: Record<string, unknown>) => Promise<T>;
 export declare const getAuth0: <T>(path: string, params?: Record<string, unknown>) => Promise<T>;
-export declare const putAuth0: <T>(path: string, params?: Record<string, unknown>, body?: unknown) => Promise<T>;
-export declare const postAuth0: <T>(path: string, params?: Record<string, unknown>, body?: unknown) => Promise<T>;
+export declare const putAuth0: <T>(path: string, params?: Record<string, unknown>, body?: unknown, bodyType?: string) => Promise<T>;
+export declare const postAuth0: <T>(path: string, params?: Record<string, unknown>, body?: unknown, bodyType?: string) => Promise<T>;
 export declare const toDeleteAuth0: <T>(path: string, params?: Record<string, unknown>, body?: unknown) => Promise<T>;
 export declare const post: <T>(path: string, body?: unknown) => Promise<T>;
 export declare const put: <T>(path: string, body?: unknown) => Promise<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/shared-resources",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "private": false,
   "description": "Shared Components and services or utils to the frontend versions",
   "main": "dist/bundle.js",
@@ -45,8 +45,8 @@
     "antd": "^4.23.4",
     "classnames": "^2.3.2",
     "date-fns": "^2.29.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-router-dom": "^6.4.1",
     "use-query-params": "^2.1.1",
     "whatwg-fetch": "^3.6.2"

package/src/hooks/index.ts

@@ -35,3 +35,7 @@ export * from './cancelEvaluationCycleQuery.hook';
 export * from './finishEvaluationCycleQuery.hook';
 export * from './cancelQuestionnaireQuery.hook';
 export * from './useTermNotificationQuery.hook';
+export * from './useAnalyticsQuestionsQuery.hook';
+export * from './useAnalyticsSideBarQuery.hook';
+export * from './useJobTitlesQuery.hook';
+export * from './useContractStatesQuery.hook';

package/src/hooks/useAnalyticsEvaluationCyclesQuery.hook.ts

@@ -1,5 +1,5 @@
 import { useQuery, UseQueryOptions } from "@tanstack/react-query";
-import { AnalyticsEvaluationCycle, ResponseList } from "../interfaces";
+import { AnalyticsEvaluationCycle } from "../interfaces";
 import { getAuth0 } from "../services/ApiService";
 
 export interface AnalyticsEvaluationCycles extends UseQueryOptions<AnalyticsEvaluationCycle[]> {

package/src/hooks/useAnalyticsQuestionsQuery.hook.ts

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

package/src/hooks/useAnalyticsSideBarQuery.hook.ts

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

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/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/useSingleUserIdMutateQuery.hook.ts

@@ -2,12 +2,13 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { SingleUser } from '../interfaces/User';
 import { putAuth0, postAuth0 } from '../services/ApiService';
 
-export const useSingleUserIdMutateQuery = () => {
+export const useSingleUserIdMutateQuery = (bodyType?: string) => {
     const queryClient = useQueryClient();
-    return useMutation<SingleUser, unknown, SingleUser>((data: SingleUser) => {
-        return data.UserId 
-            ?   putAuth0(`/Users/${data.UserId}`, undefined, data) 
-            :   postAuth0('/Users/', undefined, data);
+    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(

package/src/interfaces/AnalyticsEvaluationCycle.ts

@@ -7,4 +7,18 @@ export interface AnalyticsEvaluationCycle {
 export interface Items {
     Id: string;
     Name: string;
+    Categorys: CategoriesInterface[];
 }
+
+export interface CategoriesInterface {
+    CategoryId: string;
+    CategoryName: string;
+    SubCategory: CategoriesInterface[];
+    Questions: QuestionsInterface[];
+}
+
+export interface QuestionsInterface {
+    QuestionId: string;
+    QuestionName: string;
+}
+

package/src/interfaces/Answer.ts

@@ -1,4 +1,4 @@
-import { Categories } from './Questionnaire';
+import { Categories, Questions } from './Questionnaire';
 
 export interface Answer {
     Id: string;
@@ -9,4 +9,5 @@ export interface Answer {
     StartDate: number;
     EndDate: number;
     CategoryAnswers: Categories[];
+    Question: Questions;
 }

package/src/interfaces/ContractStates.ts

@@ -0,0 +1,7 @@
+export interface ContractStates {
+    Id: string;
+    Name: string;
+    Status: string;
+    CreateDate: number;
+    UpdatedDate: number;
+}

package/src/interfaces/JobTitles.ts

@@ -0,0 +1,7 @@
+export interface JobTitles {
+    Id: string;
+    Name: string;
+    Status: string;
+    CreateDate: number;
+    UpdatedDate: number;
+}

package/src/interfaces/index.ts

@@ -17,3 +17,5 @@ export * from './Countries';
 export * from './Roles';
 export * from './AnswersUserSupervisor';
 export * from './TermNotification';
+export * from './JobTitles';
+export * from './ContractStates';

package/src/services/ApiService/index.ts

@@ -9,12 +9,12 @@ export const getAuth0 = <T>(path: string, params?: Record<string, unknown>): Pro
     return buildApiRequestForAuth0<T>(`${path}?${buildParams(params || {})}`, 'GET');
 }
 
-export const putAuth0 = <T>(path: string, params?: Record<string, unknown>, body?: unknown): Promise<T> => {
-    return buildApiRequestForAuth0<T>(`${path}${buildParams(params || {})}`, 'PUT', body);
+export const putAuth0 = <T>(path: string, params?: Record<string, unknown>, body?: unknown, bodyType?: string): Promise<T> => {
+    return buildApiRequestForAuth0<T>(`${path}${buildParams(params || {})}`, 'PUT', body, bodyType);
 }
 
-export const postAuth0 = <T>(path: string, params?: Record<string, unknown>, body?: unknown): Promise<T> => {
-    return buildApiRequestForAuth0<T>(`${path}${buildParams(params || {})}`, 'POST', body);
+export const postAuth0 = <T>(path: string, params?: Record<string, unknown>, body?: unknown,bodyType?: string): Promise<T> => {
+    return buildApiRequestForAuth0<T>(`${path}${buildParams(params || {})}`, 'POST', body, bodyType);
 }
 
 export const toDeleteAuth0 = <T>(path: string, params?: Record<string, unknown>, body?: unknown): Promise<T> => {
@@ -43,18 +43,32 @@ const buildParams = (params: Record<string, unknown>): string => {
  * @param path
  * @param method
  * @param data
+ * @param bodyType
  * @returns
  */
-const buildApiRequest = <T>(path: string, method = 'GET', data?: unknown): Promise<T> => {
+const buildApiRequest = <T>(path: string, method = 'GET', data?: unknown, bodyType?: string): Promise<T> => {
     const requestUri = buildPath(path);
 
+    const headers: HeadersInit = {
+        Authorization: appConfig.token,
+    };
+
+    let body: FormData | string | undefined | any;
+
+    if (['POST', 'PUT'].includes(method)) {
+        if (bodyType === 'formdata') {
+            // Não é necessário dar set do contentType porque o fetch faz isso por nós quando usamos o fetch
+            body = data;
+        } else {
+            headers['Content-Type'] = 'application/json';
+            body = JSON.stringify(data);
+        }
+    }
+
     return fetch(requestUri, {
         method,
-        headers: {
-            'Content-Type': 'application/json',
-            Authorization: appConfig.token,
-        } as HeadersInit,
-        body: ['POST', 'PUT'].includes(method) ? JSON.stringify(data) : undefined,
+        headers,
+        body,
     }).then((response) => {
         if (response.status >= 200 && response.status <= 300) {
             return response.json();
@@ -70,16 +84,29 @@ const buildApiRequest = <T>(path: string, method = 'GET', data?: unknown): Promi
 * @param data
 * @returns
 */
-const buildApiRequestForAuth0 = <T>(path: string, method = 'GET', data?: unknown): Promise<T> => {
+const buildApiRequestForAuth0 = <T>(path: string, method = 'GET', data?: unknown, bodyType?: string): Promise<T> => {
     const requestUri = buildPath(path);
 
+    const headers: HeadersInit = {
+        Authorization: `Bearer ${appConfig.tokenAuth0}`,
+    };
+
+    let body: FormData | string | undefined | any;
+
+    if (['POST', 'PUT'].includes(method)) {
+        if (bodyType === 'formdata') {
+            // Não é necessário dar set do contentType porque o fetch faz isso por nós quando usamos o fetch
+            body = data;
+        } else {
+            headers['Content-Type'] = 'application/json';
+            body = JSON.stringify(data);
+        }
+    }
+
     return fetch(requestUri, {
         method,
-        headers: {
-            'Content-Type': 'application/json',
-            Authorization: `Bearer ${appConfig.tokenAuth0}`,
-        },
-        body: ['POST', 'PUT'].includes(method) ? JSON.stringify(data) : undefined,
+        headers,
+        body,
     }).then((response) => {
         if (response.status >= 200 && response.status <= 300) {
             return response.json();

package/tsconfig.json

@@ -20,7 +20,8 @@
     "noEmit": false,
     "sourceMap": true,
     "jsx": "react-jsx",
-    "experimentalDecorators": true
+    "experimentalDecorators": true,
+    "downlevelIteration": true,
   },
   "include": ["src"]
 }