@imj_media/tareas 1.1.13 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/packages/tareas/src/components/organisms/ButtonMoveTask.d.ts +2 -1
- package/dist/packages/tareas/src/constants/colors.d.ts +6 -0
- package/dist/packages/tareas/src/types/index.d.ts +1 -0
- package/dist/tareas.cjs +36 -1
- package/dist/tareas.css +1 -1
- package/dist/tareas.es.js +1429 -1179
- package/package.json +2 -2
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
declare const ButtonMoveTask: ({ status, nameRequiredTask, statusRequiredTask, id }: {
|
|
1
|
+
declare const ButtonMoveTask: ({ status, nameRequiredTask, statusRequiredTask, id, statusLateTask }: {
|
|
2
2
|
status: any;
|
|
3
3
|
nameRequiredTask: any;
|
|
4
4
|
statusRequiredTask: any;
|
|
5
5
|
id: any;
|
|
6
|
+
statusLateTask?: any;
|
|
6
7
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export default ButtonMoveTask;
|
|
@@ -74,6 +74,7 @@ export declare const COLORS: {
|
|
|
74
74
|
gray_light: string;
|
|
75
75
|
gray_regular: string;
|
|
76
76
|
gray_dark: string;
|
|
77
|
+
gray_medium: string;
|
|
77
78
|
};
|
|
78
79
|
black: {
|
|
79
80
|
black_light: string;
|
|
@@ -81,4 +82,9 @@ export declare const COLORS: {
|
|
|
81
82
|
black_dark: string;
|
|
82
83
|
black_regular: string;
|
|
83
84
|
};
|
|
85
|
+
blue: {
|
|
86
|
+
blue_light: string;
|
|
87
|
+
blue_medium: string;
|
|
88
|
+
blue_dark: string;
|
|
89
|
+
};
|
|
84
90
|
};
|
package/dist/tareas.cjs
CHANGED
|
@@ -1 +1,36 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@imj_media/imj-ui/styles.css");const I=require("@tanstack/react-query"),w=require("react"),N=require("@imj_media/tasks-modules"),ae=require("react-dom"),ve=require("axios"),_e=require("qs"),se=require("date-fns"),oe=require("date-fns/locale"),A=require("@imj_media/imj-ui"),le=require("react-hook-form"),Oe=require("primereact/paginator"),m={bg:{DEFAULT:"#EFEFEF",content:"#FAFAFA",card:"#FAFAFA"},texts:{DEFAULT:"#252525",enfasis:"#3658c1",subtext:"#4f4f4f",placeholder:"#929292"},primary:{light:"#E7E9F2",medium:"#dae2ec",dark:"#334990",regular:"#425CAC",pastel:"#5c7ddd"},success:{light:"#368156",medium:"#D2E9DC",dark:"#368156",regular:"#43B071",pastel:"#57BA81"},danger:{light:"#F1E5E4",medium:"#EBDBD9",dark:"#8C352C",regular:"#C34335",pastel:"#C43355"},warning:{light:"#F2ECE5",medium:"#EBE3D9",dark:"#B4782F",regular:"#D38A31",pastel:"#D38A31"},alert:{light:"#F1F1E4",medium:"#EAE9D9",dark:"#ADA63A",regular:"#D6CC48",pastel:"#D6CC48"},info:{light:"#E7F5FF",medium:"#D9E6EE",dark:"#1C5073",regular:"#1B6698",pastel:"#1B6698"},link:{light:"#ECF8FE",medium:"#D8F1FD",dark:"#0A7AAE",regular:"#0EA5E9",pastel:"#0EA5E9"},silver:{silver_white:" #FAFAFA",silver_light:" #F5F5F5",silver_dark:" #E9E9E9",silver_regular:"#EFEFEF"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_light:"#D9D9D9",gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313",black_regular:"#252525"}},ie=()=>{const[s,t]=w.useState(null);return{position:s,setElementPosition:o=>{var p;let r=(p=o.current)==null?void 0:p.getBoundingClientRect(),d=(r==null?void 0:r.x)+((r==null?void 0:r.width)??0),i=(r==null?void 0:r.y)+(r==null?void 0:r.height);t(s?null:{x:d??0,y:i??0})},getChildrenSize:o=>{var r;return(r=o.current)==null?void 0:r.getBoundingClientRect()},clearPosition:()=>{t(null)}}},We=({children:s,filterChildren:t})=>{const{position:l,setElementPosition:a}=ie(),n=w.useRef(null),o=({children:r})=>{const[d,i]=w.useState();return w.useEffect(()=>{var p,u;t.current&&i(((l==null?void 0:l.x)??0)-(((u=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:u.width)??0))},[t==null?void 0:t.current,l==null?void 0:l.x]),l&&ae.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${d}px`,zIndex:1},"data-portal-host":!0,children:r}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:n,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(N.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:m.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{a(n)}}),e.jsx(o,{children:s})]})},be=s=>{let t={};return Object.entries(s).forEach(([l,a])=>{if(l.includes(".")){let[n,o]=l.split(".");t[n]=t[n]||{},t[n][o]=a}else t[l]=a}),t},Ce=w.createContext({}),He=({children:s})=>{const[t,l]=w.useState({}),[a,n]=w.useState({}),[o,r]=w.useState([]),[d,i]=w.useState(""),p=({name:b,value:x})=>{function g(f){return!isNaN(f)&&f!==null&&f!==""?parseFloat(f):null}let y=g(x);n(f=>{let C={...f},v=o==null?void 0:o.find(T=>T.label.toLowerCase().replace(/ /g,"_")===b);return v?C[v.id]=y??x:C[b]=y??x,C})};w.useEffect(()=>{let b=o.map(x=>x.id==="owner.config"?[x.id,"yo_y_mis_equipos"]:x.id==="dependency"?[x.id,"ambas"]:[x.id,null]);n(x=>{let g={search:x==null?void 0:x.search,taskName:x==null?void 0:x.taskName};return g={...g,...Object.fromEntries(b)},g})},[o]);const u=()=>{let b=o.map(x=>x.id==="owner.config"?[x.id,"yo_y_mis_equipos"]:x.id==="dependency"?[x.id,"ambas"]:[x.id,null]);n(Object.fromEntries(b)),l(be(Object.fromEntries(b)))},j=()=>{let b=be(a);l(b)};return e.jsx(Ce.Provider,{value:{fields:o,filters:t,path:d,defineFields:r,updateFilters:p,cleanFilters:u,applyFilters:j,initialFilters:a,selectPath:i},children:s})},L=()=>w.useContext(Ce);function Ve(s,t=300,l={leading:!1,trailing:!0}){let a,n=null;return function(...o){const r=Date.now(),d=l.leading&&!n;clearTimeout(a),d&&s(...o),n=r,a=setTimeout(()=>{l.trailing&&(!l.leading||r-n>=t)&&(s(...o),n=null)},t)}}const U=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:l="s"})=>{const a={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[l];return e.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:t??"avatar",className:`${a} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},Fe=({options:s,onselect:t})=>{const[l,a]=w.useState(null),n=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),o=[...s].filter(r=>r.name.toLowerCase().includes((l==null?void 0:l.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:n,value:l??"",onChange:r=>a(r.target.value),type:"text",className:"tw-w-full tw-h-[32px] tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2",placeholder:"Buscar"}),e.jsx("div",{className:"tw-absolute tw-right-[8px]",children:e.jsx(N.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),e.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:o.map(r=>e.jsxs("button",{onClick:()=>{t(r)},className:"tw-flex tw-gap-s tw-items-center tw-max-w-[200px] tw-min-w-full hover:tw-bg-primary-light tw-cursor-pointer",children:[r.image&&e.jsx(U,{imageUrl:r.image,alt:r.name}),e.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:r.name})]}))})]})},Ge=({error:s,options:t,onSelect:l,initialValue:a})=>{const[n,o]=w.useState(!1),[r,d]=w.useState((a==null?void 0:a.name)??null);return w.useEffect(()=>{a&&d(a)},[a]),e.jsxs("div",{className:"tw-relative",children:[e.jsxs("div",{onBlur:()=>o(!1),onClick:()=>o(!n),className:`tw-z-[1] tw-cursor-pointer tw-w-full tw-bg-bg-card ${s?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${s?"tw-text-danger-regular":r?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(r==null?void 0:r.name)??"Selecciona una opción"}),e.jsx(N.Icons,{icon:"angle_down_outline",color:s?m.danger.regular:m.texts.placeholder})]}),n&&e.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:e.jsx(Fe,{onselect:i=>{d(i),o(!1),l&&l(i)},options:t})})]})},Ye=()=>{const{fields:s,updateFilters:t,cleanFilters:l,applyFilters:a,initialFilters:n}=L();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-2xl",children:"Filtros"}),e.jsx("button",{className:"tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:l,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((o,r)=>{var d;return e.jsxs("div",{style:{zIndex:10-r},children:[e.jsx("p",{className:"tw-text-xl z-[1]",children:o.label}),(o==null?void 0:o.type)==="select"?e.jsx("div",{className:"tw-relative tw-z-[10]",children:e.jsx(Ge,{error:!1,options:o==null?void 0:o.options,onSelect:i=>{t({name:o==null?void 0:o.id,value:i==null?void 0:i.id})},initialValue:(d=o==null?void 0:o.options)==null?void 0:d.find(i=>i.id===(n==null?void 0:n[o==null?void 0:o.id]))})}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:o.type,value:n==null?void 0:n[o==null?void 0:o.id],name:o.label.toLowerCase().replace(/ /g,"_"),onChange:Ve(i=>{var p,u;return t({name:(p=i==null?void 0:i.target)==null?void 0:p.name,value:(u=i==null?void 0:i.target)==null?void 0:u.value})},1e3)})]},r)})}),e.jsx("button",{className:"tw-bg-primary-regular hover:tw-bg-primary-dark tw-text-white tw-rounded-md tw-py-s tw-text-xl",onClick:a,children:"Filtrar"})]})},W=s=>{const t=a=>Object.prototype.toString.call(a)==="[object Object]",l=a=>a.attributes?{id:a.id,...a.attributes}:a;if(Array.isArray(s))return s.map(a=>W(a));if(t(s)){Array.isArray(s.data)?s=[...s.data]:t(s.data)?s=l({...s.data}):s.data===null?s=null:s=l(s);for(const a in s)s[a]=W(s[a]);return s}return s};class Xe{static toCampaignTasks(t){var a,n,o,r,d,i,p,u,j,b,x,g;let l=[];return t!=null&&t.responsable&&l.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(r=(o=(n=(a=t.responsable)==null?void 0:a.userOBP)==null?void 0:n.imagen)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:d.url}),(i=t==null?void 0:t.equipo)!=null&&i.miembros&&t.equipo.miembros.forEach(y=>{var f,C,v,T;l!=null&&l.find(E=>E.id===y.idUser.id)||y.idUser&&l.push({id:y.idUser.id,name:y.idUser.nombre,image:(T=(v=(C=(f=y==null?void 0:y.userOBP)==null?void 0:f.imagen)==null?void 0:C.formats)==null?void 0:v.thumbnail)==null?void 0:T.url})}),{paused:t==null?void 0:t.pausada,isPrincipalTask:(t==null?void 0:t.tarea_principal)??!1,projectName:((p=t==null?void 0:t.proyecto)==null?void 0:p.nombre)??null,orden:(t==null?void 0:t.orden)??null,id:(t==null?void 0:t.id)??null,task:(t==null?void 0:t.texto_corto)??null,status:(t==null?void 0:t.estatus)??null,difficulty:(t==null?void 0:t.nivel_dificultad)??null,priority:(t==null?void 0:t.prioridad)??0,endDate:new Date((t==null?void 0:t.ffin)??null),startDate:new Date((t==null?void 0:t.finicio)??null),mediumName:(t==null?void 0:t.nombre_medio)??null,users:l,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((u=t==null?void 0:t.comentarios)==null?void 0:u.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((j=t==null?void 0:t.id_t_requerida)==null?void 0:j.estatus)??null,nameRequiredTask:((b=t==null?void 0:t.id_t_requerida)==null?void 0:b.texto_corto)??null,responsible:((x=t==null?void 0:t.responsable)==null?void 0:x.id)??null,tasks:((g=t==null?void 0:t.tareas)==null?void 0:g.map(y=>({id:y.id,name:y.texto_corto,status:y.estatus})))??null}}}const Ze=async({filters:s,tasks_api:t,project:l})=>{try{const a=await t.get("/api/listado_tareas_flujo",{params:{...s,project:{id:l},includeAllTasks:!0}});return W(a.data.tareas).map(Xe.toCampaignTasks)}catch(a){console.log(a)}},Te=w.createContext({}),Je=({children:s,user:t,url:l,mode:a})=>{const n=a==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",o=ve.create({baseURL:l,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:i=>_e.stringify(i,{encodeValuesOnly:!0})}),r=()=>n,d=i=>i==="undefined"?"":`${n}${i}`;return e.jsx(Te.Provider,{value:{tasks_api:o,getOBPUrlApi:r,getImageOBP:d},children:s})},$=()=>w.useContext(Te),Se=w.createContext({}),et=({children:s,user:t,url:l})=>{const a=ve.create({baseURL:l,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>_e.stringify(n,{encodeValuesOnly:!0})});return e.jsx(Se.Provider,{value:{user:t,tasks_api:a},children:s})},H=()=>w.useContext(Se),Pe=w.createContext({}),qe=({children:s,project:t})=>{var C;const[l,a]=w.useState([]),[n,o]=w.useState(!1),[r,d]=w.useState([]),{tasks_api:i}=$(),{filters:p}=L(),{user:u}=H(),[j,b]=w.useState({owner:{user:u.id,config:((C=p==null?void 0:p.owner)==null?void 0:C.config)??"yo_y_mis_equipos"},project:{id:t}}),x=I.useQuery({queryKey:["tasksProject",p,t],queryFn:()=>Ze({filters:{...j,taskName:p==null?void 0:p.taskName},project:t,tasks_api:i})});w.useEffect(()=>{var v;Object.keys(p).length>0&&b({...p,owner:{user:u.id,config:((v=p==null?void 0:p.owner)==null?void 0:v.config)??"yo_y_mis_equipos"},project:{id:t}})},[p]);const g=v=>{a(T=>[...T,v])},y=v=>{d(T=>T.includes(v)?T.filter(E=>E!==v):[...T,v])},f=t??null;return e.jsx(Pe.Provider,{value:{tasksProject:x,selectedTasks:l,projectID:f,openTasks:r,selectTask:g,filtersToSend:j,openTask:y,isRefetching:n,project:t,filters:p,setIsRefetching:o},children:s})},Y=()=>w.useContext(Pe),tt=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],st=()=>e.jsxs("div",{className:"tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-h-[30px] tw-gap-3",children:[e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"}),e.jsx("div",{className:"tw-w-full tw-h-full tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]",children:[e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"})]})]}),ke=w.createContext(null),at=({children:s})=>{const[t,l]=w.useState({message:"",type:"success"}),a=(n,o)=>{l({message:n,type:o}),setTimeout(()=>l({message:"",type:"success"}),3e3)};return e.jsx(ke.Provider,{value:{toast:t,showSuccess:n=>a(n,"success"),showError:n=>a(n,"error")},children:s})},Ee=()=>w.useContext(ke),ee=()=>{const{tasks_api:s}=$(),{user:t}=H(),{filters:l,path:a}=L(),n=I.useQueryClient(),{projectID:o}=Y(),{showSuccess:r,showError:d}=Ee(),i=async({id:h})=>(await s.put(`/api/tareas/${h}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,p=async({id:h})=>(await s.post("/api/terminarTarea",{id_task:h,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,u=async({id:h,repeats:_})=>(await s.put(`/api/tareas/${h}`,{data:{repeticiones_realizadas:_,updated_by:t==null?void 0:t.id}})).data,j=async({id:h,motiveId:_})=>{try{const q=await s.post("/api/pausarTarea",{taskId:h,userId:t==null?void 0:t.id,motivoId:_});return r("Tarea pausada correctamente"),q.data}catch{d("Error al pausar la tarea")}},b=async({id:h})=>{try{const _=await s.post("/api/reanudarTarea",{taskId:h});return r("Tarea reanudada correctamente"),_.data}catch{d("Error al reanudar la tarea")}},x=async({id:h,idNewResponsible:_,typeOfSelect:q})=>{let c={updated_by:t==null?void 0:t.id};return q==="responsible"&&(c={...c,responsable:_}),q==="team"&&(c={...c,responsable:null,equipo:_}),(await s.put(`/api/tareas/${h}`,{data:c})).data},g=async({id:h,data:_,user:q})=>{},y=async({id:h})=>{await f({id:h})},{mutateAsync:f}=I.useMutation({mutationFn:i,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[h[a],l]}),n.invalidateQueries({queryKey:["working_tasks",l]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",l,o]}))}catch(_){console.error("Error updating the element:",_)}},onError:h=>{console.error("Failed to update the task.",h)},onMutate:async({id:h})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:C}=I.useMutation({mutationFn:p,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{n.setQueryData([h[a],l],_=>{console.log({oldData:_})}),a==="kanban-general"&&(n.invalidateQueries({queryKey:[h[a],l]}),n.invalidateQueries({queryKey:["done_tasks",l]}),n.invalidateQueries({queryKey:["working_tasks",l]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",l,o]}))}catch(_){console.error("Error invalidating queries:",_)}},onError:h=>{console.error("Failed to update the task.",h)},onMutate:async({id:h})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:v}=I.useMutation({mutationFn:u,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[h[a],l]}),n.invalidateQueries({queryKey:["done_tasks",l]}),n.invalidateQueries({queryKey:["working_tasks",l]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",l,o]}))}catch(_){console.error("Error invalidating queries:",_)}},onError:h=>{console.error("Failed to update the task.",h)},onMutate:async({id:h})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:T}=I.useMutation({mutationFn:x,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[h[a],l]}),n.invalidateQueries({queryKey:["done_tasks",l]}),n.invalidateQueries({queryKey:["working_tasks",l]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",l,o]}))}catch(_){console.error("Error invalidating queries:",_)}},onError:h=>{console.error("Failed to reassign the task.",h)},onMutate:async({id:h})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:g,startWorking:y,completeTask:async({id:h})=>{await C({id:h})},reasignResponsible:async({id:h,idNewResponsible:_,typeOfSelect:q})=>{await T({id:h,idNewResponsible:_,typeOfSelect:q})},updateUnitys:async({repeats:h,id:_})=>{await v({repeats:h,id:_})},pauseTask:async({id:h,motiveId:_})=>{console.log({taksId:h,motivoId:_,user:t==null?void 0:t.id})},postPauseTask:j,postReanudeTask:b}},rt=({id:s})=>{const[t,l]=w.useState(!1),{completeTask:a}=ee();return{checked:t,checkTask:()=>{l(!t),a({id:s})}}},Ae=({id:s,nameRequiredTask:t,statusRequiredTask:l,status:a})=>{const{checked:n,checkTask:o}=rt({id:s});let r=Math.random().toString();const d=t!==""&&l===2;return e.jsxs(e.Fragment,{children:[a===2&&e.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:e.jsx(N.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),d||!t?a===1?e.jsx("label",{htmlFor:r,className:n?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(N.Icons,{icon:n?"check_outline":"circle_checked",color:n?"white":m.texts.placeholder,strokeWidth:4,size:n?"xs":"s"})}):e.jsx(e.Fragment,{children:" "}):e.jsx(N.Tooltip,{dispatch:e.jsx("label",{className:"tw-cursor-help",children:e.jsx(N.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),children:e.jsxs("div",{className:"tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:r,checked:n,onChange:o,type:"checkbox",className:"tw-hidden"})]})},je=({trigger:s,user:t,showUser:l=!0})=>e.jsx(N.Tooltip,{dispatch:s,children:l&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(U,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})});class nt{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const lt=()=>{const{tasks_api:s}=$();return{teams:I.useQuery({queryKey:["teams","all"],queryFn:async()=>{const l=await s.get("/api/equipos");return W(l.data).map(nt.toDomain)}})}};class ot{static toUsers(t){var l,a,n;return{id:t.id,name:t.nombre,image:(n=(a=(l=t.imagen)==null?void 0:l.formats)==null?void 0:a.thumbnail)==null?void 0:n.url,tasksUser:{email:t.tasksUser.email,id:t.tasksUser.id,nombre:t.tasksUser.nombre}}}}const it=async({tasks_api:s})=>{try{const t=await s.get("/api/allOBPUsers");return W(t.data).map(ot.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},ct=()=>{const{tasks_api:s}=$();return{users:I.useQuery({queryKey:["users"],queryFn:()=>it({tasks_api:s}),staleTime:1e3*60*60*24})}},ce=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function wt(s){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],l=new Date(s).getDay();return t[l]}const ye=s=>{let t=s||new Date,l=t.getDate(),a=ce(t.getMonth()).slice(0,3),n=t.getFullYear().toString().slice(-2),o=wt(t).slice(0,3);return`${o.charAt(0).toUpperCase()+o.slice(1)} ${l} ${a.charAt(0).toUpperCase()+a.slice(1)} ${n}`},we=(s,t)=>({...s,image:s.image?`${t}${s.image}`:""}),Ie=({users:s,onClick:t,responsible:l})=>{const{getOBPUrlApi:a}=$();let n=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:o,position:r,clearPosition:d}=ie(),i=w.useRef(null),p=()=>l?null:s.length>3&&e.jsx(N.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-white ",children:`+${s.length-3}`})}),children:e.jsx("div",{className:"tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:s==null?void 0:s.slice(3).map((x,g)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(U,{imageUrl:x.image??"",alt:x.name},g),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:x.name})]},g))})}),u=()=>{if(l){let x=s.find(g=>g.id===l);return e.jsx("div",{children:e.jsx(je,{trigger:e.jsx(U,{imageUrl:x==null?void 0:x.image,alt:x==null?void 0:x.name},l),user:x,showUser:!(r!=null&&r.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((x,g)=>e.jsx("div",{className:`${g===0?"":"tw-ml-[-8px]"}`,children:e.jsx(je,{trigger:e.jsx(U,{imageUrl:x.image,alt:x.name},g),user:x,showUser:!(r!=null&&r.x)})}))},j=({children:x})=>e.jsx("label",{ref:i,htmlFor:n,className:"tw-cursor-pointer tw-flex tw-items-center",children:x});if(s.length===0)return e.jsx(j,{children:e.jsx(N.Icons,{icon:"user",size:"xs",strokeWidth:3})});const b=()=>{var E;const[x,g]=w.useState(),[y,f]=w.useState("team"),{teams:C}=lt(),{users:v}=ct();w.useEffect(()=>{var S,k;i.current&&g(((r==null?void 0:r.x)??0)-(((k=(S=i.current)==null?void 0:S.getBoundingClientRect())==null?void 0:k.width)??0))},[i==null?void 0:i.current,r==null?void 0:r.x]);const T=()=>{const S=[{id:"team",label:"Equipo"},{id:"responsible",label:"Responsable"}];return e.jsx("div",{className:"tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold",children:S.map((k,F)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${y===k.id?"tw-text-primary-pastel":""} ${F===S.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>f(k.id),children:k.label}))})};return(r==null?void 0:r.x)&&ae.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${x?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${x}px`,zIndex:1},children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[e.jsx(T,{}),e.jsx(Fe,{options:y==="team"?C.data.map(S=>({id:S.id,name:S.name,image:""})):(E=v.data)==null?void 0:E.map(S=>we(S,a())),onselect:S=>{var k;d(),t&&t((k=S.tasksUser)==null?void 0:k.id,y)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(j,{children:[u(),p()]}),e.jsx("button",{className:"tw-hidden",id:n,onClick:()=>o(i)}),e.jsx(b,{})]})};function dt({items:s}){var a;const[t,l]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((n,o)=>e.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${o!==0?"tw-px-3":""}`,children:e.jsx(A.Button,{variant:"ghost",onClick:()=>l(n.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===n.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:n.label},n.id)},n.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(a=s.find(n=>n.id===t))==null?void 0:a.component})]})}function ut({comment:s}){var n,o,r,d,i;const{getImageOBP:t}=$(),l=(d=(r=(o=(n=s==null?void 0:s.autor)==null?void 0:n.imagen)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:d.url;function a(p){const u=se.parseISO(p);return se.formatDistanceToNow(u,{locale:oe.es,addSuffix:!0})}return e.jsx("div",{children:e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[e.jsx(U,{size:"xxl",imageUrl:l?t(l):"",alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(i=s==null?void 0:s.autor)==null?void 0:i.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:a(s==null?void 0:s.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:s==null?void 0:s.comentario})]})]})})}function xt({currentUser:s,data:t,taskId:l,onNewComment:a}){var x,g,y;const{tasks_api:n,getImageOBP:o}=$(),{register:r,handleSubmit:d,reset:i}=le.useForm(),[p,u]=w.useState([]),j=(y=(g=(x=s==null?void 0:s.imagen)==null?void 0:x.formats)==null?void 0:g.thumbnail)==null?void 0:y.url;w.useEffect(()=>{if(t!=null&&t.comentarios){const f=[...t.comentarios].sort((C,v)=>new Date(v.createdAt).getTime()-new Date(C.createdAt).getTime());u(f)}},[t]);const b=async f=>{try{const C={autor:{id:s==null?void 0:s.id,email:s==null?void 0:s.email,nombre:s==null?void 0:s.nombre,imagen:s==null?void 0:s.imagen},comentario:f==null?void 0:f.comment,createdAt:new Date().toISOString()};await n.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:f.comment,tarea:l}}),a(!0),u(v=>[C,...v]),i()}catch(C){console.error("Error al agregar comentario:",C)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:d(b),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(U,{size:"xxl",imageUrl:j?o(j):"",alt:"@shadcn"}),e.jsx(A.Input,{...r("comment",{required:!0}),autoComplete:"off",placeholder:"Escribe un comentario",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200 tw-h-[3.5rem] tw-text-xl"})]}),p&&p.map((f,C)=>e.jsx(ut,{comment:f},C))]})}function pt({data:s}){const t={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},l=a=>a?se.format(new Date(a),"d MMM",{locale:oe.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(A.Label,{className:"tw-text-2xl tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:s==null?void 0:s.length})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:s==null?void 0:s.map(a=>{var n,o,r,d,i;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(U,{imageUrl:(d=(r=(o=(n=a.responsable)==null?void 0:n.image)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:d.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:a==null?void 0:a.texto_corto})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[e.jsx("p",{className:"tw-text-sm tw-font-normal",children:l(a==null?void 0:a.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((i=t[a==null?void 0:a.estatus])==null?void 0:i.color)??"tw-bg-gray-400"}`})]})]},a.id)})})]})}function mt({isOpen:s,setIsOpen:t,taskId:l}){var v,T,E,S,k,F,h,_,q,c,P,B;const[a,n]=w.useState(null),[o,r]=w.useState(!1),[d,i]=w.useState(!1),[p,u]=w.useState(null),j=(S=(E=(T=(v=a==null?void 0:a.responsable)==null?void 0:v.imagen)==null?void 0:T.formats)==null?void 0:E.thumbnail)==null?void 0:S.url,{tasks_api:b,getImageOBP:x}=$(),{user:g}=H();w.useEffect(()=>{if(s&&l||o){const D=async()=>{const M=await b.get(`/api/detalleTarea/${l}`);n(M==null?void 0:M.data)},z=async()=>{var K,O;const M=await b.get(`/api/users/${g.id}`),R=await b.post("/api/obtenerUsuarioOBP/",{emailList:[(K=M==null?void 0:M.data)==null?void 0:K.email]});u((O=R==null?void 0:R.data)==null?void 0:O.data[0])};D(),z()}},[s,l,o]);const y={0:{label:"Sin prioridad",color:"tw-text-primary-regular",iconColor:"#425CAC"},1:{label:"Baja",color:"tw-text-success-regular",iconColor:"#43B071"},2:{label:"Media",color:"tw-text-warning-regular",iconColor:"#D38A31"},3:{label:"Alta",color:"tw-text-danger-regular",iconColor:"#C34335"}},f=D=>D?se.format(D,"d MMM yyyy, h:mmaaa",{locale:oe.es}):"Fecha no disponible",C=[{id:1,label:"Todo",component:e.jsx(xt,{taskId:l,currentUser:p,data:a,onNewComment:r})},{id:2,label:"Dependencias",component:e.jsx(pt,{data:a==null?void 0:a.ids_t_dependientes})}];return s&&ae.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`tw-fixed tw-inset-0 tw-bg-transparent tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-z-20 ${s?"tw-pointer-events-auto tw-block":"tw-pointer-events-none tw-hidden"}`,onClick:()=>t(!1)}),e.jsx("section",{className:`tw-fixed tw-top-0 tw-bottom-0 tw-bg-white tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-w-[55rem] tw-h-screen tw-z-50 tw-overflow-hidden tw-transition-all tw-ease-in-out tw-duration-500 tw-shadow-2xl ${s?"tw-right-0 tw-pointer-events-auto tw-block":"tw-right-[-100%] tw-pointer-events-none tw-hidden"}`,children:e.jsxs("div",{className:"tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10",children:[e.jsxs("div",{className:"tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative",children:[((k=a==null?void 0:a.id_t_requerida)==null?void 0:k.id)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>i(!0),onMouseLeave:()=>i(!1),children:e.jsx(N.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),d&&e.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),e.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(F=a==null?void 0:a.id_t_requerida)==null?void 0:F.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:a==null?void 0:a.texto_corto})]}),e.jsx(A.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:e.jsx(N.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between tw-mt-6",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-xl",children:[a==null?void 0:a.campania," / ",a==null?void 0:a.nombre_medio]})}),e.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-2xl",children:"Descripción"}),e.jsx("p",{className:"tw-text-neutral-600 tw-font-normal tw-text-sm",children:(a==null?void 0:a.texto_largo)??"Sin descripción"})]}),e.jsx(A.Accordion,{type:"single",collapsible:!0,defaultValue:"item-1",className:"tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",children:e.jsxs(A.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(A.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4",children:"Detalles"}),e.jsx(A.AccordionContent,{className:"tw-border-none",children:e.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Responsable"}),(h=a==null?void 0:a.responsable)!=null&&h.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(U,{size:"xxl",imageUrl:j?x(j):"",alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(_=a==null?void 0:a.responsable)==null?void 0:_.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((q=a==null?void 0:a.equipo)==null?void 0:q.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(N.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(c=y[a==null?void 0:a.prioridad])==null?void 0:c.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(P=y[a==null?void 0:a.prioridad])==null?void 0:P.color}`,children:((B=y[a==null?void 0:a.prioridad])==null?void 0:B.label)??"Sin prioridad"})]})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Lista"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(a==null?void 0:a.lista)??"Sin lista"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:f(a==null?void 0:a.f_inicio_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:f(a==null?void 0:a.f_fin_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:f(a==null?void 0:a.ffin)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:f(a==null?void 0:a.createdAt)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:f(a==null?void 0:a.updatedAt)})]})]})})]})}),e.jsx(dt,{items:C})]})})]}),document.body)}const De=({status:s,nameRequiredTask:t,statusRequiredTask:l,id:a})=>{const{setElementPosition:n,position:o}=ie(),{startWorking:r,completeTask:d}=ee(),i=w.useRef(null),p=w.useRef(!1),u=t!==""&&l===2,j=({children:b})=>{const[x,g]=w.useState();return w.useEffect(()=>{var y,f;i.current&&g(((o==null?void 0:o.x)??0)-(((f=(y=i.current)==null?void 0:y.getBoundingClientRect())==null?void 0:f.width)??0))},[i==null?void 0:i.current,o==null?void 0:o.x]),o&&ae.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${x?"tw-block":"tw-hidden"}`,style:{top:`${o==null?void 0:o.y}px`,left:`${x}px`,zIndex:1},children:b}),document.body)};return e.jsxs(e.Fragment,{children:[(u&&l===2||!t)&&e.jsx("button",{ref:i,onClick:()=>{n(i)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(N.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(j,{children:p!=null&&p.current?e.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",children:e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):e.jsxs("button",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 hover:tw-bg-primary-light",onClick:()=>{p.current=!0,s===0?r({id:a}):d({id:a})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:s===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(N.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.primary.regular})]})})]})};class gt{static toPauseReasons(t){return{id:t.id,motivo_imj:t.motivo_imj}}}const ht=async({tasks_api:s})=>{try{const t=await s.get("/api/motivos");return W(t.data).map(gt.toPauseReasons)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},ft=()=>{const{tasks_api:s}=$();return{pauseReasons:I.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>ht({tasks_api:s}),staleTime:1e3*60*60*24})}};class bt{static toKanbanTasks(t){var a,n,o,r,d,i,p,u,j,b,x;let l=[];return t!=null&&t.responsable&&l.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(r=(o=(n=(a=t.responsable)==null?void 0:a.userOBP)==null?void 0:n.imagen)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:d.url}),(i=t==null?void 0:t.equipo)!=null&&i.miembros&&t.equipo.miembros.forEach(g=>{var y,f,C,v;l!=null&&l.find(T=>T.id===g.idUser.id)||g.idUser&&l.push({id:g.idUser.id,name:g.idUser.nombre,image:(v=(C=(f=(y=g==null?void 0:g.userOBP)==null?void 0:y.imagen)==null?void 0:f.formats)==null?void 0:C.thumbnail)==null?void 0:v.url})}),{paused:t==null?void 0:t.pausada,repeats:t==null?void 0:t.repeticiones_realizadas,repeatsToDo:t==null?void 0:t.repeticiones,comments:0,nameProject:(p=t==null?void 0:t.proyecto)==null?void 0:p.nombre,idProject:(u=t==null?void 0:t.proyecto)==null?void 0:u.id,willBePaused:t.es_pausable,difficulty:t.nivel_dificultad,endDate:new Date(t.ffin),id:t.id,priority:t.prioridad??0,status:t.estatus,task:t.texto_corto,users:l,responsible:((j=t==null?void 0:t.responsable)==null?void 0:j.id)??null,statusRequiredTask:((b=t.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((x=t.id_t_requerida)==null?void 0:x.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const de=async({filters:s,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas?populate=*",{params:s})).data.tareas.map(W).map(bt.toKanbanTasks)}catch(l){throw console.log({error:l}),`Error al obtener las tareas: ${l}`}},ue=s=>{var t;if(s!=null&&s.hasNextPage){const l=(t=s==null?void 0:s.data)==null?void 0:t.pages[s.data.pages.length-1];(l==null?void 0:l.length)===30&&(s==null||s.fetchNextPage())}},G=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),Me=()=>{var p;const s=I.useQueryClient(),{tasks_api:t}=$(),{user:l}=H(),{filters:a}=L(),[n,o]=w.useState(0),[r,d]=w.useState({owner:{user:l.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),i=I.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",r],queryFn:({pageParam:u})=>de({filters:{...r,status:"por_hacer",...G(u)},tasks_api:t,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,j)=>j.length+1});return w.useEffect(()=>{var u;Object.keys(a).length>0&&d({...a,owner:{user:l.id,config:((u=a==null?void 0:a.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",r]})},[r]),w.useEffect(()=>{(async()=>{const j=await t.get("/api/listado_tareas",{params:{...r,status:"por_hacer",...G(1),tasks_api:t,justCount:!0}});o(j.data.total)})()},[r,i==null?void 0:i.data]),{toDoTasks:i,total:n,filtersToSend:r}},Re=({idTask:s,setOpen:t,paused:l})=>{const a=I.useQueryClient(),{toDoTasks:n,filtersToSend:o}=Me(),[r,d]=w.useState(!1),{control:i,watch:p}=le.useForm(),{tasksProject:u}=Y(),{postPauseTask:j,postReanudeTask:b}=ee(),{pauseReasons:x}=ft(),g=async()=>{try{if(t(!1),await j({id:s,motiveId:p("pauseReason")}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),n&&typeof n.refetch=="function"||u&&typeof u.refetch=="function"){const f=await n.refetch(),C=await u.refetch();return[f,C]}}catch(f){console.error("Error al pausar la tarea:",f)}},y=async()=>{try{if(t(!1),await b({id:s}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),n&&typeof n.refetch=="function"||u&&typeof u.refetch=="function"){const f=await n.refetch(),C=await u.refetch();return[f,C]}}catch(f){console.error("Error al reanudar la tarea:",f)}};return e.jsx("div",{className:"tw-flex tw-items-center tw-max-w-[300px] tw-w-[300px] !tw-p-4",children:e.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-s",children:[e.jsx("h6",{className:"tw-text-xl tw-font-regular tw-text-texts-subtexttw-truncate",children:"Pausar tarea:"}),r?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[e.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción detendrá la campaña en curso."}),e.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):l?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[e.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción reanudará la campaña en curso."}),e.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):e.jsx(le.Controller,{name:"pauseReason",control:i,rules:{required:!0},render:({field:f})=>{var C;return e.jsxs(A.Select,{value:f.value,onValueChange:v=>f.onChange(v),children:[e.jsx(A.SelectTrigger,{className:"!tw-w-[290px] tw-border-none tw-shadow-input tw-h-[26px] tw-text-lg",children:e.jsx(A.SelectValue,{placeholder:"Selecciona una razón"})}),e.jsx(A.SelectContent,{className:"tw-bg-white tw-border-none tw-shadow-input",children:e.jsx(A.SelectGroup,{children:(C=x==null?void 0:x.data)==null?void 0:C.map(v=>e.jsx(A.SelectItem,{value:v.id,className:"tw-border-none tw-bg-white tw-text-lg",children:v.motivo_imj},v.id))})})]})}}),e.jsxs("div",{className:"tw-flex tw-justify-end tw-w-full tw-gap-m tw-mt-5",children:[e.jsx("button",{type:"button",onClick:()=>t(!1),className:"tw-bg-bg-card tw-text-primary-regular tw-font-regular tw-text-xl tw-rounded-lg tw-py-s tw-px-m tw-text-center tw-w-[78px] tw-h-[26px] tw-shadow",children:"Cancelar"}),l?e.jsx("button",{type:"button",onClick:()=>y(),className:"tw-bg-primary-regular tw-text-primary-light tw-flex tw-justify-center tw-items-center tw-text-center tw-font-regular tw-text-xl tw-rounded-lg tw-border-2 tw-border-primary-regular tw-py-s tw-w-[80px] tw-h-[26px]",children:"Si, reanudar"}):e.jsx("button",{type:"button",disabled:!p("pauseReason"),onClick:()=>r?g():d(!0),className:"tw-bg-primary-regular tw-text-primary-light tw-flex tw-justify-center tw-items-center tw-text-center tw-font-regular tw-text-xl tw-rounded-lg tw-border-2 tw-border-primary-regular tw-py-s tw-w-[80px] tw-h-[26px]",children:"Aceptar"})]})]})})};function $e({trigger:s,children:t,open:l,setOpen:a}){return e.jsxs(A.DropdownMenu,{open:l,onOpenChange:a,children:[e.jsx(A.DropdownMenuTrigger,{children:s}),e.jsx(A.DropdownMenuContent,{align:"start",className:"tw-bg-white tw-border-none tw-rounded-lg tw-p-4",children:t})]})}const jt=({id:s,task:t,endDate:l,users:a,willBePaused:n,nameProject:o,comments:r,priority:d,difficulty:i,responsible:p,nameRequiredTask:u,statusRequiredTask:j,status:b,repeatsToDo:x,repeats:g,medioName:y,paused:f})=>{var R,K,O,X,Z,J;const[C,v]=w.useState(!1),[T,E]=w.useState(!1),{reasignResponsible:S,updateUnitys:k}=ee(),{getOBPUrlApi:F}=$(),[h,_]=w.useState(g??0),q=!!(x&&g===x),c=!x||x===1,P=b===0,B=()=>e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]",children:[b<2&&(q||c||P)&&e.jsx(Ae,{id:s,nameRequiredTask:u??"",statusRequiredTask:j??0,status:b}),e.jsx("p",{className:"tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",onClick:()=>v(!0),children:t})]}),(q||c||P)&&e.jsx(De,{id:s,nameRequiredTask:u,status:b,statusRequiredTask:j})]}),D={0:{title:"N/A",color:m.texts.placeholder},1:{title:"Baja",color:m.primary.regular},2:{title:"Media",color:m.success.regular},3:{title:"Alta",color:m.danger.regular}},z={0:{title:"Muy fácil",color:m.primary.regular},1:{title:"Fácil",color:m.success.regular},2:{title:"Media",color:m.warning.regular},3:{title:"Difícil",color:m.danger.regular},4:{title:"Muy difícil",color:m.danger.dark}},M=Q=>{_(V=>Q==="minus"?Math.max(0,V-1):Math.min(x,V+1))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[e.jsx(B,{}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:o}),y&&e.jsx("p",{className:"tw-text-xl",children:y})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[e.jsx(Ie,{responsible:p,users:a.filter(Q=>p?Q.id===p:!0).map(Q=>we(Q,F())),onClick:async(Q,V)=>{await S({idNewResponsible:Q,id:s,typeOfSelect:V})}}),n&&e.jsx($e,{open:T,setOpen:E,trigger:e.jsx("button",{type:"button",onClick:()=>E(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-gap-2 !tw-h-[32px] !tw-w-[32px] tw-flex tw-justify-center tw-items-center",children:e.jsx(N.Icons,{icon:f?"play":"pause",size:"xs",strokeWidth:2})}),children:e.jsx(Re,{idTask:s,setOpen:E,paused:f})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(N.Tooltip,{dispatch:e.jsx(N.Icons,{icon:"difficulty",size:"xs",color:(R=z[i??0])==null?void 0:R.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(K=z[i??0])==null?void 0:K.color},children:`Dificultad ${(O=z[i??0])==null?void 0:O.title}`})}),e.jsx(N.Tooltip,{dispatch:e.jsx(N.Icons,{icon:"flag",size:"xs",color:(X=D[d??0])==null?void 0:X.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(Z=D[d??0])==null?void 0:Z.color},children:`Prioridad: ${(J=D[d??0])==null?void 0:J.title}`})}),!x||x&&b===0&&e.jsxs(e.Fragment,{children:[e.jsx(N.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${l.getDate()} ${ce(l.getMonth()).slice(0,3)}`})]})]}),b===1&&x&&x>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>M("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(N.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${h??0} / ${x??0}`}),e.jsx("button",{onClick:()=>M("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(N.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("button",{className:"tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",onClick:()=>{k({repeats:h,id:s})},children:"Agregar"})]})]})]}),r>0&&e.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:e.jsxs("button",{onClick:()=>v(!0),className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(N.Icons,{icon:"comment",size:"xs",strokeWidth:4}),e.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:r})]})})]}),e.jsx(mt,{taskId:s,isOpen:C,setIsOpen:v})]})},re=({title:s,tasks:t,loadNextPage:l,isFetching:a,total:n})=>{const o=w.useRef(null),r=w.useRef(null),d=w.useRef(!1);w.useEffect(()=>{var u;o!=null&&o.current&&(r!=null&&r.current)&&(r.current.style.minHeight=`${((u=o==null?void 0:o.current)==null?void 0:u.clientHeight)-300}px`)},[o==null?void 0:o.current]);const i=u=>{if(d.current)return;const{scrollTop:j,clientHeight:b,scrollHeight:x}=u==null?void 0:u.target,g=j/(x-b)*100;g<=95||g>=95&&(d.current=!0,l&&l(),setTimeout(()=>{d.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return e.jsxs("div",{ref:o,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[s]}`,children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsx("p",{className:"tw-text-2xl",children:s})}),e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-[4px]",children:[e.jsx(N.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:m.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:n??0})]})})]}),e.jsxs("div",{ref:r,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",onScroll:i,children:[t==null?void 0:t.map(u=>e.jsx(jt,{...u},u.id)),a?e.jsx(st,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},yt=()=>{var n;const{defineFields:s}=L(),{tasksProject:t}=Y();w.useEffect(()=>{(async()=>{let r=[...tt];s(r)})()},[]);let l=(n=t==null?void 0:t.data)==null?void 0:n.filter(o=>{var r;return((r=o==null?void 0:o.tasks)==null?void 0:r.length)===0}).reduce((o,r)=>(o[r.status]=o[r.status]||[],o[r.status].push(r),o),{});const a=["Por hacer","Trabajando","Completadas"];return e.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:a.map((o,r)=>{var d;return e.jsx(re,{total:((d=l==null?void 0:l[r])==null?void 0:d.length)??0,title:o,tasks:(l==null?void 0:l[r])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})},Nt=()=>{var a,n;const{toDoTasks:s,total:t}=Me(),l=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return e.jsx(re,{total:t,title:"Por hacer",tasks:l,loadNextPage:()=>ue(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},vt=()=>{var p;const s=I.useQueryClient(),{tasks_api:t}=$(),{user:l}=H(),{filters:a}=L(),[n,o]=w.useState(0),[r,d]=w.useState({owner:{user:l.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),i=I.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",r],queryFn:({pageParam:u})=>de({filters:{...r,status:"trabajando",...G(u)},tasks_api:t,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,j)=>j.length+1});return w.useEffect(()=>{var u;Object.keys(a).length>0&&d({...a,owner:{user:l.id,config:((u=a==null?void 0:a.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"trabajando"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",r]})},[r]),w.useEffect(()=>{(async()=>{const j=await t.get("/api/listado_tareas",{params:{...r,status:"trabajando",...G(1),tasks_api:t,justCount:!0}});o(j.data.total)})()},[r,i==null?void 0:i.data]),{workingTasks:i,total:n}},_t=()=>{var a,n;const{workingTasks:s,total:t}=vt(),l=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return e.jsx(re,{total:t,title:"Trabajando",tasks:l,loadNextPage:()=>ue(s),isFetching:s==null?void 0:s.isFetching})},Ct=()=>{var p;const s=I.useQueryClient(),{user:t}=H(),{tasks_api:l}=$(),{filters:a}=L(),[n,o]=w.useState(0),[r,d]=w.useState({owner:{user:t.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),i=I.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",r],queryFn:({pageParam:u})=>de({filters:{...r,status:"completadas",...G(u)},tasks_api:l,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,j)=>j.length+1});return w.useEffect(()=>{var u;Object.keys(a).length>0&&d({...a,owner:{user:t.id,config:((u=a==null?void 0:a.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"completadas"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",r]})},[r]),w.useEffect(()=>{(async()=>{const j=await l.get("/api/listado_tareas",{params:{...r,status:"completadas",...G(1),justCount:!0,tasks_api:l}});o(j.data.total)})()},[i==null?void 0:i.data,r]),{doneTasks:i,total:n}},Ft=()=>{var a,n;const{doneTasks:s,total:t}=Ct(),l=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return e.jsx(re,{title:"Completadas",tasks:l,loadNextPage:()=>ue(s),isFetching:s==null?void 0:s.isFetching,total:t})};class te{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const Tt=()=>{const{tasks_api:s}=$(),{filters:t}=L(),{user:l}=H();return{getSalesmanAndProjects:async()=>{var i;const[r,d]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...t,owner:{user:l==null?void 0:l.id,config:((i=t==null?void 0:t.owner)==null?void 0:i.config)??"yo_y_mis_equipos"},justProjects:!0}})]);return{salesmanUsers:r.data.map(te.toSalesmanUsers),projects:d.data.map(te.toSalesmanUsers)}},getProjects:async()=>{var d;return(await s.get("/api/listado_tareas",{params:{...t,owner:{user:l.id,config:((d=t==null?void 0:t.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(te.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)}},St=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por campaña",type:"select",id:"project.id",options:[]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por ejecutivo comercial",type:"select",id:"salesman.id",options:[]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ne=[{label:"Responsable",type:"select",id:"responsable.responsableType",options:[{id:"yo_y_mis_equipos",name:"Yo y mis equipos"},{id:"mis_equipos",name:"Mis equipos"},{id:"yo",name:"Yo"}]},{label:"Por Ejecutivo",type:"select",id:"ejecutivo",options:[]}],Pt=()=>{const{defineFields:s}=L(),{getSalesmanAndProjects:t}=Tt();return w.useEffect(()=>{(async()=>{let a=[...St],{salesmanUsers:n,projects:o}=await t();s(a.map(r=>(r.id==="project.id"&&(r.options=o),r.id==="salesman.id"&&(r.options=n),r)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(Nt,{}),e.jsx(_t,{}),e.jsx(Ft,{})]})},Be=w.createContext({}),qt=({children:s})=>{const[t,l]=w.useState([]),a=n=>{l(o=>o.includes(n)?o.filter(r=>r!==n):[...o,n])};return e.jsx(Be.Provider,{value:{selectedTasks:t,selectTask:a},children:s})},kt=()=>w.useContext(Be),ze=()=>{const s=()=>e.jsxs("div",{className:"tw-w-full tw-flex tw-gap-m",children:[e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"})]});return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]}),e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]})]})},Le=({startDate:s,endDate:t})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(N.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(s)]})]}),e.jsx(N.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.texts.DEFAULT}),e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(N.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(t)]})]})]}),Ke=({id:s,priority:t,difficulty:l,endDate:a})=>{var r,d;const n={0:{title:"N/A",color:m.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},o={0:{title:"Muy fácil",color:m.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:m.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular"}};return e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:e.jsx(N.Tooltip,{dispatch:e.jsx(N.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:m.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((r=o[l??0])==null?void 0:r.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(N.Tooltip,{dispatch:e.jsx(N.Icons,{icon:"difficulty",size:"xs",color:o[l??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:o[l??0].color},children:o[l??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((d=n[t??0])==null?void 0:d.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(N.Tooltip,{dispatch:e.jsx(N.Icons,{icon:"flag",size:"xs",color:n[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:n[t??0].color},children:n[t??0].title})})}),e.jsx(N.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${a.getDate()} ${ce(a.getMonth()).slice(0,3)}`})]})]})},Et=({id:s})=>{const{selectedTasks:t,selectTask:l}=kt();return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"tw-cursor-pointer tw-w-[20px] tw-h-[20px] tw-border-2 tw-border-gray-200 tw-rounded-md tw-flex tw-justify-center tw-items-center",htmlFor:s.toString(),children:e.jsx("span",{className:`${t.includes(s)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(N.Icons,{icon:"check_outline",size:"xs",color:m.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>l(s)})]})},Qe=({task:s})=>e.jsx(N.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:s}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:s})}),At=({id:s})=>{var d,i;const[t,l]=w.useState(!1),{tasksProject:a}=Y(),{reasignResponsible:n}=ee(),{getOBPUrlApi:o}=$(),r=(d=a==null?void 0:a.data)==null?void 0:d.find(p=>p.id===s);return e.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:e.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(r!=null&&r.nameRequiredTask)||(r==null?void 0:r.nameRequiredTask)!==""&&(r==null?void 0:r.statusRequiredTask)===2&&e.jsx(Et,{id:s}),e.jsx(Ae,{id:s,nameRequiredTask:(r==null?void 0:r.nameRequiredTask)??"",status:r==null?void 0:r.status,statusRequiredTask:(r==null?void 0:r.statusRequiredTask)??0},s),(r==null?void 0:r.willBePaused)&&e.jsx($e,{open:t,setOpen:l,trigger:e.jsx(A.Button,{type:"button",variant:"ghost",onClick:()=>l(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:e.jsx(N.Icons,{icon:r!=null&&r.paused?"play":"pause",size:"xs",strokeWidth:2})}),children:e.jsx(Re,{idTask:r==null?void 0:r.id,setOpen:l,paused:r==null?void 0:r.paused})}),e.jsx(Ie,{onClick:async(p,u)=>{var j;await n({idNewResponsible:(j=p==null?void 0:p.tasksUser)==null?void 0:j.id,id:s,typeOfSelect:u})},responsible:r==null?void 0:r.responsible,users:((i=r==null?void 0:r.users)==null?void 0:i.map(p=>we(p,o())))??[]}),e.jsx(Qe,{task:(r==null?void 0:r.task)??""}),e.jsx(Ke,{id:s,priority:r==null?void 0:r.priority,difficulty:r.difficulty,endDate:r==null?void 0:r.endDate}),e.jsx(Le,{startDate:r==null?void 0:r.startDate,endDate:r==null?void 0:r.endDate}),e.jsx(De,{id:s,nameRequiredTask:r.nameRequiredTask,status:r.status,statusRequiredTask:r.statusRequiredTask})]})})},Ue=({id:s})=>{var o,r,d,i,p,u,j;const{tasksProject:t,openTasks:l,openTask:a}=Y(),n=(o=t==null?void 0:t.data)==null?void 0:o.find(b=>b.id===s);return n?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${l.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>a(s),children:e.jsx(N.Icons,{icon:"angle_down_outline",color:m.texts.subtext})}),e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-xl tw-text-primary",children:((r=n==null?void 0:n.tasks)==null?void 0:r.length)===0?1:(d=n==null?void 0:n.tasks)==null?void 0:d.length})}),e.jsx(Qe,{task:(n==null?void 0:n.task)??""}),e.jsx(Ke,{id:s,priority:n==null?void 0:n.priority,difficulty:n.difficulty,endDate:n==null?void 0:n.endDate}),e.jsx(Le,{startDate:n==null?void 0:n.startDate,endDate:n==null?void 0:n.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(N.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((i=n==null?void 0:n.tasks)==null?void 0:i.length)===0?1:(p=n==null?void 0:n.tasks)==null?void 0:p.length})]})]}),l.includes(s)&&e.jsx("div",{className:"tw-ml-[30px]",children:((u=n==null?void 0:n.tasks)==null?void 0:u.length)>0?(j=n==null?void 0:n.tasks)==null?void 0:j.map(b=>e.jsx(Ue,{id:b==null?void 0:b.id})):e.jsx(At,{id:n==null?void 0:n.id})})]}):null},It=()=>{var a;const{tasksProject:s,projectID:t}=Y();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return e.jsx(ze,{});let l=[...(a=s==null?void 0:s.data)==null?void 0:a.filter(n=>n.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(qt,{project:t,children:l==null?void 0:l.sort((n,o)=>n.orden-o.orden).map(n=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ",children:e.jsx(Ue,{id:n.id})}))})})},Dt=({setPath:s,setProject:t})=>{const[l,a]=w.useState([]),[n,o]=w.useState(!0),[r,d]=w.useState(0),[i,p]=w.useState(10),[u,j]=w.useState(0),[b,x]=w.useState("nombre"),{filters:g,defineFields:y}=L(),{tasks_api:f,getImageOBP:C}=$(),{user:v}=H(),T=async(c,P)=>{var B,D,z;try{o(!0);const M={filters:{search:(g==null?void 0:g.search)??"",responsable:{idUser:v.id,responsableType:(B=g==null?void 0:g.responsable)==null?void 0:B.responsableType},ejecutivo:(g==null?void 0:g.ejecutivo)??""}},R=await f.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:P},orderBy:b,...M}}),K=W(R==null?void 0:R.data);a(K),j((z=(D=R==null?void 0:R.data)==null?void 0:D.meta)==null?void 0:z.total)}catch(M){console.error("Error fetching data en Lista Campaña:",M)}finally{o(!1)}},E=async()=>{try{const c=await f.get("/api/obtener-comerciales");return[...Ne].map(B=>(B.id==="ejecutivo"&&(B.options=c.data.map(D=>({id:D.nombre,name:D.nombre}))),B))}catch(c){return console.error("Error fetching salesman data:",c),[...Ne]}};w.useEffect(()=>{(async()=>{const P=await E();y(P)})()},[]),w.useEffect(()=>{const c=Math.floor(r/i)+1;T(c,i)},[r,i,b,g]);const S=c=>{d(c.first),p(c.rows)},k=[{label:"5 filas",value:5},{label:"10 filas",value:10},{label:"15 filas",value:15},{label:"20 filas",value:20},{label:"25 filas",value:25},{label:"50 filas",value:50}],F=c=>{const P=parseInt(c.target.value,10);p(P),S({first:0,rows:P})},h=c=>{x(P=>P===c?`${c}:desc`:c)},_=c=>b===c?"↑↓":b===`${c}:desc`?"↓↑":"↑↓",q=c=>({padding:"auto",backgroundColor:m.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?m.gray.gray_regular:m.gray.gray_dark}`,color:c?m.gray.gray_regular:m.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return e.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:m.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:n?e.jsx("div",{className:"tw-w-full",children:e.jsx(ze,{})}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[e.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:e.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:m.gray.gray_regular},children:[e.jsx("th",{onClick:()=>h("nombre"),style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx("label",{className:"tw-text-s",style:{color:m.gray.gray_dark},children:_("nombre")}),"Campaña"]})}),e.jsx("th",{onClick:()=>h("inicia"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:e.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:m.gray.gray_dark},children:[_("inicia"),e.jsx(N.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{style:{color:m.gray.gray_dark},children:"Fecha Inicio"})]})})}),e.jsx("th",{onClick:()=>h("termina"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:_("termina")}),e.jsx(N.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Status"}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Progreso de Ejecución"}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Responsable"})]})}),e.jsx("tbody",{children:l==null?void 0:l.map((c,P)=>{var B,D,z,M,R,K,O,X,Z,J,Q,V,xe,pe,me,ge,he,fe;return e.jsxs("tr",{style:{background:P%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{t({id:c==null?void 0:c.id,project:c==null?void 0:c.nombre}),s("kanban-campania")},onMouseEnter:ne=>{ne.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:ne=>{ne.currentTarget.style.backgroundColor=P%2===0?"#F5F5F5":"#FAFAFA"},children:[e.jsx("td",{className:"tw-text-s",children:(B=c==null?void 0:c.campania)==null?void 0:B.nombre}),e.jsx("td",{className:"tw-text-s",children:(D=c==null?void 0:c.campania)==null?void 0:D.inicia}),e.jsx("td",{className:"tw-text-s",children:(z=c==null?void 0:c.campania)==null?void 0:z.termina}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[c==null?void 0:c.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?m.progressbar.green_regular:c.progreso>50?m.progressbar.blue_regular:c.progreso>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[(c==null?void 0:c.progresoVenta)??0,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${(c==null?void 0:c.progresoVenta)??0}%`,backgroundColor:(c==null?void 0:c.progresoVenta)===100?m.progressbar.green_regular:(c==null?void 0:c.progresoVenta)>50?m.progressbar.blue_regular:(c==null?void 0:c.progresoVenta)>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[e.jsx(U,{imageUrl:(X=(O=(K=(R=(M=c==null?void 0:c.campania)==null?void 0:M.responsable)==null?void 0:R.imagen)==null?void 0:K.formats)==null?void 0:O.thumbnail)!=null&&X.url?C((xe=(V=(Q=(J=(Z=c==null?void 0:c.campania)==null?void 0:Z.responsable)==null?void 0:J.imagen)==null?void 0:Q.formats)==null?void 0:V.thumbnail)==null?void 0:xe.url):"",alt:(ge=(me=(pe=c==null?void 0:c.campania)==null?void 0:pe.responsable)==null?void 0:me.nombre)==null?void 0:ge.charAt(0)}),e.jsx("span",{className:"tw-ml-4 tw-text-s",children:(fe=(he=c==null?void 0:c.campania)==null?void 0:he.responsable)==null?void 0:fe.nombre})]})})]},P)})})]})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",color:m.black.black_dark},className:"tw-text-s tw-whitespace-nowrap",children:[l.length," elementos de ",u]}),e.jsx(Oe.Paginator,{first:r,rows:i,totalRecords:u,rowsPerPageOptions:[5,10,20,50],onPageChange:S,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:q(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:q(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:q(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:q(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>e.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:e.jsx("button",{onClick:P=>c.onClick(P),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...q(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":m.silver.silver_light,color:m.black.black_dark},children:c.page+1})})}}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),e.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${m.gray.gray_dark}`,borderRadius:"4px"},value:i,onChange:c=>F(c),children:k.map(c=>e.jsx("option",{value:c.value,className:"tw-text-s",style:{color:m.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},Mt=({path:s,tab:t,setPath:l,project:a,setProject:n})=>{const o={"kanban-general":{kanban:e.jsx(Pt,{})},"lista-campanias":{lista:e.jsx(Dt,{setPath:l,setProject:n}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(yt,{}),lista:e.jsx(It,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?e.jsx(qe,{project:a==null?void 0:a.id,children:o[s][t]}):o[s][t]},Rt=({label:s,active:t,onClick:l,disabled:a})=>a?e.jsx(N.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:e.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):e.jsx("button",{disabled:a,onClick:l,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${a?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),$t=({tabs:s,renderItem:t,initialTab:l})=>{const[a,n]=w.useState(l??s[0].toLowerCase());w.useEffect(()=>{l&&n(l)},[l]);const o=r=>{n(r),t(r)};return e.jsx("div",{className:"tw-flex",children:s.map((r,d)=>e.jsx("div",{className:`${d===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(Rt,{onClick:()=>o(r.toLowerCase()),label:r,active:r.toLowerCase()===a,disabled:["gantt"].includes(r.toLowerCase())},d)}))})};function Bt(){const{toast:s}=Ee();return s.message?e.jsx("div",{className:`tw-fixed tw-top-[10%] tw-right-10 tw-z-50 tw-w-[300px] tw-h-[30px] tw-text-lg tw-bg-black tw-rounded-md tw-shadow-md ${s.type==="success"?"tw-bg-success-medium":"tw-bg-danger-medium"} tw-flex tw-items-center`,children:e.jsxs("div",{className:"relative tw-w-full tw-h-full tw-flex tw-items-center",children:[e.jsx("div",{className:`tw-w-[5px] tw-h-full ${s.type==="success"?"tw-bg-success-dark":"tw-bg-danger-regular"} tw-rounded-full tw-absolute tw-left-0`}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-pl-4",children:[e.jsx(N.Icons,{icon:s.type==="success"?"circle_checked":"circle_x",className:`tw-text-${s.type==="success"?"success-dark":"danger-dark"}`,color:s.type==="success"?"#368156":"#DC2626"}),e.jsx("p",{className:`${s.type==="success"?"tw-text-success-dark":"tw-text-danger-dark"} tw-font-semibold tw-text-xl`,children:s.message})]})]})}):null}const zt=({path:s})=>{const t=()=>{const{selectPath:l,updateFilters:a,applyFilters:n,filters:o}=L(),[r,d]=w.useState("kanban"),[i,p]=w.useState(s),[u,j]=w.useState({id:1704,project:"Kanban de Campania"}),[b,x]=w.useState([{path:"lista-campanias",search:(o==null?void 0:o.search)??""},{path:"kanban-campania",search:(o==null?void 0:o.taskName)??""},{path:"kanban-general",search:(o==null?void 0:o.taskName)??""}]),[g,y]=w.useState(),f=w.useRef(null);w.useEffect(()=>{var F;d(i==="lista-campanias"?"lista":"kanban"),l(i),y(((F=b.find(h=>h.path===i))==null?void 0:F.search)??"")},[s,i]),w.useEffect(()=>{var F;((F=S())==null?void 0:F.trim())===""&&a({name:i==="lista-campanias"?"search":"taskName",value:null}),n()},[b]);const C=F=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${u.project}`})[F],v=F=>{p(F)},T=["lista-campanias","kanban-campania"],E={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},S=()=>{var F;return((F=b.find(h=>h.path===i))==null?void 0:F.search)??""},k=F=>{x(h=>h.map(_=>_.path===i?{..._,search:F}:_))};return w.useEffect(()=>{const F=setTimeout(()=>{a({name:i==="lista-campanias"?"search":"taskName",value:g==null?void 0:g.trim()}),k(g)},500);return()=>{clearTimeout(F)}},[g]),e.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[e.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[e.jsxs("div",{className:"tw-flex tw-gap-xl",children:[i==="kanban-campania"&&e.jsx("button",{onClick:()=>v("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:e.jsx(N.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:C(i)}),T.includes(i)&&e.jsx($t,{tabs:E[i],renderItem:F=>{d(F)},initialTab:r})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:F=>{y(F.target.value)},type:"text",placeholder:"Buscar",value:g,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),e.jsx(We,{filterChildren:f,children:e.jsx("div",{ref:f,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(Ye,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:e.jsx(qe,{project:u.id,children:e.jsx(Mt,{path:i,tab:r,setPath:v,project:u,setProject:j})})})]})};return e.jsx(He,{children:e.jsxs(at,{children:[e.jsx(t,{}),e.jsx(Bt,{})]})})},Lt=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Kt=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"No encontramos tu acceso"}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"por favor, contacta al administrador"})]})})}),Qt=({path:s,user:t,url:l,mode:a})=>{const n=new I.QueryClient;if(!t)return e.jsx(Lt,{});if(!t.accessToken)return e.jsx(Kt,{});let o={user:t,url:l,mode:a};return e.jsx(e.Fragment,{children:e.jsx(et,{...o,children:e.jsx(Je,{...o,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(I.QueryClientProvider,{client:n,children:[e.jsx(zt,{path:s})," "]})})})})})};exports.AppTasks=Qt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@imj_media/imj-ui/styles.css");const M=require("@tanstack/react-query"),w=require("react"),f=require("@imj_media/tasks-modules"),lt=require("react-dom"),Nt=require("axios"),_t=require("qs"),nt=require("date-fns"),wt=require("date-fns/locale"),A=require("@imj_media/imj-ui"),ct=require("react-hook-form"),Ut=require("primereact/paginator"),m={bg:{content:"#FAFAFA"},texts:{DEFAULT:"#252525",subtext:"#4f4f4f",placeholder:"#929292"},primary:{regular:"#425CAC"},success:{dark:"#368156",regular:"#43B071"},danger:{dark:"#8C352C",regular:"#C34335"},warning:{dark:"#B4782F",regular:"#D38A31"},silver:{silver_light:" #F5F5F5",silver_dark:" #E9E9E9"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313"}},dt=()=>{const[s,e]=w.useState(null);return{position:s,setElementPosition:o=>{var p;let r=(p=o.current)==null?void 0:p.getBoundingClientRect(),u=(r==null?void 0:r.x)+((r==null?void 0:r.width)??0),c=(r==null?void 0:r.y)+(r==null?void 0:r.height);e(s?null:{x:u??0,y:c??0})},getChildrenSize:o=>{var r;return(r=o.current)==null?void 0:r.getBoundingClientRect()},clearPosition:()=>{e(null)}}},Wt=({children:s,filterChildren:e})=>{const{position:n,setElementPosition:a}=dt(),l=w.useRef(null),o=({children:r})=>{const[u,c]=w.useState();return w.useEffect(()=>{var p,x;e.current&&c(((n==null?void 0:n.x)??0)-(((x=(p=e.current)==null?void 0:p.getBoundingClientRect())==null?void 0:x.width)??0))},[e==null?void 0:e.current,n==null?void 0:n.x]),n&<.createPortal(t.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${u}px`,zIndex:1},"data-portal-host":!0,children:r}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs("label",{ref:l,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[t.jsx(f.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:m.primary.regular}),"Filtrar"]}),t.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{a(l)}}),t.jsx(o,{children:s})]})},bt=s=>{let e={};return Object.entries(s).forEach(([n,a])=>{if(n.includes(".")){let[l,o]=n.split(".");e[l]=e[l]||{},e[l][o]=a}else e[n]=a}),e},Ct=w.createContext({}),Ht=({children:s})=>{const[e,n]=w.useState({}),[a,l]=w.useState({}),[o,r]=w.useState([]),[u,c]=w.useState(""),p=({name:j,value:d})=>{function g(b){return!isNaN(b)&&b!==null&&b!==""?parseFloat(b):null}let N=g(d);l(b=>{let C={...b},_=o==null?void 0:o.find(k=>k.label.toLowerCase().replace(/ /g,"_")===j);return _?C[_.id]=N??d:C[j]=N??d,C})};w.useEffect(()=>{let j=o.map(d=>d.id==="owner.config"?[d.id,"yo_y_mis_equipos"]:d.id==="dependency"?[d.id,"ambas"]:[d.id,null]);l(d=>{let g={search:d==null?void 0:d.search,taskName:d==null?void 0:d.taskName};return g={...g,...Object.fromEntries(j)},g})},[o]);const x=()=>{let j=o.map(d=>d.id==="owner.config"?[d.id,"yo_y_mis_equipos"]:d.id==="dependency"?[d.id,"ambas"]:[d.id,null]);l(Object.fromEntries(j)),n(bt(Object.fromEntries(j)))},y=()=>{let j=bt(a);n(j)};return t.jsx(Ct.Provider,{value:{fields:o,filters:e,path:u,defineFields:r,updateFilters:p,cleanFilters:x,applyFilters:y,initialFilters:a,selectPath:c},children:s})},B=()=>w.useContext(Ct);function Vt(s,e=300,n={leading:!1,trailing:!0}){let a,l=null;return function(...o){const r=Date.now(),u=n.leading&&!l;clearTimeout(a),u&&s(...o),l=r,a=setTimeout(()=>{n.trailing&&(!n.leading||r-l>=e)&&(s(...o),l=null)},e)}}const K=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:e="avatar",size:n="s"})=>{const a={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[n];return t.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:e??"avatar",className:`${a} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},Tt=({options:s,onselect:e})=>{const[n,a]=w.useState(null),l=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),o=[...s].filter(r=>r.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return t.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[t.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[t.jsx("input",{id:l,value:n??"",onChange:r=>a(r.target.value),type:"text",className:"tw-w-full tw-h-[32px] tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2",placeholder:"Buscar"}),t.jsx("div",{className:"tw-absolute tw-right-[8px]",children:t.jsx(f.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),t.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:o.map(r=>t.jsxs("button",{onClick:()=>{e(r)},className:"tw-flex tw-gap-s tw-items-center tw-max-w-[200px] tw-min-w-full hover:tw-bg-primary-light tw-cursor-pointer",children:[r.image&&t.jsx(K,{imageUrl:r.image,alt:r.name}),t.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:r.name})]}))})]})},Yt=({error:s,options:e,onSelect:n,initialValue:a})=>{const[l,o]=w.useState(!1),[r,u]=w.useState((a==null?void 0:a.name)??null);return w.useEffect(()=>{a&&u(a)},[a]),t.jsxs("div",{className:"tw-relative",children:[t.jsxs("div",{onBlur:()=>o(!1),onClick:()=>o(!l),className:`tw-z-[1] tw-cursor-pointer tw-w-full tw-bg-bg-card ${s?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${s?"tw-text-danger-regular":r?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[t.jsx("p",{children:(r==null?void 0:r.name)??"Selecciona una opción"}),t.jsx(f.Icons,{icon:"angle_down_outline",color:s?m.danger.regular:m.texts.placeholder})]}),l&&t.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:t.jsx(Tt,{onselect:c=>{u(c),o(!1),n&&n(c)},options:e})})]})},Gt=()=>{const{fields:s,updateFilters:e,cleanFilters:n,applyFilters:a,initialFilters:l}=B();return t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[t.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[t.jsx("p",{className:"tw-text-texts tw-text-2xl",children:"Filtros"}),t.jsx("button",{className:"tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:n,children:"Limpiar"})]}),t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((o,r)=>{var u;return t.jsxs("div",{style:{zIndex:10-r},children:[t.jsx("p",{className:"tw-text-xl z-[1]",children:o.label}),(o==null?void 0:o.type)==="select"?t.jsx("div",{className:"tw-relative tw-z-[10]",children:t.jsx(Yt,{error:!1,options:o==null?void 0:o.options,onSelect:c=>{e({name:o==null?void 0:o.id,value:c==null?void 0:c.id})},initialValue:(u=o==null?void 0:o.options)==null?void 0:u.find(c=>c.id===(l==null?void 0:l[o==null?void 0:o.id]))})}):t.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:o.type,value:l==null?void 0:l[o==null?void 0:o.id],name:o.label.toLowerCase().replace(/ /g,"_"),onChange:Vt(c=>{var p,x;return e({name:(p=c==null?void 0:c.target)==null?void 0:p.name,value:(x=c==null?void 0:c.target)==null?void 0:x.value})},1e3)})]},r)})}),t.jsx("button",{className:"tw-bg-primary-regular hover:tw-bg-primary-dark tw-text-white tw-rounded-md tw-py-s tw-text-xl",onClick:a,children:"Filtrar"})]})},W=s=>{const e=a=>Object.prototype.toString.call(a)==="[object Object]",n=a=>a.attributes?{id:a.id,...a.attributes}:a;if(Array.isArray(s))return s.map(a=>W(a));if(e(s)){Array.isArray(s.data)?s=[...s.data]:e(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const a in s)s[a]=W(s[a]);return s}return s};class Zt{static toCampaignTasks(e){var a,l,o,r,u,c,p,x,y,j,d,g;let n=[];return e!=null&&e.responsable&&n.push({id:e.responsable.id,name:e.responsable.nombre,image:(u=(r=(o=(l=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:l.imagen)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:u.url}),(c=e==null?void 0:e.equipo)!=null&&c.miembros&&e.equipo.miembros.forEach(N=>{var b,C,_,k;n!=null&&n.find(P=>P.id===N.idUser.id)||N.idUser&&n.push({id:N.idUser.id,name:N.idUser.nombre,image:(k=(_=(C=(b=N==null?void 0:N.userOBP)==null?void 0:b.imagen)==null?void 0:C.formats)==null?void 0:_.thumbnail)==null?void 0:k.url})}),{paused:e==null?void 0:e.pausada,isPrincipalTask:(e==null?void 0:e.tarea_principal)??!1,projectName:((p=e==null?void 0:e.proyecto)==null?void 0:p.nombre)??null,orden:(e==null?void 0:e.orden)??null,id:(e==null?void 0:e.id)??null,task:(e==null?void 0:e.texto_corto)??null,status:(e==null?void 0:e.estatus)??null,difficulty:(e==null?void 0:e.nivel_dificultad)??null,priority:(e==null?void 0:e.prioridad)??0,endDate:new Date((e==null?void 0:e.ffin)??null),startDate:new Date((e==null?void 0:e.finicio)??null),mediumName:(e==null?void 0:e.nombre_medio)??null,users:n,repeatsToDo:(e==null?void 0:e.repeticiones)??null,repeats:(e==null?void 0:e.repeticiones_realizadas)??null,comments:((x=e==null?void 0:e.comentarios)==null?void 0:x.length)??null,willBePaused:e==null?void 0:e.es_pausable,statusRequiredTask:((y=e==null?void 0:e.id_t_requerida)==null?void 0:y.estatus)??null,nameRequiredTask:((j=e==null?void 0:e.id_t_requerida)==null?void 0:j.texto_corto)??null,responsible:((d=e==null?void 0:e.responsable)==null?void 0:d.id)??null,tasks:((g=e==null?void 0:e.tareas)==null?void 0:g.map(N=>({id:N.id,name:N.texto_corto,status:N.estatus})))??null}}}const Xt=async({filters:s,tasks_api:e,project:n})=>{try{const a=await e.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return W(a.data.tareas).map(Zt.toCampaignTasks)}catch(a){console.log(a)}},St=w.createContext({}),Jt=({children:s,user:e,url:n,mode:a})=>{const l=a==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",o=Nt.create({baseURL:n,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:c=>_t.stringify(c,{encodeValuesOnly:!0})}),r=()=>l,u=c=>c==="undefined"?"":`${l}${c}`;return t.jsx(St.Provider,{value:{tasks_api:o,getOBPUrlApi:r,getImageOBP:u},children:s})},z=()=>w.useContext(St),kt=w.createContext({}),te=({children:s,user:e,url:n})=>{const a=Nt.create({baseURL:n,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:l=>_t.stringify(l,{encodeValuesOnly:!0})});return t.jsx(kt.Provider,{value:{user:e,tasks_api:a},children:s})},H=()=>w.useContext(kt),Ft=w.createContext({}),qt=({children:s,project:e})=>{var C;const[n,a]=w.useState([]),[l,o]=w.useState(!1),[r,u]=w.useState([]),{tasks_api:c}=z(),{filters:p}=B(),{user:x}=H(),[y,j]=w.useState({owner:{user:x.id,config:((C=p==null?void 0:p.owner)==null?void 0:C.config)??"yo_y_mis_equipos"},project:{id:e}}),d=M.useQuery({queryKey:["tasksProject",p,e],queryFn:()=>Xt({filters:{...y,taskName:p==null?void 0:p.taskName},project:e,tasks_api:c})});w.useEffect(()=>{var _;Object.keys(p).length>0&&j({...p,owner:{user:x.id,config:((_=p==null?void 0:p.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:e}})},[p]);const g=_=>{a(k=>[...k,_])},N=_=>{u(k=>k.includes(_)?k.filter(P=>P!==_):[...k,_])},b=e??null;return t.jsx(Ft.Provider,{value:{tasksProject:d,selectedTasks:n,projectID:b,openTasks:r,selectTask:g,filtersToSend:y,openTask:N,isRefetching:l,project:e,filters:p,setIsRefetching:o},children:s})},G=()=>w.useContext(Ft),ee=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],se=()=>t.jsxs("div",{className:"tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4",children:[t.jsxs("div",{className:"tw-flex tw-h-[30px] tw-gap-3",children:[t.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"}),t.jsx("div",{className:"tw-w-full tw-h-full tw-bg-gray-300"}),t.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"})]}),t.jsxs("div",{className:"tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]",children:[t.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"}),t.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"})]})]}),Pt=w.createContext(null),ae=({children:s})=>{const[e,n]=w.useState({message:"",type:"success"}),a=(l,o)=>{n({message:l,type:o}),setTimeout(()=>n({message:"",type:"success"}),3e3)};return t.jsx(Pt.Provider,{value:{toast:e,showSuccess:l=>a(l,"success"),showError:l=>a(l,"error")},children:s})},It=()=>w.useContext(Pt),at=()=>{const{tasks_api:s}=z(),{user:e}=H(),{filters:n,path:a}=B(),l=M.useQueryClient(),{projectID:o}=G(),{showSuccess:r,showError:u}=It(),c=async({id:h})=>(await s.put(`/api/tareas/${h}`,{data:{estatus:1,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,p=async({id:h})=>(await s.post("/api/terminarTarea",{id_task:h,ended_at:new Date().toISOString(),id_user:e==null?void 0:e.id})).data,x=async({id:h,repeats:v})=>(await s.put(`/api/tareas/${h}`,{data:{repeticiones_realizadas:v,updated_by:e==null?void 0:e.id}})).data,y=async({id:h,motiveId:v})=>{try{const S=await s.post("/api/pausarTarea",{taskId:h,userId:e==null?void 0:e.id,motivoId:v});return r("Tarea pausada correctamente"),S.data}catch{u("Error al pausar la tarea")}},j=async({id:h})=>{try{const v=await s.post("/api/reanudarTarea",{taskId:h});return r("Tarea reanudada correctamente"),v.data}catch{u("Error al reanudar la tarea")}},d=async({id:h,idNewResponsible:v,typeOfSelect:S})=>{let i={updated_by:e==null?void 0:e.id};return S==="responsible"&&(i={...i,responsable:v}),S==="team"&&(i={...i,responsable:null,equipo:v}),(await s.put(`/api/tareas/${h}`,{data:i})).data},g=async({id:h,data:v,user:S})=>{},N=async({id:h})=>{await b({id:h})},{mutateAsync:b}=M.useMutation({mutationFn:c,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(l.invalidateQueries({queryKey:[h[a],n]}),l.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(l.invalidateQueries({queryKey:["tasksProject"]}),l.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(v){console.error("Error updating the element:",v)}},onError:h=>{console.error("Failed to update the task.",h)},onMutate:async({id:h})=>{await l.cancelQueries({queryKey:["working_tasks"]}),await l.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:C}=M.useMutation({mutationFn:p,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{l.setQueryData([h[a],n],v=>{console.log({oldData:v})}),a==="kanban-general"&&(l.invalidateQueries({queryKey:[h[a],n]}),l.invalidateQueries({queryKey:["done_tasks",n]}),l.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(l.invalidateQueries({queryKey:["tasksProject"]}),l.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(v){console.error("Error invalidating queries:",v)}},onError:h=>{console.error("Failed to update the task.",h)},onMutate:async({id:h})=>{await l.cancelQueries({queryKey:["working_tasks"]}),await l.cancelQueries({queryKey:["done_tasks"]}),await l.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:_}=M.useMutation({mutationFn:x,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(l.invalidateQueries({queryKey:[h[a],n]}),l.invalidateQueries({queryKey:["done_tasks",n]}),l.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(l.invalidateQueries({queryKey:["tasksProject"]}),l.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(v){console.error("Error invalidating queries:",v)}},onError:h=>{console.error("Failed to update the task.",h)},onMutate:async({id:h})=>{await l.cancelQueries({queryKey:["working_tasks"]}),await l.cancelQueries({queryKey:["done_tasks"]}),await l.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:k}=M.useMutation({mutationFn:d,onSuccess:()=>{const h={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(l.invalidateQueries({queryKey:[h[a],n]}),l.invalidateQueries({queryKey:["done_tasks",n]}),l.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(l.invalidateQueries({queryKey:["tasksProject"]}),l.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(v){console.error("Error invalidating queries:",v)}},onError:h=>{console.error("Failed to reassign the task.",h)},onMutate:async({id:h})=>{await l.cancelQueries({queryKey:["working_tasks"]}),await l.cancelQueries({queryKey:["done_tasks"]}),await l.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:g,startWorking:N,completeTask:async({id:h})=>{await C({id:h})},reasignResponsible:async({id:h,idNewResponsible:v,typeOfSelect:S})=>{await k({id:h,idNewResponsible:v,typeOfSelect:S})},updateUnitys:async({repeats:h,id:v})=>{await _({repeats:h,id:v})},pauseTask:async({id:h,motiveId:v})=>{console.log({taksId:h,motivoId:v,user:e==null?void 0:e.id})},postPauseTask:y,postReanudeTask:j}},re=({id:s})=>{const[e,n]=w.useState(!1),{completeTask:a}=at();return{checked:e,checkTask:()=>{n(!e),a({id:s})}}},At=({id:s,nameRequiredTask:e,statusRequiredTask:n,status:a})=>{const{checked:l,checkTask:o}=re({id:s});let r=Math.random().toString();const u=e!==""&&n===2;return t.jsxs(t.Fragment,{children:[a===2&&t.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:t.jsx(f.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),u||!e?a===1?t.jsx("label",{htmlFor:r,className:l?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:t.jsx(f.Icons,{icon:l?"check_outline":"circle_checked",color:l?"white":m.texts.placeholder,strokeWidth:4,size:l?"xs":"s"})}):t.jsx(t.Fragment,{children:" "}):t.jsx(f.Tooltip,{dispatch:t.jsx("label",{className:"tw-cursor-help",children:t.jsx(f.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),children:t.jsxs("div",{className:"tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m",children:[t.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),t.jsxs("p",{children:[" ",e," "]})]})}),t.jsx("input",{id:r,checked:l,onChange:o,type:"checkbox",className:"tw-hidden"})]})},jt=({trigger:s,user:e,showUser:n=!0})=>t.jsx(f.Tooltip,{dispatch:s,children:n&&t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[t.jsx(K,{imageUrl:e.image??"",alt:e.name}),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:e.name})]})});class ne{static toDomain(e){return{id:e.id,name:e.nombre,color:e.color}}}const le=()=>{const{tasks_api:s}=z();return{teams:M.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return W(n.data).map(ne.toDomain)}})}};class oe{static toUsers(e){var n,a,l;return{id:e.id,name:e.nombre,image:(l=(a=(n=e.imagen)==null?void 0:n.formats)==null?void 0:a.thumbnail)==null?void 0:l.url,tasksUser:{email:e.tasksUser.email,id:e.tasksUser.id,nombre:e.tasksUser.nombre}}}}const ie=async({tasks_api:s})=>{try{const e=await s.get("/api/allOBPUsers");return W(e.data).map(oe.toUsers)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},ce=()=>{const{tasks_api:s}=z();return{users:M.useQuery({queryKey:["users"],queryFn:()=>ie({tasks_api:s}),staleTime:1e3*60*60*24})}},ut=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function we(s){const e=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return e[n]}const yt=s=>{let e=s||new Date,n=e.getDate(),a=ut(e.getMonth()).slice(0,3),l=e.getFullYear().toString().slice(-2),o=we(e).slice(0,3);return`${o.charAt(0).toUpperCase()+o.slice(1)} ${n} ${a.charAt(0).toUpperCase()+a.slice(1)} ${l}`},xt=(s,e)=>({...s,image:s.image?`${e}${s.image}`:""}),Mt=({users:s,onClick:e,responsible:n})=>{const{getOBPUrlApi:a}=z();let l=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:o,position:r,clearPosition:u}=dt(),c=w.useRef(null),p=()=>n?null:s.length>3&&t.jsx(f.Tooltip,{dispatch:t.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-white ",children:`+${s.length-3}`})}),children:t.jsx("div",{className:"tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:s==null?void 0:s.slice(3).map((d,g)=>t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[t.jsx(K,{imageUrl:d.image??"",alt:d.name},g),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:d.name})]},g))})}),x=()=>{if(n){let d=s.find(g=>g.id===n);return t.jsx("div",{children:t.jsx(jt,{trigger:t.jsx(K,{imageUrl:d==null?void 0:d.image,alt:d==null?void 0:d.name},n),user:d,showUser:!(r!=null&&r.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((d,g)=>t.jsx("div",{className:`${g===0?"":"tw-ml-[-8px]"}`,children:t.jsx(jt,{trigger:t.jsx(K,{imageUrl:d.image,alt:d.name},g),user:d,showUser:!(r!=null&&r.x)})}))},y=({children:d})=>t.jsx("label",{ref:c,htmlFor:l,className:"tw-cursor-pointer tw-flex tw-items-center",children:d});if(s.length===0)return t.jsx(y,{children:t.jsx(f.Icons,{icon:"user",size:"xs",strokeWidth:3})});const j=()=>{var P;const[d,g]=w.useState(),[N,b]=w.useState("team"),{teams:C}=le(),{users:_}=ce();w.useEffect(()=>{var F,I;c.current&&g(((r==null?void 0:r.x)??0)-(((I=(F=c.current)==null?void 0:F.getBoundingClientRect())==null?void 0:I.width)??0))},[c==null?void 0:c.current,r==null?void 0:r.x]);const k=()=>{const F=[{id:"team",label:"Equipo"},{id:"responsible",label:"Responsable"}];return t.jsx("div",{className:"tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold",children:F.map((I,T)=>t.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${N===I.id?"tw-text-primary-pastel":""} ${T===F.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>b(I.id),children:I.label}))})};return(r==null?void 0:r.x)&<.createPortal(t.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${d}px`,zIndex:1},children:t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[t.jsx(k,{}),t.jsx(Tt,{options:N==="team"?C.data.map(F=>({id:F.id,name:F.name,image:""})):(P=_.data)==null?void 0:P.map(F=>xt(F,a())),onselect:F=>{var I;u(),e&&e((I=F.tasksUser)==null?void 0:I.id,N)}})]})}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs(y,{children:[x(),p()]}),t.jsx("button",{className:"tw-hidden",id:l,onClick:()=>o(c)}),t.jsx(j,{})]})};function de({items:s}){var a;const[e,n]=w.useState(1);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((l,o)=>t.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${o!==0?"tw-px-3":""}`,children:t.jsx(A.Button,{variant:"ghost",onClick:()=>n(l.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${e===l.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:l.label},l.id)},l.id))}),t.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(a=s.find(l=>l.id===e))==null?void 0:a.component})]})}function ue({comment:s}){var l,o,r,u,c;const{getImageOBP:e}=z(),n=(u=(r=(o=(l=s==null?void 0:s.autor)==null?void 0:l.imagen)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:u.url;function a(p){const x=nt.parseISO(p);return nt.formatDistanceToNow(x,{locale:wt.es,addSuffix:!0})}return t.jsx("div",{children:t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[t.jsx(K,{size:"xxl",imageUrl:n?e(n):"",alt:"@shadcn"}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[t.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(c=s==null?void 0:s.autor)==null?void 0:c.nombre}),t.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:a(s==null?void 0:s.createdAt)})]}),t.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:s==null?void 0:s.comentario})]})]})})}function xe({currentUser:s,data:e,taskId:n,onNewComment:a}){var d,g,N;const{tasks_api:l,getImageOBP:o}=z(),{register:r,handleSubmit:u,reset:c}=ct.useForm(),[p,x]=w.useState([]),y=(N=(g=(d=s==null?void 0:s.imagen)==null?void 0:d.formats)==null?void 0:g.thumbnail)==null?void 0:N.url;w.useEffect(()=>{if(e!=null&&e.comentarios){const b=[...e.comentarios].sort((C,_)=>new Date(_.createdAt).getTime()-new Date(C.createdAt).getTime());x(b)}},[e]);const j=async b=>{try{const C={autor:{id:s==null?void 0:s.id,email:s==null?void 0:s.email,nombre:s==null?void 0:s.nombre,imagen:s==null?void 0:s.imagen},comentario:b==null?void 0:b.comment,createdAt:new Date().toISOString()};await l.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:b.comment,tarea:n}}),a(!0),x(_=>[C,..._]),c()}catch(C){console.error("Error al agregar comentario:",C)}};return t.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[t.jsxs("form",{onSubmit:u(j),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[t.jsx(K,{size:"xxl",imageUrl:y?o(y):"",alt:"@shadcn"}),t.jsx(A.Input,{...r("comment",{required:!0}),autoComplete:"off",placeholder:"Escribe un comentario",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200 tw-h-[3.5rem] tw-text-xl"})]}),p&&p.map((b,C)=>t.jsx(ue,{comment:b},C))]})}function pe({data:s}){const e={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=a=>a?nt.format(new Date(a),"d MMM",{locale:wt.es}):"";return t.jsxs("div",{children:[t.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[t.jsx(A.Label,{className:"tw-text-2xl tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),t.jsx("span",{className:"tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:s==null?void 0:s.length})]}),t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:s==null?void 0:s.map(a=>{var l,o,r,u,c;return t.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(K,{imageUrl:(u=(r=(o=(l=a.responsable)==null?void 0:l.image)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:u.url}),t.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:a==null?void 0:a.texto_corto})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[t.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(a==null?void 0:a.createdAt)}),t.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((c=e[a==null?void 0:a.estatus])==null?void 0:c.color)??"tw-bg-gray-400"}`})]})]},a.id)})})]})}function me({isOpen:s,setIsOpen:e,taskId:n}){var _,k,P,F,I,T,h,v,S,i,q,$;const[a,l]=w.useState(null),[o,r]=w.useState(!1),[u,c]=w.useState(!1),[p,x]=w.useState(null),y=(F=(P=(k=(_=a==null?void 0:a.responsable)==null?void 0:_.imagen)==null?void 0:k.formats)==null?void 0:P.thumbnail)==null?void 0:F.url,{tasks_api:j,getImageOBP:d}=z(),{user:g}=H();w.useEffect(()=>{if(s&&n||o){const E=async()=>{const D=await j.get(`/api/detalleTarea/${n}`);l(D==null?void 0:D.data)},L=async()=>{var O,U;const D=await j.get(`/api/users/${g.id}`),R=await j.post("/api/obtenerUsuarioOBP/",{emailList:[(O=D==null?void 0:D.data)==null?void 0:O.email]});x((U=R==null?void 0:R.data)==null?void 0:U.data[0])};E(),L()}},[s,n,o]);const N={0:{label:"Sin prioridad",color:"tw-text-primary-regular",iconColor:"#425CAC"},1:{label:"Baja",color:"tw-text-success-regular",iconColor:"#43B071"},2:{label:"Media",color:"tw-text-warning-regular",iconColor:"#D38A31"},3:{label:"Alta",color:"tw-text-danger-regular",iconColor:"#C34335"}},b=E=>E?nt.format(E,"d MMM yyyy, h:mmaaa",{locale:wt.es}):"Fecha no disponible",C=[{id:1,label:"Todo",component:t.jsx(xe,{taskId:n,currentUser:p,data:a,onNewComment:r})},{id:2,label:"Dependencias",component:t.jsx(pe,{data:a==null?void 0:a.ids_t_dependientes})}];return s&<.createPortal(t.jsxs(t.Fragment,{children:[t.jsx("div",{className:`tw-fixed tw-inset-0 tw-bg-transparent tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-z-20 ${s?"tw-pointer-events-auto tw-block":"tw-pointer-events-none tw-hidden"}`,onClick:()=>e(!1)}),t.jsx("section",{className:`tw-fixed tw-top-0 tw-bottom-0 tw-bg-white tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-w-[55rem] tw-h-screen tw-z-50 tw-overflow-hidden tw-transition-all tw-ease-in-out tw-duration-500 tw-shadow-2xl ${s?"tw-right-0 tw-pointer-events-auto tw-block":"tw-right-[-100%] tw-pointer-events-none tw-hidden"}`,children:t.jsxs("div",{className:"tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10",children:[t.jsxs("div",{className:"tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none",children:[t.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative",children:[((I=a==null?void 0:a.id_t_requerida)==null?void 0:I.id)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>c(!0),onMouseLeave:()=>c(!1),children:t.jsx(f.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),u&&t.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[t.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),t.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(T=a==null?void 0:a.id_t_requerida)==null?void 0:T.texto_corto})]})]}),t.jsx("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:t.jsxs("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:[a==null?void 0:a.texto_corto,(a==null?void 0:a.atraso)||t.jsx(f.TooltipV2,{content:"Tarea atrasada",position:"right",children:t.jsx("button",{className:"tw-inline-block tw-align-middle tw-ml-2 tw-h-fit",children:t.jsx(f.Icons,{icon:"exclamation_triangle",color:m.warning.dark,style:{width:"20px",height:"20px"}})})})]})})]}),t.jsx(A.Button,{variant:"shadow",size:"sm",onClick:()=>e(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:t.jsx(f.Icons,{icon:"x_outline"})})]}),t.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between tw-mt-6",children:t.jsxs("span",{className:"tw-text-neutral-600 tw-text-xl",children:[a==null?void 0:a.campania," / ",a==null?void 0:a.nombre_medio]})}),t.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8",children:[t.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-2xl",children:"Descripción"}),t.jsx("p",{className:"tw-text-neutral-600 tw-font-normal tw-text-sm",children:(a==null?void 0:a.texto_largo)??"Sin descripción"})]}),t.jsx(A.Accordion,{type:"single",collapsible:!0,defaultValue:"item-1",className:"tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",children:t.jsxs(A.AccordionItem,{value:"item-1",className:"tw-border-none",children:[t.jsx(A.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4",children:"Detalles"}),t.jsx(A.AccordionContent,{className:"tw-border-none",children:t.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4",children:[t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Responsable"}),(h=a==null?void 0:a.responsable)!=null&&h.nombre?t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[t.jsx(K,{size:"xxl",imageUrl:y?d(y):"",alt:"@shadcn"}),t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(v=a==null?void 0:a.responsable)==null?void 0:v.nombre})]}):t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),t.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((S=a==null?void 0:a.equipo)==null?void 0:S.nombre)??"Sin equipo"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),t.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[t.jsx(f.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(i=N[a==null?void 0:a.prioridad])==null?void 0:i.iconColor}),t.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(q=N[a==null?void 0:a.prioridad])==null?void 0:q.color}`,children:(($=N[a==null?void 0:a.prioridad])==null?void 0:$.label)??"Sin prioridad"})]})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Lista"}),t.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(a==null?void 0:a.lista)??"Sin lista"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),t.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:b(a==null?void 0:a.f_inicio_estimada)})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),t.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:b(a==null?void 0:a.f_fin_estimada)})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),t.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:b(a==null?void 0:a.ffin)})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Creado"}),t.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:b(a==null?void 0:a.createdAt)})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),t.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:b(a==null?void 0:a.updatedAt)})]})]})})]})}),t.jsx(de,{items:C})]})})]}),document.body)}const ge=({children:s,actionsRef:e,newPosition:n,className:a})=>{const[l,o]=w.useState(),[r,u]=w.useState(!1);return w.useEffect(()=>{var c,p;if(e.current&&n){const x=((n==null?void 0:n.x)??0)-(((p=(c=e.current)==null?void 0:c.getBoundingClientRect())==null?void 0:p.width)??0);o(x),requestAnimationFrame(()=>{u(!0)})}return()=>{u(!1),o(void 0)}},[e==null?void 0:e.current,n==null?void 0:n.x]),!n||l===void 0?null:lt.createPortal(t.jsx("div",{"data-portal-host":!0,className:`
|
|
2
|
+
tw-absolute tw-w-fit tw-h-fit
|
|
3
|
+
tw-transition-all tw-duration-200 tw-ease-in-out
|
|
4
|
+
tw-pointer-events-auto
|
|
5
|
+
${r?"tw-opacity-100":"tw-opacity-0 tw-invisible"}
|
|
6
|
+
${a}
|
|
7
|
+
`,style:{top:`${n==null?void 0:n.y}px`,left:`${l}px`,zIndex:1,transform:r?"translateY(0)":"translateY(8px)"},children:s}),document.body)},Et=({status:s,nameRequiredTask:e,statusRequiredTask:n,id:a,statusLateTask:l=null})=>{const{setElementPosition:o,position:r}=dt(),u=w.useRef(null),{startWorking:c,completeTask:p}=at(),x=w.useRef(!1),[y,j]=w.useState(!1),[d,g]=w.useState(null),[N,b]=w.useState("first"),C=e!==""&&n===2,[_,k]=w.useState(null),P=v=>{b(v)},F=()=>{const v=[{name:"Mover a lista",icon:"arrow_right",onClick:()=>P("second")},{name:"Quitar atraso",icon:null,onClick:()=>P("third")}];return x!=null&&x.current?t.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:t.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):t.jsxs("div",{className:"tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:[v.map(({name:S,icon:i,onClick:q},$)=>t.jsxs("button",{onClick:q,className:`
|
|
8
|
+
tw-flex tw-items-center tw-justify-between tw-transition-colors tw-duration-200 tw-pl-3 tw-pr-10 tw-rounded-md
|
|
9
|
+
tw-text-[14px] tw-text-texts-placeholder tw-font-regular tw-text-left tw-border tw-gap-2
|
|
10
|
+
hover:tw-bg-[#e1ebf9] hover:tw-text-primary-dark
|
|
11
|
+
${d===S?"tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular":"tw-border-bg-card"}
|
|
12
|
+
`,children:[S,i&&t.jsx(f.Icons,{icon:i,size:"xs",strokeWidth:4,color:m.primary.regular,className:"tw-justify-end"})]},$)),t.jsx("button",{className:"tw-w-full tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-p-1",onClick:()=>{x.current=!0,d==="Trabajando"?c({id:a}):p({id:a})},children:t.jsx("p",{className:"tw-text-[12px] tw-font-normal tw-text-white",children:"Mover"})})]})},I=()=>{const v=["Trabajando","Completadas"];return t.jsxs("div",{className:"tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:[v.map((S,i)=>t.jsx("button",{onClick:()=>{g(S)},className:`
|
|
13
|
+
tw-transition-colors tw-duration-200
|
|
14
|
+
hover:tw-bg-[#e1ebf9]
|
|
15
|
+
tw-pl-3 tw-pr-10
|
|
16
|
+
tw-rounded-md
|
|
17
|
+
hover:tw-text-primary-dark
|
|
18
|
+
tw-text-[14px]
|
|
19
|
+
tw-text-texts-placeholder
|
|
20
|
+
tw-font-regular
|
|
21
|
+
tw-text-left
|
|
22
|
+
tw-border
|
|
23
|
+
${d===S?"tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular":"tw-border-bg-card"}
|
|
24
|
+
`,children:S},i)),t.jsx("button",{className:"tw-w-full tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-p-1",onClick:()=>{x.current=!0,d==="Trabajando"?c({id:a}):p({id:a})},children:t.jsx("p",{className:"tw-text-[12px] tw-font-normal tw-text-white",children:"Mover"})})]})},T=()=>{let v=null;const S=["Reprogramación de entrega de PDC, logística de mensajería/envió","Dimensiones de paquete requieren mayor logística por paquetería","Atraso por alta demanda, fila de impresión más extensa (tiempo)","Pendiente a la autorización del arte por administración","Fallas técnicas en la imprenta","Temporada alta, se extendieron los días de entrega","Paquetería extraviada","El paquete no se pudo entregar, no se encontró al remitente","Falta de información compartida a paquetería","Dimensiones de paquete requieren mayor logística por paquetería","Condiciones climáticas","Condiciones climáticas","En espera de autorización de accesos","Capacidad limitada del proveedor para instalar muchas unidades","Material incompleto o dañado","Estructura dañada, no se puede instalar","Zona caliente, restricciones para instalar (días, horarios)","No se encuentran las unidades solicitadas","Unidad asignada entro a taller","Retraso en entrega de fotos de día por parte de proveedores","Alta demanda de reportes","No se encuentran las unidades para toma de fotos","Fallas técnicas en el equipo de toma de fotos","Testigos recibidos no cumplen con los lineamientos (estándares calidad)"];return t.jsxs("div",{className:"tw-w-[288px] tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:[_?t.jsxs(t.Fragment,{children:[t.jsx("p",{className:"tw-text-[14px] tw-text-black-black_medium tw-font-semibold tw-text-left",children:"¿Estas seguro?"}),t.jsx("p",{className:"tw-text-[14px] tw-text-black-black_medium tw-font-semibold tw-text-left",children:"Estás eliminando el atraso de la tarea seleccionada"})]}):t.jsxs(t.Fragment,{children:[t.jsx("p",{className:"tw-text-[14px] tw-text-black-black_regular tw-font-semibold tw-text-left tw-mb-[11px]",children:"Atraso de tarea"}),t.jsx(he,{isOpen:!0,options:S,onSelect:i=>v=i})]}),t.jsxs("div",{className:"tw-flex tw-gap-3 tw-justify-end tw-my-[11px]",children:[t.jsx("button",{className:`tw-w-fit tw-h-fit tw-bg-silver-silver_light tw-rounded-lg tw-py-[8px] tw-px-[13px] tw-text-[14px]
|
|
25
|
+
tw-font-semibold tw-text-blue-blue_dark tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)] tw-border tw-border-blue-blue_medium tw-transition-all tw-duration-200 tw-ease-in-out hover:tw-border-texts-enfasis`,onClick:()=>{_?k(null):j(!1)},children:_?"Regresar":"Cancelar"}),t.jsx("button",{className:`tw-w-fit tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-py-[8px] tw-px-[13px] tw-text-[14px]
|
|
26
|
+
tw-font-semibold tw-text-blue-blue_light tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)] tw-border tw-border-texts-enfasis`,onClick:()=>{k(v)},children:"Aceptar"})]})]})},h=()=>N==="first"?F():N==="second"?I():T();return t.jsxs(t.Fragment,{children:[(C&&n===2||!e)&&t.jsx("button",{ref:u,onClick:()=>{o(u),j(!0),b("first")},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:t.jsx("span",{className:"tw-rotate-90",children:t.jsx(f.Icons,{icon:"elipsis",size:"xs"})})}),y&&t.jsx(ge,{actionsRef:u,newPosition:r,children:t.jsx("div",{className:`
|
|
27
|
+
tw-transition-all tw-duration-300 tw-ease
|
|
28
|
+
${N==="second"?"tw-translate-x-[-8px]":"tw-translate-x-0"}
|
|
29
|
+
`,children:h()})})]})},he=({isOpen:s,onClose:e,options:n,onSelect:a,placeholderDropdown:l="Seleccione una opción",placeholderInput:o="Texto ejemplo"})=>{const[r,u]=w.useState(!1),[c,p]=w.useState(""),[x,y]=w.useState(null);if(!s)return null;const j=n.filter(d=>d.toLowerCase().includes(c.toLowerCase()));return t.jsxs("div",{className:"tw-relative tw-group tw-min-w-[150px] tw-w-full",children:[t.jsxs("button",{id:"dropdown-button",className:`tw-inline-flex tw-justify-center tw-w-full tw-px-4 tw-py-2 tw-text-sm tw-font-medium tw-text-gray-700 tw-bg-white tw-border
|
|
30
|
+
tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-focus:outline-none tw-focus:ring-2 tw-focus:ring-offset-2
|
|
31
|
+
tw-focus:ring-offset-gray-100 tw-focus:ring-blue-500 tw-justify-between tw-items-center tw-transition-all tw-duration-200 tw-ease-in-out
|
|
32
|
+
${r?"tw-border-texts-enfasis":"tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)_inset] "}`,onClick:()=>{u(!r),p(""),e&&r&&e()},children:[t.jsx("span",{className:`tw-mr-2 tw-text-[14px] tw-font-normal tw-text-left ${r?"tw-text-black-black_regular":"tw-text-black-black_light"}`,children:x??l}),t.jsx(f.Icons,{icon:"angle_up_outline",size:"xs",color:r?m.black.black_medium:m.black.black_light,strokeWidth:5,className:`tw-transition-transform tw-duration-200 ${r?"tw-rotate-180":"tw-rotate-0"}`})]}),r&&t.jsxs("div",{className:`tw-w-full tw-absolute tw-right-0 tw-rounded-md tw-shadow-lg tw-bg-silver-silver_light
|
|
33
|
+
tw-p-[8px] tw-space-y-1 tw-border tw-border-silver-silver_dark tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)] tw-max-h-[500px] tw-overflow-y-auto`,children:[t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-mb-[18px]",children:[t.jsxs("div",{className:"tw-relative tw-w-full",children:[t.jsx("input",{className:`tw-block tw-w-full tw-pl-12 tw-pr-4 tw-py-2 tw-text-black-black_regular placeholder:tw-text-black-black_light
|
|
34
|
+
tw-text-[10px] tw-font-normal tw-border tw-rounded-[4px] tw-border-silver-silver_dark tw-focus:outline-none `,type:"text",placeholder:o,value:c,onChange:d=>p(d.target.value),autoComplete:"off"}),t.jsx("div",{className:"tw-absolute tw-top-[6px] tw-left-[10px] ",children:t.jsx(f.Icons,{icon:"search",size:"xs",color:m.black.black_light,style:{width:"16px",height:"16px"}})})]}),t.jsx(f.Icons,{icon:"x_outline",size:"xs",strokeWidth:6,color:m.black.black_medium,style:{width:"16px",height:"16px",cursor:"pointer"},onClick:()=>{u(!1),p(""),e&&r&&e()},className:"tw-mt-[2px]"})]}),j.map((d,g)=>t.jsxs("div",{children:[t.jsx("a",{href:"#",className:`tw-block tw-px-[18px] tw-py-[8px] tw-text-[14px] tw-font-normal
|
|
35
|
+
tw-cursor-pointer tw-rounded-md tw-transition-all tw-duration-200 tw-ease-in-out
|
|
36
|
+
hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${d===x?"tw-text-primary-dark tw-bg-blue-blue_medium":"tw-text-gray-gray_medium"}`,onClick:N=>{N.preventDefault(),a(d,g),y(d),u(!1)},children:d},g),t.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:m.silver.silver_dark}})]}))]})]})};class fe{static toPauseReasons(e){return{id:e.id,motivo_imj:e.motivo_imj}}}const be=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos");return W(e.data).map(fe.toPauseReasons)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},je=()=>{const{tasks_api:s}=z();return{pauseReasons:M.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>be({tasks_api:s}),staleTime:1e3*60*60*24})}};class ye{static toKanbanTasks(e){var a,l,o,r,u,c,p,x,y,j,d;let n=[];return e!=null&&e.responsable&&n.push({id:e.responsable.id,name:e.responsable.nombre,image:(u=(r=(o=(l=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:l.imagen)==null?void 0:o.formats)==null?void 0:r.thumbnail)==null?void 0:u.url}),(c=e==null?void 0:e.equipo)!=null&&c.miembros&&e.equipo.miembros.forEach(g=>{var N,b,C,_;n!=null&&n.find(k=>k.id===g.idUser.id)||g.idUser&&n.push({id:g.idUser.id,name:g.idUser.nombre,image:(_=(C=(b=(N=g==null?void 0:g.userOBP)==null?void 0:N.imagen)==null?void 0:b.formats)==null?void 0:C.thumbnail)==null?void 0:_.url})}),{paused:e==null?void 0:e.pausada,repeats:e==null?void 0:e.repeticiones_realizadas,repeatsToDo:e==null?void 0:e.repeticiones,comments:0,nameProject:(p=e==null?void 0:e.proyecto)==null?void 0:p.nombre,idProject:(x=e==null?void 0:e.proyecto)==null?void 0:x.id,willBePaused:e.es_pausable,difficulty:e.nivel_dificultad,endDate:new Date(e.ffin),id:e.id,priority:e.prioridad??0,status:e.estatus,task:e.texto_corto,users:n,responsible:((y=e==null?void 0:e.responsable)==null?void 0:y.id)??null,statusRequiredTask:((j=e.id_t_requerida)==null?void 0:j.estatus)??null,nameRequiredTask:((d=e.id_t_requerida)==null?void 0:d.texto_corto)??null,medioName:(e==null?void 0:e.nombre_medio)??null}}}const pt=async({filters:s,tasks_api:e})=>{try{return(await e.get("/api/listado_tareas?populate=*",{params:s})).data.tareas.map(W).map(ye.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},mt=s=>{var e;if(s!=null&&s.hasNextPage){const n=(e=s==null?void 0:s.data)==null?void 0:e.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},Y=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),Dt=()=>{var p;const s=M.useQueryClient(),{tasks_api:e}=z(),{user:n}=H(),{filters:a}=B(),[l,o]=w.useState(0),[r,u]=w.useState({owner:{user:n.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),c=M.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",r],queryFn:({pageParam:x})=>pt({filters:{...r,status:"por_hacer",...Y(x)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(x,y)=>y.length+1});return w.useEffect(()=>{var x;Object.keys(a).length>0&&u({...a,owner:{user:n.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",r]})},[r]),w.useEffect(()=>{(async()=>{const y=await e.get("/api/listado_tareas",{params:{...r,status:"por_hacer",...Y(1),tasks_api:e,justCount:!0}});o(y.data.total)})()},[r,c==null?void 0:c.data]),{toDoTasks:c,total:l,filtersToSend:r}},$t=({idTask:s,setOpen:e,paused:n})=>{const a=M.useQueryClient(),{toDoTasks:l,filtersToSend:o}=Dt(),[r,u]=w.useState(!1),{control:c,watch:p}=ct.useForm(),{tasksProject:x}=G(),{postPauseTask:y,postReanudeTask:j}=at(),{pauseReasons:d}=je(),g=async()=>{try{if(e(!1),await y({id:s,motiveId:p("pauseReason")}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),l&&typeof l.refetch=="function"||x&&typeof x.refetch=="function"){const b=await l.refetch(),C=await x.refetch();return[b,C]}}catch(b){console.error("Error al pausar la tarea:",b)}},N=async()=>{try{if(e(!1),await j({id:s}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),l&&typeof l.refetch=="function"||x&&typeof x.refetch=="function"){const b=await l.refetch(),C=await x.refetch();return[b,C]}}catch(b){console.error("Error al reanudar la tarea:",b)}};return t.jsx("div",{className:"tw-flex tw-items-center tw-max-w-[300px] tw-w-[300px] !tw-p-4",children:t.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-s",children:[t.jsx("h6",{className:"tw-text-xl tw-font-regular tw-text-texts-subtexttw-truncate",children:"Pausar tarea:"}),r?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción detendrá la campaña en curso."}),t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):n?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción reanudará la campaña en curso."}),t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):t.jsx(ct.Controller,{name:"pauseReason",control:c,rules:{required:!0},render:({field:b})=>{var C;return t.jsxs(A.Select,{value:b.value,onValueChange:_=>b.onChange(_),children:[t.jsx(A.SelectTrigger,{className:"!tw-w-[290px] tw-border-none tw-shadow-input tw-h-[26px] tw-text-lg",children:t.jsx(A.SelectValue,{placeholder:"Selecciona una razón"})}),t.jsx(A.SelectContent,{className:"tw-bg-white tw-border-none tw-shadow-input",children:t.jsx(A.SelectGroup,{children:(C=d==null?void 0:d.data)==null?void 0:C.map(_=>t.jsx(A.SelectItem,{value:_.id,className:"tw-border-none tw-bg-white tw-text-lg",children:_.motivo_imj},_.id))})})]})}}),t.jsxs("div",{className:"tw-flex tw-justify-end tw-w-full tw-gap-m tw-mt-5",children:[t.jsx("button",{type:"button",onClick:()=>e(!1),className:"tw-bg-bg-card tw-text-primary-regular tw-font-regular tw-text-xl tw-rounded-lg tw-py-s tw-px-m tw-text-center tw-w-[78px] tw-h-[26px] tw-shadow",children:"Cancelar"}),n?t.jsx("button",{type:"button",onClick:()=>N(),className:"tw-bg-primary-regular tw-text-primary-light tw-flex tw-justify-center tw-items-center tw-text-center tw-font-regular tw-text-xl tw-rounded-lg tw-border-2 tw-border-primary-regular tw-py-s tw-w-[80px] tw-h-[26px]",children:"Si, reanudar"}):t.jsx("button",{type:"button",disabled:!p("pauseReason"),onClick:()=>r?g():u(!0),className:"tw-bg-primary-regular tw-text-primary-light tw-flex tw-justify-center tw-items-center tw-text-center tw-font-regular tw-text-xl tw-rounded-lg tw-border-2 tw-border-primary-regular tw-py-s tw-w-[80px] tw-h-[26px]",children:"Aceptar"})]})]})})};function Rt({trigger:s,children:e,open:n,setOpen:a}){return t.jsxs(A.DropdownMenu,{open:n,onOpenChange:a,children:[t.jsx(A.DropdownMenuTrigger,{children:s}),t.jsx(A.DropdownMenuContent,{align:"start",className:"tw-bg-white tw-border-none tw-rounded-lg tw-p-4",children:e})]})}const ve=({id:s,task:e,endDate:n,users:a,willBePaused:l,nameProject:o,comments:r,priority:u,difficulty:c,responsible:p,nameRequiredTask:x,statusRequiredTask:y,status:j,repeatsToDo:d,repeats:g,medioName:N,paused:b})=>{var R,O,U,Z,X,J,tt,et,st;const[C,_]=w.useState(!1),[k,P]=w.useState(!1),{reasignResponsible:F,updateUnitys:I}=at(),{getOBPUrlApi:T}=z(),[h,v]=w.useState(g??0),S=!!(d&&g===d),i=!d||d===1,q=j===0,$=()=>t.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative",children:[t.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]",children:[j<2&&(S||i||q)&&t.jsx(At,{id:s,nameRequiredTask:x??"",statusRequiredTask:y??0,status:j}),t.jsx("p",{className:"tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",onClick:()=>_(!0),children:e})]}),(S||i||q)&&t.jsx(Et,{id:s,nameRequiredTask:x,status:j,statusRequiredTask:y})]}),E={0:{title:"N/A",color:m.texts.placeholder},1:{title:"Baja",color:m.primary.regular},2:{title:"Media",color:m.success.regular},3:{title:"Alta",color:m.danger.regular}},L={0:{title:"Muy fácil",color:m.primary.regular},1:{title:"Fácil",color:m.success.regular},2:{title:"Media",color:m.warning.regular},3:{title:"Difícil",color:m.danger.regular},4:{title:"Muy difícil",color:m.danger.dark}},D=Q=>{v(V=>Q==="minus"?Math.max(0,V-1):Math.min(d,V+1))};return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[t.jsx($,{}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[t.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:o}),N&&t.jsx("p",{className:"tw-text-xl",children:N})]}),t.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[t.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[t.jsx(Mt,{responsible:p,users:a.filter(Q=>p?Q.id===p:!0).map(Q=>xt(Q,T())),onClick:async(Q,V)=>{await F({idNewResponsible:Q,id:s,typeOfSelect:V})}}),l&&t.jsx(Rt,{open:k,setOpen:P,trigger:t.jsx("button",{type:"button",onClick:()=>P(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-gap-2 !tw-h-[32px] !tw-w-[32px] tw-flex tw-justify-center tw-items-center",children:t.jsx(f.Icons,{icon:b?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx($t,{idTask:s,setOpen:P,paused:b})})]}),t.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(f.TooltipV2,{content:"Atraso: esperalo pronto",children:t.jsx(f.Icons,{icon:"exclamation_triangle",size:"xs",color:(R=L[c??0])==null?void 0:R.color,strokeWidth:4})}),t.jsx(f.Tooltip,{dispatch:t.jsx(f.Icons,{icon:"exclamation_triangle",size:"xs",color:(O=L[c??0])==null?void 0:O.color,strokeWidth:4}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(U=L[c??0])==null?void 0:U.color},children:"Atraso: esperalo pronto"})}),t.jsx(f.Tooltip,{dispatch:t.jsx(f.Icons,{icon:"difficulty",size:"xs",color:(Z=L[c??0])==null?void 0:Z.color,strokeWidth:4}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(X=L[c??0])==null?void 0:X.color},children:`Dificultad ${(J=L[c??0])==null?void 0:J.title}`})}),t.jsx(f.Tooltip,{dispatch:t.jsx(f.Icons,{icon:"flag",size:"xs",color:(tt=E[u??0])==null?void 0:tt.color,strokeWidth:4}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(et=E[u??0])==null?void 0:et.color},children:`Prioridad: ${(st=E[u??0])==null?void 0:st.title}`})}),!d||d&&j===0&&t.jsxs(t.Fragment,{children:[t.jsx(f.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),t.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${ut(n.getMonth()).slice(0,3)}`})]})]}),j===1&&d&&d>0&&t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[t.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),t.jsx("button",{onClick:()=>D("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:t.jsx(f.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),t.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${h??0} / ${d??0}`}),t.jsx("button",{onClick:()=>D("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:t.jsx(f.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),t.jsx("button",{className:"tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",onClick:()=>{I({repeats:h,id:s})},children:"Agregar"})]})]})]}),r>0&&t.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:t.jsxs("button",{onClick:()=>_(!0),className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(f.Icons,{icon:"comment",size:"xs",strokeWidth:4}),t.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:r})]})})]}),t.jsx(me,{taskId:s,isOpen:C,setIsOpen:_})]})},ot=({title:s,tasks:e,loadNextPage:n,isFetching:a,total:l})=>{const o=w.useRef(null),r=w.useRef(null),u=w.useRef(!1);w.useEffect(()=>{var x;o!=null&&o.current&&(r!=null&&r.current)&&(r.current.style.minHeight=`${((x=o==null?void 0:o.current)==null?void 0:x.clientHeight)-300}px`)},[o==null?void 0:o.current]);const c=x=>{if(u.current)return;const{scrollTop:y,clientHeight:j,scrollHeight:d}=x==null?void 0:x.target,g=y/(d-j)*100;g<=95||g>=95&&(u.current=!0,n&&n(),setTimeout(()=>{u.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return t.jsxs("div",{ref:o,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[s]}`,children:[t.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[t.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:t.jsx("p",{className:"tw-text-2xl",children:s})}),t.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-[4px]",children:[t.jsx(f.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:m.texts.placeholder}),t.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:l??0})]})})]}),t.jsxs("div",{ref:r,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",onScroll:c,children:[e==null?void 0:e.map(x=>t.jsx(ve,{...x},x.id)),a?t.jsx(se,{}):t.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},Ne=()=>{var l;const{defineFields:s}=B(),{tasksProject:e}=G();w.useEffect(()=>{(async()=>{let r=[...ee];s(r)})()},[]);let n=(l=e==null?void 0:e.data)==null?void 0:l.filter(o=>{var r;return((r=o==null?void 0:o.tasks)==null?void 0:r.length)===0}).reduce((o,r)=>(o[r.status]=o[r.status]||[],o[r.status].push(r),o),{});const a=["Por hacer","Trabajando","Completadas"];return t.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:a.map((o,r)=>{var u;return t.jsx(ot,{total:((u=n==null?void 0:n[r])==null?void 0:u.length)??0,title:o,tasks:(n==null?void 0:n[r])??[],isFetching:e==null?void 0:e.isFetching,isLoadingData:e==null?void 0:e.isLoading})})})},_e=()=>{var a,l;const{toDoTasks:s,total:e}=Dt(),n=[...((l=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:l.flat())??[]];return t.jsx(ot,{total:e,title:"Por hacer",tasks:n,loadNextPage:()=>mt(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},Ce=()=>{var p;const s=M.useQueryClient(),{tasks_api:e}=z(),{user:n}=H(),{filters:a}=B(),[l,o]=w.useState(0),[r,u]=w.useState({owner:{user:n.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),c=M.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",r],queryFn:({pageParam:x})=>pt({filters:{...r,status:"trabajando",...Y(x)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(x,y)=>y.length+1});return w.useEffect(()=>{var x;Object.keys(a).length>0&&u({...a,owner:{user:n.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"trabajando"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",r]})},[r]),w.useEffect(()=>{(async()=>{const y=await e.get("/api/listado_tareas",{params:{...r,status:"trabajando",...Y(1),tasks_api:e,justCount:!0}});o(y.data.total)})()},[r,c==null?void 0:c.data]),{workingTasks:c,total:l}},Te=()=>{var a,l;const{workingTasks:s,total:e}=Ce(),n=[...((l=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:l.flat())??[]];return t.jsx(ot,{total:e,title:"Trabajando",tasks:n,loadNextPage:()=>mt(s),isFetching:s==null?void 0:s.isFetching})},Se=()=>{var p;const s=M.useQueryClient(),{user:e}=H(),{tasks_api:n}=z(),{filters:a}=B(),[l,o]=w.useState(0),[r,u]=w.useState({owner:{user:e.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),c=M.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",r],queryFn:({pageParam:x})=>pt({filters:{...r,status:"completadas",...Y(x)},tasks_api:n}),staleTime:1e3*60*60*24,getNextPageParam:(x,y)=>y.length+1});return w.useEffect(()=>{var x;Object.keys(a).length>0&&u({...a,owner:{user:e.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"completadas"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",r]})},[r]),w.useEffect(()=>{(async()=>{const y=await n.get("/api/listado_tareas",{params:{...r,status:"completadas",...Y(1),justCount:!0,tasks_api:n}});o(y.data.total)})()},[c==null?void 0:c.data,r]),{doneTasks:c,total:l}},ke=()=>{var a,l;const{doneTasks:s,total:e}=Se(),n=[...((l=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:l.flat())??[]];return t.jsx(ot,{title:"Completadas",tasks:n,loadNextPage:()=>mt(s),isFetching:s==null?void 0:s.isFetching,total:e})};class rt{static toSalesmanUsers(e){return{id:e.id,name:e.nombre}}}const Fe=()=>{const{tasks_api:s}=z(),{filters:e}=B(),{user:n}=H();return{getSalesmanAndProjects:async()=>{var c;const[r,u]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...e,owner:{user:n==null?void 0:n.id,config:((c=e==null?void 0:e.owner)==null?void 0:c.config)??"yo_y_mis_equipos"},justProjects:!0}})]);return{salesmanUsers:r.data.map(rt.toSalesmanUsers),projects:u.data.map(rt.toSalesmanUsers)}},getProjects:async()=>{var u;return(await s.get("/api/listado_tareas",{params:{...e,owner:{user:n.id,config:((u=e==null?void 0:e.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(rt.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(rt.toSalesmanUsers)}},qe=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por campaña",type:"select",id:"project.id",options:[]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por ejecutivo comercial",type:"select",id:"salesman.id",options:[]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],vt=[{label:"Responsable",type:"select",id:"responsable.responsableType",options:[{id:"yo_y_mis_equipos",name:"Yo y mis equipos"},{id:"mis_equipos",name:"Mis equipos"},{id:"yo",name:"Yo"}]},{label:"Por Ejecutivo",type:"select",id:"ejecutivo",options:[]}],Pe=()=>{const{defineFields:s}=B(),{getSalesmanAndProjects:e}=Fe();return w.useEffect(()=>{(async()=>{let a=[...qe],{salesmanUsers:l,projects:o}=await e();s(a.map(r=>(r.id==="project.id"&&(r.options=o),r.id==="salesman.id"&&(r.options=l),r)))})()},[]),t.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[t.jsx(_e,{}),t.jsx(Te,{}),t.jsx(ke,{})]})},zt=w.createContext({}),Ie=({children:s})=>{const[e,n]=w.useState([]),a=l=>{n(o=>o.includes(l)?o.filter(r=>r!==l):[...o,l])};return t.jsx(zt.Provider,{value:{selectedTasks:e,selectTask:a},children:s})},Ae=()=>w.useContext(zt),Lt=()=>{const s=()=>t.jsxs("div",{className:"tw-w-full tw-flex tw-gap-m",children:[t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),t.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"})]});return t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m",children:[t.jsx(s,{}),t.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[t.jsx(s,{}),t.jsx("div",{className:"tw-pl-5",children:t.jsx(s,{})})]}),t.jsx(s,{}),t.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[t.jsx(s,{}),t.jsx("div",{className:"tw-pl-5",children:t.jsx(s,{})})]})]})},Bt=({startDate:s,endDate:e})=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[t.jsx(f.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",yt(s)]})]}),t.jsx(f.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.texts.DEFAULT}),t.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[t.jsx(f.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",yt(e)]})]})]}),Ot=({id:s,priority:e,difficulty:n,endDate:a})=>{var r,u;const l={0:{title:"N/A",color:m.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},o={0:{title:"Muy fácil",color:m.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:m.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular"}};return t.jsxs(t.Fragment,{children:[t.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:t.jsx(f.Tooltip,{dispatch:t.jsx(f.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:m.texts.subtext}),children:t.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx("div",{className:`tw-gap-s ${((r=o[n??0])==null?void 0:r.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:t.jsx(f.Tooltip,{dispatch:t.jsx(f.Icons,{icon:"difficulty",size:"xs",color:o[n??0].color,strokeWidth:4}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:o[n??0].color},children:o[n??0].title})})}),t.jsx("div",{className:`tw-gap-s ${((u=l[e??0])==null?void 0:u.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:t.jsx(f.Tooltip,{dispatch:t.jsx(f.Icons,{icon:"flag",size:"xs",color:l[e??0].color,strokeWidth:4}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[e??0].color},children:l[e??0].title})})}),t.jsx(f.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),t.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${a.getDate()} ${ut(a.getMonth()).slice(0,3)}`})]})]})},Me=({id:s})=>{const{selectedTasks:e,selectTask:n}=Ae();return t.jsxs(t.Fragment,{children:[t.jsx("label",{className:"tw-cursor-pointer tw-w-[20px] tw-h-[20px] tw-border-2 tw-border-gray-200 tw-rounded-md tw-flex tw-justify-center tw-items-center",htmlFor:s.toString(),children:t.jsx("span",{className:`${e.includes(s)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:t.jsx(f.Icons,{icon:"check_outline",size:"xs",color:m.primary.regular,strokeWidth:6})})}),t.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},Qt=({task:s})=>t.jsx(f.Tooltip,{dispatch:t.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:s}),children:t.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:s})}),Ee=({id:s})=>{var u,c;const[e,n]=w.useState(!1),{tasksProject:a}=G(),{reasignResponsible:l}=at(),{getOBPUrlApi:o}=z(),r=(u=a==null?void 0:a.data)==null?void 0:u.find(p=>p.id===s);return t.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:t.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(r!=null&&r.nameRequiredTask)||(r==null?void 0:r.nameRequiredTask)!==""&&(r==null?void 0:r.statusRequiredTask)===2&&t.jsx(Me,{id:s}),t.jsx(At,{id:s,nameRequiredTask:(r==null?void 0:r.nameRequiredTask)??"",status:r==null?void 0:r.status,statusRequiredTask:(r==null?void 0:r.statusRequiredTask)??0},s),(r==null?void 0:r.willBePaused)&&t.jsx(Rt,{open:e,setOpen:n,trigger:t.jsx(A.Button,{type:"button",variant:"ghost",onClick:()=>n(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:t.jsx(f.Icons,{icon:r!=null&&r.paused?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx($t,{idTask:r==null?void 0:r.id,setOpen:n,paused:r==null?void 0:r.paused})}),t.jsx(Mt,{onClick:async(p,x)=>{var y;await l({idNewResponsible:(y=p==null?void 0:p.tasksUser)==null?void 0:y.id,id:s,typeOfSelect:x})},responsible:r==null?void 0:r.responsible,users:((c=r==null?void 0:r.users)==null?void 0:c.map(p=>xt(p,o())))??[]}),t.jsx(Qt,{task:(r==null?void 0:r.task)??""}),t.jsx(Ot,{id:s,priority:r==null?void 0:r.priority,difficulty:r.difficulty,endDate:r==null?void 0:r.endDate}),t.jsx(Bt,{startDate:r==null?void 0:r.startDate,endDate:r==null?void 0:r.endDate}),t.jsx(Et,{id:s,nameRequiredTask:r.nameRequiredTask,status:r.status,statusRequiredTask:r.statusRequiredTask})]})})},Kt=({id:s})=>{var u,c,p,x,y,j,d;const{tasksProject:e,openTasks:n,openTask:a}=G(),l=(u=e==null?void 0:e.data)==null?void 0:u.find(g=>g.id===s),[o,r]=w.useState(null);return l?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-silver-silver_light tw-p-2 tw-rounded-md tw-cursor-pointer",onMouseEnter:()=>{r(s)},onMouseLeave:()=>r(null),onClick:()=>a(s),children:[t.jsx("button",{className:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,children:t.jsx(f.Icons,{icon:"angle_down_outline",color:m.texts.subtext})}),t.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:t.jsx("p",{className:"tw-text-xl tw-text-primary",children:((c=l==null?void 0:l.tasks)==null?void 0:c.length)===0?1:(p=l==null?void 0:l.tasks)==null?void 0:p.length})}),t.jsx(Qt,{task:(l==null?void 0:l.task)??""}),t.jsx(Ot,{id:s,priority:l==null?void 0:l.priority,difficulty:l.difficulty,endDate:l==null?void 0:l.endDate}),t.jsx(Bt,{startDate:l==null?void 0:l.startDate,endDate:l==null?void 0:l.endDate}),t.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[t.jsx(f.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:m.texts.subtext}),t.jsx("p",{className:"tw-text-xl",children:((x=l==null?void 0:l.tasks)==null?void 0:x.length)===0?1:(y=l==null?void 0:l.tasks)==null?void 0:y.length})]}),o===s&&t.jsxs("div",{className:"tw-h-[30px] tw-bg-silver-silver_dark tw-rounded-md tw-flex tw-justify-center tw-items-center tw-gap-2 tw-p-[4px] tw-rounded-[12px]",children:[t.jsx(f.Tooltip,{dispatch:t.jsx("button",{className:"tw-z-10 tw-bg-silver-silver_light tw-rounded-[8px] tw-h-[21px] tw-w-[24px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-[4px] hover:tw-bg-gray-200 hover:tw-cursor-help",onClick:g=>{g.stopPropagation(),console.log("comment")},children:t.jsx(f.Icons,{icon:"comment",size:"xs",strokeWidth:5,color:m.texts.subtext,classNameDiv:"tw-w-[13px] tw-h-[13px]",style:{width:"13px",height:"13px"}})}),children:t.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:t.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}),t.jsx("button",{className:"tw-bg-silver-silver_light tw-rounded-[8px] tw-h-[21px] tw-w-[24px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-[4px] hover:tw-bg-gray-200",onClick:g=>{g.stopPropagation(),console.log("elipsis")},children:t.jsx(f.Icons,{icon:"elipsis",size:"xs",strokeWidth:5,color:m.texts.subtext,classNameDiv:"tw-w-[13px] tw-h-[13px] tw-rotate-90",style:{width:"13px",height:"13px"}})})]})]}),n.includes(s)&&t.jsx("div",{className:"tw-ml-[30px]",children:((j=l==null?void 0:l.tasks)==null?void 0:j.length)>0?(d=l==null?void 0:l.tasks)==null?void 0:d.map(g=>t.jsx(Kt,{id:g==null?void 0:g.id})):t.jsx(Ee,{id:l==null?void 0:l.id})})]}):null},De=()=>{var a;const{tasksProject:s,projectID:e}=G();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return t.jsx(Lt,{});let n=[...(a=s==null?void 0:s.data)==null?void 0:a.filter(l=>l.isPrincipalTask)];return t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:t.jsx(Ie,{project:e,children:n==null?void 0:n.sort((l,o)=>l.orden-o.orden).map(l=>t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ",children:t.jsx(Kt,{id:l.id})}))})})},$e=({setPath:s,setProject:e})=>{const[n,a]=w.useState([]),[l,o]=w.useState(!0),[r,u]=w.useState(0),[c,p]=w.useState(10),[x,y]=w.useState(0),[j,d]=w.useState("nombre"),{filters:g,defineFields:N}=B(),{tasks_api:b,getImageOBP:C}=z(),{user:_}=H(),k=async(i,q)=>{var $,E,L;try{o(!0);const D={filters:{search:(g==null?void 0:g.search)??"",responsable:{idUser:_.id,responsableType:($=g==null?void 0:g.responsable)==null?void 0:$.responsableType},ejecutivo:(g==null?void 0:g.ejecutivo)??""}},R=await b.get("/api/listado_campanias",{params:{pagination:{page:i,pageSize:q},orderBy:j,...D}}),O=W(R==null?void 0:R.data);a(O),y((L=(E=R==null?void 0:R.data)==null?void 0:E.meta)==null?void 0:L.total)}catch(D){console.error("Error fetching data en Lista Campaña:",D)}finally{o(!1)}},P=async()=>{try{const i=await b.get("/api/obtener-comerciales");return[...vt].map($=>($.id==="ejecutivo"&&($.options=i.data.map(E=>({id:E.nombre,name:E.nombre}))),$))}catch(i){return console.error("Error fetching salesman data:",i),[...vt]}};w.useEffect(()=>{(async()=>{const q=await P();N(q)})()},[]),w.useEffect(()=>{const i=Math.floor(r/c)+1;k(i,c)},[r,c,j,g]);const F=i=>{u(i.first),p(i.rows)},I=[{label:"5 filas",value:5},{label:"10 filas",value:10},{label:"15 filas",value:15},{label:"20 filas",value:20},{label:"25 filas",value:25},{label:"50 filas",value:50}],T=i=>{const q=parseInt(i.target.value,10);p(q),F({first:0,rows:q})},h=i=>{d(q=>q===i?`${i}:desc`:i)},v=i=>j===i?"↑↓":j===`${i}:desc`?"↓↑":"↑↓",S=i=>({padding:"auto",backgroundColor:m.silver.silver_light,borderRadius:"50%",cursor:i?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${i?m.gray.gray_regular:m.gray.gray_dark}`,color:i?m.gray.gray_regular:m.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return t.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:m.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:l?t.jsx("div",{className:"tw-w-full",children:t.jsx(Lt,{})}):t.jsx(t.Fragment,{children:t.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[t.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:t.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{color:m.gray.gray_regular},children:[t.jsx("th",{onClick:()=>h("nombre"),style:{color:m.gray.gray_dark,textAlign:"left"},children:t.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[t.jsx("label",{className:"tw-text-s",style:{color:m.gray.gray_dark},children:v("nombre")}),"Campaña"]})}),t.jsx("th",{onClick:()=>h("inicia"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:t.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:t.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:m.gray.gray_dark},children:[v("inicia"),t.jsx(f.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),t.jsx("span",{style:{color:m.gray.gray_dark},children:"Fecha Inicio"})]})})}),t.jsx("th",{onClick:()=>h("termina"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:t.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[t.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:v("termina")}),t.jsx(f.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),t.jsx("span",{children:"Fecha Fin"})]})}),t.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Status"}),t.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Progreso de Ejecución"}),t.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Responsable"})]})}),t.jsx("tbody",{children:n==null?void 0:n.map((i,q)=>{var $,E,L,D,R,O,U,Z,X,J,tt,et,st,Q,V,gt,ht,ft;return t.jsxs("tr",{style:{background:q%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{e({id:i==null?void 0:i.id,project:i==null?void 0:i.nombre}),s("kanban-campania")},onMouseEnter:it=>{it.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:it=>{it.currentTarget.style.backgroundColor=q%2===0?"#F5F5F5":"#FAFAFA"},children:[t.jsx("td",{className:"tw-text-s",children:($=i==null?void 0:i.campania)==null?void 0:$.nombre}),t.jsx("td",{className:"tw-text-s",children:(E=i==null?void 0:i.campania)==null?void 0:E.inicia}),t.jsx("td",{className:"tw-text-s",children:(L=i==null?void 0:i.campania)==null?void 0:L.termina}),t.jsx("td",{className:"tw-text-s",children:t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[t.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[i==null?void 0:i.progreso,"%"]}),t.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:t.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${i.progreso}%`,backgroundColor:i.progreso===100?m.progressbar.green_regular:i.progreso>50?m.progressbar.blue_regular:i.progreso>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),t.jsx("td",{className:"tw-text-s",children:t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[t.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[(i==null?void 0:i.progresoVenta)??0,"%"]}),t.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:t.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${(i==null?void 0:i.progresoVenta)??0}%`,backgroundColor:(i==null?void 0:i.progresoVenta)===100?m.progressbar.green_regular:(i==null?void 0:i.progresoVenta)>50?m.progressbar.blue_regular:(i==null?void 0:i.progresoVenta)>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),t.jsx("td",{className:"tw-text-s",children:t.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[t.jsx(K,{imageUrl:(Z=(U=(O=(R=(D=i==null?void 0:i.campania)==null?void 0:D.responsable)==null?void 0:R.imagen)==null?void 0:O.formats)==null?void 0:U.thumbnail)!=null&&Z.url?C((st=(et=(tt=(J=(X=i==null?void 0:i.campania)==null?void 0:X.responsable)==null?void 0:J.imagen)==null?void 0:tt.formats)==null?void 0:et.thumbnail)==null?void 0:st.url):"",alt:(gt=(V=(Q=i==null?void 0:i.campania)==null?void 0:Q.responsable)==null?void 0:V.nombre)==null?void 0:gt.charAt(0)}),t.jsx("span",{className:"tw-ml-4 tw-text-s",children:(ft=(ht=i==null?void 0:i.campania)==null?void 0:ht.responsable)==null?void 0:ft.nombre})]})})]},q)})})]})}),t.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",color:m.black.black_dark},className:"tw-text-s tw-whitespace-nowrap",children:[n.length," elementos de ",x]}),t.jsx(Ut.Paginator,{first:r,rows:c,totalRecords:x,rowsPerPageOptions:[5,10,20,50],onPageChange:F,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:i=>t.jsx("button",{onClick:i.onClick,disabled:i.disabled,style:S(i.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:i=>t.jsx("button",{onClick:i.onClick,disabled:i.disabled,style:S(i.disabled),className:"tw-text-s",children:"<"}),NextPageLink:i=>t.jsx("button",{onClick:i.onClick,disabled:i.disabled,style:S(i.disabled),className:"tw-text-s",children:">"}),LastPageLink:i=>t.jsx("button",{onClick:i.onClick,disabled:i.disabled,style:S(i.disabled),className:"tw-text-s",children:">>"}),PageLinks:i=>t.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:t.jsx("button",{onClick:q=>i.onClick(q),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${i.className.includes("p-highlight")?"highlighted":""}`,style:{...S(!1),backgroundColor:i.className.includes("p-highlight")?"#E1EBF9":m.silver.silver_light,color:m.black.black_dark},children:i.page+1})})}}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),t.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${m.gray.gray_dark}`,borderRadius:"4px"},value:c,onChange:i=>T(i),children:I.map(i=>t.jsx("option",{value:i.value,className:"tw-text-s",style:{color:m.gray.gray_dark},children:i.label},i.value))})]})]})]})})})},Re=({path:s,tab:e,setPath:n,project:a,setProject:l})=>{const o={"kanban-general":{kanban:t.jsx(Pe,{})},"lista-campanias":{lista:t.jsx($e,{setPath:n,setProject:l}),gantt:t.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:t.jsx(Ne,{}),lista:t.jsx(De,{}),gantt:t.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?t.jsx(qt,{project:a==null?void 0:a.id,children:o[s][e]}):o[s][e]},ze=({label:s,active:e,onClick:n,disabled:a})=>a?t.jsx(f.Tooltip,{dispatch:t.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:t.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:t.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):t.jsx("button",{disabled:a,onClick:n,className:`${e?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${a?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),Le=({tabs:s,renderItem:e,initialTab:n})=>{const[a,l]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&l(n)},[n]);const o=r=>{l(r),e(r)};return t.jsx("div",{className:"tw-flex",children:s.map((r,u)=>t.jsx("div",{className:`${u===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:t.jsx(ze,{onClick:()=>o(r.toLowerCase()),label:r,active:r.toLowerCase()===a,disabled:["gantt"].includes(r.toLowerCase())},u)}))})};function Be(){const{toast:s}=It();return s.message?t.jsx("div",{className:`tw-fixed tw-top-[10%] tw-right-10 tw-z-50 tw-w-[300px] tw-h-[30px] tw-text-lg tw-bg-black tw-rounded-md tw-shadow-md ${s.type==="success"?"tw-bg-success-medium":"tw-bg-danger-medium"} tw-flex tw-items-center`,children:t.jsxs("div",{className:"relative tw-w-full tw-h-full tw-flex tw-items-center",children:[t.jsx("div",{className:`tw-w-[5px] tw-h-full ${s.type==="success"?"tw-bg-success-dark":"tw-bg-danger-regular"} tw-rounded-full tw-absolute tw-left-0`}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-pl-4",children:[t.jsx(f.Icons,{icon:s.type==="success"?"circle_checked":"circle_x",className:`tw-text-${s.type==="success"?"success-dark":"danger-dark"}`,color:s.type==="success"?"#368156":"#DC2626"}),t.jsx("p",{className:`${s.type==="success"?"tw-text-success-dark":"tw-text-danger-dark"} tw-font-semibold tw-text-xl`,children:s.message})]})]})}):null}const Oe=({path:s})=>{const e=()=>{const{selectPath:n,updateFilters:a,applyFilters:l,filters:o}=B(),[r,u]=w.useState("kanban"),[c,p]=w.useState(s),[x,y]=w.useState({id:1704,project:"Kanban de Campania"}),[j,d]=w.useState([{path:"lista-campanias",search:(o==null?void 0:o.search)??""},{path:"kanban-campania",search:(o==null?void 0:o.taskName)??""},{path:"kanban-general",search:(o==null?void 0:o.taskName)??""}]),[g,N]=w.useState(),b=w.useRef(null);w.useEffect(()=>{var T;u(c==="lista-campanias"?"lista":"kanban"),n(c),N(((T=j.find(h=>h.path===c))==null?void 0:T.search)??"")},[s,c]),w.useEffect(()=>{var T;((T=F())==null?void 0:T.trim())===""&&a({name:c==="lista-campanias"?"search":"taskName",value:null}),l()},[j]);const C=T=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${x.project}`})[T],_=T=>{p(T)},k=["lista-campanias","kanban-campania"],P={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},F=()=>{var T;return((T=j.find(h=>h.path===c))==null?void 0:T.search)??""},I=T=>{d(h=>h.map(v=>v.path===c?{...v,search:T}:v))};return w.useEffect(()=>{const T=setTimeout(()=>{a({name:c==="lista-campanias"?"search":"taskName",value:g==null?void 0:g.trim()}),I(g)},500);return()=>{clearTimeout(T)}},[g]),t.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[t.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[t.jsxs("div",{className:"tw-flex tw-gap-xl",children:[c==="kanban-campania"&&t.jsx("button",{onClick:()=>_("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:t.jsx(f.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),t.jsx("h2",{className:"tw-text-texts tw-font-medium",children:C(c)}),k.includes(c)&&t.jsx(Le,{tabs:P[c],renderItem:T=>{u(T)},initialTab:r})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[t.jsx("input",{onChange:T=>{N(T.target.value)},type:"text",placeholder:"Buscar",value:g,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),t.jsx(Wt,{filterChildren:b,children:t.jsx("div",{ref:b,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:t.jsx(Gt,{})})})]})]}),t.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:t.jsx(qt,{project:x.id,children:t.jsx(Re,{path:c,tab:r,setPath:_,project:x,setProject:y})})})]})};return t.jsx(Ht,{children:t.jsxs(ae,{children:[t.jsx(e,{}),t.jsx(Be,{})]})})},Qe=()=>t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:t.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[t.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),t.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"un momento..."}),t.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Ke=()=>t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:t.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[t.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),t.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"No encontramos tu acceso"}),t.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"por favor, contacta al administrador"})]})})}),Ue=({path:s,user:e,url:n,mode:a})=>{const l=new M.QueryClient;if(!e)return t.jsx(Qe,{});if(!e.accessToken)return t.jsx(Ke,{});let o={user:e,url:n,mode:a};return t.jsx(t.Fragment,{children:t.jsx(te,{...o,children:t.jsx(Jt,{...o,children:t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsxs(M.QueryClientProvider,{client:l,children:[t.jsx(Oe,{path:s})," "]})})})})})};exports.AppTasks=Ue;
|