@imj_media/tareas 1.4.2 → 1.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tareas.cjs +13 -13
- package/dist/tareas.es.js +235 -238
- package/package.json +2 -2
package/dist/tareas.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@imj_media/imj-ui/styles.css");const I=require("@tanstack/react-query"),w=require("react"),_=require("@imj_media/tasks-modules"),et=require("react-dom"),Ct=require("axios"),Tt=require("qs"),lt=require("date-fns"),wt=require("date-fns/locale"),K=require("@imj_media/imj-ui"),ct=require("react-hook-form"),Jt=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]=w.useState(null);return{position:s,setElementPosition:o=>{var x;let i=(x=o.current)==null?void 0:x.getBoundingClientRect(),c=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),l=(i==null?void 0:i.y)+(i==null?void 0:i.height);e(s?null:{x:c??0,y:l??0})},getChildrenSize:o=>{var i;return(i=o.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{e(null)}}},Xt=({children:s,filterChildren:e})=>{const{position:n,setElementPosition:a}=dt(),r=w.useRef(null),o=({children:i})=>{const[c,l]=w.useState();return w.useEffect(()=>{var x,d;e.current&&l(((n==null?void 0:n.x)??0)-(((d=(x=e.current)==null?void 0:x.getBoundingClientRect())==null?void 0:d.width)??0))},[e==null?void 0:e.current,n==null?void 0:n.x]),n&&et.createPortal(t.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${c?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${c}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs("label",{ref:r,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(_.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:g.primary.regular}),"Filtrar"]}),t.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{a(r)}}),t.jsx(o,{children:s})]})},yt=s=>{let e={};return Object.entries(s).forEach(([n,a])=>{if(n.includes(".")){let[r,o]=n.split(".");e[r]=e[r]||{},e[r][o]=a}else e[n]=a}),e},St=w.createContext({}),Zt=({children:s})=>{const[e,n]=w.useState({}),[a,r]=w.useState({}),[o,i]=w.useState([]),[c,l]=w.useState(""),x=({name:m,value:p})=>{function h(b){return!isNaN(b)&&b!==null&&b!==""?parseFloat(b):null}let y=h(p);r(b=>{let j={...b},T=o==null?void 0:o.find(S=>S.label.toLowerCase().replace(/ /g,"_")===m);return T?j[T.id]=y??p:j[m]=y??p,j})};w.useEffect(()=>{let m=o.map(p=>p.id==="owner.config"?[p.id,"yo_y_mis_equipos"]:p.id==="dependency"?[p.id,"ambas"]:[p.id,null]);r(p=>{let h={search:p==null?void 0:p.search,taskName:p==null?void 0:p.taskName};return h={...h,...Object.fromEntries(m)},h})},[o]);const d=()=>{let m=o.map(p=>p.id==="owner.config"?[p.id,"yo_y_mis_equipos"]:p.id==="dependency"?[p.id,"ambas"]:[p.id,null]);r(Object.fromEntries(m)),n(yt(Object.fromEntries(m)))},v=m=>({1:"Muy facil",2:"Facil",3:"Media",4:"Dificil",5:"Muy dificil"})[m],N=()=>{let m=yt(a);m.difficulty&&(m.difficulty=v(m.difficulty)),n(m)};return t.jsx(St.Provider,{value:{fields:o,filters:e,path:c,defineFields:i,updateFilters:x,cleanFilters:d,applyFilters:N,initialFilters:a,selectPath:l},children:s})},W=()=>w.useContext(St);function te(s,e=300,n={leading:!1,trailing:!0}){let a,r=null;return function(...o){const i=Date.now(),c=n.leading&&!r;clearTimeout(a),c&&s(...o),r=i,a=setTimeout(()=>{n.trailing&&(!n.leading||i-r>=e)&&(s(...o),r=null)},e)}}const V=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:e="avatar",size:n="s"})=>{const a={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[n];return t.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:e??"avatar",className:`${a} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ee="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[n,a]=w.useState(null),r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),o=[...s].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return t.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[t.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[t.jsx("input",{id:r,value:n??"",onChange:i=>a(i.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:ee,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:o.map(i=>t.jsxs("button",{onClick:()=>{e(i)},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:[i.image&&t.jsx(V,{imageUrl:i.image,alt:i.name}),t.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:i.name})]}))})]})},se=({error:s,options:e,onSelect:n,initialValue:a})=>{const[r,o]=w.useState(!1),[i,c]=w.useState((a==null?void 0:a.name)??null);return w.useEffect(()=>{a&&c(a)},[a]),t.jsxs("div",{className:"tw-relative",children:[t.jsxs("div",{onBlur:()=>o(!1),onClick:()=>o(!r),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":i?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[t.jsx("p",{children:(i==null?void 0:i.name)??"Selecciona una opción"}),t.jsx(_.Icons,{icon:"angle_down_outline",color:s?g.danger.regular:g.texts.placeholder})]}),r&&t.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:t.jsx(Ft,{onselect:l=>{c(l),o(!1),n&&n(l)},options:e})})]})},ae=()=>{const{fields:s,updateFilters:e,cleanFilters:n,applyFilters:a,initialFilters:r}=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:n,children:"Limpiar"})]}),t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((o,i)=>{var c;return t.jsxs("div",{style:{zIndex:10-i},children:[t.jsx("p",{className:"tw-text-xl z-[1]",children:o.label}),(o==null?void 0:o.type)==="select"?t.jsx("div",{className:"tw-relative tw-z-[10]",children:t.jsx(se,{error:!1,options:o==null?void 0:o.options,onSelect:l=>{e({name:o==null?void 0:o.id,value:l==null?void 0:l.id})},initialValue:(c=o==null?void 0:o.options)==null?void 0:c.find(l=>l.id===(r==null?void 0:r[o==null?void 0:o.id]))})}):t.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:o.type,value:r==null?void 0:r[o==null?void 0:o.id],name:o.label.toLowerCase().replace(/ /g,"_"),onChange:te(l=>{var x,d;return e({name:(x=l==null?void 0:l.target)==null?void 0:x.name,value:(d=l==null?void 0:l.target)==null?void 0:d.value})},1e3)})]},i)})}),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"})]})},Y=s=>{const e=a=>Object.prototype.toString.call(a)==="[object Object]",n=a=>a.attributes?{id:a.id,...a.attributes}:a;if(Array.isArray(s))return s.map(a=>Y(a));if(e(s)){Array.isArray(s.data)?s=[...s.data]:e(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const a in s)s[a]=Y(s[a]);return s}return s};class re{static toCampaignTasks(e){var a,r,o,i,c,l,x,d,v,N,m,p;let n=[];return e!=null&&e.responsable&&n.push({id:e.responsable.id,name:e.responsable.nombre,image:(c=(i=(o=(r=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:r.imagen)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(h=>{var y,b,j,T;n!=null&&n.find(S=>S.id===h.idUser.id)||h.idUser&&n.push({id:h.idUser.id,name:h.idUser.nombre,image:(T=(j=(b=(y=h==null?void 0:h.userOBP)==null?void 0:y.imagen)==null?void 0:b.formats)==null?void 0:j.thumbnail)==null?void 0:T.url})}),{paused:e==null?void 0:e.pausada,isPrincipalTask:(e==null?void 0:e.tarea_principal)??!1,projectName:((x=e==null?void 0:e.proyecto)==null?void 0:x.nombre)??null,orden:(e==null?void 0:e.orden)??null,id:(e==null?void 0:e.id)??null,task:(e==null?void 0:e.texto_corto)??null,status:(e==null?void 0:e.estatus)??null,difficulty:(e==null?void 0:e.nivel_dificultad)??null,priority:(e==null?void 0:e.prioridad)??0,endDate:new Date((e==null?void 0:e.ffin)??null),startDate:new Date((e==null?void 0:e.finicio)??null),mediumName:(e==null?void 0:e.nombre_medio)??null,users:n,repeatsToDo:(e==null?void 0:e.repeticiones)??null,repeats:(e==null?void 0:e.repeticiones_realizadas)??null,comments:((d=e==null?void 0:e.comentarios)==null?void 0:d.length)??null,willBePaused:e==null?void 0:e.es_pausable,statusRequiredTask:((v=e==null?void 0:e.id_t_requerida)==null?void 0:v.estatus)??null,nameRequiredTask:((N=e==null?void 0:e.id_t_requerida)==null?void 0:N.texto_corto)??null,responsible:((m=e==null?void 0:e.responsable)==null?void 0:m.id)??null,tasks:((p=e==null?void 0:e.tareas)==null?void 0:p.map(h=>({id:h.id,name:h.texto_corto,status:h.estatus})))??null,atraso:(e==null?void 0:e.atraso)??null,categoria:(e==null?void 0:e.categoria)??null}}}const ne=async({filters:s,tasks_api:e,project:n})=>{try{const a=await e.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return Y(a.data.tareas).map(re.toCampaignTasks)}catch(a){console.log(a)}},qt=w.createContext({}),le=({children:s,user:e,url:n,mode:a})=>{const r=a==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",o=Ct.create({baseURL:n,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:l=>Tt.stringify(l,{encodeValuesOnly:!0})}),i=()=>r,c=l=>l==="undefined"?"":`${r}${l}`;return t.jsx(qt.Provider,{value:{tasks_api:o,getOBPUrlApi:i,getImageOBP:c},children:s})},L=()=>w.useContext(qt),Pt=w.createContext({}),oe=({children:s,user:e,url:n})=>{const a=Ct.create({baseURL:n,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:r=>Tt.stringify(r,{encodeValuesOnly:!0})});return t.jsx(Pt.Provider,{value:{user:e,tasks_api:a},children:s})},O=()=>w.useContext(Pt),Mt=w.createContext({}),At=({children:s,project:e})=>{var b;const[n,a]=w.useState([]),[r,o]=w.useState(!1),[i,c]=w.useState([]),{tasks_api:l}=L(),{filters:x}=W(),{user:d}=O(),[v,N]=w.useState({owner:{user:d.id,config:((b=x==null?void 0:x.owner)==null?void 0:b.config)??"yo_y_mis_equipos"},project:{id:e}});w.useEffect(()=>{var j;if(Object.keys(x).length>0){const T={...x,owner:{user:d.id,config:((j=x==null?void 0:x.owner)==null?void 0:j.config)??"yo_y_mis_equipos"},project:{id:e}};N(T)}},[x,d.id,e]);const m=I.useQuery({queryKey:["tasksProject",v,e],queryFn:()=>{const j={...v,taskName:x==null?void 0:x.taskName,owner:{...v.owner,config:v.owner.config||"yo_y_mis_equipos"}};return ne({filters:j,project:e,tasks_api:l})}}),p=j=>{a(T=>[...T,j])},h=j=>{c(T=>T.includes(j)?T.filter(S=>S!==j):[...T,j])},y=e??null;return t.jsx(Mt.Provider,{value:{tasksProject:m,selectedTasks:n,projectID:y,openTasks:i,selectTask:p,filtersToSend:v,openTask:h,isRefetching:r,project:e,filters:x,setIsRefetching:o},children:s})},tt=()=>w.useContext(Mt),ie=()=>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=w.createContext(null),ce=({children:s})=>{const[e,n]=w.useState({message:"",type:"success"}),a=(r,o)=>{n({message:r,type:o}),setTimeout(()=>n({message:"",type:"success"}),3e3)};return t.jsx(Et.Provider,{value:{toast:e,showSuccess:r=>a(r,"success"),showError:r=>a(r,"error")},children:s})},ut=()=>w.useContext(Et);class It{static toAtrasoReasons(e){return{id:e.id,motivo_imj:e.motivo_imj,categoria:e.categoria??null}}}const we=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos",{params:{populate:{categoria:{fields:["id","nombre","tipo"]}},filters:{tipo:{$eq:"atraso"}}}});return Y(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}=L(),{user:n}=O(),a=I.useQueryClient(),{showSuccess:r,showError:o}=ut(),{filters:i,path:c}=W(),{data:l,isLoading:x}=I.useQuery({queryKey:["atraso_reasons"],queryFn:()=>we({tasks_api:e}),staleTime:1e3*60*60*24,enabled:s}),d=async()=>{const S=await e.get("/api/motivos",{params:{filters:{tipo:{$eq:"atraso"}}}});return Y(S.data).map(It.toAtrasoReasons)},v=async({taskId:S,motivoId:P,projectID:A})=>{try{return(await e.post("/api/atrasos",{data:{inicio:new Date,fin:null,motivo:P,proyecto:A,tarea:S,creada_por:n==null?void 0:n.id}})).data}catch(C){console.log("error",C)}},N=async S=>{try{return(await e.delete(`/api/atrasos/${S}`)).data}catch(P){console.log("error",P)}},m=async S=>{try{return(await e.put(`/api/atrasos/${S}`,{data:{fin:new Date}})).data}catch(P){console.log("error",P)}},p=async({taskId:S,projectID:P,motivo:A})=>{await b({taskId:S,motivoId:A,projectID:P})},h=async S=>{await j(S)},y=async S=>{await T(S)},{mutateAsync:b}=I.useMutation({mutationFn:v,onSuccess:()=>{r("Atraso registrado correctamente"),c==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks",i]}),a.invalidateQueries({queryKey:["working_tasks",i]})),c==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{o("Error al registrar el atraso")}}),{mutateAsync:j}=I.useMutation({mutationFn:N,onSuccess:()=>{r("Atraso eliminado correctamente"),c==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks"]}),a.invalidateQueries({queryKey:["working_tasks"]}),a.invalidateQueries({queryKey:["done_tasks"]})),c==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{o("Error al eliminar el atraso")}}),{mutateAsync:T}=I.useMutation({mutationFn:m,onSuccess:()=>{r("Atraso finalizado correctamente")},onError:()=>{o("Error al finalizar el atraso")}});return{atrasoReasons:l,isLoading:x,createAtraso:p,getAtrasoReasons:d,deleteAtraso:h,finalizarAtraso:y}},X=()=>{const{tasks_api:s}=L(),{user:e}=O(),{filters:n,path:a}=W(),r=I.useQueryClient(),{projectID:o}=tt(),{showSuccess:i,showError:c}=ut(),{finalizarAtraso:l}=$t({enabled:!1}),x=async({id:f})=>(await s.put(`/api/tareas/${f}`,{data:{estatus:1,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,d=async({id:f})=>(await s.put(`/api/tareas/${f}`,{data:{estatus:0,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,v=async({id:f,idAtraso:k})=>{const F=await s.post("/api/terminarTarea",{id_task:f,ended_at:new Date().toISOString(),id_user:e==null?void 0:e.id});return await l(k),F.data},N=async({id:f,repeats:k})=>(await s.put(`/api/tareas/${f}`,{data:{repeticiones_realizadas:k,updated_by:e==null?void 0:e.id}})).data,m=async({id:f,motiveId:k})=>{try{const F=await s.post("/api/pausarTarea",{taskId:f,userId:e==null?void 0:e.id,motivoId:k});return i("Tarea pausada correctamente"),F.data}catch(F){c("Error al pausar la tarea: "+F)}},p=async({id:f})=>{try{const k=await s.post("/api/reanudarTarea",{taskId:f});return i("Tarea reanudada correctamente"),k.data}catch(k){c("Error al reanudar la tarea: "+k)}},h=async({id:f,idNewResponsible:k,typeOfSelect:F})=>{let R={updated_by:e==null?void 0:e.id};return F==="responsible"&&(R={...R,responsable:k}),F==="team"&&(R={...R,responsable:null,equipo:k}),(await s.put(`/api/tareas/${f}`,{data:R})).data},y=async({id:f,data:k,user:F})=>{try{return(await s.put(`/api/tareas/${f}`,{data:{...k,updated_by:F==null?void 0:F.id}})).data}catch(R){console.error("Error updating the element:",R)}},b=async({id:f})=>{await S({id:f})},j=async({id:f,data:k,user:F})=>{await T({id:f,data:k,user:F})},{mutateAsync:T}=I.useMutation({mutationFn:y,onSuccess:()=>{i("Tarea actualizada correctamente");const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[f[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]})}}),{mutateAsync:S}=I.useMutation({mutationFn:x,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[f[a],n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error updating the element:",k)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:P}=I.useMutation({mutationFn:v,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r.setQueryData([f[a],n],k=>{console.log({oldData:k})}),a==="kanban-general"&&(r.invalidateQueries({queryKey:[f[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:A}=I.useMutation({mutationFn:N,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[f[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:C}=I.useMutation({mutationFn:h,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[f[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:f=>{console.error("Failed to reassign the task.",f)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:M}=I.useMutation({mutationFn:d,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[f[a],n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error updating the element:",k)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}});return{updatingTask:j,updateTask:y,startTask:async({id:f})=>{await M({id:f})},startWorking:b,completeTask:async({id:f,idAtraso:k})=>{await P({id:f,idAtraso:k})},reasignResponsible:async({id:f,idNewResponsible:k,typeOfSelect:F})=>{await C({id:f,idNewResponsible:k,typeOfSelect:F})},updateUnitys:async({repeats:f,id:k})=>{await A({repeats:f,id:k})},pauseTask:async({id:f,motiveId:k})=>{console.log({taksId:f,motivoId:k,user:e==null?void 0:e.id})},postPauseTask:m,postReanudeTask:p}},de=({id:s,idAtraso:e})=>{const[n,a]=w.useState(!1),{completeTask:r}=X();return{checked:n,checkTask:()=>{a(!n),r({id:s,idAtraso:e})}}},Dt=({id:s,nameRequiredTask:e,statusRequiredTask:n,status:a,idAtraso:r})=>{const{checked:o,checkTask:i}=de({id:s,idAtraso:r});let c=Math.random().toString();const l=e!==""&&n===2;return t.jsxs(t.Fragment,{children:[a===2&&t.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:t.jsx(_.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),l||!e?a===1?t.jsx("label",{htmlFor:c,className:o?"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(_.Icons,{icon:o?"check_outline":"circle_checked",color:o?"white":g.texts.placeholder,strokeWidth:4,size:o?"xs":"s"})}):t.jsx(t.Fragment,{children:" "}):t.jsx(_.Tooltip,{dispatch:t.jsx("label",{className:"tw-cursor-help",children:t.jsx(_.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:c,checked:o,onChange:i,type:"checkbox",className:"tw-hidden"})]})},jt=({trigger:s,user:e,showUser:n=!0})=>t.jsx(_.Tooltip,{dispatch:s,children:n&&t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[t.jsx(V,{imageUrl:e.image??"",alt:e.name}),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:e.name})]})});class ue{static toDomain(e){return{id:e.id,name:e.nombre,color:e.color}}}const xe=()=>{const{tasks_api:s}=L();return{teams:I.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return Y(n.data).map(ue.toDomain)}})}};class pe{static toUsers(e){var n,a,r;return{id:e.id,name:e.nombre,image:(r=(a=(n=e.imagen)==null?void 0:n.formats)==null?void 0:a.thumbnail)==null?void 0:r.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/getAllOBPusersMembers");return Y(e.data).map(pe.toUsers)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},ge=()=>{const{tasks_api:s}=L();return{users:I.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 he(s){const e=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return e[n]}const vt=s=>{let e=s||new Date,n=e.getDate(),a=xt(e.getMonth()).slice(0,3),r=e.getFullYear().toString().slice(-2),o=he(e).slice(0,3);return`${o.charAt(0).toUpperCase()+o.slice(1)} ${n} ${a.charAt(0).toUpperCase()+a.slice(1)} ${r}`},pt=(s,e)=>({...s,image:s.image?`${e}${s.image}`:""}),Rt=({users:s,onClick:e,responsible:n,role:a})=>{const{getOBPUrlApi:r}=L(),o=`button-assign-users-${Math.random().toString(36).substring(2,15)}`,{setElementPosition:i,position:c,clearPosition:l}=dt(),x=w.useRef(null),d="Project Manager",v=()=>n?null:s.length>3&&t.jsx(_.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((h,y)=>t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[t.jsx(V,{imageUrl:h.image??"",alt:h.name},y),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:h.name})]},y))})}),N=()=>{if(n){let h=s.find(y=>y.id===n);return t.jsx("div",{children:t.jsx(jt,{trigger:t.jsx(V,{imageUrl:h==null?void 0:h.image,alt:h==null?void 0:h.name},n),user:h,showUser:!(c!=null&&c.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((h,y)=>t.jsx("div",{className:`${y===0?"":"tw-ml-[-8px]"}`,children:t.jsx(jt,{trigger:t.jsx(V,{imageUrl:h.image,alt:h.name},y),user:h,showUser:!(c!=null&&c.x)})}))},m=({children:h})=>t.jsx("label",{ref:x,htmlFor:o,className:"tw-cursor-pointer tw-flex tw-items-center",children:h});if(s.length===0)return t.jsx(m,{children:t.jsx(_.Icons,{icon:"user",size:"xs",strokeWidth:3})});const p=()=>{var A;const[h,y]=w.useState(),[b,j]=w.useState("responsible"),{teams:T}=xe(),{users:S}=ge();w.useEffect(()=>{var C,M;x.current&&y(((c==null?void 0:c.x)??0)-(((M=(C=x.current)==null?void 0:C.getBoundingClientRect())==null?void 0:M.width)??0))},[x==null?void 0:x.current,c==null?void 0:c.x]);const P=()=>{const C=[{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((M,Q)=>t.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${b===M.id?"tw-text-primary-pastel":""} ${Q===C.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>j(M.id),children:M.label}))})};return a!==d?null:(c==null?void 0:c.x)&&et.createPortal(t.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit tw-p-[1rem] ${h?"tw-block":"tw-hidden"}`,style:{top:`${c==null?void 0:c.y}px`,left:`${h}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(P,{}),t.jsx(Ft,{options:b==="team"?T.data.map(C=>({id:C.id,name:C.name,image:""})):(A=S.data)==null?void 0:A.map(C=>pt(C,r())),onselect:C=>{var M;l(),e&&e((M=C.tasksUser)==null?void 0:M.id,b)}})]})}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs(m,{children:[N(),v()]}),t.jsx("button",{className:"tw-hidden",id:o,onClick:()=>i(x)}),t.jsx(p,{})]})},zt=({priority:s,id:e,withLabel:n=!1})=>{var N,m,p,h,y;const{updatingTask:a}=X(),r=Math.random().toString(36),[o,i]=w.useState(null),{user:c}=O(),[l,x]=w.useState(s);w.useEffect(()=>{x(s)},[s]);const d={0:{title:"Normal",color:g.primary.regular},1:{title:"Baja",color:g.success.regular},2:{title:"Media",color:g.warning.regular},3:{title:"Alta",color:g.danger.regular}},v=()=>{if(!o)return null;const b=({priorityTask:j,text:T})=>{var S,P;return t.jsxs("button",{onClick:async()=>{i(null),await a({id:e,data:{prioridad:j},user:c==null?void 0:c.id}),x(j)},className:"tw-flex tw-gap-m tw-items-center tw-px-l tw-py-s hover:tw-bg-primary-light",children:[t.jsx(_.Icons,{icon:"flag",size:"xs",strokeWidth:4,color:(S=d[j??0])==null?void 0:S.color}),t.jsx("p",{className:"tw-text-sm",style:{color:(P=d[j??0])==null?void 0:P.color},children:T})]})};return et.createPortal(t.jsx("div",{onBlur:()=>{i(null)},id:`${r}-options`,style:{top:`${o.y+5}px`,left:`${o.x+5}px`,zIndex:50},className:`tw-absolute tw-h-fit tw-p-m tw-flex tw-flex-col tw-gap-2 tw-bg-bg-card tw-rounded-xl tw-shadow-lg
|
|
2
|
-
tw-w-max`,"data-portal-host":!0,children:Object.values(d).map((j,T)=>t.jsx(b,{priorityTask:T,text:j.title},T))}),document.body)};return t.jsxs("div",{className:"tw-relative tw-h-[22px]",children:[t.jsxs("label",{onBlur:()=>{i(null)},htmlFor:r,className:"tw-flex tw-items-center tw-gap-2 tw-cursor-pointer active:tw-opacity-50",children:[t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"flag",size:"xs",strokeWidth:4,color:(N=d[l??0])==null?void 0:N.color}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(m=d[l??0])==null?void 0:m.color},children:`Prioridad: ${(p=d[l??0])==null?void 0:p.title}`})}),n&&t.jsx("span",{style:{color:(h=d[l??0])==null?void 0:h.color},className:"tw-text-lg tw-font-normal",children:((y=d[l??0])==null?void 0:y.title)??"Sin prioridad"})]}),t.jsx("button",{id:r,onClick:b=>{i(o?null:{x:b.clientX,y:b.clientY})},className:"tw-hidden"}),t.jsx(v,{})]})};function fe({items:s}){var a;const[e,n]=w.useState(1);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((r,o)=>t.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 ${o!==0?"tw-px-3":""}`,children:t.jsx(K.Button,{variant:"ghost",onClick:()=>n(r.id),className:`tw-text-xl tw-font-semibold rounded-none tw-py-1 tw-h-12 ${e===r.id?"tw-text-primary-regular tw-border-primary tw-border-b-2":"tw-text-neutral-400 tw-border-b-0"}`,children:r.label},r.id)},r.id))}),t.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(a=s.find(r=>r.id===e))==null?void 0:a.component})]})}function be({comment:s}){var r,o,i,c,l;const{getImageOBP:e}=L(),n=(c=(i=(o=(r=s==null?void 0:s.autor)==null?void 0:r.imagen)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url;function a(x){const d=lt.parseISO(x);return lt.formatDistanceToNow(d,{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(V,{size:"xxl",imageUrl:n?e(n):"",alt:"@shadcn"}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[t.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(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 ye({currentUser:s,data:e,taskId:n,onNewComment:a}){var m,p,h;const{tasks_api:r,getImageOBP:o}=L(),{register:i,handleSubmit:c,reset:l}=ct.useForm(),[x,d]=w.useState([]),v=(h=(p=(m=s==null?void 0:s.imagen)==null?void 0:m.formats)==null?void 0:p.thumbnail)==null?void 0:h.url;w.useEffect(()=>{if(e!=null&&e.comentarios){const y=[...e.comentarios].sort((b,j)=>new Date(j.createdAt).getTime()-new Date(b.createdAt).getTime());d(y)}},[e]);const N=async y=>{try{const b={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:y==null?void 0:y.comment,createdAt:new Date().toISOString()};await r.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:y.comment,tarea:n}}),a(!0),d(j=>[b,...j]),l()}catch(b){console.error("Error al agregar comentario:",b)}};return t.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[t.jsxs("form",{onSubmit:c(N),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[t.jsx(V,{size:"xxl",imageUrl:v?o(v):"",alt:"@shadcn"}),t.jsx(K.Input,{...i("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"})]}),x&&x.map((y,b)=>t.jsx(be,{comment:y},b))]})}function je({data:s}){const e={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=a=>a?lt.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(K.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 r,o,i,c,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(V,{imageUrl:(c=(i=(o=(r=a.responsable)==null?void 0:r.image)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url}),t.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:a==null?void 0:a.texto_corto})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[t.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(a==null?void 0:a.createdAt)}),t.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((l=e[a==null?void 0:a.estatus])==null?void 0:l.color)??"tw-bg-gray-400"}`})]})]},a.id)})})]})}function ve({id:s,texto_largo:e,user_id:n}){const[a,r]=w.useState(e),{updatingTask:o}=X(),i=async()=>{await o({id:s,data:{texto_largo:a},user:n})};return w.useEffect(()=>{r(e)},[e]),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(K.Input,{value:a,onChange:c=>r(c.target.value),onBlur:i,autoComplete:"off",placeholder:"Agregar descripción",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200 tw-h-[3.5rem] tw-text-xl"})]})}function Kt({isOpen:s,setIsOpen:e,taskId:n}){var b,j,T,S,P,A,C,M,Q,U;const[a,r]=w.useState(null),[o,i]=w.useState(!1),[c,l]=w.useState(!1),[x,d]=w.useState(null),v=(S=(T=(j=(b=a==null?void 0:a.responsable)==null?void 0:b.imagen)==null?void 0:j.formats)==null?void 0:T.thumbnail)==null?void 0:S.url,{tasks_api:N,getImageOBP:m}=L(),{user:p}=O();w.useEffect(()=>{if(s&&n||o){const u=async()=>{const $=await N.get(`/api/detalleTarea/${n}`);r($==null?void 0:$.data)},E=async()=>{var k,F;const $=await N.get(`/api/users/${p.id}`),f=await N.post("/api/obtenerUsuarioOBP/",{emailList:[(k=$==null?void 0:$.data)==null?void 0:k.email]});d((F=f==null?void 0:f.data)==null?void 0:F.data[0])};u(),E()}},[s,n,o]);const h=u=>u?lt.format(u,"d MMM yyyy, h:mmaaa",{locale:wt.es}):"Fecha no disponible",y=[{id:1,label:"Todo",component:t.jsx(ye,{taskId:n,currentUser:x,data:a,onNewComment:i})},{id:2,label:"Dependencias",component:t.jsx(je,{data:a==null?void 0:a.ids_t_dependientes})}];return s&&et.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(_.Icons,{icon:"info_circle",color:g.warning.regular,strokeWidth:4})}),c&&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:(A=a==null?void 0:a.id_t_requerida)==null?void 0:A.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(_.TooltipV2,{content:(C=a==null?void 0:a.atraso)==null?void 0:C.motivo,position:"bottom",children:t.jsx("button",{className:"tw-inline-block tw-align-middle tw-ml-2 tw-h-fit",children:t.jsx(_.Icons,{icon:"exclamation_triangle",color:g.warning.dark,style:{width:"20px",height:"20px"}})})})]})})]}),t.jsx(K.Button,{variant:"shadow",size:"sm",onClick:()=>e(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:t.jsx(_.Icons,{icon:"x_outline",size:"xs",strokeWidth:4,color:"#000"})})]}),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-black-black_light tw-font-medium tw-text-xl",children:[a==null?void 0:a.campania," / ",a==null?void 0:a.nombre_medio]})}),t.jsx(ve,{id:n,texto_largo:a==null?void 0:a.texto_largo,user_id:p.id}),t.jsx(K.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(K.AccordionItem,{value:"item-1",className:"tw-border-none",children:[t.jsx(K.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(K.AccordionContent,{className:"tw-border-none",children:t.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-xy-details 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"}),(M=a==null?void 0:a.responsable)!=null&&M.nombre?t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[t.jsx(V,{size:"xxl",imageUrl:v?m(v):"",alt:"@shadcn"}),t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(Q=a==null?void 0:a.responsable)==null?void 0:Q.nombre})]}):t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-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-text-lg tw-text-neutral-600 tw-font-normal",children:((U=a==null?void 0:a.equipo)==null?void 0:U.nombre)??"Sin equipo"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),t.jsx(zt,{priority:parseInt(a==null?void 0:a.prioridad)||0,id:n,withLabel:!0})]}),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-text-lg tw-text-neutral-600 tw-font-normal",children:(a==null?void 0:a.lista)??"Sin lista"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",children:h(a==null?void 0:a.updatedAt)})]})]})})]})}),t.jsx(fe,{items:y})]})})]}),document.body)}const Ne=({children:s,actionsRef:e,newPosition:n,className:a})=>{const[r,o]=w.useState(),[i,c]=w.useState(!1);return w.useEffect(()=>{var l,x;if(e.current&&n){const d=((n==null?void 0:n.x)??0)-(((x=(l=e.current)==null?void 0:l.getBoundingClientRect())==null?void 0:x.width)??0);o(d),requestAnimationFrame(()=>{c(!0)})}return()=>{c(!1),o(void 0)}},[e==null?void 0:e.current,n==null?void 0:n.x]),!n||r===void 0?null:et.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 I=require("@tanstack/react-query"),w=require("react"),_=require("@imj_media/tasks-modules"),et=require("react-dom"),Ct=require("axios"),Tt=require("qs"),lt=require("date-fns"),wt=require("date-fns/locale"),K=require("@imj_media/imj-ui"),ct=require("react-hook-form"),Jt=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]=w.useState(null);return{position:s,setElementPosition:o=>{var x;let i=(x=o.current)==null?void 0:x.getBoundingClientRect(),c=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),l=(i==null?void 0:i.y)+(i==null?void 0:i.height);e(s?null:{x:c??0,y:l??0})},getChildrenSize:o=>{var i;return(i=o.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{e(null)}}},Xt=({children:s,filterChildren:e})=>{const{position:n,setElementPosition:a}=dt(),r=w.useRef(null),o=({children:i})=>{const[c,l]=w.useState();return w.useEffect(()=>{var x,d;e.current&&l(((n==null?void 0:n.x)??0)-(((d=(x=e.current)==null?void 0:x.getBoundingClientRect())==null?void 0:d.width)??0))},[e==null?void 0:e.current,n==null?void 0:n.x]),n&&et.createPortal(t.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${c?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${c}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs("label",{ref:r,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(_.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:g.primary.regular}),"Filtrar"]}),t.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{a(r)}}),t.jsx(o,{children:s})]})},yt=s=>{let e={};return Object.entries(s).forEach(([n,a])=>{if(n.includes(".")){let[r,o]=n.split(".");e[r]=e[r]||{},e[r][o]=a}else e[n]=a}),e},St=w.createContext({}),Zt=({children:s})=>{const[e,n]=w.useState({}),[a,r]=w.useState({}),[o,i]=w.useState([]),[c,l]=w.useState(""),x=({name:m,value:p})=>{function h(f){return!isNaN(f)&&f!==null&&f!==""?parseFloat(f):null}let y=h(p);r(f=>{let j={...f},T=o==null?void 0:o.find(S=>S.label.toLowerCase().replace(/ /g,"_")===m);return T?j[T.id]=y??p:j[m]=y??p,j})};w.useEffect(()=>{let m=o.map(p=>p.id==="owner.config"?[p.id,"yo_y_mis_equipos"]:p.id==="dependency"?[p.id,"ambas"]:[p.id,null]);r(p=>{let h={search:p==null?void 0:p.search,taskName:p==null?void 0:p.taskName};return h={...h,...Object.fromEntries(m)},h})},[o]);const d=()=>{let m=o.map(p=>p.id==="owner.config"?[p.id,"yo_y_mis_equipos"]:p.id==="dependency"?[p.id,"ambas"]:[p.id,null]);r(Object.fromEntries(m)),n(yt(Object.fromEntries(m)))},v=m=>({1:"Muy facil",2:"Facil",3:"Media",4:"Dificil",5:"Muy dificil"})[m],N=()=>{let m=yt(a);m.difficulty&&(m.difficulty=v(m.difficulty)),n(m)};return t.jsx(St.Provider,{value:{fields:o,filters:e,path:c,defineFields:i,updateFilters:x,cleanFilters:d,applyFilters:N,initialFilters:a,selectPath:l},children:s})},W=()=>w.useContext(St);function te(s,e=300,n={leading:!1,trailing:!0}){let a,r=null;return function(...o){const i=Date.now(),c=n.leading&&!r;clearTimeout(a),c&&s(...o),r=i,a=setTimeout(()=>{n.trailing&&(!n.leading||i-r>=e)&&(s(...o),r=null)},e)}}const V=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:e="avatar",size:n="s"})=>{const a={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[n];return t.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:e??"avatar",className:`${a} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ee="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[n,a]=w.useState(null),r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),o=[...s].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return t.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[t.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[t.jsx("input",{id:r,value:n??"",onChange:i=>a(i.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:ee,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:o.map(i=>t.jsxs("button",{onClick:()=>{e(i)},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:[i.image&&t.jsx(V,{imageUrl:i.image,alt:i.name}),t.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:i.name})]}))})]})},se=({error:s,options:e,onSelect:n,initialValue:a})=>{const[r,o]=w.useState(!1),[i,c]=w.useState((a==null?void 0:a.name)??null);return w.useEffect(()=>{a&&c(a)},[a]),t.jsxs("div",{className:"tw-relative",children:[t.jsxs("div",{onBlur:()=>o(!1),onClick:()=>o(!r),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":i?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[t.jsx("p",{children:(i==null?void 0:i.name)??"Selecciona una opción"}),t.jsx(_.Icons,{icon:"angle_down_outline",color:s?g.danger.regular:g.texts.placeholder})]}),r&&t.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:t.jsx(Ft,{onselect:l=>{c(l),o(!1),n&&n(l)},options:e})})]})},ae=()=>{const{fields:s,updateFilters:e,cleanFilters:n,applyFilters:a,initialFilters:r}=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:n,children:"Limpiar"})]}),t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((o,i)=>{var c;return t.jsxs("div",{style:{zIndex:10-i},children:[t.jsx("p",{className:"tw-text-xl z-[1]",children:o.label}),(o==null?void 0:o.type)==="select"?t.jsx("div",{className:"tw-relative tw-z-[10]",children:t.jsx(se,{error:!1,options:o==null?void 0:o.options,onSelect:l=>{e({name:o==null?void 0:o.id,value:l==null?void 0:l.id})},initialValue:(c=o==null?void 0:o.options)==null?void 0:c.find(l=>l.id===(r==null?void 0:r[o==null?void 0:o.id]))})}):t.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:o.type,value:r==null?void 0:r[o==null?void 0:o.id],name:o.label.toLowerCase().replace(/ /g,"_"),onChange:te(l=>{var x,d;return e({name:(x=l==null?void 0:l.target)==null?void 0:x.name,value:(d=l==null?void 0:l.target)==null?void 0:d.value})},1e3)})]},i)})}),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"})]})},Y=s=>{const e=a=>Object.prototype.toString.call(a)==="[object Object]",n=a=>a.attributes?{id:a.id,...a.attributes}:a;if(Array.isArray(s))return s.map(a=>Y(a));if(e(s)){Array.isArray(s.data)?s=[...s.data]:e(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const a in s)s[a]=Y(s[a]);return s}return s};class re{static toCampaignTasks(e){var a,r,o,i,c,l,x,d,v,N,m,p;let n=[];return e!=null&&e.responsable&&n.push({id:e.responsable.id,name:e.responsable.nombre,image:(c=(i=(o=(r=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:r.imagen)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(h=>{var y,f,j,T;n!=null&&n.find(S=>S.id===h.idUser.id)||h.idUser&&n.push({id:h.idUser.id,name:h.idUser.nombre,image:(T=(j=(f=(y=h==null?void 0:h.userOBP)==null?void 0:y.imagen)==null?void 0:f.formats)==null?void 0:j.thumbnail)==null?void 0:T.url})}),{paused:e==null?void 0:e.pausada,isPrincipalTask:(e==null?void 0:e.tarea_principal)??!1,projectName:((x=e==null?void 0:e.proyecto)==null?void 0:x.nombre)??null,orden:(e==null?void 0:e.orden)??null,id:(e==null?void 0:e.id)??null,task:(e==null?void 0:e.texto_corto)??null,status:(e==null?void 0:e.estatus)??null,difficulty:(e==null?void 0:e.nivel_dificultad)??null,priority:(e==null?void 0:e.prioridad)??0,endDate:new Date((e==null?void 0:e.ffin)??null),startDate:new Date((e==null?void 0:e.finicio)??null),mediumName:(e==null?void 0:e.nombre_medio)??null,users:n,repeatsToDo:(e==null?void 0:e.repeticiones)??null,repeats:(e==null?void 0:e.repeticiones_realizadas)??null,comments:((d=e==null?void 0:e.comentarios)==null?void 0:d.length)??null,willBePaused:e==null?void 0:e.es_pausable,statusRequiredTask:((v=e==null?void 0:e.id_t_requerida)==null?void 0:v.estatus)??null,nameRequiredTask:((N=e==null?void 0:e.id_t_requerida)==null?void 0:N.texto_corto)??null,responsible:((m=e==null?void 0:e.responsable)==null?void 0:m.id)??null,tasks:((p=e==null?void 0:e.tareas)==null?void 0:p.map(h=>({id:h.id,name:h.texto_corto,status:h.estatus})))??null,atraso:(e==null?void 0:e.atraso)??null,categoria:(e==null?void 0:e.categoria)??null}}}const ne=async({filters:s,tasks_api:e,project:n})=>{try{const a=await e.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return Y(a.data.tareas).map(re.toCampaignTasks)}catch(a){console.log(a)}},qt=w.createContext({}),le=({children:s,user:e,url:n,mode:a})=>{const r=a==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",o=Ct.create({baseURL:n,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:l=>Tt.stringify(l,{encodeValuesOnly:!0})}),i=()=>r,c=l=>l==="undefined"?"":`${r}${l}`;return t.jsx(qt.Provider,{value:{tasks_api:o,getOBPUrlApi:i,getImageOBP:c},children:s})},L=()=>w.useContext(qt),Pt=w.createContext({}),oe=({children:s,user:e,url:n})=>{const a=Ct.create({baseURL:n,headers:{Authorization:`Bearer ${e.accessToken}`},paramsSerializer:r=>Tt.stringify(r,{encodeValuesOnly:!0})});return t.jsx(Pt.Provider,{value:{user:e,tasks_api:a},children:s})},O=()=>w.useContext(Pt),Mt=w.createContext({}),At=({children:s,project:e})=>{var f;const[n,a]=w.useState([]),[r,o]=w.useState(!1),[i,c]=w.useState([]),{tasks_api:l}=L(),{filters:x}=W(),{user:d}=O(),[v,N]=w.useState({owner:{user:d.id,config:((f=x==null?void 0:x.owner)==null?void 0:f.config)??"yo_y_mis_equipos"},project:{id:e}});w.useEffect(()=>{var j;if(Object.keys(x).length>0){const T={...x,owner:{user:d.id,config:((j=x==null?void 0:x.owner)==null?void 0:j.config)??"yo_y_mis_equipos"},project:{id:e}};N(T)}},[x,d.id,e]);const m=I.useQuery({queryKey:["tasksProject",v,e],queryFn:()=>{const j={...v,taskName:x==null?void 0:x.taskName,owner:{...v.owner,config:v.owner.config||"yo_y_mis_equipos"}};return ne({filters:j,project:e,tasks_api:l})}}),p=j=>{a(T=>[...T,j])},h=j=>{c(T=>T.includes(j)?T.filter(S=>S!==j):[...T,j])},y=e??null;return t.jsx(Mt.Provider,{value:{tasksProject:m,selectedTasks:n,projectID:y,openTasks:i,selectTask:p,filtersToSend:v,openTask:h,isRefetching:r,project:e,filters:x,setIsRefetching:o},children:s})},tt=()=>w.useContext(Mt),ie=()=>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=w.createContext(null),ce=({children:s})=>{const[e,n]=w.useState({message:"",type:"success"}),a=(r,o)=>{n({message:r,type:o}),setTimeout(()=>n({message:"",type:"success"}),3e3)};return t.jsx(Et.Provider,{value:{toast:e,showSuccess:r=>a(r,"success"),showError:r=>a(r,"error")},children:s})},ut=()=>w.useContext(Et);class It{static toAtrasoReasons(e){return{id:e.id,motivo_imj:e.motivo_imj,categoria:e.categoria??null}}}const we=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos",{params:{populate:{categoria:{fields:["id","nombre","tipo"]}},filters:{tipo:{$eq:"atraso"}}}});return Y(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}=L(),{user:n}=O(),a=I.useQueryClient(),{showSuccess:r,showError:o}=ut(),{filters:i,path:c}=W(),{data:l,isLoading:x}=I.useQuery({queryKey:["atraso_reasons"],queryFn:()=>we({tasks_api:e}),staleTime:1e3*60*60*24,enabled:s}),d=async()=>{const S=await e.get("/api/motivos",{params:{filters:{tipo:{$eq:"atraso"}}}});return Y(S.data).map(It.toAtrasoReasons)},v=async({taskId:S,motivoId:q,projectID:A})=>{try{return(await e.post("/api/atrasos",{data:{inicio:new Date,fin:null,motivo:q,proyecto:A,tarea:S,creada_por:n==null?void 0:n.id}})).data}catch(C){console.log("error",C)}},N=async S=>{try{return(await e.delete(`/api/atrasos/${S}`)).data}catch(q){console.log("error",q)}},m=async S=>{try{return(await e.put(`/api/atrasos/${S}`,{data:{fin:new Date}})).data}catch(q){console.log("error",q)}},p=async({taskId:S,projectID:q,motivo:A})=>{await f({taskId:S,motivoId:A,projectID:q})},h=async S=>{await j(S)},y=async S=>{await T(S)},{mutateAsync:f}=I.useMutation({mutationFn:v,onSuccess:()=>{r("Atraso registrado correctamente"),c==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks",i]}),a.invalidateQueries({queryKey:["working_tasks",i]})),c==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{o("Error al registrar el atraso")}}),{mutateAsync:j}=I.useMutation({mutationFn:N,onSuccess:()=>{r("Atraso eliminado correctamente"),c==="kanban-general"&&(a.invalidateQueries({queryKey:["to_do_tasks"]}),a.invalidateQueries({queryKey:["working_tasks"]}),a.invalidateQueries({queryKey:["done_tasks"]})),c==="kanban-campania"&&a.invalidateQueries({queryKey:["tasksProject"]})},onError:()=>{o("Error al eliminar el atraso")}}),{mutateAsync:T}=I.useMutation({mutationFn:m,onSuccess:()=>{r("Atraso finalizado correctamente")},onError:()=>{o("Error al finalizar el atraso")}});return{atrasoReasons:l,isLoading:x,createAtraso:p,getAtrasoReasons:d,deleteAtraso:h,finalizarAtraso:y}},X=()=>{const{tasks_api:s}=L(),{user:e}=O(),{filters:n,path:a}=W(),r=I.useQueryClient(),{projectID:o}=tt(),{showSuccess:i,showError:c}=ut(),{finalizarAtraso:l}=$t({enabled:!1}),x=async({id:b})=>(await s.put(`/api/tareas/${b}`,{data:{estatus:1,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,d=async({id:b})=>(await s.put(`/api/tareas/${b}`,{data:{estatus:0,responsable:e==null?void 0:e.id,updated_by:e==null?void 0:e.id}})).data,v=async({id:b,idAtraso:k})=>{const M=await s.post("/api/terminarTarea",{id_task:b,ended_at:new Date().toISOString(),id_user:e==null?void 0:e.id});return await l(k),M.data},N=async({id:b,repeats:k})=>(await s.put(`/api/tareas/${b}`,{data:{repeticiones_realizadas:k,updated_by:e==null?void 0:e.id}})).data,m=async({id:b,motiveId:k})=>{try{const M=await s.post("/api/pausarTarea",{taskId:b,userId:e==null?void 0:e.id,motivoId:k});return i("Tarea pausada correctamente"),M.data}catch(M){c("Error al pausar la tarea: "+M)}},p=async({id:b})=>{try{const k=await s.post("/api/reanudarTarea",{taskId:b});return i("Tarea reanudada correctamente"),k.data}catch(k){c("Error al reanudar la tarea: "+k)}},h=async({id:b,idNewResponsible:k,typeOfSelect:M})=>{let R={updated_by:e==null?void 0:e.id};return M==="responsible"&&(R={...R,responsable:k}),M==="team"&&(R={...R,responsable:null,equipo:k}),(await s.put(`/api/tareas/${b}`,{data:R})).data},y=async({id:b,data:k,user:M})=>{try{return(await s.put(`/api/tareas/${b}`,{data:{...k,updated_by:M==null?void 0:M.id}})).data}catch(R){console.error("Error updating the element:",R)}},f=async({id:b})=>{await S({id:b})},j=async({id:b,data:k,user:M})=>{await T({id:b,data:k,user:M})},{mutateAsync:T}=I.useMutation({mutationFn:y,onSuccess:()=>{i("Tarea actualizada correctamente");const b={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[b[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:b=>{console.error("Failed to update the task.",b)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]})}}),{mutateAsync:S}=I.useMutation({mutationFn:x,onSuccess:()=>{const b={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[b[a],n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error updating the element:",k)}},onError:b=>{console.error("Failed to update the task.",b)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:q}=I.useMutation({mutationFn:v,onSuccess:()=>{const b={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r.setQueryData([b[a],n],k=>{console.log({oldData:k})}),a==="kanban-general"&&(r.invalidateQueries({queryKey:[b[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:b=>{console.error("Failed to update the task.",b)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:A}=I.useMutation({mutationFn:N,onSuccess:()=>{const b={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[b[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:b=>{console.error("Failed to update the task.",b)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:C}=I.useMutation({mutationFn:h,onSuccess:()=>{const b={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[b[a],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error invalidating queries:",k)}},onError:b=>{console.error("Failed to reassign the task.",b)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:P}=I.useMutation({mutationFn:d,onSuccess:()=>{const b={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a==="kanban-general"&&(r.invalidateQueries({queryKey:[b[a],n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),a==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,o]}))}catch(k){console.error("Error updating the element:",k)}},onError:b=>{console.error("Failed to update the task.",b)},onMutate:async()=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}});return{updatingTask:j,updateTask:y,startTask:async({id:b})=>{await P({id:b})},startWorking:f,completeTask:async({id:b,idAtraso:k})=>{await q({id:b,idAtraso:k})},reasignResponsible:async({id:b,idNewResponsible:k,typeOfSelect:M})=>{await C({id:b,idNewResponsible:k,typeOfSelect:M})},updateUnitys:async({repeats:b,id:k})=>{await A({repeats:b,id:k})},pauseTask:async({id:b,motiveId:k})=>{console.log({taksId:b,motivoId:k,user:e==null?void 0:e.id})},postPauseTask:m,postReanudeTask:p}},de=({id:s,idAtraso:e})=>{const[n,a]=w.useState(!1),{completeTask:r}=X();return{checked:n,checkTask:()=>{a(!n),r({id:s,idAtraso:e})}}},Dt=({id:s,nameRequiredTask:e,statusRequiredTask:n,status:a,idAtraso:r})=>{const{checked:o,checkTask:i}=de({id:s,idAtraso:r});let c=Math.random().toString();const l=e!==""&&n===2;return t.jsxs(t.Fragment,{children:[a===2&&t.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:t.jsx(_.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),l||!e?a===1?t.jsx("label",{htmlFor:c,className:o?"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(_.Icons,{icon:o?"check_outline":"circle_checked",color:o?"white":g.texts.placeholder,strokeWidth:4,size:o?"xs":"s"})}):t.jsx(t.Fragment,{children:" "}):t.jsx(_.Tooltip,{dispatch:t.jsx("label",{className:"tw-cursor-help",children:t.jsx(_.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:c,checked:o,onChange:i,type:"checkbox",className:"tw-hidden"})]})},jt=({trigger:s,user:e,showUser:n=!0})=>t.jsx(_.Tooltip,{dispatch:s,children:n&&t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[t.jsx(V,{imageUrl:e.image??"",alt:e.name}),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:e.name})]})});class ue{static toDomain(e){return{id:e.id,name:e.nombre,color:e.color}}}const xe=()=>{const{tasks_api:s}=L();return{teams:I.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return Y(n.data).map(ue.toDomain)}})}};class pe{static toUsers(e){var n,a,r;return{id:e.id,name:e.nombre,image:(r=(a=(n=e.imagen)==null?void 0:n.formats)==null?void 0:a.thumbnail)==null?void 0:r.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/getAllOBPusersMembers");return Y(e.data).map(pe.toUsers)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},ge=()=>{const{tasks_api:s}=L();return{users:I.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 he(s){const e=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return e[n]}const vt=s=>{let e=s||new Date,n=e.getDate(),a=xt(e.getMonth()).slice(0,3),r=e.getFullYear().toString().slice(-2),o=he(e).slice(0,3);return`${o.charAt(0).toUpperCase()+o.slice(1)} ${n} ${a.charAt(0).toUpperCase()+a.slice(1)} ${r}`},pt=(s,e)=>({...s,image:s.image?`${e}${s.image}`:""}),Rt=({users:s,onClick:e,responsible:n,role:a})=>{const{getOBPUrlApi:r}=L(),o=`button-assign-users-${Math.random().toString(36).substring(2,15)}`,{setElementPosition:i,position:c,clearPosition:l}=dt(),x=w.useRef(null),d="Project Manager",v=()=>n?null:s.length>3&&t.jsx(_.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((h,y)=>t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[t.jsx(V,{imageUrl:h.image??"",alt:h.name},y),t.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:h.name})]},y))})}),N=()=>{if(n){let h=s.find(y=>y.id===n);return t.jsx("div",{children:t.jsx(jt,{trigger:t.jsx(V,{imageUrl:h==null?void 0:h.image,alt:h==null?void 0:h.name},n),user:h,showUser:!(c!=null&&c.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((h,y)=>t.jsx("div",{className:`${y===0?"":"tw-ml-[-8px]"}`,children:t.jsx(jt,{trigger:t.jsx(V,{imageUrl:h.image,alt:h.name},y),user:h,showUser:!(c!=null&&c.x)})}))},m=({children:h})=>t.jsx("label",{ref:x,htmlFor:o,className:"tw-cursor-pointer tw-flex tw-items-center",children:h});if(s.length===0)return t.jsx(m,{children:t.jsx(_.Icons,{icon:"user",size:"xs",strokeWidth:3})});const p=()=>{var A;const[h,y]=w.useState(),[f,j]=w.useState("responsible"),{teams:T}=xe(),{users:S}=ge();w.useEffect(()=>{var C,P;x.current&&y(((c==null?void 0:c.x)??0)-(((P=(C=x.current)==null?void 0:C.getBoundingClientRect())==null?void 0:P.width)??0))},[x==null?void 0:x.current,c==null?void 0:c.x]);const q=()=>{const C=[{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,Q)=>t.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${f===P.id?"tw-text-primary-pastel":""} ${Q===C.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>j(P.id),children:P.label}))})};return a!==d?null:(c==null?void 0:c.x)&&et.createPortal(t.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit tw-p-[1rem] ${h?"tw-block":"tw-hidden"}`,style:{top:`${c==null?void 0:c.y}px`,left:`${h}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(q,{}),t.jsx(Ft,{options:f==="team"?T.data.map(C=>({id:C.id,name:C.name,image:""})):(A=S.data)==null?void 0:A.map(C=>pt(C,r())),onselect:C=>{var P;l(),e&&e((P=C.tasksUser)==null?void 0:P.id,f)}})]})}),document.body)};return t.jsxs(t.Fragment,{children:[t.jsxs(m,{children:[N(),v()]}),t.jsx("button",{className:"tw-hidden",id:o,onClick:()=>i(x)}),t.jsx(p,{})]})},zt=({priority:s,id:e,withLabel:n=!1})=>{var N,m,p,h,y;const{updatingTask:a}=X(),r=Math.random().toString(36),[o,i]=w.useState(null),{user:c}=O(),[l,x]=w.useState(s);w.useEffect(()=>{x(s)},[s]);const d={0:{title:"Normal",color:g.primary.regular},1:{title:"Baja",color:g.success.regular},2:{title:"Media",color:g.warning.regular},3:{title:"Alta",color:g.danger.regular}},v=()=>{if(!o)return null;const f=({priorityTask:j,text:T})=>{var S,q;return t.jsxs("button",{onClick:async()=>{i(null),await a({id:e,data:{prioridad:j},user:c==null?void 0:c.id}),x(j)},className:"tw-flex tw-gap-m tw-items-center tw-px-l tw-py-s hover:tw-bg-primary-light",children:[t.jsx(_.Icons,{icon:"flag",size:"xs",strokeWidth:4,color:(S=d[j??0])==null?void 0:S.color}),t.jsx("p",{className:"tw-text-sm",style:{color:(q=d[j??0])==null?void 0:q.color},children:T})]})};return et.createPortal(t.jsx("div",{onBlur:()=>{i(null)},id:`${r}-options`,style:{top:`${o.y+5}px`,left:`${o.x+5}px`,zIndex:50},className:`tw-absolute tw-h-fit tw-p-m tw-flex tw-flex-col tw-gap-2 tw-bg-bg-card tw-rounded-xl tw-shadow-lg
|
|
2
|
+
tw-w-max`,"data-portal-host":!0,children:Object.values(d).map((j,T)=>t.jsx(f,{priorityTask:T,text:j.title},T))}),document.body)};return t.jsxs("div",{className:"tw-relative tw-h-[22px]",children:[t.jsxs("label",{onBlur:()=>{i(null)},htmlFor:r,className:"tw-flex tw-items-center tw-gap-2 tw-cursor-pointer active:tw-opacity-50",children:[t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"flag",size:"xs",strokeWidth:4,color:(N=d[l??0])==null?void 0:N.color}),children:t.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(m=d[l??0])==null?void 0:m.color},children:`Prioridad: ${(p=d[l??0])==null?void 0:p.title}`})}),n&&t.jsx("span",{style:{color:(h=d[l??0])==null?void 0:h.color},className:"tw-text-lg tw-font-normal",children:((y=d[l??0])==null?void 0:y.title)??"Sin prioridad"})]}),t.jsx("button",{id:r,onClick:f=>{i(o?null:{x:f.clientX,y:f.clientY})},className:"tw-hidden"}),t.jsx(v,{})]})};function fe({items:s}){var a;const[e,n]=w.useState(1);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((r,o)=>t.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 ${o!==0?"tw-px-3":""}`,children:t.jsx(K.Button,{variant:"ghost",onClick:()=>n(r.id),className:`tw-text-xl tw-font-semibold rounded-none tw-py-1 tw-h-12 ${e===r.id?"tw-text-primary-regular tw-border-primary tw-border-b-2":"tw-text-neutral-400 tw-border-b-0"}`,children:r.label},r.id)},r.id))}),t.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(a=s.find(r=>r.id===e))==null?void 0:a.component})]})}function be({comment:s}){var r,o,i,c,l;const{getImageOBP:e}=L(),n=(c=(i=(o=(r=s==null?void 0:s.autor)==null?void 0:r.imagen)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url;function a(x){const d=lt.parseISO(x);return lt.formatDistanceToNow(d,{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(V,{size:"xxl",imageUrl:n?e(n):"",alt:"@shadcn"}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[t.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(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 ye({currentUser:s,data:e,taskId:n,onNewComment:a}){var m,p,h;const{tasks_api:r,getImageOBP:o}=L(),{register:i,handleSubmit:c,reset:l}=ct.useForm(),[x,d]=w.useState([]),v=(h=(p=(m=s==null?void 0:s.imagen)==null?void 0:m.formats)==null?void 0:p.thumbnail)==null?void 0:h.url;w.useEffect(()=>{if(e!=null&&e.comentarios){const y=[...e.comentarios].sort((f,j)=>new Date(j.createdAt).getTime()-new Date(f.createdAt).getTime());d(y)}},[e]);const N=async y=>{try{const f={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:y==null?void 0:y.comment,createdAt:new Date().toISOString()};await r.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:y.comment,tarea:n}}),a(!0),d(j=>[f,...j]),l()}catch(f){console.error("Error al agregar comentario:",f)}};return t.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[t.jsxs("form",{onSubmit:c(N),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[t.jsx(V,{size:"xxl",imageUrl:v?o(v):"",alt:"@shadcn"}),t.jsx(K.Input,{...i("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"})]}),x&&x.map((y,f)=>t.jsx(be,{comment:y},f))]})}function je({data:s}){const e={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=a=>a?lt.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(K.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 r,o,i,c,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(V,{imageUrl:(c=(i=(o=(r=a.responsable)==null?void 0:r.image)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url}),t.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:a==null?void 0:a.texto_corto})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[t.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(a==null?void 0:a.createdAt)}),t.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((l=e[a==null?void 0:a.estatus])==null?void 0:l.color)??"tw-bg-gray-400"}`})]})]},a.id)})})]})}function ve({id:s,texto_largo:e,user_id:n}){const[a,r]=w.useState(e),{updatingTask:o}=X(),i=async()=>{await o({id:s,data:{texto_largo:a},user:n})};return w.useEffect(()=>{r(e)},[e]),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(K.Input,{value:a,onChange:c=>r(c.target.value),onBlur:i,autoComplete:"off",placeholder:"Agregar descripción",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200 tw-h-[3.5rem] tw-text-xl"})]})}function Kt({isOpen:s,setIsOpen:e,taskId:n}){var f,j,T,S,q,A,C,P,Q,U;const[a,r]=w.useState(null),[o,i]=w.useState(!1),[c,l]=w.useState(!1),[x,d]=w.useState(null),v=(S=(T=(j=(f=a==null?void 0:a.responsable)==null?void 0:f.imagen)==null?void 0:j.formats)==null?void 0:T.thumbnail)==null?void 0:S.url,{tasks_api:N,getImageOBP:m}=L(),{user:p}=O();w.useEffect(()=>{if(s&&n||o){const u=async()=>{const $=await N.get(`/api/detalleTarea/${n}`);r($==null?void 0:$.data)},E=async()=>{const $=await N.get(`/api/users/${p.id}`);d($==null?void 0:$.data)};u(),E()}},[s,n,o,p.id,N]);const h=u=>u?lt.format(u,"d MMM yyyy, h:mmaaa",{locale:wt.es}):"Fecha no disponible",y=[{id:1,label:"Todo",component:t.jsx(ye,{taskId:n,currentUser:x,data:a,onNewComment:i})},{id:2,label:"Dependencias",component:t.jsx(je,{data:a==null?void 0:a.ids_t_dependientes})}];return s&&et.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:[((q=a==null?void 0:a.id_t_requerida)==null?void 0:q.id)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>l(!0),onMouseLeave:()=>l(!1),children:t.jsx(_.Icons,{icon:"info_circle",color:g.warning.regular,strokeWidth:4})}),c&&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:(A=a==null?void 0:a.id_t_requerida)==null?void 0:A.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(_.TooltipV2,{content:(C=a==null?void 0:a.atraso)==null?void 0:C.motivo,position:"bottom",children:t.jsx("button",{className:"tw-inline-block tw-align-middle tw-ml-2 tw-h-fit",children:t.jsx(_.Icons,{icon:"exclamation_triangle",color:g.warning.dark,style:{width:"20px",height:"20px"}})})})]})})]}),t.jsx(K.Button,{variant:"shadow",size:"sm",onClick:()=>e(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:t.jsx(_.Icons,{icon:"x_outline",size:"xs",strokeWidth:4,color:"#000"})})]}),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-black-black_light tw-font-medium tw-text-xl",children:[a==null?void 0:a.campania," / ",a==null?void 0:a.nombre_medio]})}),t.jsx(ve,{id:n,texto_largo:a==null?void 0:a.texto_largo,user_id:p.id}),t.jsx(K.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(K.AccordionItem,{value:"item-1",className:"tw-border-none",children:[t.jsx(K.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(K.AccordionContent,{className:"tw-border-none",children:t.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-xy-details 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"}),(P=a==null?void 0:a.responsable)!=null&&P.nombre?t.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[t.jsx(V,{size:"xxl",imageUrl:v?m(v):"",alt:"@shadcn"}),t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(Q=a==null?void 0:a.responsable)==null?void 0:Q.nombre})]}):t.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-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-text-lg tw-text-neutral-600 tw-font-normal",children:((U=a==null?void 0:a.equipo)==null?void 0:U.nombre)??"Sin equipo"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),t.jsx(zt,{priority:parseInt(a==null?void 0:a.prioridad)||0,id:n,withLabel:!0})]}),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-text-lg tw-text-neutral-600 tw-font-normal",children:(a==null?void 0:a.lista)??"Sin lista"})})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[t.jsx("span",{className:"tw-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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",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-text-lg tw-text-neutral-600 tw-font-normal",children:h(a==null?void 0:a.updatedAt)})]})]})})]})}),t.jsx(fe,{items:y})]})})]}),document.body)}const Ne=({children:s,actionsRef:e,newPosition:n,className:a})=>{const[r,o]=w.useState(),[i,c]=w.useState(!1);return w.useEffect(()=>{var l,x;if(e.current&&n){const d=((n==null?void 0:n.x)??0)-(((x=(l=e.current)==null?void 0:l.getBoundingClientRect())==null?void 0:x.width)??0);o(d),requestAnimationFrame(()=>{c(!0)})}return()=>{c(!1),o(void 0)}},[e==null?void 0:e.current,n==null?void 0:n.x]),!n||r===void 0?null:et.createPortal(t.jsx("div",{"data-portal-host":!0,className:`
|
|
3
3
|
tw-absolute tw-w-fit tw-h-fit
|
|
4
4
|
tw-transition-all tw-duration-200 tw-ease-in-out
|
|
5
5
|
tw-pointer-events-auto
|
|
6
6
|
${i?"tw-opacity-100":"tw-opacity-0 tw-invisible"}
|
|
7
7
|
${a}
|
|
8
|
-
`,style:{top:`${n==null?void 0:n.y}px`,left:`${r}px`,zIndex:1,transform:i?"translateY(0)":"translateY(8px)"},children:s}),document.body)},Qt=({status:s,nameRequiredTask:e,statusRequiredTask:n,id:a,statusLateTask:r=null,projectID:o,atrasoId:i,categoria:c})=>{const{setElementPosition:l,position:x}=dt(),d=w.useRef(null),{startWorking:v,completeTask:N,startTask:m}=X(),p=w.useRef(!1),[h,y]=w.useState(!1),[
|
|
9
|
-
${
|
|
8
|
+
`,style:{top:`${n==null?void 0:n.y}px`,left:`${r}px`,zIndex:1,transform:i?"translateY(0)":"translateY(8px)"},children:s}),document.body)},Qt=({status:s,nameRequiredTask:e,statusRequiredTask:n,id:a,statusLateTask:r=null,projectID:o,atrasoId:i,categoria:c})=>{const{setElementPosition:l,position:x}=dt(),d=w.useRef(null),{startWorking:v,completeTask:N,startTask:m}=X(),p=w.useRef(!1),[h,y]=w.useState(!1),[f,j]=w.useState(null),[T,S]=w.useState("first"),q=e!==""&&n===2,[A,C]=w.useState(null),{atrasoReasons:P,isLoading:Q,createAtraso:U,deleteAtraso:u}=$t({enabled:!0}),[E,$]=w.useState(null);w.useEffect(()=>{r&&S("third")},[]);const b=D=>{S(D),D==="second"&&s===0&&j("Trabajando")},k=()=>{const D=[];return s===0&&D.push({name:"Mover a trabajando",icon:"arrow_right",iconReverse:!1,onClick:()=>{b("second")},disabled:!1}),s===1&&D.push({name:"Mover a completada",icon:"arrow_right",iconReverse:!1,onClick:()=>b("second"),disabled:!1},{name:"Mover por hacer",icon:"arrow_left",iconReverse:!0,onClick:()=>b("fourth"),disabled:!1}),i?D.push({name:"Eliminar atraso",icon:null,iconReverse:!1,onClick:()=>b("third"),disabled:!1}):D.push({name:"Agregar atraso",icon:null,iconReverse:!1,onClick:()=>b("third"),disabled:!1}),p!=null&&p.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:D.map(({name:z,icon:F,onClick:B,disabled:st,iconReverse:at},rt)=>t.jsxs("button",{onClick:B,className:`
|
|
9
|
+
${F&&at?"tw-flex-row-reverse":""}
|
|
10
10
|
tw-flex tw-items-center tw-justify-between tw-transition-colors tw-duration-200 tw-pl-3 tw-pr-10 tw-rounded-md
|
|
11
11
|
tw-text-[14px] tw-text-texts-placeholder tw-font-regular tw-text-left tw-border tw-gap-2
|
|
12
12
|
hover:tw-bg-[#e1ebf9] hover:tw-text-primary-dark tw-font-normal tw-font-sans
|
|
13
|
-
${
|
|
13
|
+
${f===z?"tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular":"tw-border-bg-card"}
|
|
14
14
|
${st?"tw-opacity-50 tw-cursor-not-allowed":"tw-cursor-pointer"}
|
|
15
|
-
`,children:[z,
|
|
15
|
+
`,children:[z,F&&t.jsx(_.Icons,{icon:F,size:"xs",strokeWidth:4,color:g.primary.regular,className:"tw-justify-end"})]},rt))})},M=()=>{const D=s===0?["Trabajando"]:["Completadas"];return t.jsxs("div",{className:"tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:[D.map((z,F)=>t.jsx("button",{onClick:()=>{j(z)},className:`
|
|
16
16
|
tw-transition-colors tw-duration-200
|
|
17
17
|
hover:tw-bg-[#e1ebf9]
|
|
18
18
|
tw-pl-3 tw-pr-10
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
tw-font-regular
|
|
24
24
|
tw-text-left
|
|
25
25
|
tw-border
|
|
26
|
-
${
|
|
27
|
-
`,children:z},
|
|
26
|
+
${f===z?"tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular":"tw-border-bg-card"}
|
|
27
|
+
`,children:z},F)),t.jsx("button",{className:"tw-w-full tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-p-1",onClick:()=>{p.current=!0,f==="Trabajando"?v({id:a}):f==="Por hacer"?m({id:a}):N({id:a,idAtraso:i})},children:t.jsx("p",{className:"tw-text-[12px] tw-font-normal tw-text-white",children:"Mover"})})]})},R=()=>{var z;if(Q)return t.jsx("div",{children:"Cargando motivos..."});const D=(P==null?void 0:P.map(F=>{var B;return{id:F==null?void 0:F.id,nombre:F==null?void 0:F.motivo_imj,categoria:(B=F==null?void 0:F.categoria)==null?void 0:B.nombre}}).filter(F=>F.categoria===(c==null?void 0:c.nombre)))||[];return D.length>0?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:[!A&&!i?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(_e,{isOpen:!0,options:D,onSelect:(F,B)=>$({id:B,nombre:F})})]}):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:i?"Estás eliminando el atraso de la tarea seleccionada":`Esta tarea está atrasada debido a ${(z=A==null?void 0:A.nombre)==null?void 0:z.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]
|
|
28
28
|
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:()=>{A?C(null):y(!1)},children:A?"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]
|
|
29
|
-
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:()=>{C(E),i&&!A?u(i):A&&J()},children:"Aceptar"})]})]}):t.jsx("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:"No hay motivos de atraso para ésta tarea"})},H=()=>{const D=["Por hacer"];return t.jsxs("div",{className:"tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:[D.map((z,
|
|
29
|
+
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:()=>{C(E),i&&!A?u(i):A&&J()},children:"Aceptar"})]})]}):t.jsx("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:"No hay motivos de atraso para ésta tarea"})},H=()=>{const D=["Por hacer"];return t.jsxs("div",{className:"tw-w-max tw-h-fit tw-flex tw-flex-col tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-gap-3 tw-transition-all tw-duration-200 tw-ease-in-out tw-translate-x-0",children:[D.map((z,F)=>t.jsx("button",{onClick:()=>{j(z)},className:`
|
|
30
30
|
tw-transition-colors tw-duration-200
|
|
31
31
|
hover:tw-bg-[#e1ebf9]
|
|
32
32
|
tw-pl-3 tw-pr-10
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
tw-font-regular
|
|
38
38
|
tw-text-left
|
|
39
39
|
tw-border
|
|
40
|
-
${
|
|
41
|
-
`,children:z},
|
|
40
|
+
${f===z?"tw-bg-content tw-text-primary-dark tw-border tw-border-primary-regular":"tw-border-bg-card"}
|
|
41
|
+
`,children:z},F)),t.jsx("button",{className:"tw-w-full tw-h-fit tw-bg-texts-enfasis tw-rounded-lg tw-p-1",onClick:()=>{p.current=!0,m({id:a})},children:t.jsx("p",{className:"tw-text-[12px] tw-font-normal tw-text-white",children:"Mover"})})]})},G=()=>{if(T==="first")return k();if(T==="second")return M();if(T==="third")return R();if(T==="fourth")return H()},J=async()=>{if(E)try{await U({taskId:a,projectID:o,motivo:(E==null?void 0:E.id)??null}),y(!1)}catch(D){console.error("Error al crear atraso:",D)}};return t.jsxs(t.Fragment,{children:[(q&&n===2||!e)&&t.jsx("button",{ref:d,onClick:()=>{l(d),y(!0),S("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(_.Icons,{icon:"elipsis",size:"xs"})})}),h&&t.jsx(Ne,{actionsRef:d,newPosition:x,children:t.jsx("div",{className:`
|
|
42
42
|
tw-transition-all tw-duration-300 tw-ease
|
|
43
43
|
${T==="second"?"tw-translate-x-[-8px]":"tw-translate-x-0"}
|
|
44
44
|
`,children:G()})})]})},_e=({isOpen:s,onClose:e,options:n,onSelect:a,placeholderDropdown:r="Seleccione una opción",placeholderInput:o="Buscar"})=>{const[i,c]=w.useState(!1),[l,x]=w.useState(""),[d,v]=w.useState(null);if(!s)return null;const N=n.filter(m=>typeof m=="string"?m.toLowerCase().includes(l.toLowerCase()):m.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
|
|
@@ -48,9 +48,9 @@
|
|
|
48
48
|
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
|
|
49
49
|
tw-text-[10px] tw-font-normal tw-border tw-rounded-[4px] tw-border-silver-silver_dark tw-focus:outline-none `,type:"text",placeholder:o,value:l,onChange:m=>x(m.target.value),autoComplete:"off"}),t.jsx("div",{className:"tw-absolute tw-top-[6px] tw-left-[10px] ",children:t.jsx(_.Icons,{icon:"search",size:"xs",color:g.black.black_light,style:{width:"16px",height:"16px"}})})]}),t.jsx(_.Icons,{icon:"x_outline",size:"xs",strokeWidth:6,color:g.black.black_medium,style:{width:"16px",height:"16px",cursor:"pointer"},onClick:()=>{c(!1),x(""),e&&i&&e()},className:"tw-mt-[2px]"})]}),N.map((m,p)=>t.jsxs("div",{children:[t.jsx("a",{href:"#",className:`tw-block tw-px-[18px] tw-py-[8px] tw-text-[14px] tw-font-normal
|
|
50
50
|
tw-cursor-pointer tw-rounded-md tw-transition-all tw-duration-200 tw-ease-in-out
|
|
51
|
-
hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${m.nombre===d?"tw-text-primary-dark tw-bg-blue-blue_medium":"tw-text-gray-gray_medium"}`,onClick:h=>{h.preventDefault(),a(m,typeof m=="string"?null:m.id,p),v(typeof m=="string"?m:m.nombre),c(!1)},children:typeof m=="string"?m:m.nombre}),t.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:g.silver.silver_dark}})]},p))]})]})};class ke{static toPauseReasons(e){return{id:e.id,motivo_imj:e.motivo_imj}}}const Ce=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos");return Y(e.data).map(ke.toPauseReasons)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},Te=()=>{const{tasks_api:s}=L();return{pauseReasons:I.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>Ce({tasks_api:s}),staleTime:1e3*60*60*24})}};class Se{static toKanbanTasks(e){var a,r,o,i,c,l,x,d,v,N,m;let n=[];return e!=null&&e.responsable&&n.push({id:e.responsable.id,name:e.responsable.nombre,image:(c=(i=(o=(r=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:r.imagen)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(p=>{var h,y,b,j;n!=null&&n.find(T=>T.id===p.idUser.id)||p.idUser&&n.push({id:p.idUser.id,name:p.idUser.nombre,image:(j=(b=(y=(h=p==null?void 0:p.userOBP)==null?void 0:h.imagen)==null?void 0:y.formats)==null?void 0:b.thumbnail)==null?void 0:j.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:(x=e==null?void 0:e.proyecto)==null?void 0:x.nombre,idProject:(d=e==null?void 0:e.proyecto)==null?void 0:d.id,willBePaused:e.es_pausable,difficulty:e.nivel_dificultad,endDate:new Date(e.ffin),id:e.id,priority:e.prioridad??0,status:e.estatus,task:e.texto_corto,users:n,responsible:((v=e==null?void 0:e.responsable)==null?void 0:v.id)??null,statusRequiredTask:((N=e.id_t_requerida)==null?void 0:N.estatus)??null,nameRequiredTask:((m=e.id_t_requerida)==null?void 0:m.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(Y).map(Se.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},gt=s=>{var e;if(s!=null&&s.hasNextPage){const n=(e=s==null?void 0:s.data)==null?void 0:e.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},Z=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),Lt=()=>{var x;const s=I.useQueryClient(),{tasks_api:e}=L(),{user:n}=O(),{filters:a}=W(),[r,o]=w.useState(0),[i,c]=w.useState({owner:{user:n.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:n.role},status:"por_hacer"}),l=I.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:d})=>mt({filters:{...i,status:"por_hacer",...Z(d)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(d,v)=>v.length+1});return w.useEffect(()=>{var d;Object.keys(a).length>0&&c({...a,owner:{user:n.id,config:((d=a==null?void 0:a.owner)==null?void 0:d.config)??"yo_y_mis_equipos",role:n.role},status:"por_hacer"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const v=await e.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...Z(1),tasks_api:e,justCount:!0}});o(v.data.total)})()},[i,l==null?void 0:l.data]),{toDoTasks:l,total:r,filtersToSend:i}},Bt=({idTask:s,setOpen:e,paused:n})=>{const a=I.useQueryClient(),{toDoTasks:r,filtersToSend:o}=Lt(),[i,c]=w.useState(!1),{control:l,watch:x}=ct.useForm(),{tasksProject:d}=tt(),{postPauseTask:v,postReanudeTask:N}=X(),{pauseReasons:m}=Te(),p=async()=>{try{if(e(!1),await v({id:s,motiveId:x("pauseReason")}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),r&&typeof r.refetch=="function"||d&&typeof d.refetch=="function"){const y=await r.refetch(),b=await d.refetch();return[y,b]}}catch(y){console.error("Error al pausar la tarea:",y)}},h=async()=>{try{if(e(!1),await N({id:s}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),r&&typeof r.refetch=="function"||d&&typeof d.refetch=="function"){const y=await r.refetch(),b=await d.refetch();return[y,b]}}catch(y){console.error("Error al reanudar la tarea:",y)}};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:"}),i?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción detendrá la campaña en curso."}),t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):n?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción reanudará la campaña en curso."}),t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):t.jsx(ct.Controller,{name:"pauseReason",control:l,rules:{required:!0},render:({field:y})=>{var b;return t.jsxs(K.Select,{value:y.value,onValueChange:j=>y.onChange(j),children:[t.jsx(K.SelectTrigger,{className:"!tw-w-[290px] tw-border-none tw-shadow-input tw-h-[26px] tw-text-lg",children:t.jsx(K.SelectValue,{placeholder:"Selecciona una razón"})}),t.jsx(K.SelectContent,{className:"tw-bg-white tw-border-none tw-shadow-input",children:t.jsx(K.SelectGroup,{children:(b=m==null?void 0:m.data)==null?void 0:b.map(j=>t.jsx(K.SelectItem,{value:j.id,className:"tw-border-none tw-bg-white tw-text-lg",children:j.motivo_imj},j.id))})})]})}}),t.jsxs("div",{className:"tw-flex tw-justify-end tw-w-full tw-gap-m tw-mt-5",children:[t.jsx("button",{type:"button",onClick:()=>e(!1),className:"tw-bg-bg-card tw-text-primary-regular tw-font-regular tw-text-xl tw-rounded-lg tw-py-s tw-px-m tw-text-center tw-w-[78px] tw-h-[26px] tw-shadow",children:"Cancelar"}),n?t.jsx("button",{type:"button",onClick:()=>h(),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:!x("pauseReason"),onClick:()=>i?p():c(!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 Ot({trigger:s,children:e,open:n,setOpen:a}){return t.jsxs(K.DropdownMenu,{open:n,onOpenChange:a,children:[t.jsx(K.DropdownMenuTrigger,{children:s}),t.jsx(K.DropdownMenuContent,{align:"start",className:"tw-bg-white tw-border-none tw-rounded-lg tw-p-4",children:e})]})}const Fe=({id:s,task:e,endDate:n,users:a,willBePaused:r,nameProject:o,comments:i,priority:c,difficulty:l,responsible:x,nameRequiredTask:d,statusRequiredTask:v,status:N,repeatsToDo:m,repeats:p,medioName:h,paused:y,idProject:b,atraso:j,categoria:T})=>{var J,D,z;const[S,P]=w.useState(!1),[A,C]=w.useState(!1),{reasignResponsible:M,updateUnitys:Q}=X(),{getOBPUrlApi:U}=L(),[u,E]=w.useState(p??0),$=!!(m&&p===m),f=!m||m===1,k=N===0,{user:F}=O(),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&&($||f||k)&&t.jsx(Dt,{id:s,nameRequiredTask:d??"",statusRequiredTask:v??0,status:N,idAtraso:j==null?void 0:j.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:()=>P(!0),children:e})]}),($||f||k)&&N!==2&&t.jsx(Qt,{id:s,nameRequiredTask:d,status:N,statusRequiredTask:v,projectID:b,atrasoId:j==null?void 0:j.atrasoId,categoria:T})]}),H={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}},G=q=>{E(B=>q==="minus"?Math.max(0,B-1):Math.min(m,B+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:o}),h&&t.jsx("p",{className:"tw-text-xl",children:h})]}),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:x,role:F==null?void 0:F.role,users:a.filter(q=>x?q.id===x:!0).map(q=>pt(q,U())),onClick:async(q,B)=>{await M({idNewResponsible:q,id:s,typeOfSelect:B})}}),r&&t.jsx(Ot,{open:A,setOpen:C,trigger:t.jsx("button",{type:"button",onClick:()=>C(!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(_.Icons,{icon:y?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Bt,{idTask:s,setOpen:C,paused:y})})]}),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:[j&&t.jsx(_.TooltipV2,{content:`Tarea atrasada debido a: ${j==null?void 0:j.motivo}`,children:t.jsx(_.Icons,{icon:"exclamation_triangle",size:"xs",color:"#C62E1F",strokeWidth:4})}),t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"difficulty",size:"xs",color:(J=H[l??0])==null?void 0:J.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:(D=H[l??0])==null?void 0:D.color},children:`Dificultad ${(z=H[l??0])==null?void 0:z.title}`})}),t.jsx(zt,{priority:c,id:s}),!m||m&&N===0&&t.jsxs(t.Fragment,{children:[t.jsx(_.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:`${n.getDate()} ${xt(n.getMonth()).slice(0,3)}`})]})]}),N===1&&m&&m>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:()=>G("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(_.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:g.texts.placeholder})}),t.jsx("p",{className:"tw-text-texts-placeholder tw-text-[10px]",children:`${u??0} / ${m??0}`}),t.jsx("button",{onClick:()=>G("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(_.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:()=>{Q({repeats:u,id:s})},children:"Agregar"})]})]})]}),i>0&&t.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:t.jsxs("button",{onClick:()=>P(!0),className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(_.Icons,{icon:"comment",size:"xs",strokeWidth:4}),t.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:i})]})})]}),t.jsx(Kt,{taskId:s,isOpen:S,setIsOpen:P})]})},ot=({title:s,tasks:e,loadNextPage:n,isFetching:a,total:r})=>{const o=w.useRef(null),i=w.useRef(null),c=w.useRef(!1);w.useEffect(()=>{var d;o!=null&&o.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((d=o==null?void 0:o.current)==null?void 0:d.clientHeight)-300}px`)},[o==null?void 0:o.current]);const l=d=>{if(c.current)return;const{scrollTop:v,clientHeight:N,scrollHeight:m}=d==null?void 0:d.target,p=v/(m-N)*100;p<=95||p>=95&&(c.current=!0,n&&n(),setTimeout(()=>{c.current=!1},200))},x={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return t.jsxs("div",{ref:o,className:`tw-flex tw-flex-col tw-bg-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 ${x[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(_.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:g.texts.placeholder}),t.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:r??0})]})})]}),t.jsxs("div",{ref:i,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(d=>t.jsx(Fe,{...d},d.id)),a?t.jsx(ie,{}):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"}]}],qe=()=>{const{user:s}=O(),[e,n]=w.useState([...Nt]),a=[{roles:["Project Manager","Manager","Operation Manager"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return w.useEffect(()=>{const r=[...Nt];a.forEach(c=>{if(c.roles.includes(s.role)){const l=r.find(x=>x.id===c.id);l&&(l.options.some(d=>d.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const o=JSON.stringify(e),i=JSON.stringify(r);o!==i&&n(r)},[s.role]),{filters:e}},Pe=()=>{var o;const{defineFields:s}=W(),{tasksProject:e}=tt(),{filters:n}=qe();w.useEffect(()=>{(async()=>{let c=[...n];s(c)})()},[]);let a=(o=e==null?void 0:e.data)==null?void 0:o.filter(i=>{var c;return((c=i==null?void 0:i.tasks)==null?void 0:c.length)===0}).reduce((i,c)=>(i[c.status]=i[c.status]||[],i[c.status].push(c),i),{});const r=["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:r.map((i,c)=>{var l;return t.jsx(ot,{total:((l=a==null?void 0:a[c])==null?void 0:l.length)??0,title:i,tasks:(a==null?void 0:a[c])??[],isFetching:e==null?void 0:e.isFetching,isLoadingData:e==null?void 0:e.isLoading})})})},Me=()=>{var a,r;const{toDoTasks:s,total:e}=Lt(),n=[...((r=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:r.flat())??[]];return t.jsx(ot,{total:e,title:"Por hacer",tasks:n,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},Ae=()=>{var x;const s=I.useQueryClient(),{tasks_api:e}=L(),{user:n}=O(),{filters:a}=W(),[r,o]=w.useState(0),[i,c]=w.useState({owner:{user:n.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:n.role},status:"trabajando"}),l=I.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:d})=>mt({filters:{...i,status:"trabajando",...Z(d)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(d,v)=>v.length+1});return w.useEffect(()=>{var d;Object.keys(a).length>0&&c({...a,owner:{user:n.id,config:((d=a==null?void 0:a.owner)==null?void 0:d.config)??"yo_y_mis_equipos",role:n.role},status:"trabajando"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const v=await e.get("/api/listado_tareas",{params:{...i,status:"trabajando",...Z(1),tasks_api:e,justCount:!0}});o(v.data.total)})()},[i,l==null?void 0:l.data]),{workingTasks:l,total:r}},Ee=()=>{var a,r;const{workingTasks:s,total:e}=Ae(),n=[...((r=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:r.flat())??[]];return t.jsx(ot,{total:e,title:"Trabajando",tasks:n,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching})},Ie=()=>{var x;const s=I.useQueryClient(),{user:e}=O(),{tasks_api:n}=L(),{filters:a}=W(),[r,o]=w.useState(0),[i,c]=w.useState({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"}),l=I.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:d})=>mt({filters:{...i,status:"completadas",...Z(d)},tasks_api:n}),staleTime:1e3*60*60*24,getNextPageParam:(d,v)=>v.length+1});return w.useEffect(()=>{var d;Object.keys(a).length>0&&c({...a,owner:{user:e.id,config:((d=a==null?void 0:a.owner)==null?void 0:d.config)??"yo_y_mis_equipos",role:e.role},status:"completadas"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const v=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...Z(1),justCount:!0,tasks_api:n}});o(v.data.total)})()},[l==null?void 0:l.data,i]),{doneTasks:l,total:r}},$e=()=>{var a,r;const{doneTasks:s,total:e}=Ie(),n=[...((r=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:r.flat())??[]];return t.jsx(ot,{title:"Completadas",tasks:n,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,total:e})};class nt{static toSalesmanUsers(e){return{id:e.id,name:e.nombre}}}const De=()=>{const{tasks_api:s}=L(),{filters:e}=W(),{user:n}=O();return{getSalesmanAndProjects:async()=>{var l;const[i,c]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...e,owner:{user:n==null?void 0:n.id,config:((l=e==null?void 0:e.owner)==null?void 0:l.config)??"yo_y_mis_equipos",role:n.role},justProjects:!0}})]);return{salesmanUsers:i.data.map(nt.toSalesmanUsers),projects:c.data.map(nt.toSalesmanUsers)}},getProjects:async()=>{var c;return(await s.get("/api/listado_tareas",{params:{...e,owner:{user:n.id,config:((c=e==null?void 0:e.owner)==null?void 0:c.config)??"yo_y_mis_equipos",role:n.role},justProjects:!0}})).data.map(nt.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(nt.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"}]}],kt=[{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:[]}],Re=()=>{const{user:s}=O(),[e,n]=w.useState([..._t]),a=[{roles:["Project Manager","Manager","Operation Manager"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return w.useEffect(()=>{const r=[..._t];a.forEach(c=>{if(c.roles.includes(s.role)){const l=r.find(x=>x.id===c.id);l&&(l.options.some(d=>d.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const o=JSON.stringify(e),i=JSON.stringify(r);o!==i&&n(r)},[s.role]),{filters:e}},ze=()=>{const{defineFields:s}=W(),{getSalesmanAndProjects:e}=De(),{filters:n}=Re();return w.useEffect(()=>{(async()=>{let r=[...n],{salesmanUsers:o,projects:i}=await e();s(r.map(c=>(c.id==="project.id"&&(c.options=i),c.id==="salesman.id"&&(c.options=o),c)))})()},[]),t.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[t.jsx(Me,{}),t.jsx(Ee,{}),t.jsx($e,{})]})},Ut=w.createContext({}),Ke=({children:s})=>{const[e,n]=w.useState([]),a=r=>{n(o=>o.includes(r)?o.filter(i=>i!==r):[...o,r])};return t.jsx(Ut.Provider,{value:{selectedTasks:e,selectTask:a},children:s})},Qe=()=>w.useContext(Ut),Wt=()=>{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,{})})]})]})},Ht=({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(_.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(s)]})]}),t.jsx(_.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(_.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(e)]})]})]}),Vt=({id:s,priority:e,difficulty:n,endDate:a,atraso:r})=>{var x,d,v;const[o,i]=w.useState({priority:!1,difficulty:!1,atraso:!1}),c={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(_.Tooltip,{dispatch:t.jsx(_.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:()=>i({...o,difficulty:!0}),onMouseLeave:()=>i({...o,difficulty:!1}),className:`tw-gap-s ${(x=l[n===0?1:n])==null?void 0:x.border}
|
|
51
|
+
hover:tw-bg-blue-blue_medium hover:tw-text-primary-dark ${m.nombre===d?"tw-text-primary-dark tw-bg-blue-blue_medium":"tw-text-gray-gray_medium"}`,onClick:h=>{h.preventDefault(),a(m,typeof m=="string"?null:m.id,p),v(typeof m=="string"?m:m.nombre),c(!1)},children:typeof m=="string"?m:m.nombre}),t.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:g.silver.silver_dark}})]},p))]})]})};class ke{static toPauseReasons(e){return{id:e.id,motivo_imj:e.motivo_imj}}}const Ce=async({tasks_api:s})=>{try{const e=await s.get("/api/motivos");return Y(e.data).map(ke.toPauseReasons)}catch(e){throw console.log("Error al obtener los usuarios comerciales",e),`Error al obtener los usuarios comerciales: ${e}`}},Te=()=>{const{tasks_api:s}=L();return{pauseReasons:I.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>Ce({tasks_api:s}),staleTime:1e3*60*60*24})}};class Se{static toKanbanTasks(e){var a,r,o,i,c,l,x,d,v,N,m;let n=[];return e!=null&&e.responsable&&n.push({id:e.responsable.id,name:e.responsable.nombre,image:(c=(i=(o=(r=(a=e.responsable)==null?void 0:a.userOBP)==null?void 0:r.imagen)==null?void 0:o.formats)==null?void 0:i.thumbnail)==null?void 0:c.url}),(l=e==null?void 0:e.equipo)!=null&&l.miembros&&e.equipo.miembros.forEach(p=>{var h,y,f,j;n!=null&&n.find(T=>T.id===p.idUser.id)||p.idUser&&n.push({id:p.idUser.id,name:p.idUser.nombre,image:(j=(f=(y=(h=p==null?void 0:p.userOBP)==null?void 0:h.imagen)==null?void 0:y.formats)==null?void 0:f.thumbnail)==null?void 0:j.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:(x=e==null?void 0:e.proyecto)==null?void 0:x.nombre,idProject:(d=e==null?void 0:e.proyecto)==null?void 0:d.id,willBePaused:e.es_pausable,difficulty:e.nivel_dificultad,endDate:new Date(e.ffin),id:e.id,priority:e.prioridad??0,status:e.estatus,task:e.texto_corto,users:n,responsible:((v=e==null?void 0:e.responsable)==null?void 0:v.id)??null,statusRequiredTask:((N=e.id_t_requerida)==null?void 0:N.estatus)??null,nameRequiredTask:((m=e.id_t_requerida)==null?void 0:m.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(Y).map(Se.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},gt=s=>{var e;if(s!=null&&s.hasNextPage){const n=(e=s==null?void 0:s.data)==null?void 0:e.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},Z=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),Lt=()=>{var x;const s=I.useQueryClient(),{tasks_api:e}=L(),{user:n}=O(),{filters:a}=W(),[r,o]=w.useState(0),[i,c]=w.useState({owner:{user:n.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:n.role},status:"por_hacer"}),l=I.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:d})=>mt({filters:{...i,status:"por_hacer",...Z(d)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(d,v)=>v.length+1});return w.useEffect(()=>{var d;Object.keys(a).length>0&&c({...a,owner:{user:n.id,config:((d=a==null?void 0:a.owner)==null?void 0:d.config)??"yo_y_mis_equipos",role:n.role},status:"por_hacer"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const v=await e.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...Z(1),tasks_api:e,justCount:!0}});o(v.data.total)})()},[i,l==null?void 0:l.data]),{toDoTasks:l,total:r,filtersToSend:i}},Bt=({idTask:s,setOpen:e,paused:n})=>{const a=I.useQueryClient(),{toDoTasks:r,filtersToSend:o}=Lt(),[i,c]=w.useState(!1),{control:l,watch:x}=ct.useForm(),{tasksProject:d}=tt(),{postPauseTask:v,postReanudeTask:N}=X(),{pauseReasons:m}=Te(),p=async()=>{try{if(e(!1),await v({id:s,motiveId:x("pauseReason")}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),r&&typeof r.refetch=="function"||d&&typeof d.refetch=="function"){const y=await r.refetch(),f=await d.refetch();return[y,f]}}catch(y){console.error("Error al pausar la tarea:",y)}},h=async()=>{try{if(e(!1),await N({id:s}),await a.invalidateQueries({queryKey:["to_do_tasks",o]}),await a.invalidateQueries({queryKey:["tasksProject"]}),r&&typeof r.refetch=="function"||d&&typeof d.refetch=="function"){const y=await r.refetch(),f=await d.refetch();return[y,f]}}catch(y){console.error("Error al reanudar la tarea:",y)}};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:"}),i?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción detendrá la campaña en curso."}),t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):n?t.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-s",children:[t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"Esta acción reanudará la campaña en curso."}),t.jsx("p",{className:"tw-text-xl tw-font-medium tw-text-neutral-600",children:"¿Estás seguro de continuar?"})]}):t.jsx(ct.Controller,{name:"pauseReason",control:l,rules:{required:!0},render:({field:y})=>{var f;return t.jsxs(K.Select,{value:y.value,onValueChange:j=>y.onChange(j),children:[t.jsx(K.SelectTrigger,{className:"!tw-w-[290px] tw-border-none tw-shadow-input tw-h-[26px] tw-text-lg",children:t.jsx(K.SelectValue,{placeholder:"Selecciona una razón"})}),t.jsx(K.SelectContent,{className:"tw-bg-white tw-border-none tw-shadow-input",children:t.jsx(K.SelectGroup,{children:(f=m==null?void 0:m.data)==null?void 0:f.map(j=>t.jsx(K.SelectItem,{value:j.id,className:"tw-border-none tw-bg-white tw-text-lg",children:j.motivo_imj},j.id))})})]})}}),t.jsxs("div",{className:"tw-flex tw-justify-end tw-w-full tw-gap-m tw-mt-5",children:[t.jsx("button",{type:"button",onClick:()=>e(!1),className:"tw-bg-bg-card tw-text-primary-regular tw-font-regular tw-text-xl tw-rounded-lg tw-py-s tw-px-m tw-text-center tw-w-[78px] tw-h-[26px] tw-shadow",children:"Cancelar"}),n?t.jsx("button",{type:"button",onClick:()=>h(),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:!x("pauseReason"),onClick:()=>i?p():c(!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 Ot({trigger:s,children:e,open:n,setOpen:a}){return t.jsxs(K.DropdownMenu,{open:n,onOpenChange:a,children:[t.jsx(K.DropdownMenuTrigger,{children:s}),t.jsx(K.DropdownMenuContent,{align:"start",className:"tw-bg-white tw-border-none tw-rounded-lg tw-p-4",children:e})]})}const Fe=({id:s,task:e,endDate:n,users:a,willBePaused:r,nameProject:o,comments:i,priority:c,difficulty:l,responsible:x,nameRequiredTask:d,statusRequiredTask:v,status:N,repeatsToDo:m,repeats:p,medioName:h,paused:y,idProject:f,atraso:j,categoria:T})=>{var J,D,z;const[S,q]=w.useState(!1),[A,C]=w.useState(!1),{reasignResponsible:P,updateUnitys:Q}=X(),{getOBPUrlApi:U}=L(),[u,E]=w.useState(p??0),$=!!(m&&p===m),b=!m||m===1,k=N===0,{user:M}=O(),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&&($||b||k)&&t.jsx(Dt,{id:s,nameRequiredTask:d??"",statusRequiredTask:v??0,status:N,idAtraso:j==null?void 0:j.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:()=>q(!0),children:e})]}),($||b||k)&&N!==2&&t.jsx(Qt,{id:s,nameRequiredTask:d,status:N,statusRequiredTask:v,projectID:f,atrasoId:j==null?void 0:j.atrasoId,categoria:T})]}),H={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}},G=F=>{E(B=>F==="minus"?Math.max(0,B-1):Math.min(m,B+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:o}),h&&t.jsx("p",{className:"tw-text-xl",children:h})]}),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:x,role:M==null?void 0:M.role,users:a.filter(F=>x?F.id===x:!0).map(F=>pt(F,U())),onClick:async(F,B)=>{await P({idNewResponsible:F,id:s,typeOfSelect:B})}}),r&&t.jsx(Ot,{open:A,setOpen:C,trigger:t.jsx("button",{type:"button",onClick:()=>C(!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(_.Icons,{icon:y?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Bt,{idTask:s,setOpen:C,paused:y})})]}),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:[j&&t.jsx(_.TooltipV2,{content:`Tarea atrasada debido a: ${j==null?void 0:j.motivo}`,children:t.jsx(_.Icons,{icon:"exclamation_triangle",size:"xs",color:"#C62E1F",strokeWidth:4})}),t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"difficulty",size:"xs",color:(J=H[l??0])==null?void 0:J.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:(D=H[l??0])==null?void 0:D.color},children:`Dificultad ${(z=H[l??0])==null?void 0:z.title}`})}),t.jsx(zt,{priority:c,id:s}),!m||m&&N===0&&t.jsxs(t.Fragment,{children:[t.jsx(_.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:`${n.getDate()} ${xt(n.getMonth()).slice(0,3)}`})]})]}),N===1&&m&&m>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:()=>G("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(_.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:g.texts.placeholder})}),t.jsx("p",{className:"tw-text-texts-placeholder tw-text-[10px]",children:`${u??0} / ${m??0}`}),t.jsx("button",{onClick:()=>G("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(_.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:()=>{Q({repeats:u,id:s})},children:"Agregar"})]})]})]}),i>0&&t.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:t.jsxs("button",{onClick:()=>q(!0),className:"tw-flex tw-items-center tw-gap-2",children:[t.jsx(_.Icons,{icon:"comment",size:"xs",strokeWidth:4}),t.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:i})]})})]}),t.jsx(Kt,{taskId:s,isOpen:S,setIsOpen:q})]})},ot=({title:s,tasks:e,loadNextPage:n,isFetching:a,total:r})=>{const o=w.useRef(null),i=w.useRef(null),c=w.useRef(!1);w.useEffect(()=>{var d;o!=null&&o.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((d=o==null?void 0:o.current)==null?void 0:d.clientHeight)-300}px`)},[o==null?void 0:o.current]);const l=d=>{if(c.current)return;const{scrollTop:v,clientHeight:N,scrollHeight:m}=d==null?void 0:d.target,p=v/(m-N)*100;p<=95||p>=95&&(c.current=!0,n&&n(),setTimeout(()=>{c.current=!1},200))},x={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return t.jsxs("div",{ref:o,className:`tw-flex tw-flex-col tw-bg-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 ${x[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(_.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:g.texts.placeholder}),t.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:r??0})]})})]}),t.jsxs("div",{ref:i,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(d=>t.jsx(Fe,{...d},d.id)),a?t.jsx(ie,{}):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"}]}],qe=()=>{const{user:s}=O(),[e,n]=w.useState([...Nt]),a=[{roles:["Project Manager","Manager","Operation Manager"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return w.useEffect(()=>{const r=[...Nt];a.forEach(c=>{if(c.roles.includes(s.role)){const l=r.find(x=>x.id===c.id);l&&(l.options.some(d=>d.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const o=JSON.stringify(e),i=JSON.stringify(r);o!==i&&n(r)},[s.role]),{filters:e}},Pe=()=>{var o;const{defineFields:s}=W(),{tasksProject:e}=tt(),{filters:n}=qe();w.useEffect(()=>{(async()=>{let c=[...n];s(c)})()},[]);let a=(o=e==null?void 0:e.data)==null?void 0:o.filter(i=>{var c;return((c=i==null?void 0:i.tasks)==null?void 0:c.length)===0}).reduce((i,c)=>(i[c.status]=i[c.status]||[],i[c.status].push(c),i),{});const r=["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:r.map((i,c)=>{var l;return t.jsx(ot,{total:((l=a==null?void 0:a[c])==null?void 0:l.length)??0,title:i,tasks:(a==null?void 0:a[c])??[],isFetching:e==null?void 0:e.isFetching,isLoadingData:e==null?void 0:e.isLoading})})})},Me=()=>{var a,r;const{toDoTasks:s,total:e}=Lt(),n=[...((r=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:r.flat())??[]];return t.jsx(ot,{total:e,title:"Por hacer",tasks:n,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},Ae=()=>{var x;const s=I.useQueryClient(),{tasks_api:e}=L(),{user:n}=O(),{filters:a}=W(),[r,o]=w.useState(0),[i,c]=w.useState({owner:{user:n.id,config:((x=a==null?void 0:a.owner)==null?void 0:x.config)??"yo_y_mis_equipos",role:n.role},status:"trabajando"}),l=I.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:d})=>mt({filters:{...i,status:"trabajando",...Z(d)},tasks_api:e}),staleTime:1e3*60*60*24,getNextPageParam:(d,v)=>v.length+1});return w.useEffect(()=>{var d;Object.keys(a).length>0&&c({...a,owner:{user:n.id,config:((d=a==null?void 0:a.owner)==null?void 0:d.config)??"yo_y_mis_equipos",role:n.role},status:"trabajando"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const v=await e.get("/api/listado_tareas",{params:{...i,status:"trabajando",...Z(1),tasks_api:e,justCount:!0}});o(v.data.total)})()},[i,l==null?void 0:l.data]),{workingTasks:l,total:r}},Ee=()=>{var a,r;const{workingTasks:s,total:e}=Ae(),n=[...((r=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:r.flat())??[]];return t.jsx(ot,{total:e,title:"Trabajando",tasks:n,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching})},Ie=()=>{var x;const s=I.useQueryClient(),{user:e}=O(),{tasks_api:n}=L(),{filters:a}=W(),[r,o]=w.useState(0),[i,c]=w.useState({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"}),l=I.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:d})=>mt({filters:{...i,status:"completadas",...Z(d)},tasks_api:n}),staleTime:1e3*60*60*24,getNextPageParam:(d,v)=>v.length+1});return w.useEffect(()=>{var d;Object.keys(a).length>0&&c({...a,owner:{user:e.id,config:((d=a==null?void 0:a.owner)==null?void 0:d.config)??"yo_y_mis_equipos",role:e.role},status:"completadas"})},[a]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const v=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...Z(1),justCount:!0,tasks_api:n}});o(v.data.total)})()},[l==null?void 0:l.data,i]),{doneTasks:l,total:r}},$e=()=>{var a,r;const{doneTasks:s,total:e}=Ie(),n=[...((r=(a=s==null?void 0:s.data)==null?void 0:a.pages)==null?void 0:r.flat())??[]];return t.jsx(ot,{title:"Completadas",tasks:n,loadNextPage:()=>gt(s),isFetching:s==null?void 0:s.isFetching,total:e})};class nt{static toSalesmanUsers(e){return{id:e.id,name:e.nombre}}}const De=()=>{const{tasks_api:s}=L(),{filters:e}=W(),{user:n}=O();return{getSalesmanAndProjects:async()=>{var l;const[i,c]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...e,owner:{user:n==null?void 0:n.id,config:((l=e==null?void 0:e.owner)==null?void 0:l.config)??"yo_y_mis_equipos",role:n.role},justProjects:!0}})]);return{salesmanUsers:i.data.map(nt.toSalesmanUsers),projects:c.data.map(nt.toSalesmanUsers)}},getProjects:async()=>{var c;return(await s.get("/api/listado_tareas",{params:{...e,owner:{user:n.id,config:((c=e==null?void 0:e.owner)==null?void 0:c.config)??"yo_y_mis_equipos",role:n.role},justProjects:!0}})).data.map(nt.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(nt.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"}]}],kt=[{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:[]}],Re=()=>{const{user:s}=O(),[e,n]=w.useState([..._t]),a=[{roles:["Project Manager","Manager","Operation Manager"],id:"owner.config",filters:[{id:"todas",name:"Todas las tareas"}]}];return w.useEffect(()=>{const r=[..._t];a.forEach(c=>{if(c.roles.includes(s.role)){const l=r.find(x=>x.id===c.id);l&&(l.options.some(d=>d.id==="todas")||(l.options=[{id:"todas",name:"Todas las tareas"},...l.options]))}});const o=JSON.stringify(e),i=JSON.stringify(r);o!==i&&n(r)},[s.role]),{filters:e}},ze=()=>{const{defineFields:s}=W(),{getSalesmanAndProjects:e}=De(),{filters:n}=Re();return w.useEffect(()=>{(async()=>{let r=[...n],{salesmanUsers:o,projects:i}=await e();s(r.map(c=>(c.id==="project.id"&&(c.options=i),c.id==="salesman.id"&&(c.options=o),c)))})()},[]),t.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[t.jsx(Me,{}),t.jsx(Ee,{}),t.jsx($e,{})]})},Ut=w.createContext({}),Ke=({children:s})=>{const[e,n]=w.useState([]),a=r=>{n(o=>o.includes(r)?o.filter(i=>i!==r):[...o,r])};return t.jsx(Ut.Provider,{value:{selectedTasks:e,selectTask:a},children:s})},Qe=()=>w.useContext(Ut),Wt=()=>{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,{})})]})]})},Ht=({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(_.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(s)]})]}),t.jsx(_.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(_.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:g.texts.subtext}),t.jsxs("p",{className:"tw-text-lg",children:[" ",vt(e)]})]})]}),Vt=({id:s,priority:e,difficulty:n,endDate:a,atraso:r})=>{var x,d,v;const[o,i]=w.useState({priority:!1,difficulty:!1,atraso:!1}),c={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(_.Tooltip,{dispatch:t.jsx(_.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:()=>i({...o,difficulty:!0}),onMouseLeave:()=>i({...o,difficulty:!1}),className:`tw-gap-s ${(x=l[n===0?1:n])==null?void 0:x.border}
|
|
52
52
|
${(d=l[n===0?1:n])==null?void 0:d.borderHover}
|
|
53
53
|
tw-border tw-rounded-[8px] tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center
|
|
54
54
|
transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"difficulty",size:"xs",color:o.difficulty?l[n===0?1:n].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[n===0?1:n].color},children:l[n===0?1:n].title})})}),t.jsx("div",{onMouseEnter:()=>i({...o,priority:!0}),onMouseLeave:()=>i({...o,priority:!1}),className:`tw-gap-s ${((v=c[e??0])==null?void 0:v.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
|
|
55
55
|
hover:tw-border-success-dark transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"flag",size:"xs",color:o.priority?c[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:c[e??0].color},children:c[e??0].title})})}),(r==null?void 0:r.activa)&&t.jsx("div",{onMouseEnter:()=>i({...o,atraso:!0}),onMouseLeave:()=>i({...o,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
|
|
56
|
-
hover:tw-border-danger-dark transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"exclamation_triangle",size:"xs",strokeWidth:4,color:o.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:r==null?void 0:r.motivo})})}),t.jsx(_.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:n}=Qe();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(_.Icons,{icon:"check_outline",size:"xs",color:g.primary.regular,strokeWidth:6})})}),t.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},Yt=({task:s})=>t.jsx(_.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})}),Be=({id:s})=>{var N,m,p,h,y;const[e,n]=w.useState(!1),[a,r]=w.useState(!1),{tasksProject:o}=tt(),{reasignResponsible:i}=X(),{getOBPUrlApi:c}=L(),l=(N=o==null?void 0:o.data)==null?void 0:N.find(b=>b.id===s),[x,d]=w.useState(null),{user:v}=O();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:()=>{d(s)},onMouseLeave:()=>d(null),onClick:()=>r(!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:(m=l==null?void 0:l.atraso)==null?void 0:m.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(Ot,{open:e,setOpen:n,trigger:t.jsx(K.Button,{type:"button",variant:"ghost",onClick:()=>n(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:t.jsx(_.Icons,{icon:l!=null&&l.paused?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Bt,{idTask:l==null?void 0:l.id,setOpen:n,paused:l==null?void 0:l.paused})}),t.jsx(Rt,{role:v==null?void 0:v.role,onClick:async(b,j)=>{var T;await i({idNewResponsible:(T=b==null?void 0:b.tasksUser)==null?void 0:T.id,id:s,typeOfSelect:j})},responsible:l==null?void 0:l.responsible,users:((p=l==null?void 0:l.users)==null?void 0:p.map(b=>pt(b,c())))??[]}),t.jsx(Yt,{task:(l==null?void 0:l.task)??""}),t.jsx(Vt,{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(Ht,{startDate:l==null?void 0:l.startDate,endDate:l==null?void 0:l.endDate}),x===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(_.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:b=>{b.stopPropagation()},children:t.jsx(_.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:b=>{b.stopPropagation()},children:t.jsx(Qt,{id:s,nameRequiredTask:l.nameRequiredTask,status:l.status,statusRequiredTask:l.statusRequiredTask,projectID:(h=o==null?void 0:o.data)==null?void 0:h.id,atrasoId:(y=l==null?void 0:l.atraso)==null?void 0:y.atrasoId,categoria:l==null?void 0:l.categoria})})]})]})}),t.jsx(Kt,{taskId:s,isOpen:a,setIsOpen:r})]})},Gt=({id:s})=>{var c,l,x,d,v,N;const{tasksProject:e,openTasks:n,openTask:a}=tt(),r=(c=e==null?void 0:e.data)==null?void 0:c.find(m=>m.id===s),i=(()=>{var h;const m=e==null?void 0:e.data,p=[];return(h=r==null?void 0:r.tasks)==null||h.forEach(y=>{const b=m.find(j=>j.id===(y==null?void 0:y.id));b&&p.push(b)}),p})();return r?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:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,children:t.jsx(_.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=r==null?void 0:r.tasks)==null?void 0:l.length)===0?1:i.length})}),t.jsx(Yt,{task:(r==null?void 0:r.task)??""}),t.jsx(Vt,{id:s,priority:r==null?void 0:r.priority,difficulty:r==null?void 0:r.difficulty,endDate:r==null?void 0:r.endDate,atraso:r==null?void 0:r.atraso}),t.jsx(Ht,{startDate:r==null?void 0:r.startDate,endDate:r==null?void 0:r.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(_.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-xl",children:((x=r==null?void 0:r.tasks)==null?void 0:x.length)===0?1:(d=r==null?void 0:r.tasks)==null?void 0:d.length})]})]}),n.includes(s)&&t.jsx("div",{className:"tw-ml-[30px]",children:((v=r==null?void 0:r.tasks)==null?void 0:v.length)>0?(N=r==null?void 0:r.tasks)==null?void 0:N.map(m=>t.jsx(Gt,{id:m==null?void 0:m.id})):t.jsx(Be,{id:r==null?void 0:r.id})})]}):null},Oe=()=>{var a;const{tasksProject:s,projectID:e}=tt();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return t.jsx(Wt,{});let n=[...(a=s==null?void 0:s.data)==null?void 0:a.filter(r=>r.isPrincipalTask)];return t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:t.jsx(Ke,{project:e,children:n==null?void 0:n.sort((r,o)=>r.orden-o.orden).map(r=>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(Gt,{id:r.id})}))})})},Ue=({setPath:s,setProject:e})=>{const[n,a]=w.useState([]),[r,o]=w.useState(!0),[i,c]=w.useState(0),[l,x]=w.useState(10),[d,v]=w.useState(0),[N,m]=w.useState("nombre"),{filters:p,defineFields:h}=W(),{tasks_api:y,getImageOBP:b}=L(),{user:j}=O(),T=async(u,E)=>{var $,f,k;try{o(!0);const F={filters:{search:(p==null?void 0:p.search)??"",responsable:{idUser:j.id,responsableType:($=p==null?void 0:p.responsable)==null?void 0:$.responsableType},ejecutivo:(p==null?void 0:p.ejecutivo)??""}},R=await y.get("/api/listado_campanias",{params:{pagination:{page:u,pageSize:E},orderBy:N,...F}}),H=Y(R==null?void 0:R.data);a(H),v((k=(f=R==null?void 0:R.data)==null?void 0:f.meta)==null?void 0:k.total)}catch(F){console.error("Error fetching data en Lista Campaña:",F)}finally{o(!1)}},S=async()=>{try{const u=await y.get("/api/obtener-comerciales");return[...kt].map($=>($.id==="ejecutivo"&&($.options=u.data.map(f=>({id:f.nombre,name:f.nombre}))),$))}catch(u){return console.error("Error fetching salesman data:",u),[...kt]}};w.useEffect(()=>{(async()=>{const E=await S();h(E)})()},[]),w.useEffect(()=>{const u=Math.floor(i/l)+1;T(u,l)},[i,l,N,p]);const P=u=>{c(u.first),x(u.rows)},A=[{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}],C=u=>{const E=parseInt(u.target.value,10);x(E),P({first:0,rows:E})},M=u=>{m(E=>E===u?`${u}:desc`:u)},Q=u=>N===u?"↑↓":N===`${u}:desc`?"↓↑":"↑↓",U=u=>({padding:"auto",backgroundColor:g.silver.silver_light,borderRadius:"50%",cursor:u?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${u?g.gray.gray_regular:g.gray.gray_dark}`,color:u?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:r?t.jsx("div",{className:"tw-w-full",children:t.jsx(Wt,{})}):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:()=>M("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:Q("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:()=>M("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:Q("inicia")}),t.jsx(_.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:()=>M("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:Q("termina")}),t.jsx(_.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:n==null?void 0:n.map((u,E)=>{var $,f,k,F,R,H,G,J,D,z,q,B,st,at,rt,ht,ft,bt;return t.jsxs("tr",{style:{background:E%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer ",onClick:()=>{e({id:u==null?void 0:u.id,project:u==null?void 0:u.nombre}),s("kanban-campania")},onMouseEnter:it=>{it.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:it=>{it.currentTarget.style.backgroundColor=E%2===0?"#F5F5F5":"#FAFAFA"},children:[t.jsx("td",{className:"tw-text-s",children:($=u==null?void 0:u.campania)==null?void 0:$.nombre}),t.jsx("td",{className:"tw-text-s",children:(f=u==null?void 0:u.campania)==null?void 0:f.inicia}),t.jsx("td",{className:"tw-text-s",children:(k=u==null?void 0:u.campania)==null?void 0:k.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:[u==null?void 0:u.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:`${u.progreso}%`,backgroundColor:u.progreso===100?g.progressbar.green_regular:u.progreso>50?g.progressbar.blue_regular:u.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:[(u==null?void 0:u.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:`${(u==null?void 0:u.progresoVenta)??0}%`,backgroundColor:(u==null?void 0:u.progresoVenta)===100?g.progressbar.green_regular:(u==null?void 0:u.progresoVenta)>50?g.progressbar.blue_regular:(u==null?void 0:u.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(V,{imageUrl:(J=(G=(H=(R=(F=u==null?void 0:u.campania)==null?void 0:F.responsable)==null?void 0:R.imagen)==null?void 0:H.formats)==null?void 0:G.thumbnail)!=null&&J.url?b((st=(B=(q=(z=(D=u==null?void 0:u.campania)==null?void 0:D.responsable)==null?void 0:z.imagen)==null?void 0:q.formats)==null?void 0:B.thumbnail)==null?void 0:st.url):"",alt:(ht=(rt=(at=u==null?void 0:u.campania)==null?void 0:at.responsable)==null?void 0:rt.nombre)==null?void 0:ht.charAt(0)}),t.jsx("span",{className:"tw-ml-4 tw-text-s",children:(bt=(ft=u==null?void 0:u.campania)==null?void 0:ft.responsable)==null?void 0:bt.nombre})]})})]},E)})})]})}),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:[n.length," elementos de ",d]}),t.jsx(Jt.Paginator,{first:i,rows:l,totalRecords:d,rowsPerPageOptions:[5,10,20,50],onPageChange:P,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:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-text-s",children:"<"}),NextPageLink:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-text-s",children:">"}),LastPageLink:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-text-s",children:">>"}),PageLinks:u=>t.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:t.jsx("button",{onClick:E=>u.onClick(E),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${u.className.includes("p-highlight")?"highlighted":""}`,style:{...U(!1),backgroundColor:u.className.includes("p-highlight")?"#E1EBF9":g.silver.silver_light,color:g.black.black_dark},children:u.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:u=>C(u),children:A.map(u=>t.jsx("option",{value:u.value,className:"tw-text-s",style:{color:g.gray.gray_dark},children:u.label},u.value))})]})]})]})})})},We=({path:s,tab:e,setPath:n,project:a,setProject:r})=>{const o={"kanban-general":{kanban:t.jsx(ze,{})},"lista-campanias":{lista:t.jsx(Ue,{setPath:n,setProject:r}),gantt:t.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:t.jsx(Pe,{}),lista:t.jsx(Oe,{}),gantt:t.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?t.jsx(At,{project:a==null?void 0:a.id,children:o[s][e]}):o[s][e]},He=({label:s,active:e,onClick:n,disabled:a})=>a?t.jsx(_.Tooltip,{dispatch:t.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:t.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:t.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):t.jsx("button",{disabled:a,onClick:n,className:`${e?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis tw-text-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}),Ve=({tabs:s,renderItem:e,initialTab:n})=>{const[a,r]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&r(n)},[n]);const o=i=>{r(i),e(i)};return t.jsx("div",{className:"tw-flex",children:s.map((i,c)=>t.jsx("div",{className:`${c===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:t.jsx(He,{onClick:()=>o(i.toLowerCase()),label:i,active:i.toLowerCase()===a,disabled:["gantt"].includes(i.toLowerCase())},c)}))})};function Ye(){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(_.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 Ge=({path:s})=>{const e=()=>{const{selectPath:n,updateFilters:a,applyFilters:r,filters:o}=W(),[i,c]=w.useState("kanban"),[l,x]=w.useState(s),[d,v]=w.useState({id:1704,project:"Kanban de Campania"}),[N,m]=w.useState([{path:"lista-campanias",search:(o==null?void 0:o.search)??""},{path:"kanban-campania",search:(o==null?void 0:o.taskName)??""},{path:"kanban-general",search:(o==null?void 0:o.taskName)??""}]),[p,h]=w.useState(),y=w.useRef(null);w.useEffect(()=>{var C;c(l==="lista-campanias"?"lista":"kanban"),n(l),h(((C=N.find(M=>M.path===l))==null?void 0:C.search)??"")},[s,l]),w.useEffect(()=>{var C;((C=P())==null?void 0:C.trim())===""&&a({name:l==="lista-campanias"?"search":"taskName",value:null}),r()},[N]);const b=C=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${d.project}`})[C],j=C=>{x(C)},T=["lista-campanias","kanban-campania"],S={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},P=()=>{var C;return((C=N.find(M=>M.path===l))==null?void 0:C.search)??""},A=C=>{m(M=>M.map(Q=>Q.path===l?{...Q,search:C}:Q))};return w.useEffect(()=>{const C=setTimeout(()=>{a({name:l==="lista-campanias"?"search":"taskName",value:p==null?void 0:p.trim()}),A(p)},500);return()=>{clearTimeout(C)}},[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:()=>j("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:t.jsx(_.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:b(l)}),T.includes(l)&&t.jsx(Ve,{tabs:S[l],renderItem:C=>{c(C)},initialTab:i})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s ",children:[t.jsx("input",{onChange:C=>{h(C.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(Xt,{filterChildren:y,children:t.jsx("div",{ref:y,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(ae,{})})})]})]}),t.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:t.jsx(At,{project:d.id,children:t.jsx(We,{path:l,tab:i,setPath:j,project:d,setProject:v})})})]})};return t.jsx(Zt,{children:t.jsxs(ce,{children:[t.jsx(e,{}),t.jsx(Ye,{})]})})},Je=()=>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"})]})})}),Xe=()=>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"})]})})}),Ze=({path:s,user:e,url:n,mode:a})=>{const r=new I.QueryClient;if(!e)return t.jsx(Je,{});if(!e.accessToken)return t.jsx(Xe,{});let o={user:e,url:n,mode:a};return t.jsx(t.Fragment,{children:t.jsx(oe,{...o,children:t.jsx(le,{...o,children:t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsxs(I.QueryClientProvider,{client:r,children:[t.jsx(Ge,{path:s})," "]})})})})})};exports.AppTasks=Ze;
|
|
56
|
+
hover:tw-border-danger-dark transition-all duration-300 tw-shadow-[0px_0px_2px_0px_rgba(37,37,37,0.10)]`,children:t.jsx(_.Tooltip,{dispatch:t.jsx(_.Icons,{icon:"exclamation_triangle",size:"xs",strokeWidth:4,color:o.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:r==null?void 0:r.motivo})})}),t.jsx(_.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:n}=Qe();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(_.Icons,{icon:"check_outline",size:"xs",color:g.primary.regular,strokeWidth:6})})}),t.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},Yt=({task:s})=>t.jsx(_.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})}),Be=({id:s})=>{var N,m,p,h,y;const[e,n]=w.useState(!1),[a,r]=w.useState(!1),{tasksProject:o}=tt(),{reasignResponsible:i}=X(),{getOBPUrlApi:c}=L(),l=(N=o==null?void 0:o.data)==null?void 0:N.find(f=>f.id===s),[x,d]=w.useState(null),{user:v}=O();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:()=>{d(s)},onMouseLeave:()=>d(null),onClick:()=>r(!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:(m=l==null?void 0:l.atraso)==null?void 0:m.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(Ot,{open:e,setOpen:n,trigger:t.jsx(K.Button,{type:"button",variant:"ghost",onClick:()=>n(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:t.jsx(_.Icons,{icon:l!=null&&l.paused?"play":"pause",size:"xs",strokeWidth:2})}),children:t.jsx(Bt,{idTask:l==null?void 0:l.id,setOpen:n,paused:l==null?void 0:l.paused})}),t.jsx(Rt,{role:v==null?void 0:v.role,onClick:async(f,j)=>{var T;await i({idNewResponsible:(T=f==null?void 0:f.tasksUser)==null?void 0:T.id,id:s,typeOfSelect:j})},responsible:l==null?void 0:l.responsible,users:((p=l==null?void 0:l.users)==null?void 0:p.map(f=>pt(f,c())))??[]}),t.jsx(Yt,{task:(l==null?void 0:l.task)??""}),t.jsx(Vt,{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(Ht,{startDate:l==null?void 0:l.startDate,endDate:l==null?void 0:l.endDate}),x===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(_.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:f=>{f.stopPropagation()},children:t.jsx(_.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:f=>{f.stopPropagation()},children:t.jsx(Qt,{id:s,nameRequiredTask:l.nameRequiredTask,status:l.status,statusRequiredTask:l.statusRequiredTask,projectID:(h=o==null?void 0:o.data)==null?void 0:h.id,atrasoId:(y=l==null?void 0:l.atraso)==null?void 0:y.atrasoId,categoria:l==null?void 0:l.categoria})})]})]})}),t.jsx(Kt,{taskId:s,isOpen:a,setIsOpen:r})]})},Gt=({id:s})=>{var c,l,x,d,v,N;const{tasksProject:e,openTasks:n,openTask:a}=tt(),r=(c=e==null?void 0:e.data)==null?void 0:c.find(m=>m.id===s),i=(()=>{var h;const m=e==null?void 0:e.data,p=[];return(h=r==null?void 0:r.tasks)==null||h.forEach(y=>{const f=m.find(j=>j.id===(y==null?void 0:y.id));f&&p.push(f)}),p})();return r?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:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,children:t.jsx(_.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=r==null?void 0:r.tasks)==null?void 0:l.length)===0?1:i.length})}),t.jsx(Yt,{task:(r==null?void 0:r.task)??""}),t.jsx(Vt,{id:s,priority:r==null?void 0:r.priority,difficulty:r==null?void 0:r.difficulty,endDate:r==null?void 0:r.endDate,atraso:r==null?void 0:r.atraso}),t.jsx(Ht,{startDate:r==null?void 0:r.startDate,endDate:r==null?void 0:r.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(_.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:g.texts.subtext}),t.jsx("p",{className:"tw-text-xl",children:((x=r==null?void 0:r.tasks)==null?void 0:x.length)===0?1:(d=r==null?void 0:r.tasks)==null?void 0:d.length})]})]}),n.includes(s)&&t.jsx("div",{className:"tw-ml-[30px]",children:((v=r==null?void 0:r.tasks)==null?void 0:v.length)>0?(N=r==null?void 0:r.tasks)==null?void 0:N.map(m=>t.jsx(Gt,{id:m==null?void 0:m.id})):t.jsx(Be,{id:r==null?void 0:r.id})})]}):null},Oe=()=>{var a;const{tasksProject:s,projectID:e}=tt();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return t.jsx(Wt,{});let n=[...(a=s==null?void 0:s.data)==null?void 0:a.filter(r=>r.isPrincipalTask)];return t.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:t.jsx(Ke,{project:e,children:n==null?void 0:n.sort((r,o)=>r.orden-o.orden).map(r=>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(Gt,{id:r.id})}))})})},Ue=({setPath:s,setProject:e})=>{const[n,a]=w.useState([]),[r,o]=w.useState(!0),[i,c]=w.useState(0),[l,x]=w.useState(10),[d,v]=w.useState(0),[N,m]=w.useState("nombre"),{filters:p,defineFields:h}=W(),{tasks_api:y,getImageOBP:f}=L(),{user:j}=O(),T=async(u,E)=>{var $,b,k;try{o(!0);const M={filters:{search:(p==null?void 0:p.search)??"",responsable:{idUser:j.id,responsableType:($=p==null?void 0:p.responsable)==null?void 0:$.responsableType},ejecutivo:(p==null?void 0:p.ejecutivo)??""}},R=await y.get("/api/listado_campanias",{params:{pagination:{page:u,pageSize:E},orderBy:N,...M}}),H=Y(R==null?void 0:R.data);a(H),v((k=(b=R==null?void 0:R.data)==null?void 0:b.meta)==null?void 0:k.total)}catch(M){console.error("Error fetching data en Lista Campaña:",M)}finally{o(!1)}},S=async()=>{try{const u=await y.get("/api/obtener-comerciales");return[...kt].map($=>($.id==="ejecutivo"&&($.options=u.data.map(b=>({id:b.nombre,name:b.nombre}))),$))}catch(u){return console.error("Error fetching salesman data:",u),[...kt]}};w.useEffect(()=>{(async()=>{const E=await S();h(E)})()},[]),w.useEffect(()=>{const u=Math.floor(i/l)+1;T(u,l)},[i,l,N,p]);const q=u=>{c(u.first),x(u.rows)},A=[{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}],C=u=>{const E=parseInt(u.target.value,10);x(E),q({first:0,rows:E})},P=u=>{m(E=>E===u?`${u}:desc`:u)},Q=u=>N===u?"↑↓":N===`${u}:desc`?"↓↑":"↑↓",U=u=>({padding:"auto",backgroundColor:g.silver.silver_light,borderRadius:"50%",cursor:u?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${u?g.gray.gray_regular:g.gray.gray_dark}`,color:u?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:r?t.jsx("div",{className:"tw-w-full",children:t.jsx(Wt,{})}):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:()=>P("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:Q("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:()=>P("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:Q("inicia")}),t.jsx(_.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:()=>P("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:Q("termina")}),t.jsx(_.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:n==null?void 0:n.map((u,E)=>{var $,b,k,M,R,H,G,J,D,z,F,B,st,at,rt,ht,ft,bt;return t.jsxs("tr",{style:{background:E%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer ",onClick:()=>{e({id:u==null?void 0:u.id,project:u==null?void 0:u.nombre}),s("kanban-campania")},onMouseEnter:it=>{it.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:it=>{it.currentTarget.style.backgroundColor=E%2===0?"#F5F5F5":"#FAFAFA"},children:[t.jsx("td",{className:"tw-text-s",children:($=u==null?void 0:u.campania)==null?void 0:$.nombre}),t.jsx("td",{className:"tw-text-s",children:(b=u==null?void 0:u.campania)==null?void 0:b.inicia}),t.jsx("td",{className:"tw-text-s",children:(k=u==null?void 0:u.campania)==null?void 0:k.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:[u==null?void 0:u.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:`${u.progreso}%`,backgroundColor:u.progreso===100?g.progressbar.green_regular:u.progreso>50?g.progressbar.blue_regular:u.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:[(u==null?void 0:u.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:`${(u==null?void 0:u.progresoVenta)??0}%`,backgroundColor:(u==null?void 0:u.progresoVenta)===100?g.progressbar.green_regular:(u==null?void 0:u.progresoVenta)>50?g.progressbar.blue_regular:(u==null?void 0:u.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(V,{imageUrl:(J=(G=(H=(R=(M=u==null?void 0:u.campania)==null?void 0:M.responsable)==null?void 0:R.imagen)==null?void 0:H.formats)==null?void 0:G.thumbnail)!=null&&J.url?f((st=(B=(F=(z=(D=u==null?void 0:u.campania)==null?void 0:D.responsable)==null?void 0:z.imagen)==null?void 0:F.formats)==null?void 0:B.thumbnail)==null?void 0:st.url):"",alt:(ht=(rt=(at=u==null?void 0:u.campania)==null?void 0:at.responsable)==null?void 0:rt.nombre)==null?void 0:ht.charAt(0)}),t.jsx("span",{className:"tw-ml-4 tw-text-s",children:(bt=(ft=u==null?void 0:u.campania)==null?void 0:ft.responsable)==null?void 0:bt.nombre})]})})]},E)})})]})}),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:[n.length," elementos de ",d]}),t.jsx(Jt.Paginator,{first:i,rows:l,totalRecords:d,rowsPerPageOptions:[5,10,20,50],onPageChange:q,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:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-text-s",children:"<"}),NextPageLink:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-text-s",children:">"}),LastPageLink:u=>t.jsx("button",{onClick:u.onClick,disabled:u.disabled,style:U(u.disabled),className:"tw-text-s",children:">>"}),PageLinks:u=>t.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:t.jsx("button",{onClick:E=>u.onClick(E),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${u.className.includes("p-highlight")?"highlighted":""}`,style:{...U(!1),backgroundColor:u.className.includes("p-highlight")?"#E1EBF9":g.silver.silver_light,color:g.black.black_dark},children:u.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:u=>C(u),children:A.map(u=>t.jsx("option",{value:u.value,className:"tw-text-s",style:{color:g.gray.gray_dark},children:u.label},u.value))})]})]})]})})})},We=({path:s,tab:e,setPath:n,project:a,setProject:r})=>{const o={"kanban-general":{kanban:t.jsx(ze,{})},"lista-campanias":{lista:t.jsx(Ue,{setPath:n,setProject:r}),gantt:t.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:t.jsx(Pe,{}),lista:t.jsx(Oe,{}),gantt:t.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?t.jsx(At,{project:a==null?void 0:a.id,children:o[s][e]}):o[s][e]},He=({label:s,active:e,onClick:n,disabled:a})=>a?t.jsx(_.Tooltip,{dispatch:t.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:t.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:t.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):t.jsx("button",{disabled:a,onClick:n,className:`${e?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis tw-text-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}),Ve=({tabs:s,renderItem:e,initialTab:n})=>{const[a,r]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&r(n)},[n]);const o=i=>{r(i),e(i)};return t.jsx("div",{className:"tw-flex",children:s.map((i,c)=>t.jsx("div",{className:`${c===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:t.jsx(He,{onClick:()=>o(i.toLowerCase()),label:i,active:i.toLowerCase()===a,disabled:["gantt"].includes(i.toLowerCase())},c)}))})};function Ye(){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(_.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 Ge=({path:s})=>{const e=()=>{const{selectPath:n,updateFilters:a,applyFilters:r,filters:o}=W(),[i,c]=w.useState("kanban"),[l,x]=w.useState(s),[d,v]=w.useState({id:1704,project:"Kanban de Campania"}),[N,m]=w.useState([{path:"lista-campanias",search:(o==null?void 0:o.search)??""},{path:"kanban-campania",search:(o==null?void 0:o.taskName)??""},{path:"kanban-general",search:(o==null?void 0:o.taskName)??""}]),[p,h]=w.useState(),y=w.useRef(null);w.useEffect(()=>{var C;c(l==="lista-campanias"?"lista":"kanban"),n(l),h(((C=N.find(P=>P.path===l))==null?void 0:C.search)??"")},[s,l]),w.useEffect(()=>{var C;((C=q())==null?void 0:C.trim())===""&&a({name:l==="lista-campanias"?"search":"taskName",value:null}),r()},[N]);const f=C=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${d.project}`})[C],j=C=>{x(C)},T=["lista-campanias","kanban-campania"],S={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},q=()=>{var C;return((C=N.find(P=>P.path===l))==null?void 0:C.search)??""},A=C=>{m(P=>P.map(Q=>Q.path===l?{...Q,search:C}:Q))};return w.useEffect(()=>{const C=setTimeout(()=>{a({name:l==="lista-campanias"?"search":"taskName",value:p==null?void 0:p.trim()}),A(p)},500);return()=>{clearTimeout(C)}},[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:()=>j("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:t.jsx(_.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:f(l)}),T.includes(l)&&t.jsx(Ve,{tabs:S[l],renderItem:C=>{c(C)},initialTab:i})]}),t.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s ",children:[t.jsx("input",{onChange:C=>{h(C.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(Xt,{filterChildren:y,children:t.jsx("div",{ref:y,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(ae,{})})})]})]}),t.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:t.jsx(At,{project:d.id,children:t.jsx(We,{path:l,tab:i,setPath:j,project:d,setProject:v})})})]})};return t.jsx(Zt,{children:t.jsxs(ce,{children:[t.jsx(e,{}),t.jsx(Ye,{})]})})},Je=()=>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"})]})})}),Xe=()=>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"})]})})}),Ze=({path:s,user:e,url:n,mode:a})=>{const r=new I.QueryClient;if(!e)return t.jsx(Je,{});if(!e.accessToken)return t.jsx(Xe,{});let o={user:e,url:n,mode:a};return t.jsx(t.Fragment,{children:t.jsx(oe,{...o,children:t.jsx(le,{...o,children:t.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:t.jsxs(I.QueryClientProvider,{client:r,children:[t.jsx(Ge,{path:s})," "]})})})})})};exports.AppTasks=Ze;
|