@imj_media/tareas 0.0.7

package/.env.template

@@ -0,0 +1,8 @@
+# TOKENS PARA TAREAS (TASKBACK)
+# * DEVELOPMENT
+PUBLIC_URL_DEV=https://tasksdev.imjmedia.com.mx
+PUBLIC_TOKEN_CLIENT_DEV=
+
+# * PRODUCTION
+PUBLIC_URL_PROD=https://tasks.imjmedia.com.mx
+PUBLIC_TOKEN_CLIENT_PROD=

package/.storybook/main.ts

@@ -0,0 +1,26 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+import { join, dirname } from 'path';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+	return dirname(require.resolve(join(value, 'package.json')));
+}
+const config: StorybookConfig = {
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: [
+        getAbsolutePath('@storybook/addon-onboarding'),
+        getAbsolutePath('@storybook/addon-essentials'),
+        getAbsolutePath('@chromatic-com/storybook'),
+        getAbsolutePath('@storybook/addon-interactions'),
+        getAbsolutePath("@storybook/addon-styling-webpack")
+    ],
+	framework: {
+		name: getAbsolutePath('@storybook/react-vite'),
+		options: {},
+	},
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react';
+import '../src/index.css';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+	},
+};
+
+export default preview;

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present IMJ MEDIA
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/core/actions/get_all_users.action.ts

@@ -0,0 +1,16 @@
+import { AxiosInstance } from "axios";
+import { normalizeData } from "../../src/hooks/useNormalizedData";
+import { IAllUsersOBPResponse } from "../../infraestructure/interfaces/users-obp-response";
+import { IUsers } from "../../infraestructure/interfaces/users";
+import { AllUsersOBPMapper } from "../../infraestructure/mappers/all-users-obp";
+export const getAllUSersResponse = async ({tasks_api}:{tasks_api:AxiosInstance}): Promise<IUsers[]> =>{
+    try{
+        const response:{ data: IAllUsersOBPResponse[] } = await tasks_api.get("/api/allOBPUsers");
+        const data = normalizeData(response.data)
+        
+        return data.map(AllUsersOBPMapper.toUsers);
+    }catch(error){
+        console.log("Error al obtener los usuarios comerciales", error)
+        throw `Error al obtener los usuarios comerciales: ${error}`;
+    }
+}

package/core/actions/get_salesman_response.action.ts

@@ -0,0 +1,16 @@
+import { AxiosInstance } from "axios";
+import { SalesmanUsersMapper } from "../../infraestructure/mappers/salesmans-obp";
+import { ISalesmanUsers } from "../../infraestructure/interfaces/salesmans-obp";
+import { normalizeData } from "../../src/hooks/useNormalizedData";
+
+export const getSalesmanUsersResponse = async ({tasks_api}:{tasks_api:AxiosInstance}): Promise<ISalesmanUsers[]> =>{
+    try{
+        const response = await tasks_api.get("/api/obtener-comerciales");
+        const data = normalizeData(response.data)
+
+        return data.map(SalesmanUsersMapper.toSalesmanUsers) as ISalesmanUsers[];
+    }catch(error){
+        console.log("Error al obtener los usuarios comerciales", error)
+        throw `Error al obtener los usuarios comerciales: ${error}`;
+    }
+}

package/core/actions/get_tasks_project.action.ts

@@ -0,0 +1,62 @@
+import { normalizeData } from "../../src/hooks/useNormalizedData";
+import { CampaignTasksMapper } from "../../infraestructure/mappers/campaign-tasks";
+import { AxiosInstance } from "axios";
+export interface IFilters {
+    owner: IOwner;
+    taskName?: string;
+    difficulty?: TDifficulty;
+    priority?: TPriority;
+    dependency?: IDependency;
+    status?: TStatus;
+    project?: IProject;
+    salesman?: ISalesman;
+    pagination?: IPagination;
+}
+
+interface IOwner {
+    user: number;
+    config?: TConfigs;
+}
+interface IProject {
+    id?: number;
+    name?: string;
+}
+interface ISalesman {
+    id?: number;
+    name?: string;
+}
+interface IPagination {
+    page?: number;
+    pageSize?: number;
+    withCount?: boolean;
+}
+interface IGetTasksResponse {
+    filters: IFilters;
+    page?: number;
+    limit?: number;
+    tasks_api: AxiosInstance;
+    project: number;
+}
+type TConfigs = "yo_y_mis_equipos" | "mis_equipos" | "yo";
+type TDifficulty = "Muy facil" | "Facil" | "Media" | "Dificil" | "Muy dificil";
+type TPriority = "Sin prioridad" | "Prioridad Baja" | "Prioridad Media" | "Prioridad Alta";
+type IDependency = "con" | "sin";
+type TStatus = "por_hacer" | "trabajando" | "completadas";
+export const getTasksProject = async ({filters, tasks_api, project}: IGetTasksResponse) => {
+    try {
+        const response = await tasks_api.get(`/api/listado_tareas`,{
+            params:{
+                ...filters,
+                project: {
+                    id: project
+                },
+                includeAllTasks:true
+            }
+        })
+        let data = normalizeData(response.data.tareas)
+        
+        return data.map(CampaignTasksMapper.toCampaignTasks)
+    } catch (error) {
+        console.log(error)
+    }
+}

package/core/actions/get_tasks_response.action.ts

@@ -0,0 +1,56 @@
+import { normalizeData } from "../../src/hooks/useNormalizedData";
+import { KanbanTasksMapper } from "../../infraestructure/mappers/kanban-tasks";
+import { AxiosInstance } from "axios";
+export interface IFilters {
+    owner: IOwner;
+    taskName?: string;
+    difficulty?: TDifficulty;
+    priority?: TPriority;
+    dependency?: IDependency;
+    status?: TStatus;
+    project?: IProject;
+    salesman?: ISalesman;
+    pagination?: IPagination;
+}
+
+interface IOwner {
+    user: number;
+    config?: TConfigs;
+}
+interface IProject {
+    id?: number;
+    name?: string;
+}
+interface ISalesman {
+    id?: number;
+    name?: string;
+}
+interface IPagination {
+    page?: number;
+    pageSize?: number;
+    withCount?: boolean;
+}
+interface IGetTasksResponse {
+    filters: IFilters;
+    page?: number;
+    limit?: number;
+    tasks_api: AxiosInstance;
+
+}
+type TConfigs = "yo_y_mis_equipos" | "mis_equipos" | "yo";
+type TDifficulty = "Muy facil" | "Facil" | "Media" | "Dificil" | "Muy dificil";
+type TPriority = "Sin prioridad" | "Prioridad Baja" | "Prioridad Media" | "Prioridad Alta";
+type IDependency = "con" | "sin";
+type TStatus = "por_hacer" | "trabajando" | "completadas";
+
+export const getTasksResponse = async ({filters, tasks_api}: IGetTasksResponse)=>{
+    try{
+        const response = await tasks_api.get("/api/listado_tareas",{ params: filters })
+        const data = response.data.tareas.map(normalizeData);
+        
+        return data.map(KanbanTasksMapper.toKanbanTasks)
+    }catch(error){
+        console.log({error})
+        throw `Error al obtener las tareas: ${error}`;
+    }
+}

package/eslint.config.js

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

package/global.d.ts

@@ -0,0 +1,3 @@
+declare module ".js"{
+    export const COLORS:any
+}

package/infraestructure/interfaces/salesmans-obp-response.ts

@@ -0,0 +1,43 @@
+export interface SalesmansOBPResponse {
+    id:       number;
+    nombre:   string;
+    username: string;
+    email:    string;
+    blocked:  boolean;
+    siglas:   string;
+    role:     Role;
+    imagen:   Imagen;
+}
+
+export interface Imagen {
+    id:      number;
+    name:    string;
+    formats: Formats;
+}
+
+export interface Formats {
+    large:     Large;
+    small:     Large;
+    medium:    Large;
+    thumbnail: Large;
+}
+
+export interface Large {
+    ext:    Text;
+    url:    string;
+    hash:   string;
+    mime:   TMime;
+    name:   string;
+    path:   string;
+    size:   number;
+    width:  number;
+    height: number;
+}
+
+export type Text = ".jpg" | ".png";
+export type TMime = "image/jpeg" | "image/png";
+
+export interface Role {
+    id:   number;
+    name: string;
+}

package/infraestructure/interfaces/salesmans-obp.ts

@@ -0,0 +1,4 @@
+export interface ISalesmanUsers {
+    id: number;
+    name: string;
+}

package/infraestructure/interfaces/tasks-campania-response.ts

@@ -0,0 +1,118 @@
+export interface ITasksCampaignResponse {
+    id:                      number;
+    texto_corto:             string;
+    orden:                   number;
+    prioridad:               null;
+    estatus:                 number;
+    nivel_dificultad:        number;
+    cancelada:               boolean;
+    aprobada:                boolean;
+    es_pausable:             boolean;
+    tipo_tarea:              number;
+    idmedio:                 null;
+    idruta:                  null;
+    idindoor:                null;
+    idvalla:                 null;
+    finicio:                 Date;
+    ffin:                    Date;
+    fterminada:              null;
+    fterminada_sup:          null;
+    repeticiones:            null;
+    repeticiones_realizadas: null;
+    proyecto:                Proyecto;
+    responsable:             Responsable | null;
+    equipo:                  Equipo;
+    tarea_padre:             TareaPadre;
+    tareas:                  TareaPadre[];
+    supervisor:              null;
+    id_t_requerida:          TareaPadre | null;
+    created_by:              null;
+    updated_by:              null;
+    comentarios:             Comentario[];
+    nombre_medio:            NombreMedio;
+}
+
+export interface Comentario {
+    id:         number;
+    comentario: string;
+    createdAt:  Date;
+}
+
+export interface Equipo {
+    id:       number;
+    nombre:   string;
+    miembros: Miembro[];
+}
+
+export interface Miembro {
+    id:      number;
+    idUser:  Responsable;
+    userOBP: UserOBP;
+}
+
+export interface Responsable {
+    id:       number;
+    nombre:   string;
+    email:    string;
+    userOBP?: UserOBP;
+}
+
+
+
+
+export interface UserOBP {
+    id:       number;
+    nombre:   string;
+    username: string;
+    email:    string;
+    blocked:  boolean;
+    siglas:   string;
+    role:     Role;
+    imagen:   Imagen | null;
+}
+
+export interface Imagen {
+    id:      number;
+    name:    string;
+    formats: Formats;
+}
+
+export interface Formats {
+    large?:    Large;
+    small:     Large;
+    medium?:   Large;
+    thumbnail: Large;
+}
+
+export interface Large {
+    ext:    string;
+    url:    string;
+    hash:   string;
+    mime:   string;
+    name:   string;
+    path:   null;
+    size:   number;
+    width:  number;
+    height: number;
+}
+
+export interface Role {
+    id:   number;
+    name: string;
+}
+
+export interface TareaPadre {
+    id:          number;
+    texto_corto: string;
+    estatus:     number;
+}
+
+export interface NombreMedio {
+    nombre: string;
+}
+
+export interface Proyecto {
+    id:       number;
+    nombre:   string;
+    campania: number;
+}

package/infraestructure/interfaces/tasks-campania.ts

@@ -0,0 +1,26 @@
+import { IUsers } from "./users";
+
+export interface ITasksCampaign {
+    id: number;
+    task: string;
+    status: number;
+    difficulty: number;
+    priority: number ;
+    endDate: Date;
+    startDate: Date;
+    users?: IUsers[];
+    repeatsToDo?: number | null;
+    repeats?: number | null;
+    comments?: number | null;
+    willBePaused: boolean;
+    statusRequiredTask?: number | null;
+    nameRequiredTask?: string | null;
+    tasks?: IChildTask[] | null;
+    mediumName: string | null;
+}
+
+export interface IChildTask {
+    id: number;
+    name: string;
+    status: number;
+}

package/infraestructure/interfaces/tasks-kanban-general.ts

@@ -0,0 +1,25 @@
+import { IUsers } from "./users";
+
+export interface TasksKanbanGeneral {
+    id: number;
+    task: string;
+    status: number;
+    priority: number;
+    difficulty: number;
+    endDate: Date ;
+    users: IUsers[];
+    statusRequiredTask: number | null;
+    nameRequiredTask: string | null;
+    willBePaused: boolean;
+    nameProject: string | null;
+    idProject: number | null;
+    comments: number;
+    responsible: number | null;
+}
+
+//* TODO: add comments
+/* interface IComments {
+    id:number;
+    comment:string;
+    user:IUsers;
+} */

package/infraestructure/interfaces/tasks-reponse.ts

@@ -0,0 +1,111 @@
+export interface ITasksResponse {
+    id:                      number;
+    texto_corto:             string;
+    orden:                   number;
+    prioridad:               null;
+    estatus:                 number;
+    nivel_dificultad:        number;
+    cancelada:               boolean;
+    aprobada:                boolean;
+    es_pausable:             boolean;
+    idmedio:                 number | null;
+    idruta:                  number | null;
+    idindoor:                number | null;
+    idvalla:                 null;
+    finicio:                 Date;
+    ffin:                    Date;
+    fterminada:              null;
+    fterminada_sup:          null;
+    repeticiones:            number | null;
+    repeticiones_realizadas: null;
+    proyecto:                Proyecto;
+    responsable:             Responsable | null;
+    equipo:                  Equipo | null;
+    supervisor:              null;
+    id_t_requerida:          IDTRequerida | null;
+    ids_t_dependientes:      IDTRequerida[];
+    created_by:              null;
+    updated_by:              Responsable | null;
+}
+
+export interface Equipo {
+    id:        number;
+    nombre:    string;
+    miembros:  Miembro[];
+}
+
+export interface Miembro {
+    idUser: User;
+    userOBP: UserOBP;
+}
+interface User {
+    id: number;
+    nombre: string;
+    email: string;
+}
+interface UserOBP {
+    id: number;
+    blocked: boolean;
+    imagen: Imagen
+    nombre: string;
+    email: string;
+    role: Role;
+    siglas: string;
+    username: string;
+}
+
+interface Role {
+    id: number;
+    name: string;
+}
+
+interface Imagen {
+    id: number;
+    name: string;
+    formats:Formats;
+}
+interface Formats {
+    large: Format;
+    medium: Format;
+    small: Format;
+    thumbnail: Format;
+}
+interface Format {
+    ext: string;
+    url: string;
+    hash: string;
+    mime: string;
+    name: string;
+    path: null;
+    size: number;
+    width: number;
+    height: number;
+}
+
+export interface IDTRequerida {
+    id:          number;
+    texto_corto: string;
+    estatus: number;
+}
+
+export interface Proyecto {
+    id:       number;
+    nombre:   string;
+    campania: number;
+}
+
+export interface Responsable {
+    id:                 number;
+    username:           string;
+    blocked:            boolean;
+    email:              string;
+    provider:           string;
+    password:           string;
+    resetPasswordToken: null;
+    confirmationToken:  null;
+    confirmed:          boolean | null;
+    createdAt:          Date;
+    updatedAt:          Date;
+    nombre:             string;
+    userOBP:            UserOBP;
+}

package/infraestructure/interfaces/teams-response.ts

@@ -0,0 +1,7 @@
+export interface ITeamsResponse {
+    id:        number;
+    nombre:    string;
+    color:     string;
+    createdAt: Date;
+    updatedAt: Date;
+}

package/infraestructure/interfaces/teams.ts

@@ -0,0 +1,5 @@
+export interface ITeam {
+    id: number;
+    name: string;
+    color: string;
+}