@imj_media/tareas 1.3.1 → 1.3.2

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.
Files changed (3) hide show
  1. package/dist/tareas.cjs +8 -8
  2. package/dist/tareas.es.js +2 -2
  3. package/package.json +2 -2
package/dist/tareas.cjs CHANGED
@@ -1,10 +1,10 @@
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"),d=require("react"),v=require("@imj_media/tasks-modules"),lt=require("react-dom"),kt=require("axios"),St=require("qs"),nt=require("date-fns"),wt=require("date-fns/locale"),z=require("@imj_media/imj-ui"),ct=require("react-hook-form"),Gt=require("primereact/paginator"),g={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]=d.useState(null);return{position:s,setElementPosition:i=>{var p;let o=(p=i.current)==null?void 0:p.getBoundingClientRect(),w=(o==null?void 0:o.x)+((o==null?void 0:o.width)??0),l=(o==null?void 0:o.y)+(o==null?void 0:o.height);e(s?null:{x:w??0,y:l??0})},getChildrenSize:i=>{var o;return(o=i.current)==null?void 0:o.getBoundingClientRect()},clearPosition:()=>{e(null)}}},Jt=({children:s,filterChildren:e})=>{const{position:r,setElementPosition:a}=dt(),n=d.useRef(null),i=({children:o})=>{const[w,l]=d.useState();return d.useEffect(()=>{var p,x;e.current&&l(((r==null?void 0:r.x)??0)-(((x=(p=e.current)==null?void 0:p.getBoundingClientRect())==null?void 0:x.width)??0))},[e==null?void 0:e.current,r==null?void 0:r.x]),r&&lt.createPortal(t.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${w?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${w}px`,zIndex:1},"data-portal-host":!0,children:o}),document.body)};return t.jsxs(t.Fragment,{children:[t.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:[t.jsx(v.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:g.primary.regular}),"Filtrar"]}),t.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{a(n)}}),t.jsx(i,{children:s})]})},yt=s=>{let e={};return Object.entries(s).forEach(([r,a])=>{if(r.includes(".")){let[n,i]=r.split(".");e[n]=e[n]||{},e[n][i]=a}else e[r]=a}),e},Tt=d.createContext({}),Xt=({children:s})=>{const[e,r]=d.useState({}),[a,n]=d.useState({}),[i,o]=d.useState([]),[w,l]=d.useState(""),p=({name:u,value:m})=>{function y(_){return!isNaN(_)&&_!==null&&_!==""?parseFloat(_):null}let h=y(m);n(_=>{let f={..._},F=i==null?void 0:i.find(T=>T.label.toLowerCase().replace(/ /g,"_")===u);return F?f[F.id]=h??m:f[u]=h??m,f})};d.useEffect(()=>{let u=i.map(m=>m.id==="owner.config"?[m.id,"yo_y_mis_equipos"]:m.id==="dependency"?[m.id,"ambas"]:[m.id,null]);n(m=>{let y={search:m==null?void 0:m.search,taskName:m==null?void 0:m.taskName};return y={...y,...Object.fromEntries(u)},y})},[i]);const x=()=>{let u=i.map(m=>m.id==="owner.config"?[m.id,"yo_y_mis_equipos"]:m.id==="dependency"?[m.id,"ambas"]:[m.id,null]);n(Object.fromEntries(u)),r(yt(Object.fromEntries(u)))},b=u=>({1:"Muy facil",2:"Facil",3:"Media",4:"Dificil",5:"Muy dificil"})[u],N=()=>{let u=yt(a);u.difficulty&&(u.difficulty=b(u.difficulty)),r(u)};return t.jsx(Tt.Provider,{value:{fields:i,filters:e,path:w,defineFields:o,updateFilters:p,cleanFilters:x,applyFilters:N,initialFilters:a,selectPath:l},children:s})},W=()=>d.useContext(Tt);function Zt(s,e=300,r={leading:!1,trailing:!0}){let a,n=null;return function(...i){const o=Date.now(),w=r.leading&&!n;clearTimeout(a),w&&s(...i),n=o,a=setTimeout(()=>{r.trailing&&(!r.leading||o-n>=e)&&(s(...i),n=null)},e)}}const Y=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:e="avatar",size:r="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]"}[r];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`})},te="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='uuid-870f9847-3249-4f3d-96c6-7627dd5f9e7b'%20data-name='Iconos'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3cstyle%3e%20.uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae%20{%20fill:%20none;%20stroke:%20%23252525;%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%204px;%20}%20%3c/style%3e%3c/defs%3e%3ccircle%20class='uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae'%20cx='19.79'%20cy='19.79'%20r='13.54'/%3e%3cline%20class='uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae'%20x1='41.67'%20y1='41.67'%20x2='29.17'%20y2='29.17'/%3e%3c/svg%3e",Ft=({options:s,onselect:e})=>{const[r,a]=d.useState(null),n=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),i=[...s].filter(o=>o.name.toLowerCase().includes((r==null?void 0:r.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:n,value:r??"",onChange:o=>a(o.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("img",{src:te,alt:"Icono",className:"tw-w-[12px] tw-h-[12px]"})})]}),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:i.map(o=>t.jsxs("button",{onClick:()=>{e(o)},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:[o.image&&t.jsx(Y,{imageUrl:o.image,alt:o.name}),t.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:o.name})]}))})]})},ee=({error:s,options:e,onSelect:r,initialValue:a})=>{const[n,i]=d.useState(!1),[o,w]=d.useState((a==null?void 0:a.name)??null);return d.useEffect(()=>{a&&w(a)},[a]),t.jsxs("div",{className:"tw-relative",children:[t.jsxs("div",{onBlur:()=>i(!1),onClick:()=>i(!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":o?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[t.jsx("p",{children:(o==null?void 0:o.name)??"Selecciona una opción"}),t.jsx(v.Icons,{icon:"angle_down_outline",color:s?g.danger.regular:g.texts.placeholder})]}),n&&t.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:t.jsx(Ft,{onselect:l=>{w(l),i(!1),r&&r(l)},options:e})})]})},se=()=>{const{fields:s,updateFilters:e,cleanFilters:r,applyFilters:a,initialFilters:n}=W();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:r,children:"Limpiar"})]}),t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((i,o)=>{var w;return t.jsxs("div",{style:{zIndex:10-o},children:[t.jsx("p",{className:"tw-text-xl z-[1]",children:i.label}),(i==null?void 0:i.type)==="select"?t.jsx("div",{className:"tw-relative tw-z-[10]",children:t.jsx(ee,{error:!1,options:i==null?void 0:i.options,onSelect:l=>{e({name:i==null?void 0:i.id,value:l==null?void 0:l.id})},initialValue:(w=i==null?void 0:i.options)==null?void 0:w.find(l=>l.id===(n==null?void 0:n[i==null?void 0:i.id]))})}):t.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:i.type,value:n==null?void 0:n[i==null?void 0:i.id],name:i.label.toLowerCase().replace(/ /g,"_"),onChange:Zt(l=>{var p,x;return e({name:(p=l==null?void 0:l.target)==null?void 0:p.name,value:(x=l==null?void 0:l.target)==null?void 0:x.value})},1e3)})]},o)})}),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"})]})},G=s=>{const e=a=>Object.prototype.toString.call(a)==="[object Object]",r=a=>a.attributes?{id:a.id,...a.attributes}:a;if(Array.isArray(s))return s.map(a=>G(a));if(e(s)){Array.isArray(s.data)?s=[...s.data]:e(s.data)?s=r({...s.data}):s.data===null?s=null:s=r(s);for(const a in s)s[a]=G(s[a]);return s}return s};class ae{static toCampaignTasks(e){var a,n,i,o,w,l,p,x,b,N,u,m;let r=[];return e!=null&&e.responsable&&r.push({id:e.responsable.id,name:e.responsable.nombre,image:(w=(o=(i=(n=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:n.imagen)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(y=>{var h,_,f,F;r!=null&&r.find(T=>T.id===y.idUser.id)||y.idUser&&r.push({id:y.idUser.id,name:y.idUser.nombre,image:(F=(f=(_=(h=y==null?void 0:y.userOBP)==null?void 0:h.imagen)==null?void 0:_.formats)==null?void 0:f.thumbnail)==null?void 0:F.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:r,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:((b=e==null?void 0:e.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((N=e==null?void 0:e.id_t_requerida)==null?void 0:N.texto_corto)??null,responsible:((u=e==null?void 0:e.responsable)==null?void 0:u.id)??null,tasks:((m=e==null?void 0:e.tareas)==null?void 0:m.map(y=>({id:y.id,name:y.texto_corto,status:y.estatus})))??null,atraso:(e==null?void 0:e.atraso)??null,categoria:(e==null?void 0:e.categoria)??null}}}const re=async({filters:s,tasks_api:e,project:r})=>{try{const a=await e.get("/api/listado_tareas_flujo",{params:{...s,project:{id:r},includeAllTasks:!0}});return G(a.data.tareas).map(ae.toCampaignTasks)}catch(a){console.log(a)}},qt=d.createContext({}),ne=({children:s,user:e,url:r,mode:a})=>{const n=a==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",i=kt.create({baseURL:r,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:l=>St.stringify(l,{encodeValuesOnly:!0})}),o=()=>n,w=l=>l==="undefined"?"":`${n}${l}`;return t.jsx(qt.Provider,{value:{tasks_api:i,getOBPUrlApi:o,getImageOBP:w},children:s})},K=()=>d.useContext(qt),Pt=d.createContext({}),le=({children:s,user:e,url:r})=>{const a=kt.create({baseURL:r,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:n=>St.stringify(n,{encodeValuesOnly:!0})});return t.jsx(Pt.Provider,{value:{user:e,tasks_api:a},children:s})},H=()=>d.useContext(Pt),At=d.createContext({}),Mt=({children:s,project:e})=>{var _;const[r,a]=d.useState([]),[n,i]=d.useState(!1),[o,w]=d.useState([]),{tasks_api:l}=K(),{filters:p}=W(),{user:x}=H(),[b,N]=d.useState({owner:{user:x.id,config:((_=p==null?void 0:p.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:e}});d.useEffect(()=>{var f;if(Object.keys(p).length>0){const F={...p,owner:{user:x.id,config:((f=p==null?void 0:p.owner)==null?void 0:f.config)??"yo_y_mis_equipos"},project:{id:e}};N(F)}},[p,x.id,e]);const u=M.useQuery({queryKey:["tasksProject",b,e],queryFn:()=>{const f={...b,taskName:p==null?void 0:p.taskName,owner:{...b.owner,config:b.owner.config||"yo_y_mis_equipos"}};return re({filters:f,project:e,tasks_api:l})}}),m=f=>{a(F=>[...F,f])},y=f=>{w(F=>F.includes(f)?F.filter(T=>T!==f):[...F,f])},h=e??null;return t.jsx(At.Provider,{value:{tasksProject:u,selectedTasks:r,projectID:h,openTasks:o,selectTask:m,filtersToSend:b,openTask:y,isRefetching:n,project:e,filters:p,setIsRefetching:i},children:s})},et=()=>d.useContext(At),oe=()=>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"})]})]}),Et=d.createContext(null),ie=({children:s})=>{const[e,r]=d.useState({message:"",type:"success"}),a=(n,i)=>{r({message:n,type:i}),setTimeout(()=>r({message:"",type:"success"}),3e3)};return t.jsx(Et.Provider,{value:{toast:e,showSuccess:n=>a(n,"success"),showError:n=>a(n,"error")},children:s})},ut=()=>d.useContext(Et);class It{static toAtrasoReasons(e){return{id:e.id,motivo_imj:e.motivo_imj,categoria:e.categoria??null}}}const ce=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos",{params:{populate:{categoria:{fields:["id","nombre","tipo"]}},filters:{tipo:{$eq:"atraso"}}}});return G(e.data).map(It.toAtrasoReasons)}catch(e){throw console.log("Error al obtener los motivos de atraso",e),`Error al obtener los motivos de atraso: ${e}`}},$t=({enabled:s=!1}={})=>{const{tasks_api:e}=K(),{user:r}=H(),a=M.useQueryClient(),{showSuccess:n,showError:i}=ut(),{filters:o,path:w}=W(),{data:l,isLoading:p}=M.useQuery({queryKey:["atraso_reasons"],queryFn:()=>ce({tasks_api:e}),staleTime:1e3*60*60*24,enabled:s}),x=async()=>{const T=await e.get("/api/motivos",{params:{filters:{tipo:{$eq:"atraso"}}}});return G(T.data).map(It.toAtrasoReasons)},b=async({taskId:T,motivoId:C,projectID:P})=>{try{return(await e.post("/api/atrasos",{data:{inicio:new Date,fin:null,motivo:C,proyecto:P,tarea:T,creada_por:r==null?void 0:r.id}})).data}catch(S){console.log("error",S)}},N=async T=>{try{return(await e.delete(`/api/atrasos/${T}`)).data}catch(C){console.log("error",C)}},u=async T=>{try{return(await e.put(`/api/atrasos/${T}`,{data:{fin:new Date}})).data}catch(C){console.log("error",C)}},m=async({taskId:T,projectID:C,motivo:P})=>{await _({taskId:T,motivoId:P,projectID:C})},y=async T=>{await f(T)},h=async T=>{await F(T)},{mutateAsync:_}=M.useMutation({mutationFn:b,onSuccess:()=>{n("Atraso registrado correctamente"),w==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks",o]}),a.invalidateQueries({queryKey:["working_tasks",o]})),w==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{i("Error al registrar el atraso")}}),{mutateAsync:f}=M.useMutation({mutationFn:N,onSuccess:()=>{n("Atraso eliminado correctamente"),w==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks"]}),a.invalidateQueries({queryKey:["working_tasks"]}),a.invalidateQueries({queryKey:["done_tasks"]})),w==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{i("Error al eliminar el atraso")}}),{mutateAsync:F}=M.useMutation({mutationFn:u,onSuccess:()=>{n("Atraso finalizado correctamente")},onError:()=>{i("Error al finalizar el atraso")}});return{atrasoReasons:l,isLoading:p,createAtraso:m,getAtrasoReasons:x,deleteAtraso:y,finalizarAtraso:h}},at=()=>{const{tasks_api:s}=K(),{user:e}=H(),{filters:r,path:a}=W(),n=M.useQueryClient(),{projectID:i}=et(),{showSuccess:o,showError:w}=ut(),{finalizarAtraso:l}=$t({enabled:!1}),p=async({id:j})=>(await s.put(`/api/tareas/${j}`,{data:{estatus:1,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,x=async({id:j,idAtraso:k})=>{const c=await s.post("/api/terminarTarea",{id_task:j,ended_at:new Date().toISOString(),id_user:e==null?void 0:e.id});return await l(k),c.data},b=async({id:j,repeats:k})=>(await s.put(`/api/tareas/${j}`,{data:{repeticiones_realizadas:k,updated_by:e==null?void 0:e.id}})).data,N=async({id:j,motiveId:k})=>{try{const c=await s.post("/api/pausarTarea",{taskId:j,userId:e==null?void 0:e.id,motivoId:k});return o("Tarea pausada correctamente"),c.data}catch{w("Error al pausar la tarea")}},u=async({id:j})=>{try{const k=await s.post("/api/reanudarTarea",{taskId:j});return o("Tarea reanudada correctamente"),k.data}catch{w("Error al reanudar la tarea")}},m=async({id:j,idNewResponsible:k,typeOfSelect:c})=>{let q={updated_by:e==null?void 0:e.id};return c==="responsible"&&(q={...q,responsable:k}),c==="team"&&(q={...q,responsable:null,equipo:k}),(await s.put(`/api/tareas/${j}`,{data:q})).data},y=async({id:j,data:k,user:c})=>{},h=async({id:j})=>{await _({id:j})},{mutateAsync:_}=M.useMutation({mutationFn:p,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error updating the element:",k)}},onError:j=>{console.error("Failed to update the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:f}=M.useMutation({mutationFn:x,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{n.setQueryData([j[a],r],k=>{console.log({oldData:k})}),a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:j=>{console.error("Failed to update the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:F}=M.useMutation({mutationFn:b,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:j=>{console.error("Failed to update the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:T}=M.useMutation({mutationFn:m,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:j=>{console.error("Failed to reassign the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:y,startWorking:h,completeTask:async({id:j,idAtraso:k})=>{await f({id:j,idAtraso:k})},reasignResponsible:async({id:j,idNewResponsible:k,typeOfSelect:c})=>{await T({id:j,idNewResponsible:k,typeOfSelect:c})},updateUnitys:async({repeats:j,id:k})=>{await F({repeats:j,id:k})},pauseTask:async({id:j,motiveId:k})=>{console.log({taksId:j,motivoId:k,user:e==null?void 0:e.id})},postPauseTask:N,postReanudeTask:u}},we=({id:s,idAtraso:e})=>{const[r,a]=d.useState(!1),{completeTask:n}=at();return{checked:r,checkTask:()=>{a(!r),n({id:s,idAtraso:e})}}},Dt=({id:s,nameRequiredTask:e,statusRequiredTask:r,status:a,idAtraso:n})=>{const{checked:i,checkTask:o}=we({id:s,idAtraso:n});let w=Math.random().toString();const l=e!==""&&r===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(v.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),l||!e?a===1?t.jsx("label",{htmlFor:w,className:i?"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(v.Icons,{icon:i?"check_outline":"circle_checked",color:i?"white":g.texts.placeholder,strokeWidth:4,size:i?"xs":"s"})}):t.jsx(t.Fragment,{children:" "}):t.jsx(v.Tooltip,{dispatch:t.jsx("label",{className:"tw-cursor-help",children:t.jsx(v.Icons,{icon:"info_circle",color:g.warning.regular,strokeWidth:4})}),children:t.jsxs("div",{className:"tw-absolute tw-ml-[-2rem] tw-shadow-xl tw-shadow-black-300 tw-top-full tw-left-0 tw-mt-2 tw-z-10 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.jsxs("p",{className:"tw-font-bold tw-w-[210px]",children:[" ","Requiere completar su tarea requerida:"," "]}),t.jsxs("p",{children:[" ",e," "]})]})}),t.jsx("input",{id:w,checked:i,onChange:o,type:"checkbox",className:"tw-hidden"})]})},jt=({trigger:s,user:e,showUser:r=!0})=>t.jsx(v.Tooltip,{dispatch:s,children:r&&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(Y,{imageUrl:e.image??"",alt:e.name}),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:e.name})]})});class de{static toDomain(e){return{id:e.id,name:e.nombre,color:e.color}}}const ue=()=>{const{tasks_api:s}=K();return{teams:M.useQuery({queryKey:["teams","all"],queryFn:async()=>{const r=await s.get("/api/equipos");return G(r.data).map(de.toDomain)}})}};class xe{static toUsers(e){var r,a,n;return{id:e.id,name:e.nombre,image:(n=(a=(r=e.imagen)==null?void 0:r.formats)==null?void 0:a.thumbnail)==null?void 0:n.url,tasksUser:{email:e.tasksUser.email,id:e.tasksUser.id,nombre:e.tasksUser.nombre}}}}const me=async({tasks_api:s})=>{try{const e=await s.get("/api/allOBPUsers");return G(e.data).map(xe.toUsers)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},pe=()=>{const{tasks_api:s}=K();return{users:M.useQuery({queryKey:["users"],queryFn:()=>me({tasks_api:s}),staleTime:1e3*60*60*24})}},xt=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function ge(s){const e=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],r=new Date(s).getDay();return e[r]}const vt=s=>{let e=s||new Date,r=e.getDate(),a=xt(e.getMonth()).slice(0,3),n=e.getFullYear().toString().slice(-2),i=ge(e).slice(0,3);return`${i.charAt(0).toUpperCase()+i.slice(1)} ${r} ${a.charAt(0).toUpperCase()+a.slice(1)} ${n}`},mt=(s,e)=>({...s,image:s.image?`${e}${s.image}`:""}),Rt=({users:s,onClick:e,responsible:r})=>{const{getOBPUrlApi:a}=K();let n=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:i,position:o,clearPosition:w}=dt(),l=d.useRef(null),p=()=>r?null:s.length>3&&t.jsx(v.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((u,m)=>t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[t.jsx(Y,{imageUrl:u.image??"",alt:u.name},m),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:u.name})]},m))})}),x=()=>{if(r){let u=s.find(m=>m.id===r);return t.jsx("div",{children:t.jsx(jt,{trigger:t.jsx(Y,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},r),user:u,showUser:!(o!=null&&o.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((u,m)=>t.jsx("div",{className:`${m===0?"":"tw-ml-[-8px]"}`,children:t.jsx(jt,{trigger:t.jsx(Y,{imageUrl:u.image,alt:u.name},m),user:u,showUser:!(o!=null&&o.x)})}))},b=({children:u})=>t.jsx("label",{ref:l,htmlFor:n,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(s.length===0)return t.jsx(b,{children:t.jsx(v.Icons,{icon:"user",size:"xs",strokeWidth:3})});const N=()=>{var T;const[u,m]=d.useState(),[y,h]=d.useState("team"),{teams:_}=ue(),{users:f}=pe();d.useEffect(()=>{var C,P;l.current&&m(((o==null?void 0:o.x)??0)-(((P=(C=l.current)==null?void 0:C.getBoundingClientRect())==null?void 0:P.width)??0))},[l==null?void 0:l.current,o==null?void 0:o.x]);const F=()=>{const C=[{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:C.map((P,S)=>t.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${y===P.id?"tw-text-primary-pastel":""} ${S===C.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>h(P.id),children:P.label}))})};return(o==null?void 0:o.x)&&lt.createPortal(t.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit tw-p-[1rem] ${u?"tw-block":"tw-hidden"}`,style:{top:`${o==null?void 0:o.y}px`,left:`${u}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",style:{boxShadow:"0px 2px 16px 0px rgba(0, 0, 0, 0.25)"},children:[t.jsx(F,{}),t.jsx(Ft,{options:y==="team"?_.data.map(C=>({id:C.id,name:C.name,image:""})):(T=f.data)==null?void 0:T.map(C=>mt(C,a())),onselect:C=>{var P;w(),e&&e((P=C.tasksUser)==null?void 0:P.id,y)}})]})}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs(b,{children:[x(),p()]}),t.jsx("button",{className:"tw-hidden",id:n,onClick:()=>i(l)}),t.jsx(N,{})]})};function he({items:s}){var a;const[e,r]=d.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((n,i)=>t.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${i!==0?"tw-px-3":""}`,children:t.jsx(z.Button,{variant:"ghost",onClick:()=>r(n.id),className:`tw-font-montserrat tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-rounded-none tw-py-1 tw-h-12 ${e===n.id?"tw-text-blue-600 tw-border-b tw-border-primary tw-font-montserrat tw-font-semibold tw-text-[1.4rem]":"tw-text-black-400 tw-font-montserrat tw-font-[400] tw-text-[1.4rem] tw-border-b-0 "}`,children:n.label},n.id)},n.id))}),t.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(a=s.find(n=>n.id===e))==null?void 0:a.component})]})}function fe({comment:s}){var n,i,o,w,l;const{getImageOBP:e}=K(),r=(w=(o=(i=(n=s==null?void 0:s.autor)==null?void 0:n.imagen)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.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(Y,{size:"xxl",imageUrl:r?e(r):"",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:(l=s==null?void 0:s.autor)==null?void 0:l.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 be({currentUser:s,data:e,taskId:r,onNewComment:a}){var u,m,y;const{tasks_api:n,getImageOBP:i}=K(),{register:o,handleSubmit:w,reset:l}=ct.useForm(),[p,x]=d.useState([]),b=(y=(m=(u=s==null?void 0:s.imagen)==null?void 0:u.formats)==null?void 0:m.thumbnail)==null?void 0:y.url;d.useEffect(()=>{if(e!=null&&e.comentarios){const h=[...e.comentarios].sort((_,f)=>new Date(f.createdAt).getTime()-new Date(_.createdAt).getTime());x(h)}},[e]);const N=async h=>{try{const _={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:h==null?void 0:h.comment,createdAt:new Date().toISOString()};await n.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:h.comment,tarea:r}}),a(!0),x(f=>[_,...f]),l()}catch(_){console.error("Error al agregar comentario:",_)}};return t.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[t.jsxs("form",{onSubmit:w(N),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[t.jsx(Y,{size:"xxl",imageUrl:b?i(b):"",alt:"@shadcn"}),t.jsx(z.Input,{...o("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((h,_)=>t.jsx(fe,{comment:h},_))]})}function ye({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"}},r=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(z.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 n,i,o,w,l;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(Y,{imageUrl:(w=(o=(i=(n=a.responsable)==null?void 0:n.image)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.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:r(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 ${((l=e[a==null?void 0:a.estatus])==null?void 0:l.color)??"tw-bg-gray-400"}`})]})]},a.id)})})]})}function zt({isOpen:s,setIsOpen:e,taskId:r}){var f,F,T,C,P,S,L,j,k,c,q,E;const[a,n]=d.useState(null),[i,o]=d.useState(!1),[w,l]=d.useState(!1),[p,x]=d.useState(null),b=(C=(T=(F=(f=a==null?void 0:a.responsable)==null?void 0:f.imagen)==null?void 0:F.formats)==null?void 0:T.thumbnail)==null?void 0:C.url,{tasks_api:N,getImageOBP:u}=K(),{user:m}=H();d.useEffect(()=>{if(s&&r||i){const D=async()=>{const R=await N.get(`/api/detalleTarea/${r}`);n(R==null?void 0:R.data)},O=async()=>{var B,I;const R=await N.get(`/api/users/${m.id}`),$=await N.post("/api/obtenerUsuarioOBP/",{emailList:[(B=R==null?void 0:R.data)==null?void 0:B.email]});x((I=$==null?void 0:$.data)==null?void 0:I.data[0])};D(),O()}},[s,r,i]);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"}},h=D=>D?nt.format(D,"d MMM yyyy, h:mmaaa",{locale:wt.es}):"Fecha no disponible",_=[{id:1,label:"Todo",component:t.jsx(be,{taskId:r,currentUser:p,data:a,onNewComment:o})},{id:2,label:"Dependencias",component:t.jsx(ye,{data:a==null?void 0:a.ids_t_dependientes})}];return s&&lt.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:[((P=a==null?void 0:a.id_t_requerida)==null?void 0:P.id)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>l(!0),onMouseLeave:()=>l(!1),children:t.jsx(v.Icons,{icon:"info_circle",color:g.warning.regular,strokeWidth:4})}),w&&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:(S=a==null?void 0:a.id_t_requerida)==null?void 0:S.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(v.TooltipV2,{content:(L=a==null?void 0:a.atraso)==null?void 0:L.motivo,position:"bottom",children:t.jsx("button",{className:"tw-inline-block tw-align-middle tw-ml-2 tw-h-fit",children:t.jsx(v.Icons,{icon:"exclamation_triangle",color:g.warning.dark,style:{width:"20px",height:"20px"}})})})]})})]}),t.jsx(z.Button,{variant:"shadow",size:"sm",onClick:()=>e(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:t.jsx(v.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-font-sans tw-font-[400] tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:(a==null?void 0:a.texto_largo)??"Sin descripción"})]}),t.jsx(z.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(z.AccordionItem,{value:"item-1",className:"tw-border-none",children:[t.jsx(z.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(z.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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Responsable"}),(j=a==null?void 0:a.responsable)!=null&&j.nombre?t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[t.jsx(Y,{size:"xs",imageUrl:b?u(b):"",alt:"@shadcn"}),t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:(k=a==null?void 0:a.responsable)==null?void 0:k.nombre})]}):t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:"Sin responsable"})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Equipo asignado"}),t.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:((c=a==null?void 0:a.equipo)==null?void 0:c.nombre)??"Sin equipo"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Prioridad"}),t.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2 ",children:[t.jsx(v.Icons,{icon:"flag",size:"xs",strokeWidth:5,style:{height:"14px",color:"#929292"}}),t.jsx("span",{className:`tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292] ${(q=y[a==null?void 0:a.prioridad])==null?void 0:q.color}`,children:((E=y[a==null?void 0:a.prioridad])==null?void 0:E.label)??"Sin prioridad"})]})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Lista"}),t.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Fecha estimada de inicio"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Fecha estimada de fin"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Fecha de fin"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Creado"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Última modificación"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(a==null?void 0:a.updatedAt)})]})]})})]})}),t.jsx(he,{items:_})]})})]}),document.body)}const je=({children:s,actionsRef:e,newPosition:r,className:a})=>{const[n,i]=d.useState(),[o,w]=d.useState(!1);return d.useEffect(()=>{var l,p;if(e.current&&r){const x=((r==null?void 0:r.x)??0)-(((p=(l=e.current)==null?void 0:l.getBoundingClientRect())==null?void 0:p.width)??0);i(x),requestAnimationFrame(()=>{w(!0)})}return()=>{w(!1),i(void 0)}},[e==null?void 0:e.current,r==null?void 0:r.x]),!r||n===void 0?null:lt.createPortal(t.jsx("div",{"data-portal-host":!0,className:`
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"),d=require("react"),v=require("@imj_media/tasks-modules"),lt=require("react-dom"),kt=require("axios"),St=require("qs"),nt=require("date-fns"),wt=require("date-fns/locale"),z=require("@imj_media/imj-ui"),ct=require("react-hook-form"),Gt=require("primereact/paginator"),g={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]=d.useState(null);return{position:s,setElementPosition:i=>{var m;let o=(m=i.current)==null?void 0:m.getBoundingClientRect(),w=(o==null?void 0:o.x)+((o==null?void 0:o.width)??0),l=(o==null?void 0:o.y)+(o==null?void 0:o.height);e(s?null:{x:w??0,y:l??0})},getChildrenSize:i=>{var o;return(o=i.current)==null?void 0:o.getBoundingClientRect()},clearPosition:()=>{e(null)}}},Jt=({children:s,filterChildren:e})=>{const{position:r,setElementPosition:a}=dt(),n=d.useRef(null),i=({children:o})=>{const[w,l]=d.useState();return d.useEffect(()=>{var m,x;e.current&&l(((r==null?void 0:r.x)??0)-(((x=(m=e.current)==null?void 0:m.getBoundingClientRect())==null?void 0:x.width)??0))},[e==null?void 0:e.current,r==null?void 0:r.x]),r&&lt.createPortal(t.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${w?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${w}px`,zIndex:1},"data-portal-host":!0,children:o}),document.body)};return t.jsxs(t.Fragment,{children:[t.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:[t.jsx(v.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:g.primary.regular}),"Filtrar"]}),t.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{a(n)}}),t.jsx(i,{children:s})]})},yt=s=>{let e={};return Object.entries(s).forEach(([r,a])=>{if(r.includes(".")){let[n,i]=r.split(".");e[n]=e[n]||{},e[n][i]=a}else e[r]=a}),e},Tt=d.createContext({}),Xt=({children:s})=>{const[e,r]=d.useState({}),[a,n]=d.useState({}),[i,o]=d.useState([]),[w,l]=d.useState(""),m=({name:u,value:p})=>{function y(_){return!isNaN(_)&&_!==null&&_!==""?parseFloat(_):null}let h=y(p);n(_=>{let f={..._},F=i==null?void 0:i.find(T=>T.label.toLowerCase().replace(/ /g,"_")===u);return F?f[F.id]=h??p:f[u]=h??p,f})};d.useEffect(()=>{let u=i.map(p=>p.id==="owner.config"?[p.id,"yo_y_mis_equipos"]:p.id==="dependency"?[p.id,"ambas"]:[p.id,null]);n(p=>{let y={search:p==null?void 0:p.search,taskName:p==null?void 0:p.taskName};return y={...y,...Object.fromEntries(u)},y})},[i]);const x=()=>{let u=i.map(p=>p.id==="owner.config"?[p.id,"yo_y_mis_equipos"]:p.id==="dependency"?[p.id,"ambas"]:[p.id,null]);n(Object.fromEntries(u)),r(yt(Object.fromEntries(u)))},b=u=>({1:"Muy facil",2:"Facil",3:"Media",4:"Dificil",5:"Muy dificil"})[u],N=()=>{let u=yt(a);u.difficulty&&(u.difficulty=b(u.difficulty)),r(u)};return t.jsx(Tt.Provider,{value:{fields:i,filters:e,path:w,defineFields:o,updateFilters:m,cleanFilters:x,applyFilters:N,initialFilters:a,selectPath:l},children:s})},W=()=>d.useContext(Tt);function Zt(s,e=300,r={leading:!1,trailing:!0}){let a,n=null;return function(...i){const o=Date.now(),w=r.leading&&!n;clearTimeout(a),w&&s(...i),n=o,a=setTimeout(()=>{r.trailing&&(!r.leading||o-n>=e)&&(s(...i),n=null)},e)}}const Y=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:e="avatar",size:r="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]"}[r];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`})},te="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='uuid-870f9847-3249-4f3d-96c6-7627dd5f9e7b'%20data-name='Iconos'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3cstyle%3e%20.uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae%20{%20fill:%20none;%20stroke:%20%23252525;%20stroke-linecap:%20round;%20stroke-linejoin:%20round;%20stroke-width:%204px;%20}%20%3c/style%3e%3c/defs%3e%3ccircle%20class='uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae'%20cx='19.79'%20cy='19.79'%20r='13.54'/%3e%3cline%20class='uuid-4d76d382-032b-400f-b22d-b6e7be4cfaae'%20x1='41.67'%20y1='41.67'%20x2='29.17'%20y2='29.17'/%3e%3c/svg%3e",Ft=({options:s,onselect:e})=>{const[r,a]=d.useState(null),n=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),i=[...s].filter(o=>o.name.toLowerCase().includes((r==null?void 0:r.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:n,value:r??"",onChange:o=>a(o.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("img",{src:te,alt:"Icono",className:"tw-w-[12px] tw-h-[12px]"})})]}),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:i.map(o=>t.jsxs("button",{onClick:()=>{e(o)},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:[o.image&&t.jsx(Y,{imageUrl:o.image,alt:o.name}),t.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:o.name})]}))})]})},ee=({error:s,options:e,onSelect:r,initialValue:a})=>{const[n,i]=d.useState(!1),[o,w]=d.useState((a==null?void 0:a.name)??null);return d.useEffect(()=>{a&&w(a)},[a]),t.jsxs("div",{className:"tw-relative",children:[t.jsxs("div",{onBlur:()=>i(!1),onClick:()=>i(!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":o?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[t.jsx("p",{children:(o==null?void 0:o.name)??"Selecciona una opción"}),t.jsx(v.Icons,{icon:"angle_down_outline",color:s?g.danger.regular:g.texts.placeholder})]}),n&&t.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:t.jsx(Ft,{onselect:l=>{w(l),i(!1),r&&r(l)},options:e})})]})},se=()=>{const{fields:s,updateFilters:e,cleanFilters:r,applyFilters:a,initialFilters:n}=W();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:r,children:"Limpiar"})]}),t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((i,o)=>{var w;return t.jsxs("div",{style:{zIndex:10-o},children:[t.jsx("p",{className:"tw-text-xl z-[1]",children:i.label}),(i==null?void 0:i.type)==="select"?t.jsx("div",{className:"tw-relative tw-z-[10]",children:t.jsx(ee,{error:!1,options:i==null?void 0:i.options,onSelect:l=>{e({name:i==null?void 0:i.id,value:l==null?void 0:l.id})},initialValue:(w=i==null?void 0:i.options)==null?void 0:w.find(l=>l.id===(n==null?void 0:n[i==null?void 0:i.id]))})}):t.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:i.type,value:n==null?void 0:n[i==null?void 0:i.id],name:i.label.toLowerCase().replace(/ /g,"_"),onChange:Zt(l=>{var m,x;return e({name:(m=l==null?void 0:l.target)==null?void 0:m.name,value:(x=l==null?void 0:l.target)==null?void 0:x.value})},1e3)})]},o)})}),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"})]})},G=s=>{const e=a=>Object.prototype.toString.call(a)==="[object Object]",r=a=>a.attributes?{id:a.id,...a.attributes}:a;if(Array.isArray(s))return s.map(a=>G(a));if(e(s)){Array.isArray(s.data)?s=[...s.data]:e(s.data)?s=r({...s.data}):s.data===null?s=null:s=r(s);for(const a in s)s[a]=G(s[a]);return s}return s};class ae{static toCampaignTasks(e){var a,n,i,o,w,l,m,x,b,N,u,p;let r=[];return e!=null&&e.responsable&&r.push({id:e.responsable.id,name:e.responsable.nombre,image:(w=(o=(i=(n=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:n.imagen)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(y=>{var h,_,f,F;r!=null&&r.find(T=>T.id===y.idUser.id)||y.idUser&&r.push({id:y.idUser.id,name:y.idUser.nombre,image:(F=(f=(_=(h=y==null?void 0:y.userOBP)==null?void 0:h.imagen)==null?void 0:_.formats)==null?void 0:f.thumbnail)==null?void 0:F.url})}),{paused:e==null?void 0:e.pausada,isPrincipalTask:(e==null?void 0:e.tarea_principal)??!1,projectName:((m=e==null?void 0:e.proyecto)==null?void 0:m.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:r,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:((b=e==null?void 0:e.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((N=e==null?void 0:e.id_t_requerida)==null?void 0:N.texto_corto)??null,responsible:((u=e==null?void 0:e.responsable)==null?void 0:u.id)??null,tasks:((p=e==null?void 0:e.tareas)==null?void 0:p.map(y=>({id:y.id,name:y.texto_corto,status:y.estatus})))??null,atraso:(e==null?void 0:e.atraso)??null,categoria:(e==null?void 0:e.categoria)??null}}}const re=async({filters:s,tasks_api:e,project:r})=>{try{const a=await e.get("/api/listado_tareas_flujo",{params:{...s,project:{id:r},includeAllTasks:!0}});return G(a.data.tareas).map(ae.toCampaignTasks)}catch(a){console.log(a)}},qt=d.createContext({}),ne=({children:s,user:e,url:r,mode:a})=>{const n=a==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",i=kt.create({baseURL:r,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:l=>St.stringify(l,{encodeValuesOnly:!0})}),o=()=>n,w=l=>l==="undefined"?"":`${n}${l}`;return t.jsx(qt.Provider,{value:{tasks_api:i,getOBPUrlApi:o,getImageOBP:w},children:s})},K=()=>d.useContext(qt),Pt=d.createContext({}),le=({children:s,user:e,url:r})=>{const a=kt.create({baseURL:r,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:n=>St.stringify(n,{encodeValuesOnly:!0})});return t.jsx(Pt.Provider,{value:{user:e,tasks_api:a},children:s})},H=()=>d.useContext(Pt),At=d.createContext({}),Mt=({children:s,project:e})=>{var _;const[r,a]=d.useState([]),[n,i]=d.useState(!1),[o,w]=d.useState([]),{tasks_api:l}=K(),{filters:m}=W(),{user:x}=H(),[b,N]=d.useState({owner:{user:x.id,config:((_=m==null?void 0:m.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:e}});d.useEffect(()=>{var f;if(Object.keys(m).length>0){const F={...m,owner:{user:x.id,config:((f=m==null?void 0:m.owner)==null?void 0:f.config)??"yo_y_mis_equipos"},project:{id:e}};N(F)}},[m,x.id,e]);const u=M.useQuery({queryKey:["tasksProject",b,e],queryFn:()=>{const f={...b,taskName:m==null?void 0:m.taskName,owner:{...b.owner,config:b.owner.config||"yo_y_mis_equipos"}};return re({filters:f,project:e,tasks_api:l})}}),p=f=>{a(F=>[...F,f])},y=f=>{w(F=>F.includes(f)?F.filter(T=>T!==f):[...F,f])},h=e??null;return t.jsx(At.Provider,{value:{tasksProject:u,selectedTasks:r,projectID:h,openTasks:o,selectTask:p,filtersToSend:b,openTask:y,isRefetching:n,project:e,filters:m,setIsRefetching:i},children:s})},et=()=>d.useContext(At),oe=()=>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"})]})]}),Et=d.createContext(null),ie=({children:s})=>{const[e,r]=d.useState({message:"",type:"success"}),a=(n,i)=>{r({message:n,type:i}),setTimeout(()=>r({message:"",type:"success"}),3e3)};return t.jsx(Et.Provider,{value:{toast:e,showSuccess:n=>a(n,"success"),showError:n=>a(n,"error")},children:s})},ut=()=>d.useContext(Et);class It{static toAtrasoReasons(e){return{id:e.id,motivo_imj:e.motivo_imj,categoria:e.categoria??null}}}const ce=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos",{params:{populate:{categoria:{fields:["id","nombre","tipo"]}},filters:{tipo:{$eq:"atraso"}}}});return G(e.data).map(It.toAtrasoReasons)}catch(e){throw console.log("Error al obtener los motivos de atraso",e),`Error al obtener los motivos de atraso: ${e}`}},$t=({enabled:s=!1}={})=>{const{tasks_api:e}=K(),{user:r}=H(),a=M.useQueryClient(),{showSuccess:n,showError:i}=ut(),{filters:o,path:w}=W(),{data:l,isLoading:m}=M.useQuery({queryKey:["atraso_reasons"],queryFn:()=>ce({tasks_api:e}),staleTime:1e3*60*60*24,enabled:s}),x=async()=>{const T=await e.get("/api/motivos",{params:{filters:{tipo:{$eq:"atraso"}}}});return G(T.data).map(It.toAtrasoReasons)},b=async({taskId:T,motivoId:C,projectID:P})=>{try{return(await e.post("/api/atrasos",{data:{inicio:new Date,fin:null,motivo:C,proyecto:P,tarea:T,creada_por:r==null?void 0:r.id}})).data}catch(S){console.log("error",S)}},N=async T=>{try{return(await e.delete(`/api/atrasos/${T}`)).data}catch(C){console.log("error",C)}},u=async T=>{try{return(await e.put(`/api/atrasos/${T}`,{data:{fin:new Date}})).data}catch(C){console.log("error",C)}},p=async({taskId:T,projectID:C,motivo:P})=>{await _({taskId:T,motivoId:P,projectID:C})},y=async T=>{await f(T)},h=async T=>{await F(T)},{mutateAsync:_}=M.useMutation({mutationFn:b,onSuccess:()=>{n("Atraso registrado correctamente"),w==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks",o]}),a.invalidateQueries({queryKey:["working_tasks",o]})),w==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{i("Error al registrar el atraso")}}),{mutateAsync:f}=M.useMutation({mutationFn:N,onSuccess:()=>{n("Atraso eliminado correctamente"),w==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks"]}),a.invalidateQueries({queryKey:["working_tasks"]}),a.invalidateQueries({queryKey:["done_tasks"]})),w==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{i("Error al eliminar el atraso")}}),{mutateAsync:F}=M.useMutation({mutationFn:u,onSuccess:()=>{n("Atraso finalizado correctamente")},onError:()=>{i("Error al finalizar el atraso")}});return{atrasoReasons:l,isLoading:m,createAtraso:p,getAtrasoReasons:x,deleteAtraso:y,finalizarAtraso:h}},at=()=>{const{tasks_api:s}=K(),{user:e}=H(),{filters:r,path:a}=W(),n=M.useQueryClient(),{projectID:i}=et(),{showSuccess:o,showError:w}=ut(),{finalizarAtraso:l}=$t({enabled:!1}),m=async({id:j})=>(await s.put(`/api/tareas/${j}`,{data:{estatus:1,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,x=async({id:j,idAtraso:k})=>{const c=await s.post("/api/terminarTarea",{id_task:j,ended_at:new Date().toISOString(),id_user:e==null?void 0:e.id});return await l(k),c.data},b=async({id:j,repeats:k})=>(await s.put(`/api/tareas/${j}`,{data:{repeticiones_realizadas:k,updated_by:e==null?void 0:e.id}})).data,N=async({id:j,motiveId:k})=>{try{const c=await s.post("/api/pausarTarea",{taskId:j,userId:e==null?void 0:e.id,motivoId:k});return o("Tarea pausada correctamente"),c.data}catch{w("Error al pausar la tarea")}},u=async({id:j})=>{try{const k=await s.post("/api/reanudarTarea",{taskId:j});return o("Tarea reanudada correctamente"),k.data}catch{w("Error al reanudar la tarea")}},p=async({id:j,idNewResponsible:k,typeOfSelect:c})=>{let q={updated_by:e==null?void 0:e.id};return c==="responsible"&&(q={...q,responsable:k}),c==="team"&&(q={...q,responsable:null,equipo:k}),(await s.put(`/api/tareas/${j}`,{data:q})).data},y=async({id:j,data:k,user:c})=>{},h=async({id:j})=>{await _({id:j})},{mutateAsync:_}=M.useMutation({mutationFn:m,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error updating the element:",k)}},onError:j=>{console.error("Failed to update the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:f}=M.useMutation({mutationFn:x,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{n.setQueryData([j[a],r],k=>{console.log({oldData:k})}),a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:j=>{console.error("Failed to update the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:F}=M.useMutation({mutationFn:b,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:j=>{console.error("Failed to update the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:T}=M.useMutation({mutationFn:p,onSuccess:()=>{const j={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(n.invalidateQueries({queryKey:[j[a],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),a==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,i]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:j=>{console.error("Failed to reassign the task.",j)},onMutate:async({id:j})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:y,startWorking:h,completeTask:async({id:j,idAtraso:k})=>{await f({id:j,idAtraso:k})},reasignResponsible:async({id:j,idNewResponsible:k,typeOfSelect:c})=>{await T({id:j,idNewResponsible:k,typeOfSelect:c})},updateUnitys:async({repeats:j,id:k})=>{await F({repeats:j,id:k})},pauseTask:async({id:j,motiveId:k})=>{console.log({taksId:j,motivoId:k,user:e==null?void 0:e.id})},postPauseTask:N,postReanudeTask:u}},we=({id:s,idAtraso:e})=>{const[r,a]=d.useState(!1),{completeTask:n}=at();return{checked:r,checkTask:()=>{a(!r),n({id:s,idAtraso:e})}}},Dt=({id:s,nameRequiredTask:e,statusRequiredTask:r,status:a,idAtraso:n})=>{const{checked:i,checkTask:o}=we({id:s,idAtraso:n});let w=Math.random().toString();const l=e!==""&&r===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(v.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),l||!e?a===1?t.jsx("label",{htmlFor:w,className:i?"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(v.Icons,{icon:i?"check_outline":"circle_checked",color:i?"white":g.texts.placeholder,strokeWidth:4,size:i?"xs":"s"})}):t.jsx(t.Fragment,{children:" "}):t.jsx(v.Tooltip,{dispatch:t.jsx("label",{className:"tw-cursor-help",children:t.jsx(v.Icons,{icon:"info_circle",color:g.warning.regular,strokeWidth:4})}),children:t.jsxs("div",{className:"tw-absolute tw-ml-[-2rem] tw-shadow-xl tw-shadow-black-300 tw-top-full tw-left-0 tw-mt-2 tw-z-10 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.jsxs("p",{className:"tw-font-bold tw-w-[210px]",children:[" ","Requiere completar su tarea requerida:"," "]}),t.jsxs("p",{children:[" ",e," "]})]})}),t.jsx("input",{id:w,checked:i,onChange:o,type:"checkbox",className:"tw-hidden"})]})},jt=({trigger:s,user:e,showUser:r=!0})=>t.jsx(v.Tooltip,{dispatch:s,children:r&&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(Y,{imageUrl:e.image??"",alt:e.name}),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:e.name})]})});class de{static toDomain(e){return{id:e.id,name:e.nombre,color:e.color}}}const ue=()=>{const{tasks_api:s}=K();return{teams:M.useQuery({queryKey:["teams","all"],queryFn:async()=>{const r=await s.get("/api/equipos");return G(r.data).map(de.toDomain)}})}};class xe{static toUsers(e){var r,a,n;return{id:e.id,name:e.nombre,image:(n=(a=(r=e.imagen)==null?void 0:r.formats)==null?void 0:a.thumbnail)==null?void 0:n.url,tasksUser:{email:e.tasksUser.email,id:e.tasksUser.id,nombre:e.tasksUser.nombre}}}}const pe=async({tasks_api:s})=>{try{const e=await s.get("/api/allOBPUsers");return G(e.data).map(xe.toUsers)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},me=()=>{const{tasks_api:s}=K();return{users:M.useQuery({queryKey:["users"],queryFn:()=>pe({tasks_api:s}),staleTime:1e3*60*60*24})}},xt=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function ge(s){const e=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],r=new Date(s).getDay();return e[r]}const vt=s=>{let e=s||new Date,r=e.getDate(),a=xt(e.getMonth()).slice(0,3),n=e.getFullYear().toString().slice(-2),i=ge(e).slice(0,3);return`${i.charAt(0).toUpperCase()+i.slice(1)} ${r} ${a.charAt(0).toUpperCase()+a.slice(1)} ${n}`},pt=(s,e)=>({...s,image:s.image?`${e}${s.image}`:""}),Rt=({users:s,onClick:e,responsible:r})=>{const{getOBPUrlApi:a}=K();let n=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:i,position:o,clearPosition:w}=dt(),l=d.useRef(null),m=()=>r?null:s.length>3&&t.jsx(v.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((u,p)=>t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[t.jsx(Y,{imageUrl:u.image??"",alt:u.name},p),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:u.name})]},p))})}),x=()=>{if(r){let u=s.find(p=>p.id===r);return t.jsx("div",{children:t.jsx(jt,{trigger:t.jsx(Y,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},r),user:u,showUser:!(o!=null&&o.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((u,p)=>t.jsx("div",{className:`${p===0?"":"tw-ml-[-8px]"}`,children:t.jsx(jt,{trigger:t.jsx(Y,{imageUrl:u.image,alt:u.name},p),user:u,showUser:!(o!=null&&o.x)})}))},b=({children:u})=>t.jsx("label",{ref:l,htmlFor:n,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(s.length===0)return t.jsx(b,{children:t.jsx(v.Icons,{icon:"user",size:"xs",strokeWidth:3})});const N=()=>{var T;const[u,p]=d.useState(),[y,h]=d.useState("team"),{teams:_}=ue(),{users:f}=me();d.useEffect(()=>{var C,P;l.current&&p(((o==null?void 0:o.x)??0)-(((P=(C=l.current)==null?void 0:C.getBoundingClientRect())==null?void 0:P.width)??0))},[l==null?void 0:l.current,o==null?void 0:o.x]);const F=()=>{const C=[{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:C.map((P,S)=>t.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${y===P.id?"tw-text-primary-pastel":""} ${S===C.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>h(P.id),children:P.label}))})};return(o==null?void 0:o.x)&&lt.createPortal(t.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit tw-p-[1rem] ${u?"tw-block":"tw-hidden"}`,style:{top:`${o==null?void 0:o.y}px`,left:`${u}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",style:{boxShadow:"0px 2px 16px 0px rgba(0, 0, 0, 0.25)"},children:[t.jsx(F,{}),t.jsx(Ft,{options:y==="team"?_.data.map(C=>({id:C.id,name:C.name,image:""})):(T=f.data)==null?void 0:T.map(C=>pt(C,a())),onselect:C=>{var P;w(),e&&e((P=C.tasksUser)==null?void 0:P.id,y)}})]})}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs(b,{children:[x(),m()]}),t.jsx("button",{className:"tw-hidden",id:n,onClick:()=>i(l)}),t.jsx(N,{})]})};function he({items:s}){var a;const[e,r]=d.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((n,i)=>t.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${i!==0?"tw-px-3":""}`,children:t.jsx(z.Button,{variant:"ghost",onClick:()=>r(n.id),className:`tw-font-montserrat tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-rounded-none tw-py-1 tw-h-12 ${e===n.id?"tw-text-blue-600 tw-border-b tw-border-primary tw-font-montserrat tw-font-semibold tw-text-[1.4rem]":"tw-text-black-400 tw-font-montserrat tw-font-[400] tw-text-[1.4rem] tw-border-b-0 "}`,children:n.label},n.id)},n.id))}),t.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(a=s.find(n=>n.id===e))==null?void 0:a.component})]})}function fe({comment:s}){var n,i,o,w,l;const{getImageOBP:e}=K(),r=(w=(o=(i=(n=s==null?void 0:s.autor)==null?void 0:n.imagen)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.url;function a(m){const x=nt.parseISO(m);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(Y,{size:"xxl",imageUrl:r?e(r):"",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:(l=s==null?void 0:s.autor)==null?void 0:l.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 be({currentUser:s,data:e,taskId:r,onNewComment:a}){var u,p,y;const{tasks_api:n,getImageOBP:i}=K(),{register:o,handleSubmit:w,reset:l}=ct.useForm(),[m,x]=d.useState([]),b=(y=(p=(u=s==null?void 0:s.imagen)==null?void 0:u.formats)==null?void 0:p.thumbnail)==null?void 0:y.url;d.useEffect(()=>{if(e!=null&&e.comentarios){const h=[...e.comentarios].sort((_,f)=>new Date(f.createdAt).getTime()-new Date(_.createdAt).getTime());x(h)}},[e]);const N=async h=>{try{const _={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:h==null?void 0:h.comment,createdAt:new Date().toISOString()};await n.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:h.comment,tarea:r}}),a(!0),x(f=>[_,...f]),l()}catch(_){console.error("Error al agregar comentario:",_)}};return t.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[t.jsxs("form",{onSubmit:w(N),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[t.jsx(Y,{size:"xxl",imageUrl:b?i(b):"",alt:"@shadcn"}),t.jsx(z.Input,{...o("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"})]}),m&&m.map((h,_)=>t.jsx(fe,{comment:h},_))]})}function ye({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"}},r=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(z.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 n,i,o,w,l;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(Y,{imageUrl:(w=(o=(i=(n=a.responsable)==null?void 0:n.image)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.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:r(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 ${((l=e[a==null?void 0:a.estatus])==null?void 0:l.color)??"tw-bg-gray-400"}`})]})]},a.id)})})]})}function zt({isOpen:s,setIsOpen:e,taskId:r}){var f,F,T,C,P,S,L,j,k,c,q,E;const[a,n]=d.useState(null),[i,o]=d.useState(!1),[w,l]=d.useState(!1),[m,x]=d.useState(null),b=(C=(T=(F=(f=a==null?void 0:a.responsable)==null?void 0:f.imagen)==null?void 0:F.formats)==null?void 0:T.thumbnail)==null?void 0:C.url,{tasks_api:N,getImageOBP:u}=K(),{user:p}=H();d.useEffect(()=>{if(s&&r||i){const D=async()=>{const R=await N.get(`/api/detalleTarea/${r}`);n(R==null?void 0:R.data)},O=async()=>{var B,I;const R=await N.get(`/api/users/${p.id}`),$=await N.post("/api/obtenerUsuarioOBP/",{emailList:[(B=R==null?void 0:R.data)==null?void 0:B.email]});x((I=$==null?void 0:$.data)==null?void 0:I.data[0])};D(),O()}},[s,r,i]);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"}},h=D=>D?nt.format(D,"d MMM yyyy, h:mmaaa",{locale:wt.es}):"Fecha no disponible",_=[{id:1,label:"Todo",component:t.jsx(be,{taskId:r,currentUser:m,data:a,onNewComment:o})},{id:2,label:"Dependencias",component:t.jsx(ye,{data:a==null?void 0:a.ids_t_dependientes})}];return s&&lt.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:[((P=a==null?void 0:a.id_t_requerida)==null?void 0:P.id)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>l(!0),onMouseLeave:()=>l(!1),children:t.jsx(v.Icons,{icon:"info_circle",color:g.warning.regular,strokeWidth:4})}),w&&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:(S=a==null?void 0:a.id_t_requerida)==null?void 0:S.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(v.TooltipV2,{content:(L=a==null?void 0:a.atraso)==null?void 0:L.motivo,position:"bottom",children:t.jsx("button",{className:"tw-inline-block tw-align-middle tw-ml-2 tw-h-fit",children:t.jsx(v.Icons,{icon:"exclamation_triangle",color:g.warning.dark,style:{width:"20px",height:"20px"}})})})]})})]}),t.jsx(z.Button,{variant:"shadow",size:"sm",onClick:()=>e(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:t.jsx(v.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-font-sans tw-font-[400] tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:(a==null?void 0:a.texto_largo)??"Sin descripción"})]}),t.jsx(z.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(z.AccordionItem,{value:"item-1",className:"tw-border-none",children:[t.jsx(z.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(z.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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Responsable"}),(j=a==null?void 0:a.responsable)!=null&&j.nombre?t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[t.jsx(Y,{size:"xs",imageUrl:b?u(b):"",alt:"@shadcn"}),t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:(k=a==null?void 0:a.responsable)==null?void 0:k.nombre})]}):t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:"Sin responsable"})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Equipo asignado"}),t.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:((c=a==null?void 0:a.equipo)==null?void 0:c.nombre)??"Sin equipo"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Prioridad"}),t.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2 ",children:[t.jsx(v.Icons,{icon:"flag",size:"xs",strokeWidth:5,style:{height:"14px",color:"#929292"}}),t.jsx("span",{className:`tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292] ${(q=y[a==null?void 0:a.prioridad])==null?void 0:q.color}`,children:((E=y[a==null?void 0:a.prioridad])==null?void 0:E.label)??"Sin prioridad"})]})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Lista"}),t.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:t.jsx("span",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Fecha estimada de inicio"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Fecha estimada de fin"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Fecha de fin"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Creado"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(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-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-bg-black",children:"Última modificación"}),t.jsx("p",{className:"tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-text-[#929292]",children:h(a==null?void 0:a.updatedAt)})]})]})})]})}),t.jsx(he,{items:_})]})})]}),document.body)}const je=({children:s,actionsRef:e,newPosition:r,className:a})=>{const[n,i]=d.useState(),[o,w]=d.useState(!1);return d.useEffect(()=>{var l,m;if(e.current&&r){const x=((r==null?void 0:r.x)??0)-(((m=(l=e.current)==null?void 0:l.getBoundingClientRect())==null?void 0:m.width)??0);i(x),requestAnimationFrame(()=>{w(!0)})}return()=>{w(!1),i(void 0)}},[e==null?void 0:e.current,r==null?void 0:r.x]),!r||n===void 0?null:lt.createPortal(t.jsx("div",{"data-portal-host":!0,className:`
2
2
  tw-absolute tw-w-fit tw-h-fit
3
3
  tw-transition-all tw-duration-200 tw-ease-in-out
4
4
  tw-pointer-events-auto
5
5
  ${o?"tw-opacity-100":"tw-opacity-0 tw-invisible"}
6
6
  ${a}
7
- `,style:{top:`${r==null?void 0:r.y}px`,left:`${n}px`,zIndex:1,transform:o?"translateY(0)":"translateY(8px)"},children:s}),document.body)},Lt=({status:s,nameRequiredTask:e,statusRequiredTask:r,id:a,statusLateTask:n=null,projectID:i,atrasoId:o,categoria:w})=>{const{setElementPosition:l,position:p}=dt(),x=d.useRef(null),{startWorking:b,completeTask:N}=at(),u=d.useRef(!1),[m,y]=d.useState(!1),[h,_]=d.useState(null),[f,F]=d.useState("first"),T=e!==""&&r===2,[C,P]=d.useState(null),{atrasoReasons:S,isLoading:L,createAtraso:j,deleteAtraso:k}=$t({enabled:!0}),[c,q]=d.useState(null);d.useEffect(()=>{n&&F("third")},[]);const E=I=>{F(I)},D=()=>{const I=[{name:"Mover a lista",icon:"arrow_right",onClick:()=>E("second"),disabled:!1}];return o?I.push({name:"Eliminar atraso",icon:null,onClick:()=>E("third"),disabled:!1}):I.push({name:"Agregar atraso",icon:null,onClick:()=>E("third"),disabled:!1}),u!=null&&u.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.jsx("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:I.map(({name:Q,icon:A,onClick:U,disabled:J},X)=>t.jsxs("button",{onClick:U,className:`
7
+ `,style:{top:`${r==null?void 0:r.y}px`,left:`${n}px`,zIndex:1,transform:o?"translateY(0)":"translateY(8px)"},children:s}),document.body)},Lt=({status:s,nameRequiredTask:e,statusRequiredTask:r,id:a,statusLateTask:n=null,projectID:i,atrasoId:o,categoria:w})=>{const{setElementPosition:l,position:m}=dt(),x=d.useRef(null),{startWorking:b,completeTask:N}=at(),u=d.useRef(!1),[p,y]=d.useState(!1),[h,_]=d.useState(null),[f,F]=d.useState("first"),T=e!==""&&r===2,[C,P]=d.useState(null),{atrasoReasons:S,isLoading:L,createAtraso:j,deleteAtraso:k}=$t({enabled:!0}),[c,q]=d.useState(null);d.useEffect(()=>{n&&F("third")},[]);const E=I=>{F(I)},D=()=>{const I=[{name:"Mover a lista",icon:"arrow_right",onClick:()=>E("second"),disabled:!1}];return o?I.push({name:"Eliminar atraso",icon:null,onClick:()=>E("third"),disabled:!1}):I.push({name:"Agregar atraso",icon:null,onClick:()=>E("third"),disabled:!1}),u!=null&&u.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.jsx("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:I.map(({name:Q,icon:A,onClick:U,disabled:J},X)=>t.jsxs("button",{onClick:U,className:`
8
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
9
  tw-text-[14px] tw-text-texts-placeholder tw-font-regular tw-text-left tw-border tw-gap-2
10
10
  hover:tw-bg-[#e1ebf9] hover:tw-text-primary-dark tw-font-normal tw-font-sans
@@ -24,19 +24,19 @@
24
24
  ${h===Q?"tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular":"tw-border-bg-card"}
25
25
  `,children:Q},A)),t.jsx("button",{className:"tw-w-full tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-p-1",onClick:()=>{u.current=!0,h==="Trabajando"?b({id:a}):N({id:a,idAtraso:o})},children:t.jsx("p",{className:"tw-text-[12px] tw-font-normal tw-text-white",children:"Mover"})})]})},R=()=>{var Q;if(L)return t.jsx("div",{children:"Cargando motivos..."});const I=(S==null?void 0:S.map(A=>{var U;return{id:A==null?void 0:A.id,nombre:A==null?void 0:A.motivo_imj,categoria:(U=A==null?void 0:A.categoria)==null?void 0:U.nombre}}).filter(A=>A.categoria===(w==null?void 0:w.nombre)))||[];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:[!C&&!o?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(ve,{isOpen:!0,options:I,onSelect:(A,U)=>q({id:U,nombre:A})})]}):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:o?"Estás eliminando el atraso de la tarea seleccionada":`Esta tarea está atrasada debido a ${(Q=C==null?void 0:C.nombre)==null?void 0:Q.nombre}`})]}),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]
26
26
  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:()=>{C?P(null):y(!1)},children:C?"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]
27
- 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:()=>{P(c),o&&!C?k(o):C&&B()},children:"Aceptar"})]})]})},$=()=>f==="first"?D():f==="second"?O():R(),B=async()=>{if(c)try{await j({taskId:a,projectID:i,motivo:(c==null?void 0:c.id)??null}),y(!1)}catch(I){console.error("Error al crear atraso:",I)}};return t.jsxs(t.Fragment,{children:[(T&&r===2||!e)&&t.jsx("button",{ref:x,onClick:()=>{l(x),y(!0),F("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(v.Icons,{icon:"elipsis",size:"xs"})})}),m&&t.jsx(je,{actionsRef:x,newPosition:p,children:t.jsx("div",{className:`
27
+ 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:()=>{P(c),o&&!C?k(o):C&&B()},children:"Aceptar"})]})]})},$=()=>f==="first"?D():f==="second"?O():R(),B=async()=>{if(c)try{await j({taskId:a,projectID:i,motivo:(c==null?void 0:c.id)??null}),y(!1)}catch(I){console.error("Error al crear atraso:",I)}};return t.jsxs(t.Fragment,{children:[(T&&r===2||!e)&&t.jsx("button",{ref:x,onClick:()=>{l(x),y(!0),F("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(v.Icons,{icon:"elipsis",size:"xs"})})}),p&&t.jsx(je,{actionsRef:x,newPosition:m,children:t.jsx("div",{className:`
28
28
  tw-transition-all tw-duration-300 tw-ease
29
29
  ${f==="second"?"tw-translate-x-[-8px]":"tw-translate-x-0"}
30
- `,children:$()})})]})},ve=({isOpen:s,onClose:e,options:r,onSelect:a,placeholderDropdown:n="Seleccione una opción",placeholderInput:i="Texto ejemplo"})=>{const[o,w]=d.useState(!1),[l,p]=d.useState(""),[x,b]=d.useState(null);if(!s)return null;const N=r.filter(u=>typeof u=="string"?u.toLowerCase().includes(l.toLowerCase()):u.nombre.toLowerCase().includes(l.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
+ `,children:$()})})]})},ve=({isOpen:s,onClose:e,options:r,onSelect:a,placeholderDropdown:n="Seleccione una opción",placeholderInput:i="Texto ejemplo"})=>{const[o,w]=d.useState(!1),[l,m]=d.useState(""),[x,b]=d.useState(null);if(!s)return null;const N=r.filter(u=>typeof u=="string"?u.toLowerCase().includes(l.toLowerCase()):u.nombre.toLowerCase().includes(l.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
31
31
  tw-border-gray-300 tw-rounded-md tw-shadow-sm tw-focus:outline-none tw-focus:ring-2 tw-focus:ring-offset-2
32
32
  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
33
- ${o?"tw-border-texts-enfasis":"tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)_inset] "}`,onClick:()=>{w(!o),p(""),e&&o&&e()},children:[t.jsx("span",{className:`tw-mr-2 tw-text-[14px] tw-font-normal tw-text-left ${o?"tw-text-black-black_regular":"tw-text-black-black_light"}`,children:(typeof x=="object"?x==null?void 0:x.nombre:x)??n}),t.jsx(v.Icons,{icon:"angle_up_outline",size:"xs",color:o?g.black.black_medium:g.black.black_light,strokeWidth:5,className:`tw-transition-transform tw-duration-200 ${o?"tw-rotate-180":"tw-rotate-0"}`})]}),o&&t.jsxs("div",{className:`tw-w-full tw-absolute tw-right-0 tw-rounded-md tw-shadow-lg tw-bg-silver-silver_light
33
+ ${o?"tw-border-texts-enfasis":"tw-shadow-[0px_1px_4px_0px_rgba(37,37,37,0.20)_inset] "}`,onClick:()=>{w(!o),m(""),e&&o&&e()},children:[t.jsx("span",{className:`tw-mr-2 tw-text-[14px] tw-font-normal tw-text-left ${o?"tw-text-black-black_regular":"tw-text-black-black_light"}`,children:(typeof x=="object"?x==null?void 0:x.nombre:x)??n}),t.jsx(v.Icons,{icon:"angle_up_outline",size:"xs",color:o?g.black.black_medium:g.black.black_light,strokeWidth:5,className:`tw-transition-transform tw-duration-200 ${o?"tw-rotate-180":"tw-rotate-0"}`})]}),o&&t.jsxs("div",{className:`tw-w-full tw-absolute tw-right-0 tw-rounded-md tw-shadow-lg tw-bg-silver-silver_light
34
34
  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
35
- tw-text-[10px] tw-font-normal tw-border tw-rounded-[4px] tw-border-silver-silver_dark tw-focus:outline-none `,type:"text",placeholder:i,value:l,onChange:u=>p(u.target.value),autoComplete:"off"}),t.jsx("div",{className:"tw-absolute tw-top-[6px] tw-left-[10px] ",children:t.jsx(v.Icons,{icon:"search",size:"xs",color:g.black.black_light,style:{width:"16px",height:"16px"}})})]}),t.jsx(v.Icons,{icon:"x_outline",size:"xs",strokeWidth:6,color:g.black.black_medium,style:{width:"16px",height:"16px",cursor:"pointer"},onClick:()=>{w(!1),p(""),e&&o&&e()},className:"tw-mt-[2px]"})]}),N.map((u,m)=>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-text-[10px] tw-font-normal tw-border tw-rounded-[4px] tw-border-silver-silver_dark tw-focus:outline-none `,type:"text",placeholder:i,value:l,onChange:u=>m(u.target.value),autoComplete:"off"}),t.jsx("div",{className:"tw-absolute tw-top-[6px] tw-left-[10px] ",children:t.jsx(v.Icons,{icon:"search",size:"xs",color:g.black.black_light,style:{width:"16px",height:"16px"}})})]}),t.jsx(v.Icons,{icon:"x_outline",size:"xs",strokeWidth:6,color:g.black.black_medium,style:{width:"16px",height:"16px",cursor:"pointer"},onClick:()=>{w(!1),m(""),e&&o&&e()},className:"tw-mt-[2px]"})]}),N.map((u,p)=>t.jsxs("div",{children:[t.jsx("a",{href:"#",className:`tw-block tw-px-[18px] tw-py-[8px] tw-text-[14px] tw-font-normal
36
36
  tw-cursor-pointer tw-rounded-md tw-transition-all tw-duration-200 tw-ease-in-out
37
- hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${u.nombre===x?"tw-text-primary-dark tw-bg-blue-blue_medium":"tw-text-gray-gray_medium"}`,onClick:y=>{y.preventDefault(),a(u,typeof u=="string"?null:u.id,m),b(typeof u=="string"?u:u.nombre),w(!1)},children:typeof u=="string"?u:u.nombre}),t.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:g.silver.silver_dark}})]},m))]})]})};class Ne{static toPauseReasons(e){return{id:e.id,motivo_imj:e.motivo_imj}}}const _e=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos");return G(e.data).map(Ne.toPauseReasons)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},Ce=()=>{const{tasks_api:s}=K();return{pauseReasons:M.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>_e({tasks_api:s}),staleTime:1e3*60*60*24})}};class ke{static toKanbanTasks(e){var a,n,i,o,w,l,p,x,b,N,u;let r=[];return e!=null&&e.responsable&&r.push({id:e.responsable.id,name:e.responsable.nombre,image:(w=(o=(i=(n=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:n.imagen)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(m=>{var y,h,_,f;r!=null&&r.find(F=>F.id===m.idUser.id)||m.idUser&&r.push({id:m.idUser.id,name:m.idUser.nombre,image:(f=(_=(h=(y=m==null?void 0:m.userOBP)==null?void 0:y.imagen)==null?void 0:h.formats)==null?void 0:_.thumbnail)==null?void 0:f.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:r,responsible:((b=e==null?void 0:e.responsable)==null?void 0:b.id)??null,statusRequiredTask:((N=e.id_t_requerida)==null?void 0:N.estatus)??null,nameRequiredTask:((u=e.id_t_requerida)==null?void 0:u.texto_corto)??null,medioName:(e==null?void 0:e.nombre_medio)??null,atraso:(e==null?void 0:e.atraso)??null,categoria:(e==null?void 0:e.categoria)??null}}}const pt=async({filters:s,tasks_api:e})=>{try{return(await e.get("/api/listado_tareas?populate=*",{params:s})).data.tareas.map(G).map(ke.toKanbanTasks)}catch(r){throw console.log({error:r}),`Error al obtener las tareas: ${r}`}},gt=s=>{var e;if(s!=null&&s.hasNextPage){const r=(e=s==null?void 0:s.data)==null?void 0:e.pages[s.data.pages.length-1];(r==null?void 0:r.length)===30&&(s==null||s.fetchNextPage())}},tt=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),Kt=()=>{var p;const s=M.useQueryClient(),{tasks_api:e}=K(),{user:r}=H(),{filters:a}=W(),[n,i]=d.useState(0),[o,w]=d.useState({owner:{user:r.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos",role:r.role},status:"por_hacer"}),l=M.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",o],queryFn:({pageParam:x})=>pt({filters:{...o,status:"por_hacer",...tt(x)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return d.useEffect(()=>{var x;Object.keys(a).length>0&&w({...a,owner:{user:r.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:r.role},status:"por_hacer"})},[a]),d.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",o]})},[o]),d.useEffect(()=>{(async()=>{const b=await e.get("/api/listado_tareas",{params:{...o,status:"por_hacer",...tt(1),tasks_api:e,justCount:!0}});i(b.data.total)})()},[o,l==null?void 0:l.data]),{toDoTasks:l,total:n,filtersToSend:o}},Qt=({idTask:s,setOpen:e,paused:r})=>{const a=M.useQueryClient(),{toDoTasks:n,filtersToSend:i}=Kt(),[o,w]=d.useState(!1),{control:l,watch:p}=ct.useForm(),{tasksProject:x}=et(),{postPauseTask:b,postReanudeTask:N}=at(),{pauseReasons:u}=Ce(),m=async()=>{try{if(e(!1),await b({id:s,motiveId:p("pauseReason")}),await a.invalidateQueries({queryKey:["to_do_tasks",i]}),await a.invalidateQueries({queryKey:["tasksProject"]}),n&&typeof n.refetch=="function"||x&&typeof x.refetch=="function"){const h=await n.refetch(),_=await x.refetch();return[h,_]}}catch(h){console.error("Error al pausar la tarea:",h)}},y=async()=>{try{if(e(!1),await N({id:s}),await a.invalidateQueries({queryKey:["to_do_tasks",i]}),await a.invalidateQueries({queryKey:["tasksProject"]}),n&&typeof n.refetch=="function"||x&&typeof x.refetch=="function"){const h=await n.refetch(),_=await x.refetch();return[h,_]}}catch(h){console.error("Error al reanudar la tarea:",h)}};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:"}),o?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?"})]}):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 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:l,rules:{required:!0},render:({field:h})=>{var _;return t.jsxs(z.Select,{value:h.value,onValueChange:f=>h.onChange(f),children:[t.jsx(z.SelectTrigger,{className:"!tw-w-[290px] tw-border-none tw-shadow-input tw-h-[26px] tw-text-lg",children:t.jsx(z.SelectValue,{placeholder:"Selecciona una razón"})}),t.jsx(z.SelectContent,{className:"tw-bg-white tw-border-none tw-shadow-input",children:t.jsx(z.SelectGroup,{children:(_=u==null?void 0:u.data)==null?void 0:_.map(f=>t.jsx(z.SelectItem,{value:f.id,className:"tw-border-none tw-bg-white tw-text-lg",children:f.motivo_imj},f.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"}),r?t.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"}):t.jsx("button",{type:"button",disabled:!p("pauseReason"),onClick:()=>o?m():w(!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 Bt({trigger:s,children:e,open:r,setOpen:a}){return t.jsxs(z.DropdownMenu,{open:r,onOpenChange:a,children:[t.jsx(z.DropdownMenuTrigger,{children:s}),t.jsx(z.DropdownMenuContent,{align:"start",className:"tw-bg-white tw-border-none tw-rounded-lg tw-p-4",children:e})]})}const Se=({id:s,task:e,endDate:r,users:a,willBePaused:n,nameProject:i,comments:o,priority:w,difficulty:l,responsible:p,nameRequiredTask:x,statusRequiredTask:b,status:N,repeatsToDo:u,repeats:m,medioName:y,paused:h,idProject:_,atraso:f,categoria:F})=>{var Q,A,U,J,X,st;const[T,C]=d.useState(!1),[P,S]=d.useState(!1),{reasignResponsible:L,updateUnitys:j}=at(),{getOBPUrlApi:k}=K(),[c,q]=d.useState(m??0),E=!!(u&&m===u),D=!u||u===1,O=N===0,R=()=>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:[N<2&&(E||D||O)&&t.jsx(Dt,{id:s,nameRequiredTask:x??"",statusRequiredTask:b??0,status:N,idAtraso:f==null?void 0:f.atrasoId}),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:()=>C(!0),children:e})]}),(E||D||O)&&N!==2&&t.jsx(Lt,{id:s,nameRequiredTask:x,status:N,statusRequiredTask:b,projectID:_,atrasoId:f==null?void 0:f.atrasoId,categoria:F})]}),$={0:{title:"N/A",color:g.texts.placeholder},1:{title:"Baja",color:g.primary.regular},2:{title:"Media",color:g.success.regular},3:{title:"Alta",color:g.danger.regular}},B={0:{title:"Muy fácil",color:g.primary.regular},1:{title:"Fácil",color:g.success.regular},2:{title:"Media",color:g.warning.regular},3:{title:"Difícil",color:g.danger.regular},4:{title:"Muy difícil",color:g.danger.dark}},I=V=>{q(Z=>V==="minus"?Math.max(0,Z-1):Math.min(u,Z+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-primary-light tw-cursor-pointer tw-transition-all tw-duration-300 hover:tw-border hover:tw-border-blue-500",children:[t.jsx(R,{}),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:i}),y&&t.jsx("p",{className:"tw-text-xl",children:y})]}),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(Rt,{responsible:p,users:a.filter(V=>p?V.id===p:!0).map(V=>mt(V,k())),onClick:async(V,Z)=>{await L({idNewResponsible:V,id:s,typeOfSelect:Z})}}),n&&t.jsx(Bt,{open:P,setOpen:S,trigger:t.jsx("button",{type:"button",onClick:()=>S(!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(v.Icons,{icon:h?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Qt,{idTask:s,setOpen:S,paused:h})})]}),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:[f&&t.jsx(v.TooltipV2,{content:`Tarea atrasada debido a: ${f==null?void 0:f.motivo}`,children:t.jsx(v.Icons,{icon:"exclamation_triangle",size:"xs",color:"#C62E1F",strokeWidth:4})}),t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"difficulty",size:"xs",color:(Q=B[l??0])==null?void 0:Q.color,strokeWidth:4,style:{border:"1.5px"}}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(A=B[l??0])==null?void 0:A.color},children:`Dificultad ${(U=B[l??0])==null?void 0:U.title}`})}),t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"flag",size:"xs",color:(J=$[w??0])==null?void 0:J.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=$[w??0])==null?void 0:X.color},children:`Prioridad: ${(st=$[w??0])==null?void 0:st.title}`})}),!u||u&&N===0&&t.jsxs(t.Fragment,{children:[t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${xt(r.getMonth()).slice(0,3)}`})]})]}),N===1&&u&&u>0&&t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[t.jsx("p",{className:"tw-text-[10px] tw-text-texts-placeholder tw-pr-[5px]",children:"unidades"}),t.jsx("button",{onClick:()=>I("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 tw-mr-[4px]",children:t.jsx(v.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:g.texts.placeholder})}),t.jsx("p",{className:"tw-text-texts-placeholder tw-text-[10px]",children:`${c??0} / ${u??0}`}),t.jsx("button",{onClick:()=>I("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 tw-ml-[4px]",children:t.jsx(v.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:g.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 tw-ml-[4px]",onClick:()=>{j({repeats:c,id:s})},children:"Agregar"})]})]})]}),o>0&&t.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:t.jsxs("button",{onClick:()=>C(!0),className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(v.Icons,{icon:"comment",size:"xs",strokeWidth:4}),t.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:o})]})})]}),t.jsx(zt,{taskId:s,isOpen:T,setIsOpen:C})]})},ot=({title:s,tasks:e,loadNextPage:r,isFetching:a,total:n})=>{const i=d.useRef(null),o=d.useRef(null),w=d.useRef(!1);d.useEffect(()=>{var x;i!=null&&i.current&&(o!=null&&o.current)&&(o.current.style.minHeight=`${((x=i==null?void 0:i.current)==null?void 0:x.clientHeight)-300}px`)},[i==null?void 0:i.current]);const l=x=>{if(w.current)return;const{scrollTop:b,clientHeight:N,scrollHeight:u}=x==null?void 0:x.target,m=b/(u-N)*100;m<=95||m>=95&&(w.current=!0,r&&r(),setTimeout(()=>{w.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:i,className:`tw-flex tw-flex-col tw-bg-gray-100 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(v.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:g.texts.placeholder}),t.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:n??0})]})})]}),t.jsxs("div",{ref:o,className:"tw-flex tw-flex-col tw-gap-[12px] tw-max-w-[350px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full hover:tw-bg-gray-100 focus:tw-bg-gray-200 hover:tw-border-gray-300 focus:tw-border-gray-400 focus:tw-outline-none",onScroll:l,children:[e==null?void 0:e.map(x=>t.jsx(Se,{...x},x.id)),a?t.jsx(oe,{}):t.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},Nt=[{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:1,name:"Muy facil"},{id:2,name:"Facil"},{id:3,name:"Media"},{id:4,name:"Dificil"},{id:5,name:"Muy dificil"}]}],Te=()=>{const{user:s}=H(),[e,r]=d.useState([...Nt]),a=[{roles:["Management","Project Manager","PM"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return d.useEffect(()=>{const n=[...Nt];a.forEach(w=>{if(w.roles.includes(s.role)){const l=n.find(p=>p.id===w.id);l&&(l.options.some(x=>x.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const i=JSON.stringify(e),o=JSON.stringify(n);i!==o&&r(n)},[s.role]),{filters:e}},Fe=()=>{var i;const{defineFields:s}=W(),{tasksProject:e}=et(),{filters:r}=Te();d.useEffect(()=>{(async()=>{let w=[...r];s(w)})()},[]);let a=(i=e==null?void 0:e.data)==null?void 0:i.filter(o=>{var w;return((w=o==null?void 0:o.tasks)==null?void 0:w.length)===0}).reduce((o,w)=>(o[w.status]=o[w.status]||[],o[w.status].push(w),o),{});const n=["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:n.map((o,w)=>{var l;return t.jsx(ot,{total:((l=a==null?void 0:a[w])==null?void 0:l.length)??0,title:o,tasks:(a==null?void 0:a[w])??[],isFetching:e==null?void 0:e.isFetching,isLoadingData:e==null?void 0:e.isLoading})})})},qe=()=>{var a,n;const{toDoTasks:s,total:e}=Kt(),r=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return t.jsx(ot,{total:e,title:"Por hacer",tasks:r,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},Pe=()=>{var p;const s=M.useQueryClient(),{tasks_api:e}=K(),{user:r}=H(),{filters:a}=W(),[n,i]=d.useState(0),[o,w]=d.useState({owner:{user:r.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos",role:r.role},status:"trabajando"}),l=M.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",o],queryFn:({pageParam:x})=>pt({filters:{...o,status:"trabajando",...tt(x)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return d.useEffect(()=>{var x;Object.keys(a).length>0&&w({...a,owner:{user:r.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:r.role},status:"trabajando"})},[a]),d.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",o]})},[o]),d.useEffect(()=>{(async()=>{const b=await e.get("/api/listado_tareas",{params:{...o,status:"trabajando",...tt(1),tasks_api:e,justCount:!0}});i(b.data.total)})()},[o,l==null?void 0:l.data]),{workingTasks:l,total:n}},Ae=()=>{var a,n;const{workingTasks:s,total:e}=Pe(),r=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return t.jsx(ot,{total:e,title:"Trabajando",tasks:r,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching})},Me=()=>{var p;const s=M.useQueryClient(),{user:e}=H(),{tasks_api:r}=K(),{filters:a}=W(),[n,i]=d.useState(0),[o,w]=d.useState({owner:{user:e.id,config:((p=a==null?void 0:a.owner)==null?void 0:p.config)??"yo_y_mis_equipos",role:e.role},status:"completadas"}),l=M.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",o],queryFn:({pageParam:x})=>pt({filters:{...o,status:"completadas",...tt(x)},tasks_api:r}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return d.useEffect(()=>{var x;Object.keys(a).length>0&&w({...a,owner:{user:e.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:e.role},status:"completadas"})},[a]),d.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",o]})},[o]),d.useEffect(()=>{(async()=>{const b=await r.get("/api/listado_tareas",{params:{...o,status:"completadas",...tt(1),justCount:!0,tasks_api:r}});i(b.data.total)})()},[l==null?void 0:l.data,o]),{doneTasks:l,total:n}},Ee=()=>{var a,n;const{doneTasks:s,total:e}=Me(),r=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return t.jsx(ot,{title:"Completadas",tasks:r,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,total:e})};class rt{static toSalesmanUsers(e){return{id:e.id,name:e.nombre}}}const Ie=()=>{const{tasks_api:s}=K(),{filters:e}=W(),{user:r}=H();return{getSalesmanAndProjects:async()=>{var l;const[o,w]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...e,owner:{user:r==null?void 0:r.id,config:((l=e==null?void 0:e.owner)==null?void 0:l.config)??"yo_y_mis_equipos",role:r.role},justProjects:!0}})]);return{salesmanUsers:o.data.map(rt.toSalesmanUsers),projects:w.data.map(rt.toSalesmanUsers)}},getProjects:async()=>{var w;return(await s.get("/api/listado_tareas",{params:{...e,owner:{user:r.id,config:((w=e==null?void 0:e.owner)==null?void 0:w.config)??"yo_y_mis_equipos",role:r.role},justProjects:!0}})).data.map(rt.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(rt.toSalesmanUsers)}},_t=[{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:1,name:"Muy facil"},{id:2,name:"Facil"},{id:3,name:"Media"},{id:4,name:"Dificil"},{id:5,name:"Muy dificil"}]}],Ct=[{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:[]}],$e=()=>{const{user:s}=H(),[e,r]=d.useState([..._t]),a=[{roles:["Management","Project Manager","PM"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return d.useEffect(()=>{const n=[..._t];a.forEach(w=>{if(w.roles.includes(s.role)){const l=n.find(p=>p.id===w.id);l&&(l.options.some(x=>x.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const i=JSON.stringify(e),o=JSON.stringify(n);i!==o&&r(n)},[s.role]),{filters:e}},De=()=>{const{defineFields:s}=W(),{getSalesmanAndProjects:e}=Ie(),{filters:r}=$e();return d.useEffect(()=>{(async()=>{let n=[...r],{salesmanUsers:i,projects:o}=await e();s(n.map(w=>(w.id==="project.id"&&(w.options=o),w.id==="salesman.id"&&(w.options=i),w)))})()},[]),t.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[t.jsx(qe,{}),t.jsx(Ae,{}),t.jsx(Ee,{})]})},Ot=d.createContext({}),Re=({children:s})=>{const[e,r]=d.useState([]),a=n=>{r(i=>i.includes(n)?i.filter(o=>o!==n):[...i,n])};return t.jsx(Ot.Provider,{value:{selectedTasks:e,selectTask:a},children:s})},ze=()=>d.useContext(Ot),Ut=()=>{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,{})})]})]})},Wt=({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(v.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(s)]})]}),t.jsx(v.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:g.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(v.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(e)]})]})]}),Ht=({id:s,priority:e,difficulty:r,endDate:a,atraso:n})=>{var p,x,b;const[i,o]=d.useState({priority:!1,difficulty:!1,atraso:!1}),w={0:{title:"N/A",color:g.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder",border:"tw-border-success-medium",borderHover:"hover:tw-border-success-dark"},1:{title:"Baja",color:g.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel",border:"tw-border-success-pastel",borderHover:"hover:tw-border-success-dark"},2:{title:"Media",color:g.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular",border:"tw-border-warning-regular",borderHover:"hover:tw-border-warning-dark"},3:{title:"Alta",color:g.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular",border:"tw-border-danger-regular",borderHover:"hover:tw-border-danger-dark"}},l={1:{title:"Muy fácil",color:g.success.dark,bg:"tw-bg-success-medium tw-border-success-regular",border:"tw-border-success-medium",borderHover:"hover:tw-border-success-dark"},2:{title:"Fácil",color:g.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel",border:"tw-border-success-medium",borderHover:"hover:tw-border-success-dark"},3:{title:"Media",color:g.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular",border:"tw-border-warning-medium",borderHover:"hover:tw-border-warning-dark"},4:{title:"Difícil",color:g.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular",border:"tw-border-danger-medium",borderHover:"hover:tw-border-danger-dark"},5:{title:"Muy difícil",color:g.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular",border:"tw-border-danger-medium",borderHover:"hover:tw-border-danger-dark"}};return t.jsxs(t.Fragment,{children:[t.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:g.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",{onMouseEnter:()=>o({...i,difficulty:!0}),onMouseLeave:()=>o({...i,difficulty:!1}),className:`tw-gap-s ${(p=l[r===0?1:r])==null?void 0:p.border}
37
+ hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${u.nombre===x?"tw-text-primary-dark tw-bg-blue-blue_medium":"tw-text-gray-gray_medium"}`,onClick:y=>{y.preventDefault(),a(u,typeof u=="string"?null:u.id,p),b(typeof u=="string"?u:u.nombre),w(!1)},children:typeof u=="string"?u:u.nombre}),t.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:g.silver.silver_dark}})]},p))]})]})};class Ne{static toPauseReasons(e){return{id:e.id,motivo_imj:e.motivo_imj}}}const _e=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos");return G(e.data).map(Ne.toPauseReasons)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},Ce=()=>{const{tasks_api:s}=K();return{pauseReasons:M.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>_e({tasks_api:s}),staleTime:1e3*60*60*24})}};class ke{static toKanbanTasks(e){var a,n,i,o,w,l,m,x,b,N,u;let r=[];return e!=null&&e.responsable&&r.push({id:e.responsable.id,name:e.responsable.nombre,image:(w=(o=(i=(n=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:n.imagen)==null?void 0:i.formats)==null?void 0:o.thumbnail)==null?void 0:w.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(p=>{var y,h,_,f;r!=null&&r.find(F=>F.id===p.idUser.id)||p.idUser&&r.push({id:p.idUser.id,name:p.idUser.nombre,image:(f=(_=(h=(y=p==null?void 0:p.userOBP)==null?void 0:y.imagen)==null?void 0:h.formats)==null?void 0:_.thumbnail)==null?void 0:f.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:(m=e==null?void 0:e.proyecto)==null?void 0:m.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:r,responsible:((b=e==null?void 0:e.responsable)==null?void 0:b.id)??null,statusRequiredTask:((N=e.id_t_requerida)==null?void 0:N.estatus)??null,nameRequiredTask:((u=e.id_t_requerida)==null?void 0:u.texto_corto)??null,medioName:(e==null?void 0:e.nombre_medio)??null,atraso:(e==null?void 0:e.atraso)??null,categoria:(e==null?void 0:e.categoria)??null}}}const mt=async({filters:s,tasks_api:e})=>{try{return(await e.get("/api/listado_tareas?populate=*",{params:s})).data.tareas.map(G).map(ke.toKanbanTasks)}catch(r){throw console.log({error:r}),`Error al obtener las tareas: ${r}`}},gt=s=>{var e;if(s!=null&&s.hasNextPage){const r=(e=s==null?void 0:s.data)==null?void 0:e.pages[s.data.pages.length-1];(r==null?void 0:r.length)===30&&(s==null||s.fetchNextPage())}},tt=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),Kt=()=>{var m;const s=M.useQueryClient(),{tasks_api:e}=K(),{user:r}=H(),{filters:a}=W(),[n,i]=d.useState(0),[o,w]=d.useState({owner:{user:r.id,config:((m=a==null?void 0:a.owner)==null?void 0:m.config)??"yo_y_mis_equipos",role:r.role},status:"por_hacer"}),l=M.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",o],queryFn:({pageParam:x})=>mt({filters:{...o,status:"por_hacer",...tt(x)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return d.useEffect(()=>{var x;Object.keys(a).length>0&&w({...a,owner:{user:r.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:r.role},status:"por_hacer"})},[a]),d.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",o]})},[o]),d.useEffect(()=>{(async()=>{const b=await e.get("/api/listado_tareas",{params:{...o,status:"por_hacer",...tt(1),tasks_api:e,justCount:!0}});i(b.data.total)})()},[o,l==null?void 0:l.data]),{toDoTasks:l,total:n,filtersToSend:o}},Qt=({idTask:s,setOpen:e,paused:r})=>{const a=M.useQueryClient(),{toDoTasks:n,filtersToSend:i}=Kt(),[o,w]=d.useState(!1),{control:l,watch:m}=ct.useForm(),{tasksProject:x}=et(),{postPauseTask:b,postReanudeTask:N}=at(),{pauseReasons:u}=Ce(),p=async()=>{try{if(e(!1),await b({id:s,motiveId:m("pauseReason")}),await a.invalidateQueries({queryKey:["to_do_tasks",i]}),await a.invalidateQueries({queryKey:["tasksProject"]}),n&&typeof n.refetch=="function"||x&&typeof x.refetch=="function"){const h=await n.refetch(),_=await x.refetch();return[h,_]}}catch(h){console.error("Error al pausar la tarea:",h)}},y=async()=>{try{if(e(!1),await N({id:s}),await a.invalidateQueries({queryKey:["to_do_tasks",i]}),await a.invalidateQueries({queryKey:["tasksProject"]}),n&&typeof n.refetch=="function"||x&&typeof x.refetch=="function"){const h=await n.refetch(),_=await x.refetch();return[h,_]}}catch(h){console.error("Error al reanudar la tarea:",h)}};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:"}),o?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?"})]}):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 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:l,rules:{required:!0},render:({field:h})=>{var _;return t.jsxs(z.Select,{value:h.value,onValueChange:f=>h.onChange(f),children:[t.jsx(z.SelectTrigger,{className:"!tw-w-[290px] tw-border-none tw-shadow-input tw-h-[26px] tw-text-lg",children:t.jsx(z.SelectValue,{placeholder:"Selecciona una razón"})}),t.jsx(z.SelectContent,{className:"tw-bg-white tw-border-none tw-shadow-input",children:t.jsx(z.SelectGroup,{children:(_=u==null?void 0:u.data)==null?void 0:_.map(f=>t.jsx(z.SelectItem,{value:f.id,className:"tw-border-none tw-bg-white tw-text-lg",children:f.motivo_imj},f.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"}),r?t.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"}):t.jsx("button",{type:"button",disabled:!m("pauseReason"),onClick:()=>o?p():w(!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 Bt({trigger:s,children:e,open:r,setOpen:a}){return t.jsxs(z.DropdownMenu,{open:r,onOpenChange:a,children:[t.jsx(z.DropdownMenuTrigger,{children:s}),t.jsx(z.DropdownMenuContent,{align:"start",className:"tw-bg-white tw-border-none tw-rounded-lg tw-p-4",children:e})]})}const Se=({id:s,task:e,endDate:r,users:a,willBePaused:n,nameProject:i,comments:o,priority:w,difficulty:l,responsible:m,nameRequiredTask:x,statusRequiredTask:b,status:N,repeatsToDo:u,repeats:p,medioName:y,paused:h,idProject:_,atraso:f,categoria:F})=>{var Q,A,U,J,X,st;const[T,C]=d.useState(!1),[P,S]=d.useState(!1),{reasignResponsible:L,updateUnitys:j}=at(),{getOBPUrlApi:k}=K(),[c,q]=d.useState(p??0),E=!!(u&&p===u),D=!u||u===1,O=N===0,R=()=>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:[N<2&&(E||D||O)&&t.jsx(Dt,{id:s,nameRequiredTask:x??"",statusRequiredTask:b??0,status:N,idAtraso:f==null?void 0:f.atrasoId}),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:()=>C(!0),children:e})]}),(E||D||O)&&N!==2&&t.jsx(Lt,{id:s,nameRequiredTask:x,status:N,statusRequiredTask:b,projectID:_,atrasoId:f==null?void 0:f.atrasoId,categoria:F})]}),$={0:{title:"N/A",color:g.texts.placeholder},1:{title:"Baja",color:g.primary.regular},2:{title:"Media",color:g.success.regular},3:{title:"Alta",color:g.danger.regular}},B={0:{title:"Muy fácil",color:g.primary.regular},1:{title:"Fácil",color:g.success.regular},2:{title:"Media",color:g.warning.regular},3:{title:"Difícil",color:g.danger.regular},4:{title:"Muy difícil",color:g.danger.dark}},I=V=>{q(Z=>V==="minus"?Math.max(0,Z-1):Math.min(u,Z+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-primary-light tw-cursor-pointer tw-transition-all tw-duration-300 hover:tw-border hover:tw-border-blue-500",children:[t.jsx(R,{}),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:i}),y&&t.jsx("p",{className:"tw-text-xl",children:y})]}),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(Rt,{responsible:m,users:a.filter(V=>m?V.id===m:!0).map(V=>pt(V,k())),onClick:async(V,Z)=>{await L({idNewResponsible:V,id:s,typeOfSelect:Z})}}),n&&t.jsx(Bt,{open:P,setOpen:S,trigger:t.jsx("button",{type:"button",onClick:()=>S(!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(v.Icons,{icon:h?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Qt,{idTask:s,setOpen:S,paused:h})})]}),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:[f&&t.jsx(v.TooltipV2,{content:`Tarea atrasada debido a: ${f==null?void 0:f.motivo}`,children:t.jsx(v.Icons,{icon:"exclamation_triangle",size:"xs",color:"#C62E1F",strokeWidth:4})}),t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"difficulty",size:"xs",color:(Q=B[l??0])==null?void 0:Q.color,strokeWidth:4,style:{border:"1.5px"}}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(A=B[l??0])==null?void 0:A.color},children:`Dificultad ${(U=B[l??0])==null?void 0:U.title}`})}),t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"flag",size:"xs",color:(J=$[w??0])==null?void 0:J.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=$[w??0])==null?void 0:X.color},children:`Prioridad: ${(st=$[w??0])==null?void 0:st.title}`})}),!u||u&&N===0&&t.jsxs(t.Fragment,{children:[t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${xt(r.getMonth()).slice(0,3)}`})]})]}),N===1&&u&&u>0&&t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[t.jsx("p",{className:"tw-text-[10px] tw-text-texts-placeholder tw-pr-[5px]",children:"unidades"}),t.jsx("button",{onClick:()=>I("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 tw-mr-[4px]",children:t.jsx(v.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:g.texts.placeholder})}),t.jsx("p",{className:"tw-text-texts-placeholder tw-text-[10px]",children:`${c??0} / ${u??0}`}),t.jsx("button",{onClick:()=>I("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 tw-ml-[4px]",children:t.jsx(v.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:g.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 tw-ml-[4px]",onClick:()=>{j({repeats:c,id:s})},children:"Agregar"})]})]})]}),o>0&&t.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:t.jsxs("button",{onClick:()=>C(!0),className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(v.Icons,{icon:"comment",size:"xs",strokeWidth:4}),t.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:o})]})})]}),t.jsx(zt,{taskId:s,isOpen:T,setIsOpen:C})]})},ot=({title:s,tasks:e,loadNextPage:r,isFetching:a,total:n})=>{const i=d.useRef(null),o=d.useRef(null),w=d.useRef(!1);d.useEffect(()=>{var x;i!=null&&i.current&&(o!=null&&o.current)&&(o.current.style.minHeight=`${((x=i==null?void 0:i.current)==null?void 0:x.clientHeight)-300}px`)},[i==null?void 0:i.current]);const l=x=>{if(w.current)return;const{scrollTop:b,clientHeight:N,scrollHeight:u}=x==null?void 0:x.target,p=b/(u-N)*100;p<=95||p>=95&&(w.current=!0,r&&r(),setTimeout(()=>{w.current=!1},200))},m={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return t.jsxs("div",{ref:i,className:`tw-flex tw-flex-col tw-bg-gray-100 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 ${m[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(v.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:g.texts.placeholder}),t.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:n??0})]})})]}),t.jsxs("div",{ref:o,className:"tw-flex tw-flex-col tw-gap-[12px] tw-max-w-[350px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full hover:tw-bg-gray-100 focus:tw-bg-gray-200 hover:tw-border-gray-300 focus:tw-border-gray-400 focus:tw-outline-none",onScroll:l,children:[e==null?void 0:e.map(x=>t.jsx(Se,{...x},x.id)),a?t.jsx(oe,{}):t.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},Nt=[{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:1,name:"Muy facil"},{id:2,name:"Facil"},{id:3,name:"Media"},{id:4,name:"Dificil"},{id:5,name:"Muy dificil"}]}],Te=()=>{const{user:s}=H(),[e,r]=d.useState([...Nt]),a=[{roles:["Project Manager","Manager","Operation Manager"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return d.useEffect(()=>{const n=[...Nt];a.forEach(w=>{if(w.roles.includes(s.role)){const l=n.find(m=>m.id===w.id);l&&(l.options.some(x=>x.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const i=JSON.stringify(e),o=JSON.stringify(n);i!==o&&r(n)},[s.role]),{filters:e}},Fe=()=>{var i;const{defineFields:s}=W(),{tasksProject:e}=et(),{filters:r}=Te();d.useEffect(()=>{(async()=>{let w=[...r];s(w)})()},[]);let a=(i=e==null?void 0:e.data)==null?void 0:i.filter(o=>{var w;return((w=o==null?void 0:o.tasks)==null?void 0:w.length)===0}).reduce((o,w)=>(o[w.status]=o[w.status]||[],o[w.status].push(w),o),{});const n=["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:n.map((o,w)=>{var l;return t.jsx(ot,{total:((l=a==null?void 0:a[w])==null?void 0:l.length)??0,title:o,tasks:(a==null?void 0:a[w])??[],isFetching:e==null?void 0:e.isFetching,isLoadingData:e==null?void 0:e.isLoading})})})},qe=()=>{var a,n;const{toDoTasks:s,total:e}=Kt(),r=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return t.jsx(ot,{total:e,title:"Por hacer",tasks:r,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},Pe=()=>{var m;const s=M.useQueryClient(),{tasks_api:e}=K(),{user:r}=H(),{filters:a}=W(),[n,i]=d.useState(0),[o,w]=d.useState({owner:{user:r.id,config:((m=a==null?void 0:a.owner)==null?void 0:m.config)??"yo_y_mis_equipos",role:r.role},status:"trabajando"}),l=M.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",o],queryFn:({pageParam:x})=>mt({filters:{...o,status:"trabajando",...tt(x)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return d.useEffect(()=>{var x;Object.keys(a).length>0&&w({...a,owner:{user:r.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:r.role},status:"trabajando"})},[a]),d.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",o]})},[o]),d.useEffect(()=>{(async()=>{const b=await e.get("/api/listado_tareas",{params:{...o,status:"trabajando",...tt(1),tasks_api:e,justCount:!0}});i(b.data.total)})()},[o,l==null?void 0:l.data]),{workingTasks:l,total:n}},Ae=()=>{var a,n;const{workingTasks:s,total:e}=Pe(),r=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return t.jsx(ot,{total:e,title:"Trabajando",tasks:r,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching})},Me=()=>{var m;const s=M.useQueryClient(),{user:e}=H(),{tasks_api:r}=K(),{filters:a}=W(),[n,i]=d.useState(0),[o,w]=d.useState({owner:{user:e.id,config:((m=a==null?void 0:a.owner)==null?void 0:m.config)??"yo_y_mis_equipos",role:e.role},status:"completadas"}),l=M.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",o],queryFn:({pageParam:x})=>mt({filters:{...o,status:"completadas",...tt(x)},tasks_api:r}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return d.useEffect(()=>{var x;Object.keys(a).length>0&&w({...a,owner:{user:e.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:e.role},status:"completadas"})},[a]),d.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",o]})},[o]),d.useEffect(()=>{(async()=>{const b=await r.get("/api/listado_tareas",{params:{...o,status:"completadas",...tt(1),justCount:!0,tasks_api:r}});i(b.data.total)})()},[l==null?void 0:l.data,o]),{doneTasks:l,total:n}},Ee=()=>{var a,n;const{doneTasks:s,total:e}=Me(),r=[...((n=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:n.flat())??[]];return t.jsx(ot,{title:"Completadas",tasks:r,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,total:e})};class rt{static toSalesmanUsers(e){return{id:e.id,name:e.nombre}}}const Ie=()=>{const{tasks_api:s}=K(),{filters:e}=W(),{user:r}=H();return{getSalesmanAndProjects:async()=>{var l;const[o,w]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...e,owner:{user:r==null?void 0:r.id,config:((l=e==null?void 0:e.owner)==null?void 0:l.config)??"yo_y_mis_equipos",role:r.role},justProjects:!0}})]);return{salesmanUsers:o.data.map(rt.toSalesmanUsers),projects:w.data.map(rt.toSalesmanUsers)}},getProjects:async()=>{var w;return(await s.get("/api/listado_tareas",{params:{...e,owner:{user:r.id,config:((w=e==null?void 0:e.owner)==null?void 0:w.config)??"yo_y_mis_equipos",role:r.role},justProjects:!0}})).data.map(rt.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(rt.toSalesmanUsers)}},_t=[{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:1,name:"Muy facil"},{id:2,name:"Facil"},{id:3,name:"Media"},{id:4,name:"Dificil"},{id:5,name:"Muy dificil"}]}],Ct=[{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:[]}],$e=()=>{const{user:s}=H(),[e,r]=d.useState([..._t]),a=[{roles:["Project Manager","Manager","Operation Manager"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return d.useEffect(()=>{const n=[..._t];a.forEach(w=>{if(w.roles.includes(s.role)){const l=n.find(m=>m.id===w.id);l&&(l.options.some(x=>x.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const i=JSON.stringify(e),o=JSON.stringify(n);i!==o&&r(n)},[s.role]),{filters:e}},De=()=>{const{defineFields:s}=W(),{getSalesmanAndProjects:e}=Ie(),{filters:r}=$e();return d.useEffect(()=>{(async()=>{let n=[...r],{salesmanUsers:i,projects:o}=await e();s(n.map(w=>(w.id==="project.id"&&(w.options=o),w.id==="salesman.id"&&(w.options=i),w)))})()},[]),t.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[t.jsx(qe,{}),t.jsx(Ae,{}),t.jsx(Ee,{})]})},Ot=d.createContext({}),Re=({children:s})=>{const[e,r]=d.useState([]),a=n=>{r(i=>i.includes(n)?i.filter(o=>o!==n):[...i,n])};return t.jsx(Ot.Provider,{value:{selectedTasks:e,selectTask:a},children:s})},ze=()=>d.useContext(Ot),Ut=()=>{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,{})})]})]})},Wt=({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(v.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(s)]})]}),t.jsx(v.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:g.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(v.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(e)]})]})]}),Ht=({id:s,priority:e,difficulty:r,endDate:a,atraso:n})=>{var m,x,b;const[i,o]=d.useState({priority:!1,difficulty:!1,atraso:!1}),w={0:{title:"N/A",color:g.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder",border:"tw-border-success-medium",borderHover:"hover:tw-border-success-dark"},1:{title:"Baja",color:g.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel",border:"tw-border-success-pastel",borderHover:"hover:tw-border-success-dark"},2:{title:"Media",color:g.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular",border:"tw-border-warning-regular",borderHover:"hover:tw-border-warning-dark"},3:{title:"Alta",color:g.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular",border:"tw-border-danger-regular",borderHover:"hover:tw-border-danger-dark"}},l={1:{title:"Muy fácil",color:g.success.dark,bg:"tw-bg-success-medium tw-border-success-regular",border:"tw-border-success-medium",borderHover:"hover:tw-border-success-dark"},2:{title:"Fácil",color:g.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel",border:"tw-border-success-medium",borderHover:"hover:tw-border-success-dark"},3:{title:"Media",color:g.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular",border:"tw-border-warning-medium",borderHover:"hover:tw-border-warning-dark"},4:{title:"Difícil",color:g.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular",border:"tw-border-danger-medium",borderHover:"hover:tw-border-danger-dark"},5:{title:"Muy difícil",color:g.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular",border:"tw-border-danger-medium",borderHover:"hover:tw-border-danger-dark"}};return t.jsxs(t.Fragment,{children:[t.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:g.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",{onMouseEnter:()=>o({...i,difficulty:!0}),onMouseLeave:()=>o({...i,difficulty:!1}),className:`tw-gap-s ${(m=l[r===0?1:r])==null?void 0:m.border}
38
38
  ${(x=l[r===0?1:r])==null?void 0:x.borderHover}
39
39
  tw-border tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center
40
40
  transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"difficulty",size:"xs",color:i.difficulty?l[r===0?1:r].color:null,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[r===0?1:r].color},children:l[r===0?1:r].title})})}),t.jsx("div",{onMouseEnter:()=>o({...i,priority:!0}),onMouseLeave:()=>o({...i,priority:!1}),className:`tw-gap-s ${((b=w[e??0])==null?void 0:b.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-border-success-medium tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center
41
41
  hover:tw-border-success-dark transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"flag",size:"xs",color:i.priority?w[e??0].color:null,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:w[e??0].color},children:w[e??0].title})})}),(n==null?void 0:n.activa)&&t.jsx("div",{onMouseEnter:()=>o({...i,atraso:!0}),onMouseLeave:()=>o({...i,atraso:!1}),className:`tw-gap-s tw-border tw-border-danger-medium tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center
42
- hover:tw-border-danger-dark transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"exclamation_triangle",size:"xs",strokeWidth:4,color:i.atraso?g.danger.dark:null}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:g.danger.dark},children:n==null?void 0:n.motivo})})}),t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${a.getDate()} ${xt(a.getMonth()).slice(0,3)}`})]})]})},Le=({id:s})=>{const{selectedTasks:e,selectTask:r}=ze();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(v.Icons,{icon:"check_outline",size:"xs",color:g.primary.regular,strokeWidth:6})})}),t.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>r(s)})]})},Vt=({task:s})=>t.jsx(v.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})}),Ke=({id:s})=>{var b,N,u,m,y;const[e,r]=d.useState(!1),[a,n]=d.useState(!1),{tasksProject:i}=et(),{reasignResponsible:o}=at(),{getOBPUrlApi:w}=K(),l=(b=i==null?void 0:i.data)==null?void 0:b.find(h=>h.id===s),[p,x]=d.useState(null);return t.jsxs(t.Fragment,{children:[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",onMouseEnter:()=>{x(s)},onMouseLeave:()=>x(null),onClick:()=>n(!0),children:[!(l!=null&&l.nameRequiredTask)||(l==null?void 0:l.nameRequiredTask)!==""&&(l==null?void 0:l.statusRequiredTask)===2&&t.jsx(Le,{id:s}),t.jsx(Dt,{id:s,idAtraso:(N=l==null?void 0:l.atraso)==null?void 0:N.atrasoId,nameRequiredTask:(l==null?void 0:l.nameRequiredTask)??"",status:l==null?void 0:l.status,statusRequiredTask:(l==null?void 0:l.statusRequiredTask)??0},s),(l==null?void 0:l.willBePaused)&&t.jsx(Bt,{open:e,setOpen:r,trigger:t.jsx(z.Button,{type:"button",variant:"ghost",onClick:()=>r(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:t.jsx(v.Icons,{icon:l!=null&&l.paused?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Qt,{idTask:l==null?void 0:l.id,setOpen:r,paused:l==null?void 0:l.paused})}),t.jsx(Rt,{onClick:async(h,_)=>{var f;await o({idNewResponsible:(f=h==null?void 0:h.tasksUser)==null?void 0:f.id,id:s,typeOfSelect:_})},responsible:l==null?void 0:l.responsible,users:((u=l==null?void 0:l.users)==null?void 0:u.map(h=>mt(h,w())))??[]}),t.jsx(Vt,{task:(l==null?void 0:l.task)??""}),t.jsx(Ht,{id:s,priority:l==null?void 0:l.priority,difficulty:l.difficulty,endDate:l==null?void 0:l.endDate,atraso:l==null?void 0:l.atraso}),t.jsx(Wt,{startDate:l==null?void 0:l.startDate,endDate:l==null?void 0:l.endDate}),p===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(v.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:h=>{h.stopPropagation(),console.log("comment")},children:t.jsx(v.Icons,{icon:"comment",size:"xs",strokeWidth:5,color:g.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..."})})}),(l==null?void 0:l.status)!==2&&t.jsx("div",{onClick:h=>{h.stopPropagation()},children:t.jsx(Lt,{id:s,nameRequiredTask:l.nameRequiredTask,status:l.status,statusRequiredTask:l.statusRequiredTask,projectID:(m=i==null?void 0:i.data)==null?void 0:m.id,atrasoId:(y=l==null?void 0:l.atraso)==null?void 0:y.atrasoId,categoria:l==null?void 0:l.categoria})})]})]})}),t.jsx(zt,{taskId:s,isOpen:a,setIsOpen:n})]})},Yt=({id:s})=>{var w,l,p,x,b,N;const{tasksProject:e,openTasks:r,openTask:a}=et(),n=(w=e==null?void 0:e.data)==null?void 0:w.find(u=>u.id===s),o=(()=>{var y;const u=e==null?void 0:e.data,m=[];return(y=n==null?void 0:n.tasks)==null||y.forEach(h=>{const _=u.find(f=>f.id===(h==null?void 0:h.id));_&&m.push(_)}),m})();return n?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",onClick:()=>a(s),children:[t.jsx("button",{className:`${r.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,children:t.jsx(v.Icons,{icon:"angle_down_outline",color:g.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:((l=n==null?void 0:n.tasks)==null?void 0:l.length)===0?1:o.length})}),t.jsx(Vt,{task:(n==null?void 0:n.task)??""}),t.jsx(Ht,{id:s,priority:n==null?void 0:n.priority,difficulty:n==null?void 0:n.difficulty,endDate:n==null?void 0:n.endDate,atraso:n==null?void 0:n.atraso}),t.jsx(Wt,{startDate:n==null?void 0:n.startDate,endDate:n==null?void 0:n.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(v.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-xl",children:((p=n==null?void 0:n.tasks)==null?void 0:p.length)===0?1:(x=n==null?void 0:n.tasks)==null?void 0:x.length})]})]}),r.includes(s)&&t.jsx("div",{className:"tw-ml-[30px]",children:((b=n==null?void 0:n.tasks)==null?void 0:b.length)>0?(N=n==null?void 0:n.tasks)==null?void 0:N.map(u=>t.jsx(Yt,{id:u==null?void 0:u.id})):t.jsx(Ke,{id:n==null?void 0:n.id})})]}):null},Qe=()=>{var a;const{tasksProject:s,projectID:e}=et();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return t.jsx(Ut,{});let r=[...(a=s==null?void 0:s.data)==null?void 0:a.filter(n=>n.isPrincipalTask)];return t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:t.jsx(Re,{project:e,children:r==null?void 0:r.sort((n,i)=>n.orden-i.orden).map(n=>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(Yt,{id:n.id})}))})})},Be=({setPath:s,setProject:e})=>{const[r,a]=d.useState([]),[n,i]=d.useState(!0),[o,w]=d.useState(0),[l,p]=d.useState(10),[x,b]=d.useState(0),[N,u]=d.useState("nombre"),{filters:m,defineFields:y}=W(),{tasks_api:h,getImageOBP:_}=K(),{user:f}=H(),F=async(c,q)=>{var E,D,O;try{i(!0);const R={filters:{search:(m==null?void 0:m.search)??"",responsable:{idUser:f.id,responsableType:(E=m==null?void 0:m.responsable)==null?void 0:E.responsableType},ejecutivo:(m==null?void 0:m.ejecutivo)??""}},$=await h.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:q},orderBy:N,...R}}),B=G($==null?void 0:$.data);a(B),b((O=(D=$==null?void 0:$.data)==null?void 0:D.meta)==null?void 0:O.total)}catch(R){console.error("Error fetching data en Lista Campaña:",R)}finally{i(!1)}},T=async()=>{try{const c=await h.get("/api/obtener-comerciales");return[...Ct].map(E=>(E.id==="ejecutivo"&&(E.options=c.data.map(D=>({id:D.nombre,name:D.nombre}))),E))}catch(c){return console.error("Error fetching salesman data:",c),[...Ct]}};d.useEffect(()=>{(async()=>{const q=await T();y(q)})()},[]),d.useEffect(()=>{const c=Math.floor(o/l)+1;F(c,l)},[o,l,N,m]);const C=c=>{w(c.first),p(c.rows)},P=[{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}],S=c=>{const q=parseInt(c.target.value,10);p(q),C({first:0,rows:q})},L=c=>{u(q=>q===c?`${c}:desc`:c)},j=c=>N===c?"↑↓":N===`${c}:desc`?"↓↑":"↑↓",k=c=>({padding:"auto",backgroundColor:g.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?g.gray.gray_regular:g.gray.gray_dark}`,color:c?g.gray.gray_regular:g.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:g.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:n?t.jsx("div",{className:"tw-w-full",children:t.jsx(Ut,{})}):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:g.gray.gray_regular},children:[t.jsx("th",{onClick:()=>L("nombre"),style:{color:g.gray.gray_dark,textAlign:"left"},children:t.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",style:{display:"flex",alignItems:"center"},children:[t.jsx("label",{className:"tw-text-s",style:{color:g.gray.gray_dark},children:j("nombre")}),t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",children:"Campaña"})]})}),t.jsx("th",{onClick:()=>L("inicia"),className:"tw-whitespace-nowrap",style:{color:g.gray.gray_dark,textAlign:"left"},children:t.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:[t.jsx("label",{style:{color:g.gray.gray_dark},children:j("inicia")}),t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:g.gray.gray_dark,className:"tw-mt-1 tw-w-[15px] tw-h-[15px]"}),t.jsx("span",{style:{color:g.gray.gray_dark},className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",children:"Fecha Inicio"})]})}),t.jsx("th",{onClick:()=>L("termina"),className:"tw-whitespace-nowrap",style:{color:g.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"},children:j("termina")}),t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:g.gray.gray_dark,className:"tw-mt-1 tw-w-[15px] tw-h-[15px]"}),t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",children:"Fecha Fin"})]})}),t.jsx("th",{className:"tw-whitespace-nowrap tw-text-center align-middle",style:{color:g.gray.gray_dark},children:t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",children:t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal",children:"Status de campaña"})})}),t.jsx("th",{className:"tw-whitespace-nowrap tw-text-center align-middle",style:{color:g.gray.gray_dark},children:t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",children:t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal",children:"Progreso de Ejecución"})})}),t.jsx("th",{className:"tw-whitespace-nowrap tw-text-center align-middle",style:{color:g.gray.gray_dark},children:t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",children:t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal",children:"Responsable"})})})]})}),t.jsx("tbody",{children:r==null?void 0:r.map((c,q)=>{var E,D,O,R,$,B,I,Q,A,U,J,X,st,V,Z,ht,ft,bt;return t.jsxs("tr",{style:{background:q%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer ",onClick:()=>{e({id:c==null?void 0:c.id,project:c==null?void 0:c.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:(E=c==null?void 0:c.campania)==null?void 0:E.nombre}),t.jsx("td",{className:"tw-text-s",children:(D=c==null?void 0:c.campania)==null?void 0:D.inicia}),t.jsx("td",{className:"tw-text-s",children:(O=c==null?void 0:c.campania)==null?void 0:O.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:[c==null?void 0:c.progreso,"%"]}),t.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:g.gray.gray_dark,borderRadius:"10px",overflow:"hidden",maxWidth:"140px"},children:t.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?g.progressbar.green_regular:c.progreso>50?g.progressbar.blue_regular:c.progreso>0?g.progressbar.orange_regular:g.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:[(c==null?void 0:c.progresoVenta)??0,"%"]}),t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",style:{position:"relative",height:"10px",flex:1,backgroundColor:g.gray.gray_dark,borderRadius:"10px",overflow:"hidden",maxWidth:"180px"},children:t.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?g.progressbar.green_regular:(c==null?void 0:c.progresoVenta)>50?g.progressbar.blue_regular:(c==null?void 0:c.progresoVenta)>0?g.progressbar.orange_regular:g.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),t.jsx("td",{className:"tw-text-s tw-pt-[1.2rem] tw-pb-[1.2rem]",children:t.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[t.jsx(Y,{imageUrl:(Q=(I=(B=($=(R=c==null?void 0:c.campania)==null?void 0:R.responsable)==null?void 0:$.imagen)==null?void 0:B.formats)==null?void 0:I.thumbnail)!=null&&Q.url?_((st=(X=(J=(U=(A=c==null?void 0:c.campania)==null?void 0:A.responsable)==null?void 0:U.imagen)==null?void 0:J.formats)==null?void 0:X.thumbnail)==null?void 0:st.url):"",alt:(ht=(Z=(V=c==null?void 0:c.campania)==null?void 0:V.responsable)==null?void 0:Z.nombre)==null?void 0:ht.charAt(0)}),t.jsx("span",{className:"tw-ml-4 tw-text-s",children:(bt=(ft=c==null?void 0:c.campania)==null?void 0:ft.responsable)==null?void 0:bt.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:g.black.black_dark},className:"tw-whitespace-nowrap tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",children:[r.length," elementos de ",x]}),t.jsx(Gt.Paginator,{first:o,rows:l,totalRecords:x,rowsPerPageOptions:[5,10,20,50],onPageChange:C,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=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>t.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:t.jsx("button",{onClick:q=>c.onClick(q),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...k(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":g.silver.silver_light,color:g.black.black_dark},children:c.page+1})})}}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx("span",{className:"tw-whitespace-nowrap tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",children:"Filas por página:"}),t.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${g.gray.gray_dark}`,borderRadius:"4px"},className:"tw-whitespace-nowrap tw-font-sans tw-font-[400] tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",value:l,onChange:c=>S(c),children:P.map(c=>t.jsx("option",{value:c.value,className:"tw-text-s",style:{color:g.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},Oe=({path:s,tab:e,setPath:r,project:a,setProject:n})=>{const i={"kanban-general":{kanban:t.jsx(De,{})},"lista-campanias":{lista:t.jsx(Be,{setPath:r,setProject:n}),gantt:t.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:t.jsx(Fe,{}),lista:t.jsx(Qe,{}),gantt:t.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?t.jsx(Mt,{project:a==null?void 0:a.id,children:i[s][e]}):i[s][e]},Ue=({label:s,active:e,onClick:r,disabled:a})=>a?t.jsx(v.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:r,className:`${e?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis tw-text-blue-600":""} tw-text-xl tw-font-semibold ${a?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),We=({tabs:s,renderItem:e,initialTab:r})=>{const[a,n]=d.useState(r??s[0].toLowerCase());d.useEffect(()=>{r&&n(r)},[r]);const i=o=>{n(o),e(o)};return t.jsx("div",{className:"tw-flex",children:s.map((o,w)=>t.jsx("div",{className:`${w===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:t.jsx(Ue,{onClick:()=>i(o.toLowerCase()),label:o,active:o.toLowerCase()===a,disabled:["gantt"].includes(o.toLowerCase())},w)}))})};function He(){const{toast:s}=ut();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(v.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 Ve=({path:s})=>{const e=()=>{const{selectPath:r,updateFilters:a,applyFilters:n,filters:i}=W(),[o,w]=d.useState("kanban"),[l,p]=d.useState(s),[x,b]=d.useState({id:1704,project:"Kanban de Campania"}),[N,u]=d.useState([{path:"lista-campanias",search:(i==null?void 0:i.search)??""},{path:"kanban-campania",search:(i==null?void 0:i.taskName)??""},{path:"kanban-general",search:(i==null?void 0:i.taskName)??""}]),[m,y]=d.useState(),h=d.useRef(null);d.useEffect(()=>{var S;w(l==="lista-campanias"?"lista":"kanban"),r(l),y(((S=N.find(L=>L.path===l))==null?void 0:S.search)??"")},[s,l]),d.useEffect(()=>{var S;((S=C())==null?void 0:S.trim())===""&&a({name:l==="lista-campanias"?"search":"taskName",value:null}),n()},[N]);const _=S=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${x.project}`})[S],f=S=>{p(S)},F=["lista-campanias","kanban-campania"],T={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},C=()=>{var S;return((S=N.find(L=>L.path===l))==null?void 0:S.search)??""},P=S=>{u(L=>L.map(j=>j.path===l?{...j,search:S}:j))};return d.useEffect(()=>{const S=setTimeout(()=>{a({name:l==="lista-campanias"?"search":"taskName",value:m==null?void 0:m.trim()}),P(m)},500);return()=>{clearTimeout(S)}},[m]),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:[l==="kanban-campania"&&t.jsx("button",{onClick:()=>f("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:t.jsx(v.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),t.jsx("h2",{className:"tw-text-texts tw-font-sans tw-text-[1.6rem] tw-font-semibold ",children:_(l)}),F.includes(l)&&t.jsx(We,{tabs:T[l],renderItem:S=>{w(S)},initialTab:o})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s ",children:[t.jsx("input",{onChange:S=>{y(S.target.value)},type:"text",placeholder:"Buscar",value:m,className:"tw-w-[200px] tw-h-[30px] tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl hover:tw-border-active hover:tw-border hover:tw-border-2 hover:tw-border-blue-500"}),t.jsx(Jt,{filterChildren:h,children:t.jsx("div",{ref:h,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(se,{})})})]})]}),t.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:t.jsx(Mt,{project:x.id,children:t.jsx(Oe,{path:l,tab:o,setPath:f,project:x,setProject:b})})})]})};return t.jsx(Xt,{children:t.jsxs(ie,{children:[t.jsx(e,{}),t.jsx(He,{})]})})},Ye=()=>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"})]})})}),Ge=()=>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"})]})})}),Je=({path:s,user:e,url:r,mode:a})=>{const n=new M.QueryClient;if(!e)return t.jsx(Ye,{});if(!e.accessToken)return t.jsx(Ge,{});let i={user:e,url:r,mode:a};return t.jsx(t.Fragment,{children:t.jsx(le,{...i,children:t.jsx(ne,{...i,children:t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsxs(M.QueryClientProvider,{client:n,children:[t.jsx(Ve,{path:s})," "]})})})})})};exports.AppTasks=Je;
42
+ hover:tw-border-danger-dark transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(v.Tooltip,{dispatch:t.jsx(v.Icons,{icon:"exclamation_triangle",size:"xs",strokeWidth:4,color:i.atraso?g.danger.dark:null}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:g.danger.dark},children:n==null?void 0:n.motivo})})}),t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${a.getDate()} ${xt(a.getMonth()).slice(0,3)}`})]})]})},Le=({id:s})=>{const{selectedTasks:e,selectTask:r}=ze();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(v.Icons,{icon:"check_outline",size:"xs",color:g.primary.regular,strokeWidth:6})})}),t.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>r(s)})]})},Vt=({task:s})=>t.jsx(v.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})}),Ke=({id:s})=>{var b,N,u,p,y;const[e,r]=d.useState(!1),[a,n]=d.useState(!1),{tasksProject:i}=et(),{reasignResponsible:o}=at(),{getOBPUrlApi:w}=K(),l=(b=i==null?void 0:i.data)==null?void 0:b.find(h=>h.id===s),[m,x]=d.useState(null);return t.jsxs(t.Fragment,{children:[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",onMouseEnter:()=>{x(s)},onMouseLeave:()=>x(null),onClick:()=>n(!0),children:[!(l!=null&&l.nameRequiredTask)||(l==null?void 0:l.nameRequiredTask)!==""&&(l==null?void 0:l.statusRequiredTask)===2&&t.jsx(Le,{id:s}),t.jsx(Dt,{id:s,idAtraso:(N=l==null?void 0:l.atraso)==null?void 0:N.atrasoId,nameRequiredTask:(l==null?void 0:l.nameRequiredTask)??"",status:l==null?void 0:l.status,statusRequiredTask:(l==null?void 0:l.statusRequiredTask)??0},s),(l==null?void 0:l.willBePaused)&&t.jsx(Bt,{open:e,setOpen:r,trigger:t.jsx(z.Button,{type:"button",variant:"ghost",onClick:()=>r(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:t.jsx(v.Icons,{icon:l!=null&&l.paused?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Qt,{idTask:l==null?void 0:l.id,setOpen:r,paused:l==null?void 0:l.paused})}),t.jsx(Rt,{onClick:async(h,_)=>{var f;await o({idNewResponsible:(f=h==null?void 0:h.tasksUser)==null?void 0:f.id,id:s,typeOfSelect:_})},responsible:l==null?void 0:l.responsible,users:((u=l==null?void 0:l.users)==null?void 0:u.map(h=>pt(h,w())))??[]}),t.jsx(Vt,{task:(l==null?void 0:l.task)??""}),t.jsx(Ht,{id:s,priority:l==null?void 0:l.priority,difficulty:l.difficulty,endDate:l==null?void 0:l.endDate,atraso:l==null?void 0:l.atraso}),t.jsx(Wt,{startDate:l==null?void 0:l.startDate,endDate:l==null?void 0:l.endDate}),m===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(v.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:h=>{h.stopPropagation(),console.log("comment")},children:t.jsx(v.Icons,{icon:"comment",size:"xs",strokeWidth:5,color:g.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..."})})}),(l==null?void 0:l.status)!==2&&t.jsx("div",{onClick:h=>{h.stopPropagation()},children:t.jsx(Lt,{id:s,nameRequiredTask:l.nameRequiredTask,status:l.status,statusRequiredTask:l.statusRequiredTask,projectID:(p=i==null?void 0:i.data)==null?void 0:p.id,atrasoId:(y=l==null?void 0:l.atraso)==null?void 0:y.atrasoId,categoria:l==null?void 0:l.categoria})})]})]})}),t.jsx(zt,{taskId:s,isOpen:a,setIsOpen:n})]})},Yt=({id:s})=>{var w,l,m,x,b,N;const{tasksProject:e,openTasks:r,openTask:a}=et(),n=(w=e==null?void 0:e.data)==null?void 0:w.find(u=>u.id===s),o=(()=>{var y;const u=e==null?void 0:e.data,p=[];return(y=n==null?void 0:n.tasks)==null||y.forEach(h=>{const _=u.find(f=>f.id===(h==null?void 0:h.id));_&&p.push(_)}),p})();return n?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",onClick:()=>a(s),children:[t.jsx("button",{className:`${r.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,children:t.jsx(v.Icons,{icon:"angle_down_outline",color:g.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:((l=n==null?void 0:n.tasks)==null?void 0:l.length)===0?1:o.length})}),t.jsx(Vt,{task:(n==null?void 0:n.task)??""}),t.jsx(Ht,{id:s,priority:n==null?void 0:n.priority,difficulty:n==null?void 0:n.difficulty,endDate:n==null?void 0:n.endDate,atraso:n==null?void 0:n.atraso}),t.jsx(Wt,{startDate:n==null?void 0:n.startDate,endDate:n==null?void 0:n.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(v.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-xl",children:((m=n==null?void 0:n.tasks)==null?void 0:m.length)===0?1:(x=n==null?void 0:n.tasks)==null?void 0:x.length})]})]}),r.includes(s)&&t.jsx("div",{className:"tw-ml-[30px]",children:((b=n==null?void 0:n.tasks)==null?void 0:b.length)>0?(N=n==null?void 0:n.tasks)==null?void 0:N.map(u=>t.jsx(Yt,{id:u==null?void 0:u.id})):t.jsx(Ke,{id:n==null?void 0:n.id})})]}):null},Qe=()=>{var a;const{tasksProject:s,projectID:e}=et();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return t.jsx(Ut,{});let r=[...(a=s==null?void 0:s.data)==null?void 0:a.filter(n=>n.isPrincipalTask)];return t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:t.jsx(Re,{project:e,children:r==null?void 0:r.sort((n,i)=>n.orden-i.orden).map(n=>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(Yt,{id:n.id})}))})})},Be=({setPath:s,setProject:e})=>{const[r,a]=d.useState([]),[n,i]=d.useState(!0),[o,w]=d.useState(0),[l,m]=d.useState(10),[x,b]=d.useState(0),[N,u]=d.useState("nombre"),{filters:p,defineFields:y}=W(),{tasks_api:h,getImageOBP:_}=K(),{user:f}=H(),F=async(c,q)=>{var E,D,O;try{i(!0);const R={filters:{search:(p==null?void 0:p.search)??"",responsable:{idUser:f.id,responsableType:(E=p==null?void 0:p.responsable)==null?void 0:E.responsableType},ejecutivo:(p==null?void 0:p.ejecutivo)??""}},$=await h.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:q},orderBy:N,...R}}),B=G($==null?void 0:$.data);a(B),b((O=(D=$==null?void 0:$.data)==null?void 0:D.meta)==null?void 0:O.total)}catch(R){console.error("Error fetching data en Lista Campaña:",R)}finally{i(!1)}},T=async()=>{try{const c=await h.get("/api/obtener-comerciales");return[...Ct].map(E=>(E.id==="ejecutivo"&&(E.options=c.data.map(D=>({id:D.nombre,name:D.nombre}))),E))}catch(c){return console.error("Error fetching salesman data:",c),[...Ct]}};d.useEffect(()=>{(async()=>{const q=await T();y(q)})()},[]),d.useEffect(()=>{const c=Math.floor(o/l)+1;F(c,l)},[o,l,N,p]);const C=c=>{w(c.first),m(c.rows)},P=[{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}],S=c=>{const q=parseInt(c.target.value,10);m(q),C({first:0,rows:q})},L=c=>{u(q=>q===c?`${c}:desc`:c)},j=c=>N===c?"↑↓":N===`${c}:desc`?"↓↑":"↑↓",k=c=>({padding:"auto",backgroundColor:g.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?g.gray.gray_regular:g.gray.gray_dark}`,color:c?g.gray.gray_regular:g.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:g.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:n?t.jsx("div",{className:"tw-w-full",children:t.jsx(Ut,{})}):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:g.gray.gray_regular},children:[t.jsx("th",{onClick:()=>L("nombre"),style:{color:g.gray.gray_dark,textAlign:"left"},children:t.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",style:{display:"flex",alignItems:"center"},children:[t.jsx("label",{className:"tw-text-s",style:{color:g.gray.gray_dark},children:j("nombre")}),t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",children:"Campaña"})]})}),t.jsx("th",{onClick:()=>L("inicia"),className:"tw-whitespace-nowrap",style:{color:g.gray.gray_dark,textAlign:"left"},children:t.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:[t.jsx("label",{style:{color:g.gray.gray_dark},children:j("inicia")}),t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:g.gray.gray_dark,className:"tw-mt-1 tw-w-[15px] tw-h-[15px]"}),t.jsx("span",{style:{color:g.gray.gray_dark},className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",children:"Fecha Inicio"})]})}),t.jsx("th",{onClick:()=>L("termina"),className:"tw-whitespace-nowrap",style:{color:g.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"},children:j("termina")}),t.jsx(v.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:g.gray.gray_dark,className:"tw-mt-1 tw-w-[15px] tw-h-[15px]"}),t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal tw-align-middle",children:"Fecha Fin"})]})}),t.jsx("th",{className:"tw-whitespace-nowrap tw-text-center align-middle",style:{color:g.gray.gray_dark},children:t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",children:t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal",children:"Status de campaña"})})}),t.jsx("th",{className:"tw-whitespace-nowrap tw-text-center align-middle",style:{color:g.gray.gray_dark},children:t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",children:t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal",children:"Progreso de Ejecución"})})}),t.jsx("th",{className:"tw-whitespace-nowrap tw-text-center align-middle",style:{color:g.gray.gray_dark},children:t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",children:t.jsx("span",{className:"tw-font-sans tw-font-normal tw-text-[1.4rem] tw-leading-[100%] tw-tracking-normal",children:"Responsable"})})})]})}),t.jsx("tbody",{children:r==null?void 0:r.map((c,q)=>{var E,D,O,R,$,B,I,Q,A,U,J,X,st,V,Z,ht,ft,bt;return t.jsxs("tr",{style:{background:q%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer ",onClick:()=>{e({id:c==null?void 0:c.id,project:c==null?void 0:c.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:(E=c==null?void 0:c.campania)==null?void 0:E.nombre}),t.jsx("td",{className:"tw-text-s",children:(D=c==null?void 0:c.campania)==null?void 0:D.inicia}),t.jsx("td",{className:"tw-text-s",children:(O=c==null?void 0:c.campania)==null?void 0:O.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:[c==null?void 0:c.progreso,"%"]}),t.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:g.gray.gray_dark,borderRadius:"10px",overflow:"hidden",maxWidth:"140px"},children:t.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?g.progressbar.green_regular:c.progreso>50?g.progressbar.blue_regular:c.progreso>0?g.progressbar.orange_regular:g.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:[(c==null?void 0:c.progresoVenta)??0,"%"]}),t.jsx("div",{className:"tw-inline-flex tw-items-center tw-justify-center tw-w-full",style:{position:"relative",height:"10px",flex:1,backgroundColor:g.gray.gray_dark,borderRadius:"10px",overflow:"hidden",maxWidth:"180px"},children:t.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?g.progressbar.green_regular:(c==null?void 0:c.progresoVenta)>50?g.progressbar.blue_regular:(c==null?void 0:c.progresoVenta)>0?g.progressbar.orange_regular:g.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),t.jsx("td",{className:"tw-text-s tw-pt-[1.2rem] tw-pb-[1.2rem]",children:t.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[t.jsx(Y,{imageUrl:(Q=(I=(B=($=(R=c==null?void 0:c.campania)==null?void 0:R.responsable)==null?void 0:$.imagen)==null?void 0:B.formats)==null?void 0:I.thumbnail)!=null&&Q.url?_((st=(X=(J=(U=(A=c==null?void 0:c.campania)==null?void 0:A.responsable)==null?void 0:U.imagen)==null?void 0:J.formats)==null?void 0:X.thumbnail)==null?void 0:st.url):"",alt:(ht=(Z=(V=c==null?void 0:c.campania)==null?void 0:V.responsable)==null?void 0:Z.nombre)==null?void 0:ht.charAt(0)}),t.jsx("span",{className:"tw-ml-4 tw-text-s",children:(bt=(ft=c==null?void 0:c.campania)==null?void 0:ft.responsable)==null?void 0:bt.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:g.black.black_dark},className:"tw-whitespace-nowrap tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",children:[r.length," elementos de ",x]}),t.jsx(Gt.Paginator,{first:o,rows:l,totalRecords:x,rowsPerPageOptions:[5,10,20,50],onPageChange:C,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=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>t.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:k(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>t.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:t.jsx("button",{onClick:q=>c.onClick(q),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...k(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":g.silver.silver_light,color:g.black.black_dark},children:c.page+1})})}}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx("span",{className:"tw-whitespace-nowrap tw-font-sans tw-font-semibold tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",children:"Filas por página:"}),t.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${g.gray.gray_dark}`,borderRadius:"4px"},className:"tw-whitespace-nowrap tw-font-sans tw-font-[400] tw-text-[1.4rem] tw-leading-none tw-tracking-normal tw-text-[#696E79]",value:l,onChange:c=>S(c),children:P.map(c=>t.jsx("option",{value:c.value,className:"tw-text-s",style:{color:g.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},Oe=({path:s,tab:e,setPath:r,project:a,setProject:n})=>{const i={"kanban-general":{kanban:t.jsx(De,{})},"lista-campanias":{lista:t.jsx(Be,{setPath:r,setProject:n}),gantt:t.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:t.jsx(Fe,{}),lista:t.jsx(Qe,{}),gantt:t.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?t.jsx(Mt,{project:a==null?void 0:a.id,children:i[s][e]}):i[s][e]},Ue=({label:s,active:e,onClick:r,disabled:a})=>a?t.jsx(v.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:r,className:`${e?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis tw-text-blue-600":""} tw-text-xl tw-font-semibold ${a?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),We=({tabs:s,renderItem:e,initialTab:r})=>{const[a,n]=d.useState(r??s[0].toLowerCase());d.useEffect(()=>{r&&n(r)},[r]);const i=o=>{n(o),e(o)};return t.jsx("div",{className:"tw-flex",children:s.map((o,w)=>t.jsx("div",{className:`${w===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:t.jsx(Ue,{onClick:()=>i(o.toLowerCase()),label:o,active:o.toLowerCase()===a,disabled:["gantt"].includes(o.toLowerCase())},w)}))})};function He(){const{toast:s}=ut();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(v.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 Ve=({path:s})=>{const e=()=>{const{selectPath:r,updateFilters:a,applyFilters:n,filters:i}=W(),[o,w]=d.useState("kanban"),[l,m]=d.useState(s),[x,b]=d.useState({id:1704,project:"Kanban de Campania"}),[N,u]=d.useState([{path:"lista-campanias",search:(i==null?void 0:i.search)??""},{path:"kanban-campania",search:(i==null?void 0:i.taskName)??""},{path:"kanban-general",search:(i==null?void 0:i.taskName)??""}]),[p,y]=d.useState(),h=d.useRef(null);d.useEffect(()=>{var S;w(l==="lista-campanias"?"lista":"kanban"),r(l),y(((S=N.find(L=>L.path===l))==null?void 0:S.search)??"")},[s,l]),d.useEffect(()=>{var S;((S=C())==null?void 0:S.trim())===""&&a({name:l==="lista-campanias"?"search":"taskName",value:null}),n()},[N]);const _=S=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${x.project}`})[S],f=S=>{m(S)},F=["lista-campanias","kanban-campania"],T={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},C=()=>{var S;return((S=N.find(L=>L.path===l))==null?void 0:S.search)??""},P=S=>{u(L=>L.map(j=>j.path===l?{...j,search:S}:j))};return d.useEffect(()=>{const S=setTimeout(()=>{a({name:l==="lista-campanias"?"search":"taskName",value:p==null?void 0:p.trim()}),P(p)},500);return()=>{clearTimeout(S)}},[p]),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:[l==="kanban-campania"&&t.jsx("button",{onClick:()=>f("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:t.jsx(v.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),t.jsx("h2",{className:"tw-text-texts tw-font-sans tw-text-[1.6rem] tw-font-semibold ",children:_(l)}),F.includes(l)&&t.jsx(We,{tabs:T[l],renderItem:S=>{w(S)},initialTab:o})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s ",children:[t.jsx("input",{onChange:S=>{y(S.target.value)},type:"text",placeholder:"Buscar",value:p,className:"tw-w-[200px] tw-h-[30px] tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl hover:tw-border-active hover:tw-border hover:tw-border-2 hover:tw-border-blue-500"}),t.jsx(Jt,{filterChildren:h,children:t.jsx("div",{ref:h,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(se,{})})})]})]}),t.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:t.jsx(Mt,{project:x.id,children:t.jsx(Oe,{path:l,tab:o,setPath:f,project:x,setProject:b})})})]})};return t.jsx(Xt,{children:t.jsxs(ie,{children:[t.jsx(e,{}),t.jsx(He,{})]})})},Ye=()=>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"})]})})}),Ge=()=>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"})]})})}),Je=({path:s,user:e,url:r,mode:a})=>{const n=new M.QueryClient;if(!e)return t.jsx(Ye,{});if(!e.accessToken)return t.jsx(Ge,{});let i={user:e,url:r,mode:a};return t.jsx(t.Fragment,{children:t.jsx(le,{...i,children:t.jsx(ne,{...i,children:t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsxs(M.QueryClientProvider,{client:n,children:[t.jsx(Ve,{path:s})," "]})})})})})};exports.AppTasks=Je;
package/dist/tareas.es.js CHANGED
@@ -2459,7 +2459,7 @@ const sr = ({
2459
2459
  }
2460
2460
  ], nr = () => {
2461
2461
  const { user: r } = Y(), [e, s] = y([...At]), a = [{
2462
- roles: ["Management", "Project Manager", "PM"],
2462
+ roles: ["Project Manager", "Manager", "Operation Manager"],
2463
2463
  id: "owner.config",
2464
2464
  filters: [
2465
2465
  { id: "todas", name: "Todas las tareas" }
@@ -2799,7 +2799,7 @@ const ur = () => {
2799
2799
  }
2800
2800
  ], mr = () => {
2801
2801
  const { user: r } = Y(), [e, s] = y([...St]), a = [{
2802
- roles: ["Management", "Project Manager", "PM"],
2802
+ roles: ["Project Manager", "Manager", "Operation Manager"],
2803
2803
  id: "owner.config",
2804
2804
  filters: [
2805
2805
  { id: "todas", name: "Todas las tareas" }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@imj_media/tareas",
3
3
  "private": false,
4
- "version": "1.3.1",
4
+ "version": "1.3.2",
5
5
  "scripts": {
6
6
  "build": "tsc && vite build && npm run build:css",
7
7
  "build:css": "tailwindcss -m -i ./src/tailwind.css -o ./dist/tareas.css",
@@ -79,5 +79,5 @@
79
79
  "access": "public",
80
80
  "registry": "https://registry.npmjs.org/@imjmedia"
81
81
  },
82
- "gitHead": "007295927cee46227bf345c1d7b4d94cc2c63371"
82
+ "gitHead": "dd637685592a88943384d79f4018c5019e107a42"
83
83
  }