@imj_media/tareas 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tareas.cjs +1 -1
- package/dist/tareas.es.js +1 -1
- package/package.json +2 -2
package/dist/tareas.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@imj_media/imj-ui/styles.css");const q=require("@tanstack/react-query"),w=require("react"),y=require("@imj_media/tasks-modules"),J=require("react-dom"),ve=require("axios"),_e=require("qs"),se=require("date-fns"),ne=require("date-fns/locale"),O=require("@imj_media/imj-ui"),Be=require("react-hook-form"),ze=require("primereact/paginator"),m={bg:{DEFAULT:"#EFEFEF",content:"#FAFAFA",card:"#FAFAFA"},texts:{DEFAULT:"#252525",enfasis:"#3658c1",subtext:"#4f4f4f",placeholder:"#929292"},primary:{light:"#E7E9F2",medium:"#dae2ec",dark:"#334990",regular:"#425CAC",pastel:"#5c7ddd"},success:{light:"#368156",medium:"#D2E9DC",dark:"#368156",regular:"#43B071",pastel:"#57BA81"},danger:{light:"#F1E5E4",medium:"#EBDBD9",dark:"#8C352C",regular:"#C34335",pastel:"#C43355"},warning:{light:"#F2ECE5",medium:"#EBE3D9",dark:"#B4782F",regular:"#D38A31",pastel:"#D38A31"},alert:{light:"#F1F1E4",medium:"#EAE9D9",dark:"#ADA63A",regular:"#D6CC48",pastel:"#D6CC48"},info:{light:"#E7F5FF",medium:"#D9E6EE",dark:"#1C5073",regular:"#1B6698",pastel:"#1B6698"},link:{light:"#ECF8FE",medium:"#D8F1FD",dark:"#0A7AAE",regular:"#0EA5E9",pastel:"#0EA5E9"},silver:{silver_white:" #FAFAFA",silver_light:" #F5F5F5",silver_dark:" #E9E9E9",silver_regular:"#EFEFEF"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_light:"#D9D9D9",gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313",black_regular:"#252525"}},le=()=>{const[s,t]=w.useState(null);return{position:s,setElementPosition:l=>{var p;let i=(p=l.current)==null?void 0:p.getBoundingClientRect(),d=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),o=(i==null?void 0:i.y)+(i==null?void 0:i.height);t(s?null:{x:d??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Re=({children:s,filterChildren:t})=>{const{position:n,setElementPosition:r}=le(),a=w.useRef(null),l=({children:i})=>{const[d,o]=w.useState();return w.useEffect(()=>{var p,x;t.current&&o(((n==null?void 0:n.x)??0)-(((x=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:x.width)??0))},[t==null?void 0:t.current,n==null?void 0:n.x]),n&&J.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${d}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:a,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:m.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{r(a)}}),e.jsx(l,{children:s})]})},be=s=>{let t={};return Object.entries(s).forEach(([n,r])=>{if(n.includes(".")){let[a,l]=n.split(".");t[a]=t[a]||{},t[a][l]=r}else t[n]=r}),t},Ce=w.createContext({}),Le=({children:s})=>{const[t,n]=w.useState({}),[r,a]=w.useState({}),[l,i]=w.useState([]),[d,o]=w.useState(""),p=({name:h,value:u})=>{function g(N){return!isNaN(N)&&N!==null&&N!==""?parseFloat(N):null}let v=g(u);a(N=>{let _={...N},F=l==null?void 0:l.find(T=>T.label.toLowerCase().replace(/ /g,"_")===h);return F?_[F.id]=v??u:_[h]=v??u,_})};w.useEffect(()=>{let h=l.map(u=>u.id==="owner.config"?[u.id,"yo_y_mis_equipos"]:u.id==="dependency"?[u.id,"ambas"]:[u.id,null]);a(u=>{let g={search:u==null?void 0:u.search,taskName:u==null?void 0:u.taskName};return g={...g,...Object.fromEntries(h)},g})},[l]);const x=()=>{let h=l.map(u=>u.id==="owner.config"?[u.id,"yo_y_mis_equipos"]:u.id==="dependency"?[u.id,"ambas"]:[u.id,null]);a(Object.fromEntries(h)),n(be(Object.fromEntries(h)))},b=()=>{let h=be(r);n(h)};return e.jsx(Ce.Provider,{value:{fields:l,filters:t,path:d,defineFields:i,updateFilters:p,cleanFilters:x,applyFilters:b,initialFilters:r,selectPath:o},children:s})},z=()=>w.useContext(Ce);function Ue(s,t=300,n={leading:!1,trailing:!0}){let r,a=null;return function(...l){const i=Date.now(),d=n.leading&&!a;clearTimeout(r),d&&s(...l),a=i,r=setTimeout(()=>{n.trailing&&(!n.leading||i-a>=t)&&(s(...l),a=null)},t)}}const K=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:n="s"})=>{const r={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 e.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:t??"avatar",className:`${r} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ie=({options:s,onselect:t})=>{const[n,r]=w.useState(null),a=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...s].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:a,value:n??"",onChange:i=>r(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"}),e.jsx("div",{className:"tw-absolute tw-right-[8px]",children:e.jsx(y.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),e.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:l.map(i=>e.jsxs("button",{onClick:()=>{t(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&&e.jsx(K,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:i.name})]}))})]})},Ke=({error:s,options:t,onSelect:n,initialValue:r})=>{const[a,l]=w.useState(!1),[i,d]=w.useState((r==null?void 0:r.name)??null);return w.useEffect(()=>{r&&d(r)},[r]),e.jsxs("div",{className:"tw-relative",children:[e.jsxs("div",{onBlur:()=>l(!1),onClick:()=>l(!a),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:[e.jsx("p",{children:(i==null?void 0:i.name)??"Selecciona una opción"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:s?m.danger.regular:m.texts.placeholder})]}),a&&e.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:e.jsx(ie,{onselect:o=>{d(o),l(!1),n&&n(o)},options:t})})]})},Qe=()=>{const{fields:s,updateFilters:t,cleanFilters:n,applyFilters:r,initialFilters:a}=z();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-2xl",children:"Filtros"}),e.jsx("button",{className:"tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:n,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((l,i)=>{var d;return e.jsxs("div",{style:{zIndex:10-i},children:[e.jsx("p",{className:"tw-text-xl z-[1]",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("div",{className:"tw-relative tw-z-[10]",children:e.jsx(Ke,{error:!1,options:l==null?void 0:l.options,onSelect:o=>{t({name:l==null?void 0:l.id,value:o==null?void 0:o.id})},initialValue:(d=l==null?void 0:l.options)==null?void 0:d.find(o=>o.id===(a==null?void 0:a[l==null?void 0:l.id]))})}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:a==null?void 0:a[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:Ue(o=>{var p,x;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(x=o==null?void 0:o.target)==null?void 0:x.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-bg-primary-regular hover:tw-bg-primary-dark tw-text-white tw-rounded-md tw-py-s tw-text-xl",onClick:r,children:"Filtrar"})]})},W=s=>{const t=r=>Object.prototype.toString.call(r)==="[object Object]",n=r=>r.attributes?{id:r.id,...r.attributes}:r;if(Array.isArray(s))return s.map(r=>W(r));if(t(s)){Array.isArray(s.data)?s=[...s.data]:t(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const r in s)s[r]=W(s[r]);return s}return s};class Oe{static toCampaignTasks(t){var r,a,l,i,d,o,p,x,b,h,u,g;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(v=>{var N,_,F,T;n!=null&&n.find(f=>f.id===v.idUser.id)||v.idUser&&n.push({id:v.idUser.id,name:v.idUser.nombre,image:(T=(F=(_=(N=v==null?void 0:v.userOBP)==null?void 0:N.imagen)==null?void 0:_.formats)==null?void 0:F.thumbnail)==null?void 0:T.url})}),{isPrincipalTask:(t==null?void 0:t.tarea_principal)??!1,projectName:((p=t==null?void 0:t.proyecto)==null?void 0:p.nombre)??null,orden:(t==null?void 0:t.orden)??null,id:(t==null?void 0:t.id)??null,task:(t==null?void 0:t.texto_corto)??null,status:(t==null?void 0:t.estatus)??null,difficulty:(t==null?void 0:t.nivel_dificultad)??null,priority:(t==null?void 0:t.prioridad)??0,endDate:new Date((t==null?void 0:t.ffin)??null),startDate:new Date((t==null?void 0:t.finicio)??null),mediumName:(t==null?void 0:t.nombre_medio)??null,users:n,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((x=t==null?void 0:t.comentarios)==null?void 0:x.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((b=t==null?void 0:t.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((h=t==null?void 0:t.id_t_requerida)==null?void 0:h.texto_corto)??null,responsible:((u=t==null?void 0:t.responsable)==null?void 0:u.id)??null,tasks:((g=t==null?void 0:t.tareas)==null?void 0:g.map(v=>({id:v.id,name:v.texto_corto,status:v.estatus})))??null}}}const We=async({filters:s,tasks_api:t,project:n})=>{try{const r=await t.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return W(r.data.tareas).map(Oe.toCampaignTasks)}catch(r){console.log(r)}},Fe=w.createContext({}),He=({children:s,user:t,url:n,mode:r})=>{const a=r==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",l=ve.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:o=>_e.stringify(o,{encodeValuesOnly:!0})}),i=()=>a,d=o=>o==="undefined"?"":`${a}${o}`;return e.jsx(Fe.Provider,{value:{tasks_api:l,getOBPUrlApi:i,getImageOBP:d},children:s})},D=()=>w.useContext(Fe),Se=w.createContext({}),Ye=({children:s,user:t,url:n})=>{const r=ve.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:a=>_e.stringify(a,{encodeValuesOnly:!0})});return e.jsx(Se.Provider,{value:{user:t,tasks_api:r},children:s})},H=()=>w.useContext(Se),Te=w.createContext({}),Ge=({children:s,project:t})=>{var N;const n=q.useQueryClient(),[r,a]=w.useState([]),[l,i]=w.useState([]),{tasks_api:d}=D(),{filters:o}=z(),{user:p}=H(),[x,b]=w.useState({owner:{user:p.id,config:((N=o==null?void 0:o.owner)==null?void 0:N.config)??"yo_y_mis_equipos"},project:{id:t}}),h=q.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>We({filters:{...x,taskName:o==null?void 0:o.taskName},project:t,tasks_api:d})});w.useEffect(()=>{var _;Object.keys(o).length>0&&b({...o,owner:{user:p.id,config:((_=o==null?void 0:o.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),w.useEffect(()=>{console.log("entraaaaa kanabn",o,x),n.invalidateQueries({queryKey:["tasksProject",o,t]})},[x]);const u=_=>{a(F=>[...F,_])},g=_=>{i(F=>F.includes(_)?F.filter(T=>T!==_):[...F,_])},v=t??null;return e.jsx(Te.Provider,{value:{tasksProject:h,selectedTasks:r,projectID:v,openTasks:l,selectTask:u,openTask:g},children:s})},V=()=>w.useContext(Te),Xe=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ze=()=>e.jsxs("div",{className:"tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-h-[30px] tw-gap-3",children:[e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"}),e.jsx("div",{className:"tw-w-full tw-h-full tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]",children:[e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"})]})]}),ee=()=>{const{tasks_api:s}=D(),{user:t}=H(),{filters:n,path:r}=z(),a=q.useQueryClient(),{projectID:l}=V(),i=async({id:f})=>(await s.put(`/api/tareas/${f}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,d=async({id:f})=>(await s.post("/api/terminarTarea",{id_task:f,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:f,repeats:j})=>(await s.put(`/api/tareas/${f}`,{data:{repeticiones_realizadas:j,updated_by:t==null?void 0:t.id}})).data,p=async({id:f,idNewResponsible:j,typeOfSelect:S})=>{let C={updated_by:t==null?void 0:t.id};return S==="responsible"&&(C={...C,responsable:j}),S==="team"&&(C={...C,responsable:null,equipo:j}),(await s.put(`/api/tareas/${f}`,{data:C})).data},x=async({id:f,data:j,user:S})=>{},b=async({id:f})=>{await h({id:f})},{mutateAsync:h}=q.useMutation({mutationFn:i,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error updating the element:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:u}=q.useMutation({mutationFn:d,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a.setQueryData([f[r],n],j=>{console.log({oldData:j})}),r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:g}=q.useMutation({mutationFn:o,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:v}=q.useMutation({mutationFn:p,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to reassign the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:x,startWorking:b,completeTask:async({id:f})=>{await u({id:f})},reasignResponsible:async({id:f,idNewResponsible:j,typeOfSelect:S})=>{await v({id:f,idNewResponsible:j,typeOfSelect:S})},updateUnitys:async({repeats:f,id:j})=>{await g({repeats:f,id:j})},pauseTask:async({id:f,motiveId:j})=>{console.log({taksId:f,motivoId:j,user:t==null?void 0:t.id})}}},Je=({id:s})=>{const[t,n]=w.useState(!1),{completeTask:r}=ee();return{checked:t,checkTask:()=>{n(!t),r({id:s})}}},Pe=({id:s,nameRequiredTask:t,statusRequiredTask:n,status:r})=>{const{checked:a,checkTask:l}=Je({id:s});let i=Math.random().toString();const d=t!==""&&n===2;return e.jsxs(e.Fragment,{children:[r===2&&e.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:e.jsx(y.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),d||!t?r===1?e.jsx("label",{htmlFor:i,className:a?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:a?"check_outline":"circle_checked",color:a?"white":m.texts.placeholder,strokeWidth:4,size:a?"xs":"s"})}):e.jsx(e.Fragment,{children:" "}):e.jsx(y.Tooltip,{dispatch:e.jsx("label",{className:"tw-cursor-help",children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),children:e.jsxs("div",{className:"tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:i,checked:a,onChange:l,type:"checkbox",className:"tw-hidden"})]})},je=({trigger:s,user:t,showUser:n=!0})=>e.jsx(y.Tooltip,{dispatch:s,children:n&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(K,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})});class Ve{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const et=()=>{const{tasks_api:s}=D();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return W(n.data).map(Ve.toDomain)}})}};class tt{static toUsers(t){var n,r,a;return{id:t.id,name:t.nombre,image:(a=(r=(n=t.imagen)==null?void 0:n.formats)==null?void 0:r.thumbnail)==null?void 0:a.url,tasksUser:{email:t.tasksUser.email,id:t.tasksUser.id,nombre:t.tasksUser.nombre}}}}const st=async({tasks_api:s})=>{try{const t=await s.get("/api/allOBPUsers");return W(t.data).map(tt.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},at=()=>{const{tasks_api:s}=D();return{users:q.useQuery({queryKey:["users"],queryFn:()=>st({tasks_api:s}),staleTime:1e3*60*60*24})}},oe=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function rt(s){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return t[n]}const ye=s=>{let t=s||new Date,n=t.getDate(),r=oe(t.getMonth()).slice(0,3),a=t.getFullYear().toString().slice(-2),l=rt(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${n} ${r.charAt(0).toUpperCase()+r.slice(1)} ${a}`},ce=(s,t)=>({...s,image:s.image?`${t}${s.image}`:""}),qe=({users:s,onClick:t,responsible:n})=>{const{getOBPUrlApi:r}=D();let a=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:l,position:i,clearPosition:d}=le(),o=w.useRef(null),p=()=>n?null:s.length>3&&e.jsx(y.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-white ",children:`+${s.length-3}`})}),children:e.jsx("div",{className:"tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:s==null?void 0:s.slice(3).map((u,g)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(K,{imageUrl:u.image??"",alt:u.name},g),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:u.name})]},g))})}),x=()=>{if(n){let u=s.find(g=>g.id===n);return e.jsx("div",{children:e.jsx(je,{trigger:e.jsx(K,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},n),user:u,showUser:!(i!=null&&i.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((u,g)=>e.jsx("div",{className:`${g===0?"":"tw-ml-[-8px]"}`,children:e.jsx(je,{trigger:e.jsx(K,{imageUrl:u.image,alt:u.name},g),user:u,showUser:!(i!=null&&i.x)})}))},b=({children:u})=>e.jsx("label",{ref:o,htmlFor:a,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(s.length===0)return e.jsx(b,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const h=()=>{var f;const[u,g]=w.useState(),[v,N]=w.useState("team"),{teams:_}=et(),{users:F}=at();w.useEffect(()=>{var j,S;o.current&&g(((i==null?void 0:i.x)??0)-(((S=(j=o.current)==null?void 0:j.getBoundingClientRect())==null?void 0:S.width)??0))},[o==null?void 0:o.current,i==null?void 0:i.x]);const T=()=>{const j=[{id:"team",label:"Equipo"},{id:"responsible",label:"Responsable"}];return e.jsx("div",{className:"tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold",children:j.map((S,C)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${v===S.id?"tw-text-primary-pastel":""} ${C===j.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>N(S.id),children:S.label}))})};return(i==null?void 0:i.x)&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${i==null?void 0:i.y}px`,left:`${u}px`,zIndex:1},children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[e.jsx(T,{}),e.jsx(ie,{options:v==="team"?_.data.map(j=>({id:j.id,name:j.name,image:""})):(f=F.data)==null?void 0:f.map(j=>ce(j,r())),onselect:j=>{var S;d(),t&&t((S=j.tasksUser)==null?void 0:S.id,v)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(b,{children:[x(),p()]}),e.jsx("button",{className:"tw-hidden",id:a,onClick:()=>l(o)}),e.jsx(h,{})]})};function nt({items:s}){var r;const[t,n]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((a,l)=>e.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${l!==0?"tw-px-3":""}`,children:e.jsx(O.Button,{variant:"ghost",onClick:()=>n(a.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===a.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:a.label},a.id)},a.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(r=s.find(a=>a.id===t))==null?void 0:r.component})]})}function lt({comment:s}){var a,l,i,d,o;const{getImageOBP:t}=D(),n=(d=(i=(l=(a=s==null?void 0:s.autor)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url;function r(p){const x=se.parseISO(p);return se.formatDistanceToNow(x,{locale:ne.es,addSuffix:!0})}return e.jsx("div",{children:e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[e.jsx(K,{size:"xxl",imageUrl:n?t(n):"",alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(o=s==null?void 0:s.autor)==null?void 0:o.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:r(s==null?void 0:s.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:s==null?void 0:s.comentario})]})]})})}function it({currentUser:s,data:t,taskId:n,onNewComment:r}){var u,g,v;const{tasks_api:a,getImageOBP:l}=D(),{register:i,handleSubmit:d,reset:o}=Be.useForm(),[p,x]=w.useState([]),b=(v=(g=(u=s==null?void 0:s.imagen)==null?void 0:u.formats)==null?void 0:g.thumbnail)==null?void 0:v.url;w.useEffect(()=>{if(t!=null&&t.comentarios){const N=[...t.comentarios].sort((_,F)=>new Date(F.createdAt).getTime()-new Date(_.createdAt).getTime());x(N)}},[t]);const h=async N=>{try{const _={autor:{id:s==null?void 0:s.id,email:s==null?void 0:s.email,nombre:s==null?void 0:s.nombre,imagen:s==null?void 0:s.imagen},comentario:N==null?void 0:N.comment,createdAt:new Date().toISOString()};await a.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:N.comment,tarea:n}}),r(!0),x(F=>[_,...F]),o()}catch(_){console.error("Error al agregar comentario:",_)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:d(h),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(K,{size:"xxl",imageUrl:b?l(b):"",alt:"@shadcn"}),e.jsx(O.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"})]}),p&&p.map((N,_)=>e.jsx(lt,{comment:N},_))]})}function ot({data:s}){const t={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=r=>r?se.format(new Date(r),"d MMM",{locale:ne.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(O.Label,{className:"tw-text-2xl tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:s==null?void 0:s.length})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:s==null?void 0:s.map(r=>{var a,l,i,d,o;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(K,{imageUrl:(d=(i=(l=(a=r.responsable)==null?void 0:a.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:r==null?void 0:r.texto_corto})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[e.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(r==null?void 0:r.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[r==null?void 0:r.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},r.id)})})]})}function ct({isOpen:s,setIsOpen:t,taskId:n}){var F,T,f,j,S,C,M,$,B,c,P,A;const[r,a]=w.useState(null),[l,i]=w.useState(!1),[d,o]=w.useState(!1),[p,x]=w.useState(null),b=(j=(f=(T=(F=r==null?void 0:r.responsable)==null?void 0:F.imagen)==null?void 0:T.formats)==null?void 0:f.thumbnail)==null?void 0:j.url,{tasks_api:h,getImageOBP:u}=D(),{user:g}=H();w.useEffect(()=>{if(s&&n||l){const k=async()=>{const E=await h.get(`/api/detalleTarea/${n}`);a(E==null?void 0:E.data)},R=async()=>{var L,Q;const E=await h.get(`/api/users/${g.id}`),I=await h.post("/api/obtenerUsuarioOBP/",{emailList:[(L=E==null?void 0:E.data)==null?void 0:L.email]});x((Q=I==null?void 0:I.data)==null?void 0:Q.data[0])};k(),R()}},[s,n,l]);const v={0:{label:"Sin prioridad",color:"tw-text-primary-regular",iconColor:"#425CAC"},1:{label:"Baja",color:"tw-text-success-regular",iconColor:"#43B071"},2:{label:"Media",color:"tw-text-warning-regular",iconColor:"#D38A31"},3:{label:"Alta",color:"tw-text-danger-regular",iconColor:"#C34335"}},N=k=>k?se.format(k,"d MMM yyyy, h:mmaaa",{locale:ne.es}):"Fecha no disponible",_=[{id:1,label:"Todo",component:e.jsx(it,{taskId:n,currentUser:p,data:r,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(ot,{data:r==null?void 0:r.ids_t_dependientes})}];return s&&J.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`tw-fixed tw-inset-0 tw-bg-transparent tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-z-20 ${s?"tw-pointer-events-auto tw-block":"tw-pointer-events-none tw-hidden"}`,onClick:()=>t(!1)}),e.jsx("section",{className:`tw-fixed tw-top-0 tw-bottom-0 tw-bg-white tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-w-[55rem] tw-h-screen tw-z-50 tw-overflow-hidden tw-transition-all tw-ease-in-out tw-duration-500 tw-shadow-2xl ${s?"tw-right-0 tw-pointer-events-auto tw-block":"tw-right-[-100%] tw-pointer-events-none tw-hidden"}`,children:e.jsxs("div",{className:"tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10",children:[e.jsxs("div",{className:"tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative",children:[((S=r==null?void 0:r.id_t_requerida)==null?void 0:S.id)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>o(!0),onMouseLeave:()=>o(!1),children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),d&&e.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),e.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(C=r==null?void 0:r.id_t_requerida)==null?void 0:C.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:r==null?void 0:r.texto_corto})]}),e.jsx(O.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:e.jsx(y.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between tw-mt-6",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-xl",children:[r==null?void 0:r.campania," / ",r==null?void 0:r.nombre_medio]})}),e.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-2xl",children:"Descripción"}),e.jsx("p",{className:"tw-text-neutral-600 tw-font-normal tw-text-sm",children:(r==null?void 0:r.texto_largo)??"Sin descripción"})]}),e.jsx(O.Accordion,{type:"single",collapsible:!0,defaultValue:"item-1",className:"tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",children:e.jsxs(O.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(O.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4",children:"Detalles"}),e.jsx(O.AccordionContent,{className:"tw-border-none",children:e.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Responsable"}),(M=r==null?void 0:r.responsable)!=null&&M.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(K,{size:"xxl",imageUrl:b?u(b):"",alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:($=r==null?void 0:r.responsable)==null?void 0:$.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((B=r==null?void 0:r.equipo)==null?void 0:B.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(c=v[r==null?void 0:r.prioridad])==null?void 0:c.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(P=v[r==null?void 0:r.prioridad])==null?void 0:P.color}`,children:((A=v[r==null?void 0:r.prioridad])==null?void 0:A.label)??"Sin prioridad"})]})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Lista"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(r==null?void 0:r.lista)??"Sin lista"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.f_inicio_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.f_fin_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.ffin)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.createdAt)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.updatedAt)})]})]})})]})}),e.jsx(nt,{items:_})]})})]}),document.body)}const ke=({status:s,nameRequiredTask:t,statusRequiredTask:n,id:r})=>{const{setElementPosition:a,position:l}=le(),{startWorking:i,completeTask:d}=ee(),o=w.useRef(null),p=w.useRef(!1),x=t!==""&&n===2,b=({children:h})=>{const[u,g]=w.useState();return w.useEffect(()=>{var v,N;o.current&&g(((l==null?void 0:l.x)??0)-(((N=(v=o.current)==null?void 0:v.getBoundingClientRect())==null?void 0:N.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${u}px`,zIndex:1},children:h}),document.body)};return e.jsxs(e.Fragment,{children:[(x&&n===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{a(o)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(y.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(b,{children:p!=null&&p.current?e.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",children:e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):e.jsxs("button",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 hover:tw-bg-primary-light",onClick:()=>{p.current=!0,s===0?i({id:r}):d({id:r})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:s===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.primary.regular})]})})]})};class wt{static toPauseReasons(t){return{id:t.id,motivo_imj:t.motivo_imj}}}const dt=async({tasks_api:s})=>{try{const t=await s.get("/api/motivos");return W(t.data).map(wt.toPauseReasons)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},ut=()=>{const{tasks_api:s}=D();return{pauseReasons:q.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>dt({tasks_api:s}),staleTime:1e3*60*60*24})}},xt=({id:s,task:t,isActive:n,closeModal:r})=>{const{pauseTask:a}=ee(),[l,i]=w.useState(),[d,o]=w.useState(!1),[p,x]=w.useState(!1),{pauseReasons:b}=ut(),h=()=>{if(!l){o(!0);return}a({id:s,motiveId:l.id}),r()};return n&&J.createPortal(e.jsx("div",{className:"tw-w-screen tw-h-screen tw-fixed tw-top-0 tw-left-0 tw-flex tw-items-center tw-justify-center ",children:e.jsxs("div",{className:"tw-rounded-lg tw-p-4 tw-shadow-gray-600 tw-bg-warning-light tw-border-l-4 tw-border-warning-regular tw-max-w-[350px]",children:[e.jsxs("p",{className:"tw-text-xl tw-font-bold tw-text-warning-regular",children:["Pausar tarea: ",e.jsx("span",{className:"tw-font-normal",children:t})]}),e.jsxs("div",{className:"tw-my-5 tw-flex tw-flex-col tw-gap-l",children:[e.jsxs("div",{className:"tw-relative",children:[e.jsx("p",{className:"tw-text-xl tw-font-normal tw-text-warning-regular",children:"Seleccione la razón por la cual se realizará la pausa"}),e.jsxs("div",{onBlur:()=>x(!1),onClick:()=>x(!p),className:`tw-w-full tw-bg-bg-card ${d?"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 ${d?"tw-text-danger-regular":l?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(l==null?void 0:l.name)??"Selecciona una razón"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:d?m.danger.regular:m.texts.placeholder})]}),p&&e.jsx("div",{className:"absolute w-full tw-shadow-md tw-rounded-lg",children:e.jsx(ie,{onselect:u=>{i(u),x(!1)},options:b==null?void 0:b.data.map(u=>({id:u.id,name:u.motivo_imj}))})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-w-full",children:[e.jsx("button",{onClick:()=>{r(),i(null)},className:"tw-bg-danger-light tw-px-l tw-py-s tw-border-2 tw-border-danger-medium tw-rounded-md tw-w-full tw-text-danger-dark tw-font-bold hover:tw-border-danger-regular",children:"Cancelar"}),e.jsx("button",{onClick:h,className:"tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular",children:"Pausar"})]})]})]})}),document.body)},mt=({id:s,task:t,endDate:n,users:r,willBePaused:a,nameProject:l,comments:i,priority:d,difficulty:o,responsible:p,nameRequiredTask:x,statusRequiredTask:b,status:h,repeatsToDo:u,repeats:g,medioName:v})=>{var E,I,L,Q,X,Z;const[N,_]=w.useState(!1),[F,T]=w.useState(!1),{reasignResponsible:f,updateUnitys:j}=ee(),{getOBPUrlApi:S}=D(),[C,M]=w.useState(g??0),$=!!(u&&g===u),B=!u||u===1,c=h===0,P=()=>e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]",children:[h<2&&($||B||c)&&e.jsx(Pe,{id:s,nameRequiredTask:x??"",statusRequiredTask:b??0,status:h}),e.jsx("p",{className:"tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",onClick:()=>_(!0),children:t})]}),($||B||c)&&e.jsx(ke,{id:s,nameRequiredTask:x,status:h,statusRequiredTask:b})]}),A={0:{title:"N/A",color:m.texts.placeholder},1:{title:"Baja",color:m.primary.regular},2:{title:"Media",color:m.success.regular},3:{title:"Alta",color:m.danger.regular}},k={0:{title:"Muy fácil",color:m.primary.regular},1:{title:"Fácil",color:m.success.regular},2:{title:"Media",color:m.warning.regular},3:{title:"Difícil",color:m.danger.regular},4:{title:"Muy difícil",color:m.danger.dark}},R=U=>{M(Y=>U==="minus"?Math.max(0,Y-1):Math.min(u,Y+1))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[e.jsx(P,{}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:l}),v&&e.jsx("p",{className:"tw-text-xl",children:v})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[e.jsx(qe,{responsible:p,users:r.filter(U=>p?U.id===p:!0).map(U=>ce(U,S())),onClick:async(U,Y)=>{await f({idNewResponsible:U,id:s,typeOfSelect:Y})}}),a&&e.jsx(y.Tooltip,{dispatch:e.jsx("button",{disabled:!0,onClick:()=>T(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:e.jsx(y.Icons,{icon:"pause",size:"s",strokeWidth:2})}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"En camino..."})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:(E=k[o??0])==null?void 0:E.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(I=k[o??0])==null?void 0:I.color},children:`Dificultad ${(L=k[o??0])==null?void 0:L.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(Q=A[d??0])==null?void 0:Q.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(X=A[d??0])==null?void 0:X.color},children:`Prioridad: ${(Z=A[d??0])==null?void 0:Z.title}`})}),!u||u&&h===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${oe(n.getMonth()).slice(0,3)}`})]})]}),h===1&&u&&u>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>R("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${C??0} / ${u??0}`}),e.jsx("button",{onClick:()=>R("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("button",{className:"tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",onClick:()=>{j({repeats:C,id:s})},children:"Agregar"})]})]})]}),i>0&&e.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:e.jsxs("button",{onClick:()=>_(!0),className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"comment",size:"xs",strokeWidth:4}),e.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:i})]})})]}),e.jsx(ct,{taskId:s,isOpen:N,setIsOpen:_}),e.jsx(xt,{id:s,task:t,isActive:F,closeModal:()=>T(!1)})]})},ae=({title:s,tasks:t,loadNextPage:n,isFetching:r,total:a})=>{const l=w.useRef(null),i=w.useRef(null),d=w.useRef(!1);w.useEffect(()=>{var x;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((x=l==null?void 0:l.current)==null?void 0:x.clientHeight)-300}px`)},[l==null?void 0:l.current]);const o=x=>{if(d.current)return;const{scrollTop:b,clientHeight:h,scrollHeight:u}=x==null?void 0:x.target,g=b/(u-h)*100;g<=95||g>=95&&(d.current=!0,n&&n(),setTimeout(()=>{d.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return e.jsxs("div",{ref:l,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[s]}`,children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsx("p",{className:"tw-text-2xl",children:s})}),e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-[4px]",children:[e.jsx(y.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:m.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:a??0})]})})]}),e.jsxs("div",{ref:i,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",onScroll:o,children:[t==null?void 0:t.map(x=>e.jsx(mt,{...x},x.id)),r?e.jsx(Ze,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},pt=()=>{var a;const{defineFields:s}=z(),{tasksProject:t}=V();w.useEffect(()=>{(async()=>{let i=[...Xe];s(i)})()},[]);let n=(a=t==null?void 0:t.data)==null?void 0:a.filter(l=>{var i;return((i=l==null?void 0:l.tasks)==null?void 0:i.length)===0}).reduce((l,i)=>(l[i.status]=l[i.status]||[],l[i.status].push(i),l),{});const r=["Por hacer","Trabajando","Completadas"];return e.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:r.map((l,i)=>{var d;return e.jsx(ae,{total:((d=n==null?void 0:n[i])==null?void 0:d.length)??0,title:l,tasks:(n==null?void 0:n[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class gt{static toKanbanTasks(t){var r,a,l,i,d,o,p,x,b,h,u;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(g=>{var v,N,_,F;n!=null&&n.find(T=>T.id===g.idUser.id)||g.idUser&&n.push({id:g.idUser.id,name:g.idUser.nombre,image:(F=(_=(N=(v=g==null?void 0:g.userOBP)==null?void 0:v.imagen)==null?void 0:N.formats)==null?void 0:_.thumbnail)==null?void 0:F.url})}),{repeats:t==null?void 0:t.repeticiones_realizadas,repeatsToDo:t==null?void 0:t.repeticiones,comments:0,nameProject:(p=t==null?void 0:t.proyecto)==null?void 0:p.nombre,idProject:(x=t==null?void 0:t.proyecto)==null?void 0:x.id,willBePaused:t.es_pausable,difficulty:t.nivel_dificultad,endDate:new Date(t.ffin),id:t.id,priority:t.prioridad??0,status:t.estatus,task:t.texto_corto,users:n,responsible:((b=t==null?void 0:t.responsable)==null?void 0:b.id)??null,statusRequiredTask:((h=t.id_t_requerida)==null?void 0:h.estatus)??null,nameRequiredTask:((u=t.id_t_requerida)==null?void 0:u.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const we=async({filters:s,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:s})).data.tareas.map(W).map(gt.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},de=s=>{var t;if(s!=null&&s.hasNextPage){const n=(t=s==null?void 0:s.data)==null?void 0:t.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},G=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),ht=()=>{var p;const s=q.useQueryClient(),{tasks_api:t}=D(),{user:n}=H(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"por_hacer",...G(x)},tasks_api:t,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...G(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:a}},ft=()=>{var r,a;const{toDoTasks:s,total:t}=ht(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},bt=()=>{var p;const s=q.useQueryClient(),{tasks_api:t}=D(),{user:n}=H(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"trabajando",...G(x)},tasks_api:t,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"trabajando"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...G(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:a}},jt=()=>{var r,a;const{workingTasks:s,total:t}=bt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching})},yt=()=>{var p;const s=q.useQueryClient(),{user:t}=H(),{tasks_api:n}=D(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:t.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"completadas",...G(x)},tasks_api:n,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:t.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"completadas"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...G(1),justCount:!0,tasks_api:n}});l(b.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:a}},Nt=()=>{var r,a;const{doneTasks:s,total:t}=yt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{title:"Completadas",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,total:t})};class te{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const vt=()=>{const{tasks_api:s}=D(),{filters:t}=z(),{user:n}=H();return{getSalesmanAndProjects:async()=>{var o;const[i,d]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...t,owner:{user:n==null?void 0:n.id,config:((o=t==null?void 0:t.owner)==null?void 0:o.config)??"yo_y_mis_equipos"},justProjects:!0}})]);return{salesmanUsers:i.data.map(te.toSalesmanUsers),projects:d.data.map(te.toSalesmanUsers)}},getProjects:async()=>{var d;return(await s.get("/api/listado_tareas",{params:{...t,owner:{user:n.id,config:((d=t==null?void 0:t.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(te.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)}},_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:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ne=[{label:"Responsable",type:"select",id:"responsable.responsableType",options:[{id:"yo_y_mis_equipos",name:"Yo y mis equipos"},{id:"mis_equipos",name:"Mis equipos"},{id:"yo",name:"Yo"}]},{label:"Por Ejecutivo",type:"select",id:"ejecutivo",options:[]}],Ct=()=>{const{defineFields:s}=z(),{getSalesmanAndProjects:t}=vt();return w.useEffect(()=>{(async()=>{let r=[..._t],{salesmanUsers:a,projects:l}=await t();s(r.map(i=>(i.id==="project.id"&&(i.options=l),i.id==="salesman.id"&&(i.options=a),i)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(ft,{}),e.jsx(jt,{}),e.jsx(Nt,{})]})},Ee=w.createContext({}),Ft=({children:s})=>{const[t,n]=w.useState([]);w.useEffect(()=>{console.log({selectedTasks:t})},[t]);const r=a=>{n(l=>l.includes(a)?l.filter(i=>i!==a):[...l,a])};return e.jsx(Ee.Provider,{value:{selectedTasks:t,selectTask:r},children:s})},St=()=>w.useContext(Ee),Ae=()=>{const s=()=>e.jsxs("div",{className:"tw-w-full tw-flex tw-gap-m",children:[e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"})]});return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]}),e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]})]})},Ie=({startDate:s,endDate:t})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(s)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.texts.DEFAULT}),e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(t)]})]})]}),Tt=({id:s})=>e.jsx(e.Fragment,{children:e.jsx("button",{onClick:()=>alert("pausar tarea "+s),children:e.jsx(y.Icons,{icon:"pause",size:"xs",strokeWidth:4,color:m.texts.subtext})})}),De=({id:s,priority:t,difficulty:n,endDate:r})=>{var i,d;const a={0:{title:"N/A",color:m.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:m.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:m.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular"}};return e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:m.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[n??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[n??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[n??0].color},children:l[n??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((d=a[t??0])==null?void 0:d.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:a[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:a[t??0].color},children:a[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${oe(r.getMonth()).slice(0,3)}`})]})]})},Pt=({id:s})=>{const{selectedTasks:t,selectTask:n}=St();return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"tw-cursor-pointer tw-w-[20px] tw-h-[20px] tw-border-2 tw-border-gray-200 tw-rounded-md tw-flex tw-justify-center tw-items-center",htmlFor:s.toString(),children:e.jsx("span",{className:`${t.includes(s)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(y.Icons,{icon:"check_outline",size:"xs",color:m.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},Me=({task:s})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:s}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:s})}),qt=({id:s})=>{var l,i;const{tasksProject:t}=V(),{reasignResponsible:n}=ee(),{getOBPUrlApi:r}=D(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(d=>d.id===s);return e.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:e.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(a!=null&&a.nameRequiredTask)||(a==null?void 0:a.nameRequiredTask)!==""&&(a==null?void 0:a.statusRequiredTask)===2&&e.jsx(Pt,{id:s}),e.jsx(Pe,{id:s,nameRequiredTask:(a==null?void 0:a.nameRequiredTask)??"",status:a==null?void 0:a.status,statusRequiredTask:(a==null?void 0:a.statusRequiredTask)??0},s),(a==null?void 0:a.willBePaused)&&e.jsx(Tt,{id:s}),e.jsx(qe,{onClick:async(d,o)=>{var p;await n({idNewResponsible:(p=d==null?void 0:d.tasksUser)==null?void 0:p.id,id:s,typeOfSelect:o})},responsible:a==null?void 0:a.responsible,users:((i=a==null?void 0:a.users)==null?void 0:i.map(d=>ce(d,r())))??[]}),e.jsx(Me,{task:(a==null?void 0:a.task)??""}),e.jsx(De,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(Ie,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsx(ke,{id:s,nameRequiredTask:a.nameRequiredTask,status:a.status,statusRequiredTask:a.statusRequiredTask})]})})},$e=({id:s})=>{var l,i,d,o,p,x,b;const{tasksProject:t,openTasks:n,openTask:r}=V(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(h=>h.id===s);return a?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>r(s),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:m.texts.subtext})}),e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-xl tw-text-primary",children:((i=a==null?void 0:a.tasks)==null?void 0:i.length)===0?1:(d=a==null?void 0:a.tasks)==null?void 0:d.length})}),e.jsx(Me,{task:(a==null?void 0:a.task)??""}),e.jsx(De,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(Ie,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=a==null?void 0:a.tasks)==null?void 0:o.length)===0?1:(p=a==null?void 0:a.tasks)==null?void 0:p.length})]})]}),n.includes(s)&&e.jsx("div",{className:"tw-ml-[30px]",children:((x=a==null?void 0:a.tasks)==null?void 0:x.length)>0?(b=a==null?void 0:a.tasks)==null?void 0:b.map(h=>e.jsx($e,{id:h==null?void 0:h.id})):e.jsx(qt,{id:a==null?void 0:a.id})})]}):null},kt=()=>{var r;const{tasksProject:s,projectID:t}=V();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return e.jsx(Ae,{});let n=[...(r=s==null?void 0:s.data)==null?void 0:r.filter(a=>a.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(Ft,{project:t,children:n==null?void 0:n.sort((a,l)=>a.orden-l.orden).map(a=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ",children:e.jsx($e,{id:a.id})}))})})},Et=({setPath:s,setProject:t})=>{const[n,r]=w.useState([]),[a,l]=w.useState(!0),[i,d]=w.useState(0),[o,p]=w.useState(10),[x,b]=w.useState(0),[h,u]=w.useState("nombre"),{filters:g,defineFields:v}=z(),{tasks_api:N,getImageOBP:_}=D(),{user:F}=H(),T=async(c,P)=>{var A,k,R;try{l(!0);const E={filters:{search:(g==null?void 0:g.search)??"",responsable:{idUser:F.id,responsableType:(A=g==null?void 0:g.responsable)==null?void 0:A.responsableType},ejecutivo:(g==null?void 0:g.ejecutivo)??""}},I=await N.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:P},orderBy:h,...E}}),L=W(I==null?void 0:I.data);r(L),b((R=(k=I==null?void 0:I.data)==null?void 0:k.meta)==null?void 0:R.total)}catch(E){console.error("Error fetching data en Lista Campaña:",E)}finally{l(!1)}},f=async()=>{try{const c=await N.get("/api/obtener-comerciales");return[...Ne].map(A=>(A.id==="ejecutivo"&&(A.options=c.data.map(k=>({id:k.nombre,name:k.nombre}))),A))}catch(c){return console.error("Error fetching salesman data:",c),[...Ne]}};w.useEffect(()=>{(async()=>{const P=await f();v(P)})()},[]),w.useEffect(()=>{const c=Math.floor(i/o)+1;T(c,o)},[i,o,h,g]);const j=c=>{d(c.first),p(c.rows)},S=[{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=c=>{const P=parseInt(c.target.value,10);p(P),j({first:0,rows:P})},M=c=>{u(P=>P===c?`${c}:desc`:c)},$=c=>h===c?"↑↓":h===`${c}:desc`?"↓↑":"↑↓",B=c=>({padding:"auto",backgroundColor:m.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?m.gray.gray_regular:m.gray.gray_dark}`,color:c?m.gray.gray_regular:m.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return e.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:m.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:a?e.jsx("div",{className:"tw-w-full",children:e.jsx(Ae,{})}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[e.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:e.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:m.gray.gray_regular},children:[e.jsx("th",{onClick:()=>M("nombre"),style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx("label",{className:"tw-text-s",style:{color:m.gray.gray_dark},children:$("nombre")}),"Campaña"]})}),e.jsx("th",{onClick:()=>M("inicia"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:e.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:m.gray.gray_dark},children:[$("inicia"),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{style:{color:m.gray.gray_dark},children:"Fecha Inicio"})]})})}),e.jsx("th",{onClick:()=>M("termina"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:$("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Status"}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Responsable"})]})}),e.jsx("tbody",{children:n==null?void 0:n.map((c,P)=>{var A,k,R,E,I,L,Q,X,Z,U,Y,ue,xe,me,pe,ge,he,fe;return e.jsxs("tr",{style:{background:P%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{t({id:c==null?void 0:c.id,project:c==null?void 0:c.nombre}),s("kanban-campania")},onMouseEnter:re=>{re.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:re=>{re.currentTarget.style.backgroundColor=P%2===0?"#F5F5F5":"#FAFAFA"},children:[e.jsx("td",{className:"tw-text-s",children:(A=c==null?void 0:c.campania)==null?void 0:A.nombre}),e.jsx("td",{className:"tw-text-s",children:(k=c==null?void 0:c.campania)==null?void 0:k.inicia}),e.jsx("td",{className:"tw-text-s",children:(R=c==null?void 0:c.campania)==null?void 0:R.termina}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[c==null?void 0:c.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?m.progressbar.green_regular:c.progreso>50?m.progressbar.blue_regular:c.progreso>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[e.jsx(K,{imageUrl:(X=(Q=(L=(I=(E=c==null?void 0:c.campania)==null?void 0:E.responsable)==null?void 0:I.imagen)==null?void 0:L.formats)==null?void 0:Q.thumbnail)!=null&&X.url?_((xe=(ue=(Y=(U=(Z=c==null?void 0:c.campania)==null?void 0:Z.responsable)==null?void 0:U.imagen)==null?void 0:Y.formats)==null?void 0:ue.thumbnail)==null?void 0:xe.url):"",alt:(ge=(pe=(me=c==null?void 0:c.campania)==null?void 0:me.responsable)==null?void 0:pe.nombre)==null?void 0:ge.charAt(0)}),e.jsx("span",{className:"tw-ml-4 tw-text-s",children:(fe=(he=c==null?void 0:c.campania)==null?void 0:he.responsable)==null?void 0:fe.nombre})]})})]},P)})})]})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",style:{background:m.silver.silver_light},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",color:m.black.black_dark},className:"tw-text-s tw-whitespace-nowrap",children:[n.length," elementos de ",x]}),e.jsx(ze.Paginator,{first:i,rows:o,totalRecords:x,rowsPerPageOptions:[5,10,20,50],onPageChange:j,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>e.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:e.jsx("button",{onClick:P=>c.onClick(P),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...B(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":m.silver.silver_light,color:m.black.black_dark},children:c.page})})}}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),e.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${m.gray.gray_dark}`,borderRadius:"4px"},value:o,onChange:c=>C(c),children:S.map(c=>e.jsx("option",{value:c.value,className:"tw-text-s",style:{color:m.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},At=({path:s,tab:t,setPath:n,project:r,setProject:a})=>{const l={"kanban-general":{kanban:e.jsx(Ct,{})},"lista-campanias":{lista:e.jsx(Et,{setPath:n,setProject:a}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(pt,{}),lista:e.jsx(kt,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?e.jsx(Ge,{project:r==null?void 0:r.id,children:l[s][t]}):l[s][t]},It=({label:s,active:t,onClick:n,disabled:r})=>r?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:e.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):e.jsx("button",{disabled:r,onClick:n,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${r?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),Dt=({tabs:s,renderItem:t,initialTab:n})=>{const[r,a]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&a(n)},[n]);const l=i=>{a(i),t(i)};return e.jsx("div",{className:"tw-flex",children:s.map((i,d)=>e.jsx("div",{className:`${d===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(It,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===r,disabled:["gantt"].includes(i.toLowerCase())},d)}))})},Mt=({path:s})=>{const t=()=>{const{selectPath:n,updateFilters:r,applyFilters:a,filters:l}=z(),[i,d]=w.useState("kanban"),[o,p]=w.useState(s),[x,b]=w.useState({id:1704,project:"Kanban de Campania"}),[h,u]=w.useState([{path:"lista-campanias",search:(l==null?void 0:l.search)??""},{path:"kanban-campania",search:(l==null?void 0:l.taskName)??""},{path:"kanban-general",search:(l==null?void 0:l.taskName)??""}]),[g,v]=w.useState(),N=w.useRef(null);w.useEffect(()=>{var C;d(o==="lista-campanias"?"lista":"kanban"),n(o),v(((C=h.find(M=>M.path===o))==null?void 0:C.search)??"")},[s,o]),w.useEffect(()=>{var C;((C=j())==null?void 0:C.trim())===""&&r({name:o==="lista-campanias"?"search":"taskName",value:null}),a()},[h]);const _=C=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${x.project}`})[C],F=C=>{p(C)},T=["lista-campanias","kanban-campania"],f={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},j=()=>{var C;return((C=h.find(M=>M.path===o))==null?void 0:C.search)??""},S=C=>{u(M=>M.map($=>$.path===o?{...$,search:C}:$))};return w.useEffect(()=>{const C=setTimeout(()=>{r({name:o==="lista-campanias"?"search":"taskName",value:g==null?void 0:g.trim()}),S(g)},500);return()=>{clearTimeout(C)}},[g]),e.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[e.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[e.jsxs("div",{className:"tw-flex tw-gap-xl",children:[o==="kanban-campania"&&e.jsx("button",{onClick:()=>F("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:e.jsx(y.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:_(o)}),T.includes(o)&&e.jsx(Dt,{tabs:f[o],renderItem:C=>{d(C)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:C=>{v(C.target.value)},type:"text",placeholder:"Buscar",value:g,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),e.jsx(Re,{filterChildren:N,children:e.jsx("div",{ref:N,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(Qe,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:e.jsx(At,{path:o,tab:i,setPath:F,project:x,setProject:b})})]})};return e.jsx(Le,{children:e.jsx(t,{})})},$t=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Bt=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"No encontramos tu acceso"}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"por favor, contacta al administrador"})]})})}),zt=({path:s,user:t,url:n,mode:r})=>{const a=new q.QueryClient;if(!t)return e.jsx($t,{});if(!t.accessToken)return e.jsx(Bt,{});let l={user:t,url:n,mode:r};return e.jsx(e.Fragment,{children:e.jsx(Ye,{...l,children:e.jsx(He,{...l,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(q.QueryClientProvider,{client:a,children:[e.jsx(Mt,{path:s})," "]})})})})})};exports.AppTasks=zt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@imj_media/imj-ui/styles.css");const q=require("@tanstack/react-query"),w=require("react"),y=require("@imj_media/tasks-modules"),J=require("react-dom"),ve=require("axios"),_e=require("qs"),se=require("date-fns"),ne=require("date-fns/locale"),O=require("@imj_media/imj-ui"),Be=require("react-hook-form"),ze=require("primereact/paginator"),m={bg:{DEFAULT:"#EFEFEF",content:"#FAFAFA",card:"#FAFAFA"},texts:{DEFAULT:"#252525",enfasis:"#3658c1",subtext:"#4f4f4f",placeholder:"#929292"},primary:{light:"#E7E9F2",medium:"#dae2ec",dark:"#334990",regular:"#425CAC",pastel:"#5c7ddd"},success:{light:"#368156",medium:"#D2E9DC",dark:"#368156",regular:"#43B071",pastel:"#57BA81"},danger:{light:"#F1E5E4",medium:"#EBDBD9",dark:"#8C352C",regular:"#C34335",pastel:"#C43355"},warning:{light:"#F2ECE5",medium:"#EBE3D9",dark:"#B4782F",regular:"#D38A31",pastel:"#D38A31"},alert:{light:"#F1F1E4",medium:"#EAE9D9",dark:"#ADA63A",regular:"#D6CC48",pastel:"#D6CC48"},info:{light:"#E7F5FF",medium:"#D9E6EE",dark:"#1C5073",regular:"#1B6698",pastel:"#1B6698"},link:{light:"#ECF8FE",medium:"#D8F1FD",dark:"#0A7AAE",regular:"#0EA5E9",pastel:"#0EA5E9"},silver:{silver_white:" #FAFAFA",silver_light:" #F5F5F5",silver_dark:" #E9E9E9",silver_regular:"#EFEFEF"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_light:"#D9D9D9",gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313",black_regular:"#252525"}},le=()=>{const[s,t]=w.useState(null);return{position:s,setElementPosition:l=>{var p;let i=(p=l.current)==null?void 0:p.getBoundingClientRect(),d=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),o=(i==null?void 0:i.y)+(i==null?void 0:i.height);t(s?null:{x:d??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Re=({children:s,filterChildren:t})=>{const{position:n,setElementPosition:r}=le(),a=w.useRef(null),l=({children:i})=>{const[d,o]=w.useState();return w.useEffect(()=>{var p,x;t.current&&o(((n==null?void 0:n.x)??0)-(((x=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:x.width)??0))},[t==null?void 0:t.current,n==null?void 0:n.x]),n&&J.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${d}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:a,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:m.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{r(a)}}),e.jsx(l,{children:s})]})},be=s=>{let t={};return Object.entries(s).forEach(([n,r])=>{if(n.includes(".")){let[a,l]=n.split(".");t[a]=t[a]||{},t[a][l]=r}else t[n]=r}),t},Ce=w.createContext({}),Le=({children:s})=>{const[t,n]=w.useState({}),[r,a]=w.useState({}),[l,i]=w.useState([]),[d,o]=w.useState(""),p=({name:h,value:u})=>{function g(N){return!isNaN(N)&&N!==null&&N!==""?parseFloat(N):null}let v=g(u);a(N=>{let _={...N},F=l==null?void 0:l.find(T=>T.label.toLowerCase().replace(/ /g,"_")===h);return F?_[F.id]=v??u:_[h]=v??u,_})};w.useEffect(()=>{let h=l.map(u=>u.id==="owner.config"?[u.id,"yo_y_mis_equipos"]:u.id==="dependency"?[u.id,"ambas"]:[u.id,null]);a(u=>{let g={search:u==null?void 0:u.search,taskName:u==null?void 0:u.taskName};return g={...g,...Object.fromEntries(h)},g})},[l]);const x=()=>{let h=l.map(u=>u.id==="owner.config"?[u.id,"yo_y_mis_equipos"]:u.id==="dependency"?[u.id,"ambas"]:[u.id,null]);a(Object.fromEntries(h)),n(be(Object.fromEntries(h)))},b=()=>{let h=be(r);n(h)};return e.jsx(Ce.Provider,{value:{fields:l,filters:t,path:d,defineFields:i,updateFilters:p,cleanFilters:x,applyFilters:b,initialFilters:r,selectPath:o},children:s})},z=()=>w.useContext(Ce);function Ue(s,t=300,n={leading:!1,trailing:!0}){let r,a=null;return function(...l){const i=Date.now(),d=n.leading&&!a;clearTimeout(r),d&&s(...l),a=i,r=setTimeout(()=>{n.trailing&&(!n.leading||i-a>=t)&&(s(...l),a=null)},t)}}const K=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:n="s"})=>{const r={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 e.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:t??"avatar",className:`${r} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ie=({options:s,onselect:t})=>{const[n,r]=w.useState(null),a=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...s].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:a,value:n??"",onChange:i=>r(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"}),e.jsx("div",{className:"tw-absolute tw-right-[8px]",children:e.jsx(y.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),e.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:l.map(i=>e.jsxs("button",{onClick:()=>{t(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&&e.jsx(K,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:i.name})]}))})]})},Ke=({error:s,options:t,onSelect:n,initialValue:r})=>{const[a,l]=w.useState(!1),[i,d]=w.useState((r==null?void 0:r.name)??null);return w.useEffect(()=>{r&&d(r)},[r]),e.jsxs("div",{className:"tw-relative",children:[e.jsxs("div",{onBlur:()=>l(!1),onClick:()=>l(!a),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:[e.jsx("p",{children:(i==null?void 0:i.name)??"Selecciona una opción"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:s?m.danger.regular:m.texts.placeholder})]}),a&&e.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:e.jsx(ie,{onselect:o=>{d(o),l(!1),n&&n(o)},options:t})})]})},Qe=()=>{const{fields:s,updateFilters:t,cleanFilters:n,applyFilters:r,initialFilters:a}=z();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-2xl",children:"Filtros"}),e.jsx("button",{className:"tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:n,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((l,i)=>{var d;return e.jsxs("div",{style:{zIndex:10-i},children:[e.jsx("p",{className:"tw-text-xl z-[1]",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("div",{className:"tw-relative tw-z-[10]",children:e.jsx(Ke,{error:!1,options:l==null?void 0:l.options,onSelect:o=>{t({name:l==null?void 0:l.id,value:o==null?void 0:o.id})},initialValue:(d=l==null?void 0:l.options)==null?void 0:d.find(o=>o.id===(a==null?void 0:a[l==null?void 0:l.id]))})}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:a==null?void 0:a[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:Ue(o=>{var p,x;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(x=o==null?void 0:o.target)==null?void 0:x.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-bg-primary-regular hover:tw-bg-primary-dark tw-text-white tw-rounded-md tw-py-s tw-text-xl",onClick:r,children:"Filtrar"})]})},W=s=>{const t=r=>Object.prototype.toString.call(r)==="[object Object]",n=r=>r.attributes?{id:r.id,...r.attributes}:r;if(Array.isArray(s))return s.map(r=>W(r));if(t(s)){Array.isArray(s.data)?s=[...s.data]:t(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const r in s)s[r]=W(s[r]);return s}return s};class Oe{static toCampaignTasks(t){var r,a,l,i,d,o,p,x,b,h,u,g;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(v=>{var N,_,F,T;n!=null&&n.find(f=>f.id===v.idUser.id)||v.idUser&&n.push({id:v.idUser.id,name:v.idUser.nombre,image:(T=(F=(_=(N=v==null?void 0:v.userOBP)==null?void 0:N.imagen)==null?void 0:_.formats)==null?void 0:F.thumbnail)==null?void 0:T.url})}),{isPrincipalTask:(t==null?void 0:t.tarea_principal)??!1,projectName:((p=t==null?void 0:t.proyecto)==null?void 0:p.nombre)??null,orden:(t==null?void 0:t.orden)??null,id:(t==null?void 0:t.id)??null,task:(t==null?void 0:t.texto_corto)??null,status:(t==null?void 0:t.estatus)??null,difficulty:(t==null?void 0:t.nivel_dificultad)??null,priority:(t==null?void 0:t.prioridad)??0,endDate:new Date((t==null?void 0:t.ffin)??null),startDate:new Date((t==null?void 0:t.finicio)??null),mediumName:(t==null?void 0:t.nombre_medio)??null,users:n,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((x=t==null?void 0:t.comentarios)==null?void 0:x.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((b=t==null?void 0:t.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((h=t==null?void 0:t.id_t_requerida)==null?void 0:h.texto_corto)??null,responsible:((u=t==null?void 0:t.responsable)==null?void 0:u.id)??null,tasks:((g=t==null?void 0:t.tareas)==null?void 0:g.map(v=>({id:v.id,name:v.texto_corto,status:v.estatus})))??null}}}const We=async({filters:s,tasks_api:t,project:n})=>{try{const r=await t.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return W(r.data.tareas).map(Oe.toCampaignTasks)}catch(r){console.log(r)}},Fe=w.createContext({}),He=({children:s,user:t,url:n,mode:r})=>{const a=r==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",l=ve.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:o=>_e.stringify(o,{encodeValuesOnly:!0})}),i=()=>a,d=o=>o==="undefined"?"":`${a}${o}`;return e.jsx(Fe.Provider,{value:{tasks_api:l,getOBPUrlApi:i,getImageOBP:d},children:s})},D=()=>w.useContext(Fe),Se=w.createContext({}),Ye=({children:s,user:t,url:n})=>{const r=ve.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:a=>_e.stringify(a,{encodeValuesOnly:!0})});return e.jsx(Se.Provider,{value:{user:t,tasks_api:r},children:s})},H=()=>w.useContext(Se),Te=w.createContext({}),Ge=({children:s,project:t})=>{var N;const n=q.useQueryClient(),[r,a]=w.useState([]),[l,i]=w.useState([]),{tasks_api:d}=D(),{filters:o}=z(),{user:p}=H(),[x,b]=w.useState({owner:{user:p.id,config:((N=o==null?void 0:o.owner)==null?void 0:N.config)??"yo_y_mis_equipos"},project:{id:t}}),h=q.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>We({filters:{...x,taskName:o==null?void 0:o.taskName},project:t,tasks_api:d})});w.useEffect(()=>{var _;Object.keys(o).length>0&&b({...o,owner:{user:p.id,config:((_=o==null?void 0:o.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),w.useEffect(()=>{n.invalidateQueries({queryKey:["tasksProject",o,t]})},[x]);const u=_=>{a(F=>[...F,_])},g=_=>{i(F=>F.includes(_)?F.filter(T=>T!==_):[...F,_])},v=t??null;return e.jsx(Te.Provider,{value:{tasksProject:h,selectedTasks:r,projectID:v,openTasks:l,selectTask:u,openTask:g},children:s})},V=()=>w.useContext(Te),Xe=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ze=()=>e.jsxs("div",{className:"tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-h-[30px] tw-gap-3",children:[e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"}),e.jsx("div",{className:"tw-w-full tw-h-full tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]",children:[e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"})]})]}),ee=()=>{const{tasks_api:s}=D(),{user:t}=H(),{filters:n,path:r}=z(),a=q.useQueryClient(),{projectID:l}=V(),i=async({id:f})=>(await s.put(`/api/tareas/${f}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,d=async({id:f})=>(await s.post("/api/terminarTarea",{id_task:f,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:f,repeats:j})=>(await s.put(`/api/tareas/${f}`,{data:{repeticiones_realizadas:j,updated_by:t==null?void 0:t.id}})).data,p=async({id:f,idNewResponsible:j,typeOfSelect:S})=>{let C={updated_by:t==null?void 0:t.id};return S==="responsible"&&(C={...C,responsable:j}),S==="team"&&(C={...C,responsable:null,equipo:j}),(await s.put(`/api/tareas/${f}`,{data:C})).data},x=async({id:f,data:j,user:S})=>{},b=async({id:f})=>{await h({id:f})},{mutateAsync:h}=q.useMutation({mutationFn:i,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error updating the element:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:u}=q.useMutation({mutationFn:d,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a.setQueryData([f[r],n],j=>{console.log({oldData:j})}),r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:g}=q.useMutation({mutationFn:o,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:v}=q.useMutation({mutationFn:p,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to reassign the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:x,startWorking:b,completeTask:async({id:f})=>{await u({id:f})},reasignResponsible:async({id:f,idNewResponsible:j,typeOfSelect:S})=>{await v({id:f,idNewResponsible:j,typeOfSelect:S})},updateUnitys:async({repeats:f,id:j})=>{await g({repeats:f,id:j})},pauseTask:async({id:f,motiveId:j})=>{console.log({taksId:f,motivoId:j,user:t==null?void 0:t.id})}}},Je=({id:s})=>{const[t,n]=w.useState(!1),{completeTask:r}=ee();return{checked:t,checkTask:()=>{n(!t),r({id:s})}}},Pe=({id:s,nameRequiredTask:t,statusRequiredTask:n,status:r})=>{const{checked:a,checkTask:l}=Je({id:s});let i=Math.random().toString();const d=t!==""&&n===2;return e.jsxs(e.Fragment,{children:[r===2&&e.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:e.jsx(y.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),d||!t?r===1?e.jsx("label",{htmlFor:i,className:a?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:a?"check_outline":"circle_checked",color:a?"white":m.texts.placeholder,strokeWidth:4,size:a?"xs":"s"})}):e.jsx(e.Fragment,{children:" "}):e.jsx(y.Tooltip,{dispatch:e.jsx("label",{className:"tw-cursor-help",children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),children:e.jsxs("div",{className:"tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:i,checked:a,onChange:l,type:"checkbox",className:"tw-hidden"})]})},je=({trigger:s,user:t,showUser:n=!0})=>e.jsx(y.Tooltip,{dispatch:s,children:n&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(K,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})});class Ve{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const et=()=>{const{tasks_api:s}=D();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return W(n.data).map(Ve.toDomain)}})}};class tt{static toUsers(t){var n,r,a;return{id:t.id,name:t.nombre,image:(a=(r=(n=t.imagen)==null?void 0:n.formats)==null?void 0:r.thumbnail)==null?void 0:a.url,tasksUser:{email:t.tasksUser.email,id:t.tasksUser.id,nombre:t.tasksUser.nombre}}}}const st=async({tasks_api:s})=>{try{const t=await s.get("/api/allOBPUsers");return W(t.data).map(tt.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},at=()=>{const{tasks_api:s}=D();return{users:q.useQuery({queryKey:["users"],queryFn:()=>st({tasks_api:s}),staleTime:1e3*60*60*24})}},oe=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function rt(s){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return t[n]}const ye=s=>{let t=s||new Date,n=t.getDate(),r=oe(t.getMonth()).slice(0,3),a=t.getFullYear().toString().slice(-2),l=rt(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${n} ${r.charAt(0).toUpperCase()+r.slice(1)} ${a}`},ce=(s,t)=>({...s,image:s.image?`${t}${s.image}`:""}),qe=({users:s,onClick:t,responsible:n})=>{const{getOBPUrlApi:r}=D();let a=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:l,position:i,clearPosition:d}=le(),o=w.useRef(null),p=()=>n?null:s.length>3&&e.jsx(y.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-white ",children:`+${s.length-3}`})}),children:e.jsx("div",{className:"tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:s==null?void 0:s.slice(3).map((u,g)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(K,{imageUrl:u.image??"",alt:u.name},g),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:u.name})]},g))})}),x=()=>{if(n){let u=s.find(g=>g.id===n);return e.jsx("div",{children:e.jsx(je,{trigger:e.jsx(K,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},n),user:u,showUser:!(i!=null&&i.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((u,g)=>e.jsx("div",{className:`${g===0?"":"tw-ml-[-8px]"}`,children:e.jsx(je,{trigger:e.jsx(K,{imageUrl:u.image,alt:u.name},g),user:u,showUser:!(i!=null&&i.x)})}))},b=({children:u})=>e.jsx("label",{ref:o,htmlFor:a,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(s.length===0)return e.jsx(b,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const h=()=>{var f;const[u,g]=w.useState(),[v,N]=w.useState("team"),{teams:_}=et(),{users:F}=at();w.useEffect(()=>{var j,S;o.current&&g(((i==null?void 0:i.x)??0)-(((S=(j=o.current)==null?void 0:j.getBoundingClientRect())==null?void 0:S.width)??0))},[o==null?void 0:o.current,i==null?void 0:i.x]);const T=()=>{const j=[{id:"team",label:"Equipo"},{id:"responsible",label:"Responsable"}];return e.jsx("div",{className:"tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold",children:j.map((S,C)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${v===S.id?"tw-text-primary-pastel":""} ${C===j.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>N(S.id),children:S.label}))})};return(i==null?void 0:i.x)&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${i==null?void 0:i.y}px`,left:`${u}px`,zIndex:1},children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[e.jsx(T,{}),e.jsx(ie,{options:v==="team"?_.data.map(j=>({id:j.id,name:j.name,image:""})):(f=F.data)==null?void 0:f.map(j=>ce(j,r())),onselect:j=>{var S;d(),t&&t((S=j.tasksUser)==null?void 0:S.id,v)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(b,{children:[x(),p()]}),e.jsx("button",{className:"tw-hidden",id:a,onClick:()=>l(o)}),e.jsx(h,{})]})};function nt({items:s}){var r;const[t,n]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((a,l)=>e.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${l!==0?"tw-px-3":""}`,children:e.jsx(O.Button,{variant:"ghost",onClick:()=>n(a.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===a.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:a.label},a.id)},a.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(r=s.find(a=>a.id===t))==null?void 0:r.component})]})}function lt({comment:s}){var a,l,i,d,o;const{getImageOBP:t}=D(),n=(d=(i=(l=(a=s==null?void 0:s.autor)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url;function r(p){const x=se.parseISO(p);return se.formatDistanceToNow(x,{locale:ne.es,addSuffix:!0})}return e.jsx("div",{children:e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[e.jsx(K,{size:"xxl",imageUrl:n?t(n):"",alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(o=s==null?void 0:s.autor)==null?void 0:o.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:r(s==null?void 0:s.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:s==null?void 0:s.comentario})]})]})})}function it({currentUser:s,data:t,taskId:n,onNewComment:r}){var u,g,v;const{tasks_api:a,getImageOBP:l}=D(),{register:i,handleSubmit:d,reset:o}=Be.useForm(),[p,x]=w.useState([]),b=(v=(g=(u=s==null?void 0:s.imagen)==null?void 0:u.formats)==null?void 0:g.thumbnail)==null?void 0:v.url;w.useEffect(()=>{if(t!=null&&t.comentarios){const N=[...t.comentarios].sort((_,F)=>new Date(F.createdAt).getTime()-new Date(_.createdAt).getTime());x(N)}},[t]);const h=async N=>{try{const _={autor:{id:s==null?void 0:s.id,email:s==null?void 0:s.email,nombre:s==null?void 0:s.nombre,imagen:s==null?void 0:s.imagen},comentario:N==null?void 0:N.comment,createdAt:new Date().toISOString()};await a.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:N.comment,tarea:n}}),r(!0),x(F=>[_,...F]),o()}catch(_){console.error("Error al agregar comentario:",_)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:d(h),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(K,{size:"xxl",imageUrl:b?l(b):"",alt:"@shadcn"}),e.jsx(O.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"})]}),p&&p.map((N,_)=>e.jsx(lt,{comment:N},_))]})}function ot({data:s}){const t={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=r=>r?se.format(new Date(r),"d MMM",{locale:ne.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(O.Label,{className:"tw-text-2xl tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:s==null?void 0:s.length})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:s==null?void 0:s.map(r=>{var a,l,i,d,o;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(K,{imageUrl:(d=(i=(l=(a=r.responsable)==null?void 0:a.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:r==null?void 0:r.texto_corto})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[e.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(r==null?void 0:r.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[r==null?void 0:r.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},r.id)})})]})}function ct({isOpen:s,setIsOpen:t,taskId:n}){var F,T,f,j,S,C,M,$,B,c,P,A;const[r,a]=w.useState(null),[l,i]=w.useState(!1),[d,o]=w.useState(!1),[p,x]=w.useState(null),b=(j=(f=(T=(F=r==null?void 0:r.responsable)==null?void 0:F.imagen)==null?void 0:T.formats)==null?void 0:f.thumbnail)==null?void 0:j.url,{tasks_api:h,getImageOBP:u}=D(),{user:g}=H();w.useEffect(()=>{if(s&&n||l){const k=async()=>{const E=await h.get(`/api/detalleTarea/${n}`);a(E==null?void 0:E.data)},R=async()=>{var L,Q;const E=await h.get(`/api/users/${g.id}`),I=await h.post("/api/obtenerUsuarioOBP/",{emailList:[(L=E==null?void 0:E.data)==null?void 0:L.email]});x((Q=I==null?void 0:I.data)==null?void 0:Q.data[0])};k(),R()}},[s,n,l]);const v={0:{label:"Sin prioridad",color:"tw-text-primary-regular",iconColor:"#425CAC"},1:{label:"Baja",color:"tw-text-success-regular",iconColor:"#43B071"},2:{label:"Media",color:"tw-text-warning-regular",iconColor:"#D38A31"},3:{label:"Alta",color:"tw-text-danger-regular",iconColor:"#C34335"}},N=k=>k?se.format(k,"d MMM yyyy, h:mmaaa",{locale:ne.es}):"Fecha no disponible",_=[{id:1,label:"Todo",component:e.jsx(it,{taskId:n,currentUser:p,data:r,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(ot,{data:r==null?void 0:r.ids_t_dependientes})}];return s&&J.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`tw-fixed tw-inset-0 tw-bg-transparent tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-z-20 ${s?"tw-pointer-events-auto tw-block":"tw-pointer-events-none tw-hidden"}`,onClick:()=>t(!1)}),e.jsx("section",{className:`tw-fixed tw-top-0 tw-bottom-0 tw-bg-white tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-w-[55rem] tw-h-screen tw-z-50 tw-overflow-hidden tw-transition-all tw-ease-in-out tw-duration-500 tw-shadow-2xl ${s?"tw-right-0 tw-pointer-events-auto tw-block":"tw-right-[-100%] tw-pointer-events-none tw-hidden"}`,children:e.jsxs("div",{className:"tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10",children:[e.jsxs("div",{className:"tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative",children:[((S=r==null?void 0:r.id_t_requerida)==null?void 0:S.id)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>o(!0),onMouseLeave:()=>o(!1),children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),d&&e.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),e.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(C=r==null?void 0:r.id_t_requerida)==null?void 0:C.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:r==null?void 0:r.texto_corto})]}),e.jsx(O.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:e.jsx(y.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between tw-mt-6",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-xl",children:[r==null?void 0:r.campania," / ",r==null?void 0:r.nombre_medio]})}),e.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-2xl",children:"Descripción"}),e.jsx("p",{className:"tw-text-neutral-600 tw-font-normal tw-text-sm",children:(r==null?void 0:r.texto_largo)??"Sin descripción"})]}),e.jsx(O.Accordion,{type:"single",collapsible:!0,defaultValue:"item-1",className:"tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",children:e.jsxs(O.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(O.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4",children:"Detalles"}),e.jsx(O.AccordionContent,{className:"tw-border-none",children:e.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Responsable"}),(M=r==null?void 0:r.responsable)!=null&&M.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(K,{size:"xxl",imageUrl:b?u(b):"",alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:($=r==null?void 0:r.responsable)==null?void 0:$.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((B=r==null?void 0:r.equipo)==null?void 0:B.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(c=v[r==null?void 0:r.prioridad])==null?void 0:c.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(P=v[r==null?void 0:r.prioridad])==null?void 0:P.color}`,children:((A=v[r==null?void 0:r.prioridad])==null?void 0:A.label)??"Sin prioridad"})]})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Lista"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(r==null?void 0:r.lista)??"Sin lista"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.f_inicio_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.f_fin_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.ffin)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.createdAt)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.updatedAt)})]})]})})]})}),e.jsx(nt,{items:_})]})})]}),document.body)}const ke=({status:s,nameRequiredTask:t,statusRequiredTask:n,id:r})=>{const{setElementPosition:a,position:l}=le(),{startWorking:i,completeTask:d}=ee(),o=w.useRef(null),p=w.useRef(!1),x=t!==""&&n===2,b=({children:h})=>{const[u,g]=w.useState();return w.useEffect(()=>{var v,N;o.current&&g(((l==null?void 0:l.x)??0)-(((N=(v=o.current)==null?void 0:v.getBoundingClientRect())==null?void 0:N.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${u}px`,zIndex:1},children:h}),document.body)};return e.jsxs(e.Fragment,{children:[(x&&n===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{a(o)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(y.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(b,{children:p!=null&&p.current?e.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",children:e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):e.jsxs("button",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 hover:tw-bg-primary-light",onClick:()=>{p.current=!0,s===0?i({id:r}):d({id:r})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:s===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.primary.regular})]})})]})};class wt{static toPauseReasons(t){return{id:t.id,motivo_imj:t.motivo_imj}}}const dt=async({tasks_api:s})=>{try{const t=await s.get("/api/motivos");return W(t.data).map(wt.toPauseReasons)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},ut=()=>{const{tasks_api:s}=D();return{pauseReasons:q.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>dt({tasks_api:s}),staleTime:1e3*60*60*24})}},xt=({id:s,task:t,isActive:n,closeModal:r})=>{const{pauseTask:a}=ee(),[l,i]=w.useState(),[d,o]=w.useState(!1),[p,x]=w.useState(!1),{pauseReasons:b}=ut(),h=()=>{if(!l){o(!0);return}a({id:s,motiveId:l.id}),r()};return n&&J.createPortal(e.jsx("div",{className:"tw-w-screen tw-h-screen tw-fixed tw-top-0 tw-left-0 tw-flex tw-items-center tw-justify-center ",children:e.jsxs("div",{className:"tw-rounded-lg tw-p-4 tw-shadow-gray-600 tw-bg-warning-light tw-border-l-4 tw-border-warning-regular tw-max-w-[350px]",children:[e.jsxs("p",{className:"tw-text-xl tw-font-bold tw-text-warning-regular",children:["Pausar tarea: ",e.jsx("span",{className:"tw-font-normal",children:t})]}),e.jsxs("div",{className:"tw-my-5 tw-flex tw-flex-col tw-gap-l",children:[e.jsxs("div",{className:"tw-relative",children:[e.jsx("p",{className:"tw-text-xl tw-font-normal tw-text-warning-regular",children:"Seleccione la razón por la cual se realizará la pausa"}),e.jsxs("div",{onBlur:()=>x(!1),onClick:()=>x(!p),className:`tw-w-full tw-bg-bg-card ${d?"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 ${d?"tw-text-danger-regular":l?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(l==null?void 0:l.name)??"Selecciona una razón"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:d?m.danger.regular:m.texts.placeholder})]}),p&&e.jsx("div",{className:"absolute w-full tw-shadow-md tw-rounded-lg",children:e.jsx(ie,{onselect:u=>{i(u),x(!1)},options:b==null?void 0:b.data.map(u=>({id:u.id,name:u.motivo_imj}))})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-w-full",children:[e.jsx("button",{onClick:()=>{r(),i(null)},className:"tw-bg-danger-light tw-px-l tw-py-s tw-border-2 tw-border-danger-medium tw-rounded-md tw-w-full tw-text-danger-dark tw-font-bold hover:tw-border-danger-regular",children:"Cancelar"}),e.jsx("button",{onClick:h,className:"tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular",children:"Pausar"})]})]})]})}),document.body)},mt=({id:s,task:t,endDate:n,users:r,willBePaused:a,nameProject:l,comments:i,priority:d,difficulty:o,responsible:p,nameRequiredTask:x,statusRequiredTask:b,status:h,repeatsToDo:u,repeats:g,medioName:v})=>{var E,I,L,Q,X,Z;const[N,_]=w.useState(!1),[F,T]=w.useState(!1),{reasignResponsible:f,updateUnitys:j}=ee(),{getOBPUrlApi:S}=D(),[C,M]=w.useState(g??0),$=!!(u&&g===u),B=!u||u===1,c=h===0,P=()=>e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]",children:[h<2&&($||B||c)&&e.jsx(Pe,{id:s,nameRequiredTask:x??"",statusRequiredTask:b??0,status:h}),e.jsx("p",{className:"tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",onClick:()=>_(!0),children:t})]}),($||B||c)&&e.jsx(ke,{id:s,nameRequiredTask:x,status:h,statusRequiredTask:b})]}),A={0:{title:"N/A",color:m.texts.placeholder},1:{title:"Baja",color:m.primary.regular},2:{title:"Media",color:m.success.regular},3:{title:"Alta",color:m.danger.regular}},k={0:{title:"Muy fácil",color:m.primary.regular},1:{title:"Fácil",color:m.success.regular},2:{title:"Media",color:m.warning.regular},3:{title:"Difícil",color:m.danger.regular},4:{title:"Muy difícil",color:m.danger.dark}},R=U=>{M(Y=>U==="minus"?Math.max(0,Y-1):Math.min(u,Y+1))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[e.jsx(P,{}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:l}),v&&e.jsx("p",{className:"tw-text-xl",children:v})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[e.jsx(qe,{responsible:p,users:r.filter(U=>p?U.id===p:!0).map(U=>ce(U,S())),onClick:async(U,Y)=>{await f({idNewResponsible:U,id:s,typeOfSelect:Y})}}),a&&e.jsx(y.Tooltip,{dispatch:e.jsx("button",{disabled:!0,onClick:()=>T(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:e.jsx(y.Icons,{icon:"pause",size:"s",strokeWidth:2})}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"En camino..."})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:(E=k[o??0])==null?void 0:E.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(I=k[o??0])==null?void 0:I.color},children:`Dificultad ${(L=k[o??0])==null?void 0:L.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(Q=A[d??0])==null?void 0:Q.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(X=A[d??0])==null?void 0:X.color},children:`Prioridad: ${(Z=A[d??0])==null?void 0:Z.title}`})}),!u||u&&h===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${oe(n.getMonth()).slice(0,3)}`})]})]}),h===1&&u&&u>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>R("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${C??0} / ${u??0}`}),e.jsx("button",{onClick:()=>R("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("button",{className:"tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",onClick:()=>{j({repeats:C,id:s})},children:"Agregar"})]})]})]}),i>0&&e.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:e.jsxs("button",{onClick:()=>_(!0),className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"comment",size:"xs",strokeWidth:4}),e.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:i})]})})]}),e.jsx(ct,{taskId:s,isOpen:N,setIsOpen:_}),e.jsx(xt,{id:s,task:t,isActive:F,closeModal:()=>T(!1)})]})},ae=({title:s,tasks:t,loadNextPage:n,isFetching:r,total:a})=>{const l=w.useRef(null),i=w.useRef(null),d=w.useRef(!1);w.useEffect(()=>{var x;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((x=l==null?void 0:l.current)==null?void 0:x.clientHeight)-300}px`)},[l==null?void 0:l.current]);const o=x=>{if(d.current)return;const{scrollTop:b,clientHeight:h,scrollHeight:u}=x==null?void 0:x.target,g=b/(u-h)*100;g<=95||g>=95&&(d.current=!0,n&&n(),setTimeout(()=>{d.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return e.jsxs("div",{ref:l,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[s]}`,children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsx("p",{className:"tw-text-2xl",children:s})}),e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-[4px]",children:[e.jsx(y.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:m.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:a??0})]})})]}),e.jsxs("div",{ref:i,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",onScroll:o,children:[t==null?void 0:t.map(x=>e.jsx(mt,{...x},x.id)),r?e.jsx(Ze,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},pt=()=>{var a;const{defineFields:s}=z(),{tasksProject:t}=V();w.useEffect(()=>{(async()=>{let i=[...Xe];s(i)})()},[]);let n=(a=t==null?void 0:t.data)==null?void 0:a.filter(l=>{var i;return((i=l==null?void 0:l.tasks)==null?void 0:i.length)===0}).reduce((l,i)=>(l[i.status]=l[i.status]||[],l[i.status].push(i),l),{});const r=["Por hacer","Trabajando","Completadas"];return e.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:r.map((l,i)=>{var d;return e.jsx(ae,{total:((d=n==null?void 0:n[i])==null?void 0:d.length)??0,title:l,tasks:(n==null?void 0:n[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class gt{static toKanbanTasks(t){var r,a,l,i,d,o,p,x,b,h,u;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(g=>{var v,N,_,F;n!=null&&n.find(T=>T.id===g.idUser.id)||g.idUser&&n.push({id:g.idUser.id,name:g.idUser.nombre,image:(F=(_=(N=(v=g==null?void 0:g.userOBP)==null?void 0:v.imagen)==null?void 0:N.formats)==null?void 0:_.thumbnail)==null?void 0:F.url})}),{repeats:t==null?void 0:t.repeticiones_realizadas,repeatsToDo:t==null?void 0:t.repeticiones,comments:0,nameProject:(p=t==null?void 0:t.proyecto)==null?void 0:p.nombre,idProject:(x=t==null?void 0:t.proyecto)==null?void 0:x.id,willBePaused:t.es_pausable,difficulty:t.nivel_dificultad,endDate:new Date(t.ffin),id:t.id,priority:t.prioridad??0,status:t.estatus,task:t.texto_corto,users:n,responsible:((b=t==null?void 0:t.responsable)==null?void 0:b.id)??null,statusRequiredTask:((h=t.id_t_requerida)==null?void 0:h.estatus)??null,nameRequiredTask:((u=t.id_t_requerida)==null?void 0:u.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const we=async({filters:s,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:s})).data.tareas.map(W).map(gt.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},de=s=>{var t;if(s!=null&&s.hasNextPage){const n=(t=s==null?void 0:s.data)==null?void 0:t.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},G=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),ht=()=>{var p;const s=q.useQueryClient(),{tasks_api:t}=D(),{user:n}=H(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"por_hacer",...G(x)},tasks_api:t,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...G(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:a}},ft=()=>{var r,a;const{toDoTasks:s,total:t}=ht(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},bt=()=>{var p;const s=q.useQueryClient(),{tasks_api:t}=D(),{user:n}=H(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"trabajando",...G(x)},tasks_api:t,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"trabajando"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...G(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:a}},jt=()=>{var r,a;const{workingTasks:s,total:t}=bt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching})},yt=()=>{var p;const s=q.useQueryClient(),{user:t}=H(),{tasks_api:n}=D(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:t.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"completadas",...G(x)},tasks_api:n,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:t.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"completadas"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...G(1),justCount:!0,tasks_api:n}});l(b.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:a}},Nt=()=>{var r,a;const{doneTasks:s,total:t}=yt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{title:"Completadas",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,total:t})};class te{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const vt=()=>{const{tasks_api:s}=D(),{filters:t}=z(),{user:n}=H();return{getSalesmanAndProjects:async()=>{var o;const[i,d]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...t,owner:{user:n==null?void 0:n.id,config:((o=t==null?void 0:t.owner)==null?void 0:o.config)??"yo_y_mis_equipos"},justProjects:!0}})]);return{salesmanUsers:i.data.map(te.toSalesmanUsers),projects:d.data.map(te.toSalesmanUsers)}},getProjects:async()=>{var d;return(await s.get("/api/listado_tareas",{params:{...t,owner:{user:n.id,config:((d=t==null?void 0:t.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(te.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)}},_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:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ne=[{label:"Responsable",type:"select",id:"responsable.responsableType",options:[{id:"yo_y_mis_equipos",name:"Yo y mis equipos"},{id:"mis_equipos",name:"Mis equipos"},{id:"yo",name:"Yo"}]},{label:"Por Ejecutivo",type:"select",id:"ejecutivo",options:[]}],Ct=()=>{const{defineFields:s}=z(),{getSalesmanAndProjects:t}=vt();return w.useEffect(()=>{(async()=>{let r=[..._t],{salesmanUsers:a,projects:l}=await t();s(r.map(i=>(i.id==="project.id"&&(i.options=l),i.id==="salesman.id"&&(i.options=a),i)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(ft,{}),e.jsx(jt,{}),e.jsx(Nt,{})]})},Ee=w.createContext({}),Ft=({children:s})=>{const[t,n]=w.useState([]);w.useEffect(()=>{console.log({selectedTasks:t})},[t]);const r=a=>{n(l=>l.includes(a)?l.filter(i=>i!==a):[...l,a])};return e.jsx(Ee.Provider,{value:{selectedTasks:t,selectTask:r},children:s})},St=()=>w.useContext(Ee),Ae=()=>{const s=()=>e.jsxs("div",{className:"tw-w-full tw-flex tw-gap-m",children:[e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"})]});return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]}),e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]})]})},Ie=({startDate:s,endDate:t})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(s)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.texts.DEFAULT}),e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(t)]})]})]}),Tt=({id:s})=>e.jsx(e.Fragment,{children:e.jsx("button",{onClick:()=>alert("pausar tarea "+s),children:e.jsx(y.Icons,{icon:"pause",size:"xs",strokeWidth:4,color:m.texts.subtext})})}),De=({id:s,priority:t,difficulty:n,endDate:r})=>{var i,d;const a={0:{title:"N/A",color:m.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:m.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:m.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular"}};return e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:m.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[n??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[n??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[n??0].color},children:l[n??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((d=a[t??0])==null?void 0:d.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:a[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:a[t??0].color},children:a[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${oe(r.getMonth()).slice(0,3)}`})]})]})},Pt=({id:s})=>{const{selectedTasks:t,selectTask:n}=St();return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"tw-cursor-pointer tw-w-[20px] tw-h-[20px] tw-border-2 tw-border-gray-200 tw-rounded-md tw-flex tw-justify-center tw-items-center",htmlFor:s.toString(),children:e.jsx("span",{className:`${t.includes(s)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(y.Icons,{icon:"check_outline",size:"xs",color:m.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},Me=({task:s})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:s}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:s})}),qt=({id:s})=>{var l,i;const{tasksProject:t}=V(),{reasignResponsible:n}=ee(),{getOBPUrlApi:r}=D(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(d=>d.id===s);return e.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:e.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(a!=null&&a.nameRequiredTask)||(a==null?void 0:a.nameRequiredTask)!==""&&(a==null?void 0:a.statusRequiredTask)===2&&e.jsx(Pt,{id:s}),e.jsx(Pe,{id:s,nameRequiredTask:(a==null?void 0:a.nameRequiredTask)??"",status:a==null?void 0:a.status,statusRequiredTask:(a==null?void 0:a.statusRequiredTask)??0},s),(a==null?void 0:a.willBePaused)&&e.jsx(Tt,{id:s}),e.jsx(qe,{onClick:async(d,o)=>{var p;await n({idNewResponsible:(p=d==null?void 0:d.tasksUser)==null?void 0:p.id,id:s,typeOfSelect:o})},responsible:a==null?void 0:a.responsible,users:((i=a==null?void 0:a.users)==null?void 0:i.map(d=>ce(d,r())))??[]}),e.jsx(Me,{task:(a==null?void 0:a.task)??""}),e.jsx(De,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(Ie,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsx(ke,{id:s,nameRequiredTask:a.nameRequiredTask,status:a.status,statusRequiredTask:a.statusRequiredTask})]})})},$e=({id:s})=>{var l,i,d,o,p,x,b;const{tasksProject:t,openTasks:n,openTask:r}=V(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(h=>h.id===s);return a?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>r(s),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:m.texts.subtext})}),e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-xl tw-text-primary",children:((i=a==null?void 0:a.tasks)==null?void 0:i.length)===0?1:(d=a==null?void 0:a.tasks)==null?void 0:d.length})}),e.jsx(Me,{task:(a==null?void 0:a.task)??""}),e.jsx(De,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(Ie,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=a==null?void 0:a.tasks)==null?void 0:o.length)===0?1:(p=a==null?void 0:a.tasks)==null?void 0:p.length})]})]}),n.includes(s)&&e.jsx("div",{className:"tw-ml-[30px]",children:((x=a==null?void 0:a.tasks)==null?void 0:x.length)>0?(b=a==null?void 0:a.tasks)==null?void 0:b.map(h=>e.jsx($e,{id:h==null?void 0:h.id})):e.jsx(qt,{id:a==null?void 0:a.id})})]}):null},kt=()=>{var r;const{tasksProject:s,projectID:t}=V();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return e.jsx(Ae,{});let n=[...(r=s==null?void 0:s.data)==null?void 0:r.filter(a=>a.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(Ft,{project:t,children:n==null?void 0:n.sort((a,l)=>a.orden-l.orden).map(a=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ",children:e.jsx($e,{id:a.id})}))})})},Et=({setPath:s,setProject:t})=>{const[n,r]=w.useState([]),[a,l]=w.useState(!0),[i,d]=w.useState(0),[o,p]=w.useState(10),[x,b]=w.useState(0),[h,u]=w.useState("nombre"),{filters:g,defineFields:v}=z(),{tasks_api:N,getImageOBP:_}=D(),{user:F}=H(),T=async(c,P)=>{var A,k,R;try{l(!0);const E={filters:{search:(g==null?void 0:g.search)??"",responsable:{idUser:F.id,responsableType:(A=g==null?void 0:g.responsable)==null?void 0:A.responsableType},ejecutivo:(g==null?void 0:g.ejecutivo)??""}},I=await N.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:P},orderBy:h,...E}}),L=W(I==null?void 0:I.data);r(L),b((R=(k=I==null?void 0:I.data)==null?void 0:k.meta)==null?void 0:R.total)}catch(E){console.error("Error fetching data en Lista Campaña:",E)}finally{l(!1)}},f=async()=>{try{const c=await N.get("/api/obtener-comerciales");return[...Ne].map(A=>(A.id==="ejecutivo"&&(A.options=c.data.map(k=>({id:k.nombre,name:k.nombre}))),A))}catch(c){return console.error("Error fetching salesman data:",c),[...Ne]}};w.useEffect(()=>{(async()=>{const P=await f();v(P)})()},[]),w.useEffect(()=>{const c=Math.floor(i/o)+1;T(c,o)},[i,o,h,g]);const j=c=>{d(c.first),p(c.rows)},S=[{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=c=>{const P=parseInt(c.target.value,10);p(P),j({first:0,rows:P})},M=c=>{u(P=>P===c?`${c}:desc`:c)},$=c=>h===c?"↑↓":h===`${c}:desc`?"↓↑":"↑↓",B=c=>({padding:"auto",backgroundColor:m.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?m.gray.gray_regular:m.gray.gray_dark}`,color:c?m.gray.gray_regular:m.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return e.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:m.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:a?e.jsx("div",{className:"tw-w-full",children:e.jsx(Ae,{})}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[e.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:e.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:m.gray.gray_regular},children:[e.jsx("th",{onClick:()=>M("nombre"),style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx("label",{className:"tw-text-s",style:{color:m.gray.gray_dark},children:$("nombre")}),"Campaña"]})}),e.jsx("th",{onClick:()=>M("inicia"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:e.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:m.gray.gray_dark},children:[$("inicia"),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{style:{color:m.gray.gray_dark},children:"Fecha Inicio"})]})})}),e.jsx("th",{onClick:()=>M("termina"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:$("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Status"}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Responsable"})]})}),e.jsx("tbody",{children:n==null?void 0:n.map((c,P)=>{var A,k,R,E,I,L,Q,X,Z,U,Y,ue,xe,me,pe,ge,he,fe;return e.jsxs("tr",{style:{background:P%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{t({id:c==null?void 0:c.id,project:c==null?void 0:c.nombre}),s("kanban-campania")},onMouseEnter:re=>{re.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:re=>{re.currentTarget.style.backgroundColor=P%2===0?"#F5F5F5":"#FAFAFA"},children:[e.jsx("td",{className:"tw-text-s",children:(A=c==null?void 0:c.campania)==null?void 0:A.nombre}),e.jsx("td",{className:"tw-text-s",children:(k=c==null?void 0:c.campania)==null?void 0:k.inicia}),e.jsx("td",{className:"tw-text-s",children:(R=c==null?void 0:c.campania)==null?void 0:R.termina}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[c==null?void 0:c.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?m.progressbar.green_regular:c.progreso>50?m.progressbar.blue_regular:c.progreso>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[e.jsx(K,{imageUrl:(X=(Q=(L=(I=(E=c==null?void 0:c.campania)==null?void 0:E.responsable)==null?void 0:I.imagen)==null?void 0:L.formats)==null?void 0:Q.thumbnail)!=null&&X.url?_((xe=(ue=(Y=(U=(Z=c==null?void 0:c.campania)==null?void 0:Z.responsable)==null?void 0:U.imagen)==null?void 0:Y.formats)==null?void 0:ue.thumbnail)==null?void 0:xe.url):"",alt:(ge=(pe=(me=c==null?void 0:c.campania)==null?void 0:me.responsable)==null?void 0:pe.nombre)==null?void 0:ge.charAt(0)}),e.jsx("span",{className:"tw-ml-4 tw-text-s",children:(fe=(he=c==null?void 0:c.campania)==null?void 0:he.responsable)==null?void 0:fe.nombre})]})})]},P)})})]})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",style:{background:m.silver.silver_light},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",color:m.black.black_dark},className:"tw-text-s tw-whitespace-nowrap",children:[n.length," elementos de ",x]}),e.jsx(ze.Paginator,{first:i,rows:o,totalRecords:x,rowsPerPageOptions:[5,10,20,50],onPageChange:j,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>e.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:e.jsx("button",{onClick:P=>c.onClick(P),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...B(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":m.silver.silver_light,color:m.black.black_dark},children:c.page})})}}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),e.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${m.gray.gray_dark}`,borderRadius:"4px"},value:o,onChange:c=>C(c),children:S.map(c=>e.jsx("option",{value:c.value,className:"tw-text-s",style:{color:m.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},At=({path:s,tab:t,setPath:n,project:r,setProject:a})=>{const l={"kanban-general":{kanban:e.jsx(Ct,{})},"lista-campanias":{lista:e.jsx(Et,{setPath:n,setProject:a}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(pt,{}),lista:e.jsx(kt,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?e.jsx(Ge,{project:r==null?void 0:r.id,children:l[s][t]}):l[s][t]},It=({label:s,active:t,onClick:n,disabled:r})=>r?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:e.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):e.jsx("button",{disabled:r,onClick:n,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${r?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),Dt=({tabs:s,renderItem:t,initialTab:n})=>{const[r,a]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&a(n)},[n]);const l=i=>{a(i),t(i)};return e.jsx("div",{className:"tw-flex",children:s.map((i,d)=>e.jsx("div",{className:`${d===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(It,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===r,disabled:["gantt"].includes(i.toLowerCase())},d)}))})},Mt=({path:s})=>{const t=()=>{const{selectPath:n,updateFilters:r,applyFilters:a,filters:l}=z(),[i,d]=w.useState("kanban"),[o,p]=w.useState(s),[x,b]=w.useState({id:1704,project:"Kanban de Campania"}),[h,u]=w.useState([{path:"lista-campanias",search:(l==null?void 0:l.search)??""},{path:"kanban-campania",search:(l==null?void 0:l.taskName)??""},{path:"kanban-general",search:(l==null?void 0:l.taskName)??""}]),[g,v]=w.useState(),N=w.useRef(null);w.useEffect(()=>{var C;d(o==="lista-campanias"?"lista":"kanban"),n(o),v(((C=h.find(M=>M.path===o))==null?void 0:C.search)??"")},[s,o]),w.useEffect(()=>{var C;((C=j())==null?void 0:C.trim())===""&&r({name:o==="lista-campanias"?"search":"taskName",value:null}),a()},[h]);const _=C=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${x.project}`})[C],F=C=>{p(C)},T=["lista-campanias","kanban-campania"],f={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},j=()=>{var C;return((C=h.find(M=>M.path===o))==null?void 0:C.search)??""},S=C=>{u(M=>M.map($=>$.path===o?{...$,search:C}:$))};return w.useEffect(()=>{const C=setTimeout(()=>{r({name:o==="lista-campanias"?"search":"taskName",value:g==null?void 0:g.trim()}),S(g)},500);return()=>{clearTimeout(C)}},[g]),e.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[e.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[e.jsxs("div",{className:"tw-flex tw-gap-xl",children:[o==="kanban-campania"&&e.jsx("button",{onClick:()=>F("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:e.jsx(y.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:_(o)}),T.includes(o)&&e.jsx(Dt,{tabs:f[o],renderItem:C=>{d(C)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:C=>{v(C.target.value)},type:"text",placeholder:"Buscar",value:g,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),e.jsx(Re,{filterChildren:N,children:e.jsx("div",{ref:N,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(Qe,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:e.jsx(At,{path:o,tab:i,setPath:F,project:x,setProject:b})})]})};return e.jsx(Le,{children:e.jsx(t,{})})},$t=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Bt=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"No encontramos tu acceso"}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"por favor, contacta al administrador"})]})})}),zt=({path:s,user:t,url:n,mode:r})=>{const a=new q.QueryClient;if(!t)return e.jsx($t,{});if(!t.accessToken)return e.jsx(Bt,{});let l={user:t,url:n,mode:r};return e.jsx(e.Fragment,{children:e.jsx(Ye,{...l,children:e.jsx(He,{...l,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(q.QueryClientProvider,{client:a,children:[e.jsx(Mt,{path:s})," "]})})})})})};exports.AppTasks=zt;
|
package/dist/tareas.es.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@imj_media/tareas",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "tsc && vite build && npm run build:css",
|
|
7
7
|
"build:css": "tailwindcss -m -i ./src/tailwind.css -o ./dist/tareas.css",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"access": "public",
|
|
80
80
|
"registry": "https://registry.npmjs.org/@imjmedia"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "37630efe17ea6d23f519d2a8afc8d37dce0bd574"
|
|
83
83
|
}
|