@imj_media/tareas 0.1.35 → 0.1.37

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 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"),c=require("react"),y=require("@imj_media/tasks-modules"),Y=require("react-dom"),pe=require("axios"),ge=require("qs"),G=require("date-fns"),ee=require("date-fns/locale"),W=require("@imj_media/imj-ui"),Ee=require("react-hook-form"),Me=require("primereact/paginator"),De=({label:a,active:t,onClick:r,disabled:s})=>s?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:a}),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:s,onClick:r,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${s?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:a}),$e=({tabs:a,renderItem:t,initialTab:r})=>{const[s,n]=c.useState(r??a[0].toLowerCase());c.useEffect(()=>{r&&n(r)},[r]);const l=i=>{n(i),t(i)};return e.jsx("div",{className:"tw-flex",children:a.map((i,w)=>e.jsx("div",{className:`${w===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(De,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===s,disabled:["gantt"].includes(i.toLowerCase())},w)}))})},N={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"}},te=()=>{const[a,t]=c.useState(null);return{position:a,setElementPosition:l=>{var p;let i=(p=l.current)==null?void 0:p.getBoundingClientRect(),w=(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(a?null:{x:w??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Ie=({children:a,filterChildren:t})=>{const{position:r,setElementPosition:s}=te(),n=c.useRef(null),l=({children:i})=>{const[w,o]=c.useState();return c.useEffect(()=>{var p,d;t.current&&o(((r==null?void 0:r.x)??0)-(((d=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:d.width)??0))},[t==null?void 0:t.current,r==null?void 0:r.x]),r&&Y.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${w?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${w}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:n,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:N.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{s(n)}}),e.jsx(l,{children:a})]})},de=a=>{let t={};return Object.entries(a).forEach(([r,s])=>{if(r.includes(".")){let[n,l]=r.split(".");t[n]=t[n]||{},t[n][l]=s}else t[r]=s}),t},he=c.createContext({}),ze=({children:a})=>{const[t,r]=c.useState({}),[s,n]=c.useState({}),[l,i]=c.useState([]),[w,o]=c.useState(""),p=({name:u,value:h})=>{function x(v){return!isNaN(v)&&v!==null&&v!==""?parseFloat(v):null}let j=x(h);n(v=>{let C={...v},_=l==null?void 0:l.find(F=>F.label.toLowerCase().replace(/ /g,"_")===u);return _?C[_.id]=j??h:C[u]=j??h,C})};c.useEffect(()=>{let u=l.map(h=>h.id==="owner.config"?[h.id,"yo_y_mis_equipos"]:h.id==="dependency"?[h.id,"ambas"]:[h.id,null]);n(Object.fromEntries(u))},[l]);const d=()=>{let u=l.map(h=>h.id==="owner.config"?[h.id,"yo_y_mis_equipos"]:h.id==="dependency"?[h.id,"ambas"]:[h.id,null]);n(Object.fromEntries(u)),r(de(Object.fromEntries(u)))},f=()=>{let u=de(s);console.log({filtersWithEstructure:u}),r(u)};return e.jsx(he.Provider,{value:{fields:l,filters:t,path:w,defineFields:i,updateFilters:p,cleanFilters:d,applyFilters:f,initialFilters:s,selectPath:o},children:a})},I=()=>c.useContext(he);function fe(a,t=300,r={leading:!1,trailing:!0}){let s,n=null;return function(...l){const i=Date.now(),w=r.leading&&!n;clearTimeout(s),w&&a(...l),n=i,s=setTimeout(()=>{r.trailing&&(!r.leading||i-n>=t)&&(a(...l),n=null)},t)}}const Le=()=>{const{fields:a,updateFilters:t,cleanFilters:r,applyFilters:s,initialFilters:n}=I();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:r,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:a==null?void 0:a.map((l,i)=>{var w;return e.jsxs("div",{children:[e.jsx("p",{className:"tw-text-xl",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("select",{onChange:o=>{var p,d;t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(d=o==null?void 0:o.target)==null?void 0:d.value})},value:n==null?void 0:n[l==null?void 0:l.id],className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s tw-text-xl",name:l.id,id:l.id,children:(w=l==null?void 0:l.options)==null?void 0:w.map((o,p)=>e.jsx("option",{value:o.id,children:o.name},p))}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:n==null?void 0:n[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:fe(o=>{var p,d;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(d=o==null?void 0:o.target)==null?void 0:d.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-btn-primary tw-rounded-md tw-py-s tw-text-xl",onClick:s,children:"Filtrar"})]})},k=a=>{const t=s=>Object.prototype.toString.call(s)==="[object Object]",r=s=>s.attributes?{id:s.id,...s.attributes}:s;if(Array.isArray(a))return a.map(s=>k(s));if(t(a)){Array.isArray(a.data)?a=[...a.data]:t(a.data)?a=r({...a.data}):a.data===null?a=null:a=r(a);for(const s in a)a[s]=k(a[s]);return a}return a};class Re{static toCampaignTasks(t){var s,n,l,i,w,o,p,d,f,u,h,x;let r=[];return t!=null&&t.responsable&&r.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(n=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:n.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),console.log("task",t),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(j=>{var v,C,_,F;r!=null&&r.find(g=>g.id===j.idUser.id)||j.idUser&&r.push({id:j.idUser.id,name:j.idUser.nombre,image:(F=(_=(C=(v=j==null?void 0:j.userOBP)==null?void 0:v.imagen)==null?void 0:C.formats)==null?void 0:_.thumbnail)==null?void 0:F.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:r,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((d=t==null?void 0:t.comentarios)==null?void 0:d.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((f=t==null?void 0:t.id_t_requerida)==null?void 0:f.estatus)??null,nameRequiredTask:((u=t==null?void 0:t.id_t_requerida)==null?void 0:u.texto_corto)??null,responsible:((h=t==null?void 0:t.responsable)==null?void 0:h.id)??null,tasks:((x=t==null?void 0:t.tareas)==null?void 0:x.map(j=>({id:j.id,name:j.texto_corto,status:j.estatus})))??null}}}const Be=async({filters:a,tasks_api:t,project:r})=>{try{const s=await t.get("/api/listado_tareas_flujo",{params:{...a,project:{id:r},includeAllTasks:!0}});return k(s.data.tareas).map(Re.toCampaignTasks)}catch(s){console.log(s)}},be=c.createContext({}),Ke=({children:a,user:t,url:r})=>{const s=pe.create({baseURL:r,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>ge.stringify(n,{encodeValuesOnly:!0})});return e.jsx(be.Provider,{value:{tasks_api:s},children:a})},z=()=>c.useContext(be),je=c.createContext({}),Qe=({children:a,user:t,url:r})=>{const s=pe.create({baseURL:r,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>ge.stringify(n,{encodeValuesOnly:!0})});return e.jsx(je.Provider,{value:{user:t,tasks_api:s},children:a})},U=()=>c.useContext(je),ye=c.createContext({}),We=({children:a,project:t})=>{var v;const r=q.useQueryClient(),[s,n]=c.useState([]),[l,i]=c.useState([]),{tasks_api:w}=z(),{filters:o}=I(),{user:p}=U(),[d,f]=c.useState({owner:{user:p.id,config:((v=o==null?void 0:o.owner)==null?void 0:v.config)??"yo_y_mis_equipos"},project:{id:t}}),u=q.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>Be({filters:{...d},project:t,tasks_api:w})});c.useEffect(()=>{var C;Object.keys(o).length>0&&f({...o,owner:{user:p.id,config:((C=o==null?void 0:o.owner)==null?void 0:C.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),c.useEffect(()=>{r.invalidateQueries({queryKey:["tasksProject",o,t]})},[d]);const h=C=>{n(_=>[..._,C])},x=C=>{i(_=>_.includes(C)?_.filter(F=>F!==C):[..._,C])},j=t??null;return e.jsx(ye.Provider,{value:{tasksProject:u,selectedTasks:s,projectID:j,openTasks:l,selectTask:h,openTask:x},children:a})},V=()=>c.useContext(ye),Ue=[{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"}]}],X=()=>{const{tasks_api:a}=z(),{user:t}=U(),{filters:r,path:s}=I(),n=q.useQueryClient(),{projectID:l}=V(),i=async({id:g})=>(await a.put(`/api/tareas/${g}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,w=async({id:g})=>(await a.post("/api/terminarTarea",{id_task:g,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:g,repeats:b})=>(await a.put(`/api/tareas/${g}`,{data:{repeticiones_realizadas:b,updated_by:t==null?void 0:t.id}})).data,p=async({id:g,idNewResponsible:b,typeOfSelect:P})=>{let $={updated_by:t==null?void 0:t.id};return P==="responsible"&&($={...$,responsable:b}),P==="team"&&($={...$,responsable:null,equipo:b}),(await a.put(`/api/tareas/${g}`,{data:$})).data},d=async({id:g,data:b,user:P})=>{},f=async({id:g})=>{await u({id:g})},{mutateAsync:u}=q.useMutation({mutationFn:i,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error updating the element:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:h}=q.useMutation({mutationFn:w,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{n.setQueryData([g[s],r],b=>{console.log({oldData:b})}),s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:x}=q.useMutation({mutationFn:o,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:j}=q.useMutation({mutationFn:p,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to reassign the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:d,startWorking:f,completeTask:async({id:g})=>{await h({id:g})},reasignResponsible:async({id:g,idNewResponsible:b,typeOfSelect:P})=>{await j({id:g,idNewResponsible:b,typeOfSelect:P})},updateUnitys:async({repeats:g,id:b})=>{await x({repeats:g,id:b})},pauseTask:async({id:g})=>{console.log({id:g})}}},Oe=({id:a})=>{const[t,r]=c.useState(!1),{completeTask:s}=X();return{checked:t,checkTask:()=>{r(!t),s({id:a})}}},Ne=({id:a,nameRequiredTask:t,statusRequiredTask:r,status:s})=>{const{checked:n,checkTask:l}=Oe({id:a});let i=Math.random().toString();return e.jsxs(e.Fragment,{children:[s===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"})}),t!==""&&r===2||!t?s===1?e.jsx("label",{htmlFor:i,className:n?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:n?"check_outline":"circle_checked",color:n?"white":N.texts.placeholder,strokeWidth:4,size:n?"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:N.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-xs 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:n,onChange:l,type:"checkbox",className:"tw-hidden"})]})},K=({imageUrl:a="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:r="s"})=>{const s={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[r];return e.jsx("img",{src:a===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":a,alt:t??"avatar",className:`${s} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ue=({trigger:a,user:t,showUser:r=!0})=>e.jsx(y.Tooltip,{dispatch:a,children:r&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-containers 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-xs tw-font-bold tw-content-text",children:t.name})]})}),ke=({options:a,onselect:t})=>{const[r,s]=c.useState(null),n=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...a].filter(i=>i.name.toLowerCase().includes((r==null?void 0:r.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:n,value:r??"",onChange:i=>s(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 tw-hover:bg-primary-light tw-cursor-pointer",children:[e.jsx(K,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:i.name})]}))})]})};class He{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const Ve=()=>{const{tasks_api:a}=z();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const r=await a.get("/api/equipos");return k(r.data).map(He.toDomain)}})}};class Ge{static toUsers(t){var r,s,n;return{id:t.id,name:t.nombre,image:(n=(s=(r=t.imagen)==null?void 0:r.formats)==null?void 0:s.thumbnail)==null?void 0:n.url}}}const Ye=async({tasks_api:a})=>{try{const t=await a.get("/api/allOBPUsers");return k(t.data).map(Ge.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},Xe=()=>{const{tasks_api:a}=z();return{users:q.useQuery({queryKey:["users"],queryFn:()=>Ye({tasks_api:a}),staleTime:1e3*60*60*24})}},se=a=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(a);function Je(a){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],r=new Date(a).getDay();return t[r]}const xe=a=>{let t=a||new Date,r=t.getDate(),s=se(t.getMonth()).slice(0,3),n=t.getFullYear().toString().slice(-2),l=Je(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${r} ${s.charAt(0).toUpperCase()+s.slice(1)} ${n}`},ae=a=>({...a,image:a.image?`https://devobp.imjmedia.com.mx${a.image}`:""}),ve=({users:a,onClick:t,responsible:r})=>{let s=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:n,position:l,clearPosition:i}=te(),w=c.useRef(null),o=()=>r?null:a.length>3&&e.jsx(y.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-btn-primary tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-xs tw-font-bold tw-text-white ",children:`+${a.length-3}`})}),children:e.jsx("div",{className:"tw-bg-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:a==null?void 0:a.slice(3).map((u,h)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(K,{imageUrl:u.image??"",alt:u.name},h),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:u.name})]},h))})}),p=()=>{if(r){let u=a.find(h=>h.id===r);return e.jsx("div",{children:e.jsx(ue,{trigger:e.jsx(K,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},r),user:u,showUser:!(l!=null&&l.x)})})}return(a==null?void 0:a.length)>0&&a.slice(0,3).map((u,h)=>e.jsx("div",{className:`${h===0?"":"tw-ml-[-8px]"}`,children:e.jsx(ue,{trigger:e.jsx(K,{imageUrl:u.image,alt:u.name},h),user:u,showUser:!(l!=null&&l.x)})}))},d=({children:u})=>e.jsx("label",{ref:w,htmlFor:s,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(a.length===0)return e.jsx(d,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const f=()=>{var F;const[u,h]=c.useState(),[x,j]=c.useState("team"),{teams:v}=Ve(),{users:C}=Xe();c.useEffect(()=>{var g,b;w.current&&h(((l==null?void 0:l.x)??0)-(((b=(g=w.current)==null?void 0:g.getBoundingClientRect())==null?void 0:b.width)??0))},[w==null?void 0:w.current,l==null?void 0:l.x]);const _=()=>{const g=[{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:g.map((b,P)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${x===b.id?"tw-text-primary-pastel":""} ${P===g.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>j(b.id),children:b.label}))})};return(l==null?void 0:l.x)&&Y.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.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(_,{}),e.jsx(ke,{options:x==="team"?v.data.map(g=>({id:g.id,name:g.name,image:""})):(F=C.data)==null?void 0:F.map(ae),onselect:g=>{i(),t&&t(g,x)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(d,{children:[p(),o()]}),e.jsx("button",{className:"tw-hidden",id:s,onClick:()=>n(w)}),e.jsx(f,{})]})};function Ze({items:a}){var s;const[t,r]=c.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:a.map((n,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(W.Button,{variant:"ghost",onClick:()=>r(n.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===n.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:n.label},n.id)},n.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(s=a.find(n=>n.id===t))==null?void 0:s.component})]})}const et="https://devobp.imjmedia.com.mx";function tt({comment:a}){var r,s,n,l,i;function t(w){const o=G.parseISO(w);return G.formatDistanceToNow(o,{locale:ee.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:`${et}${(l=(n=(s=(r=a==null?void 0:a.autor)==null?void 0:r.imagen)==null?void 0:s.formats)==null?void 0:n.thumbnail)==null?void 0:l.url}`,alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(i=a==null?void 0:a.autor)==null?void 0:i.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:t(a==null?void 0:a.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:a==null?void 0:a.comentario})]})]})})}const Ce="https://devobp.imjmedia.com.mx";function st({currentUser:a,data:t,taskId:r,onNewComment:s}){var f,u,h;const{tasks_api:n}=z(),{register:l,handleSubmit:i,reset:w}=Ee.useForm(),[o,p]=c.useState([]);c.useEffect(()=>{if(t!=null&&t.comentarios){const x=[...t.comentarios].sort((j,v)=>new Date(v.createdAt).getTime()-new Date(j.createdAt).getTime());p(x)}},[t]);const d=async x=>{try{const j={autor:{id:a==null?void 0:a.id,email:a==null?void 0:a.email,nombre:a==null?void 0:a.nombre,imagen:a==null?void 0:a.imagen},comentario:x==null?void 0:x.comment,createdAt:new Date().toISOString()};await n.post("/api/comentarios",{data:{autor:a==null?void 0:a.id,comentario:x.comment,tarea:r}}),s(!0),p(v=>[j,...v]),w()}catch(j){console.error("Error al agregar comentario:",j)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:i(d),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(K,{size:"xxl",imageUrl:`${Ce}${(h=(u=(f=a==null?void 0:a.imagen)==null?void 0:f.formats)==null?void 0:u.thumbnail)==null?void 0:h.url}`,alt:"@shadcn"}),e.jsx(W.Input,{...l("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"})]}),o.map((x,j)=>e.jsx(tt,{comment:x},j))]})}function at({data:a}){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"}},r=s=>s?G.format(new Date(s),"d MMM",{locale:ee.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(W.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:a==null?void 0:a.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:a==null?void 0:a.map(s=>{var n,l,i,w,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:(w=(i=(l=(n=s.responsable)==null?void 0:n.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:s==null?void 0:s.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:r(s==null?void 0:s.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[s==null?void 0:s.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},s.id)})})]})}const nt="https://devobp.imjmedia.com.mx";function rt({isOpen:a,setIsOpen:t,taskId:r}){var v,C,_,F,g,b,P,$,Q,L,m,S;const[s,n]=c.useState(null),[l,i]=c.useState(!1),[w,o]=c.useState(!1),[p,d]=c.useState(null),{tasks_api:f}=z(),{user:u}=U();c.useEffect(()=>{if(a&&r||l){const T=async()=>{const A=await f.get(`/api/detalleTarea/${r}`);n(A==null?void 0:A.data)},M=async()=>{var E,R;const A=await f.get(`/api/users/${u.id}`),D=await f.post("/api/obtenerUsuarioOBP/",{emailList:[(E=A==null?void 0:A.data)==null?void 0:E.email]});d((R=D==null?void 0:D.data)==null?void 0:R.data[0])};T(),M()}},[a,r,l]);const h={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"}},x=T=>T?G.format(T,"d MMM yyyy, h:mmaaa",{locale:ee.es}):"Fecha no disponible",j=[{id:1,label:"Todo",component:e.jsx(st,{taskId:r,currentUser:p,data:s,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(at,{data:s==null?void 0:s.ids_t_dependientes})}];return a&&Y.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 ${a?"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 ${a?"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:[((v=s==null?void 0:s.id_t_requerida)==null?void 0:v.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:N.warning.regular,strokeWidth:4})}),w&&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=s==null?void 0:s.id_t_requerida)==null?void 0:C.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:s==null?void 0:s.texto_corto})]}),e.jsx(W.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:[s==null?void 0:s.campania," / ",s==null?void 0:s.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:(s==null?void 0:s.texto_largo)??"Sin descripción"})]}),e.jsx(W.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(W.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(W.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(W.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"}),(_=s==null?void 0:s.responsable)!=null&&_.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(K,{size:"xxl",imageUrl:`${nt}${(P=(b=(g=(F=s==null?void 0:s.responsable)==null?void 0:F.imagen)==null?void 0:g.formats)==null?void 0:b.thumbnail)==null?void 0:P.url}`,alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:($=s==null?void 0:s.responsable)==null?void 0:$.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((Q=s==null?void 0:s.equipo)==null?void 0:Q.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(L=h[s==null?void 0:s.prioridad])==null?void 0:L.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(m=h[s==null?void 0:s.prioridad])==null?void 0:m.color}`,children:((S=h[s==null?void 0:s.prioridad])==null?void 0:S.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:(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.updatedAt)})]})]})})]})}),e.jsx(Ze,{items:j})]})})]}),document.body)}const _e=({status:a,nameRequiredTask:t,statusRequiredTask:r,id:s})=>{const{setElementPosition:n,position:l}=te(),{startWorking:i,completeTask:w}=X(),o=c.useRef(null),p=c.useRef(!1),d=({children:f})=>{const[u,h]=c.useState();return c.useEffect(()=>{var x,j;o.current&&h(((l==null?void 0:l.x)??0)-(((j=(x=o.current)==null?void 0:x.getBoundingClientRect())==null?void 0:j.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&Y.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:f}),document.body)};return e.jsxs(e.Fragment,{children:[a<2&&(t!==""&&r===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{n(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(d,{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 tw-hover:bg-primary-light",onClick:()=>{p.current=!0,a===0?i({id:s}):w({id:s})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:a===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:N.primary.regular})]})})]})},lt=({id:a,task:t,endDate:r,users:s,willBePaused:n,nameProject:l,idProject:i,comments:w,priority:o,difficulty:p,responsible:d,nameRequiredTask:f,statusRequiredTask:u,status:h,repeatsToDo:x,repeats:j,medioName:v})=>{var T,M,A,D,E,R;const[C,_]=c.useState(!1),{reasignResponsible:F,updateUnitys:g,pauseTask:b}=X(),[P,$]=c.useState(j??0),Q=()=>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&&(x&&j===x||x===1||!x)&&e.jsx(Ne,{id:a,nameRequiredTask:f??"",statusRequiredTask:u??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})]}),(x&&j===x||x===1||!x)&&e.jsx(_e,{id:a,nameRequiredTask:f,status:h,statusRequiredTask:u})]}),L={0:{title:"N/A",color:N.texts.placeholder},1:{title:"Baja",color:N.primary.regular},2:{title:"Media",color:N.success.regular},3:{title:"Alta",color:N.danger.regular}},m={0:{title:"Muy fácil",color:N.primary.regular},1:{title:"Fácil",color:N.success.regular},2:{title:"Media",color:N.warning.regular},3:{title:"Difícil",color:N.danger.regular},4:{title:"Muy difícil",color:N.danger.dark}},S=B=>{$(O=>B==="minus"?Math.max(0,O-1):Math.min(x,O+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(Q,{}),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(ve,{responsible:d,users:s.filter(B=>d?B.id===d:!0).map(ae),onClick:async(B,O)=>{await F({idNewResponsible:B==null?void 0:B.id,id:a,typeOfSelect:O})}}),n&&e.jsx(y.Tooltip,{dispatch:e.jsxs("button",{onClick:()=>b({id:a}),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}),e.jsx("span",{children:"Pause"})]}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"Al pulsar el botón se solicitará razón del pausado"})})]}),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:(T=m[p??0])==null?void 0:T.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:(M=m[p??0])==null?void 0:M.color},children:`Dificultad ${(A=m[p??0])==null?void 0:A.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(D=L[o??0])==null?void 0:D.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:(E=L[o??0])==null?void 0:E.color},children:`Prioridad: ${(R=L[o??0])==null?void 0:R.title}`})}),!x||x&&h===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:N.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${se(r.getMonth()).slice(0,3)}`})]})]}),h===1&&x&&x>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>S("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:N.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${P??0} / ${x??0}`}),e.jsx("button",{onClick:()=>S("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:N.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:()=>{g({repeats:P,id:a})},children:"Agregar"})]})]})]}),w>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:w})]})})]}),e.jsx(rt,{taskId:a,isOpen:C,setIsOpen:_})]})},it=()=>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"})]})]}),J=({title:a,tasks:t,loadNextPage:r,isFetching:s,total:n})=>{const l=c.useRef(null),i=c.useRef(null),w=c.useRef(!1);c.useEffect(()=>{var d;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((d=l==null?void 0:l.current)==null?void 0:d.clientHeight)-50}px`)},[l==null?void 0:l.current]);const o=d=>{if(w.current)return;const{scrollTop:f,clientHeight:u,scrollHeight:h}=d==null?void 0:d.target,x=f/(h-u)*100;x<=95||x>=95&&(w.current=!0,r&&r(),setTimeout(()=>{w.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return 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-pb-[200px] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[a]}`,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:a})}),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:N.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:n??0})]})})]}),e.jsxs("div",{ref:i,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-py-4",onScroll:o,children:[t==null?void 0:t.map(d=>e.jsx(lt,{...d},d.id)),s?e.jsx(it,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},ot=()=>{var n;const{defineFields:a}=I(),{tasksProject:t}=V();c.useEffect(()=>{(async()=>{let i=[...Ue];a(i)})()},[]);let r=(n=t==null?void 0:t.data)==null?void 0:n.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 s=["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:s.map((l,i)=>{var w;return e.jsx(J,{total:((w=r==null?void 0:r[i])==null?void 0:w.length)??0,title:l,tasks:(r==null?void 0:r[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class ct{static toKanbanTasks(t){var s,n,l,i,w,o,p,d,f,u,h;let r=[];return t!=null&&t.responsable&&r.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(n=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:n.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(x=>{var j,v,C,_;r!=null&&r.find(F=>F.id===x.idUser.id)||x.idUser&&r.push({id:x.idUser.id,name:x.idUser.nombre,image:(_=(C=(v=(j=x==null?void 0:x.userOBP)==null?void 0:j.imagen)==null?void 0:v.formats)==null?void 0:C.thumbnail)==null?void 0:_.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:(d=t==null?void 0:t.proyecto)==null?void 0:d.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:r,responsible:((f=t==null?void 0:t.responsable)==null?void 0:f.id)??null,statusRequiredTask:((u=t.id_t_requerida)==null?void 0:u.estatus)??null,nameRequiredTask:((h=t.id_t_requerida)==null?void 0:h.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const ne=async({filters:a,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:a})).data.tareas.map(k).map(ct.toKanbanTasks)}catch(r){throw console.log({error:r}),`Error al obtener las tareas: ${r}`}},re=a=>{var t;if(a!=null&&a.hasNextPage){const r=(t=a==null?void 0:a.data)==null?void 0:t.pages[a.data.pages.length-1];(r==null?void 0:r.length)===30&&(a==null||a.fetchNextPage())}},H=a=>({pagination:{page:a,pageSize:30,withCount:!0}}),wt=()=>{var p;const a=q.useQueryClient(),{tasks_api:t}=z(),{user:r}=U(),{filters:s}=I(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:r.id,config:((p=s==null?void 0:s.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:d})=>ne({filters:{...i,status:"por_hacer",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:r.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),c.useEffect(()=>{(async()=>{const f=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...H(1),tasks_api:t,justCount:!0}});l(f.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:n}},dt=()=>{var s,n;const{toDoTasks:a,total:t}=wt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{total:t,title:"Por hacer",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching,isLoadingData:a==null?void 0:a.isLoading})},ut=()=>{var p;const a=q.useQueryClient(),{tasks_api:t}=z(),{user:r}=U(),{filters:s}=I(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:r.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",s],queryFn:({pageParam:d})=>ne({filters:{...i,status:"trabajando",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:r.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"trabajando"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["working_tasks",s]})},[i]),c.useEffect(()=>{(async()=>{const f=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...H(1),tasks_api:t,justCount:!0}});l(f.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:n}},xt=()=>{var s,n;const{workingTasks:a,total:t}=ut(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{total:t,title:"Trabajando",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching})},mt=()=>{var p;const a=q.useQueryClient(),{user:t}=U(),{tasks_api:r}=z(),{filters:s}=I(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:t.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:d})=>ne({filters:{...i,status:"completadas",...H(d)},tasks_api:r,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:t.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"completadas"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["done_tasks",i]})},[i]),c.useEffect(()=>{(async()=>{const f=await r.get("/api/listado_tareas",{params:{...i,status:"completadas",...H(1),justCount:!0,tasks_api:r}});l(f.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:n}},pt=()=>{var s,n;const{doneTasks:a,total:t}=mt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{title:"Completadas",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching,total:t})};class Z{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const gt=()=>{const{tasks_api:a}=z(),{filters:t}=I(),{user:r}=U();return{getSalesmanAndProjects:async()=>{const[i]=await Promise.all([a.get("/api/obtener-comerciales")]);return{salesmanUsers:i.data.map(Z.toSalesmanUsers)}},getProjects:async()=>{var w;return(await a.get("/api/listado_tareas",{params:{...t,owner:{user:r.id,config:((w=t==null?void 0:t.owner)==null?void 0:w.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(Z.toSalesmanUsers)},getSalesmans:async()=>(await a.get("/api/obtener-comerciales")).data.map(Z.toSalesmanUsers)}},ht=[{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 proyecto",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",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"}]}],me=[{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:[]}],ft=()=>{const{defineFields:a}=I(),{getSalesmanAndProjects:t}=gt();return c.useEffect(()=>{(async()=>{let s=[...ht],{salesmanUsers:n}=await t();a(s.map(l=>(l.id==="salesman.id"&&(l.options=n),l)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(dt,{}),e.jsx(xt,{}),e.jsx(pt,{})]})},Fe=c.createContext({}),bt=({children:a})=>{const[t,r]=c.useState([]);c.useEffect(()=>{console.log({selectedTasks:t})},[t]);const s=n=>{r(l=>l.includes(n)?l.filter(i=>i!==n):[...l,n])};return e.jsx(Fe.Provider,{value:{selectedTasks:t,selectTask:s},children:a})},jt=()=>c.useContext(Fe),Se=()=>{const a=()=>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(a,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(a,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(a,{})})]}),e.jsx(a,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(a,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(a,{})})]})]})},Te=({startDate:a,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:N.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",xe(a)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:N.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:N.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",xe(t)]})]})]}),yt=({id:a})=>e.jsx(e.Fragment,{children:e.jsx("button",{onClick:()=>alert("pausar tarea "+a),children:e.jsx(y.Icons,{icon:"pause",size:"xs",strokeWidth:4,color:N.texts.subtext})})}),qe=({id:a,priority:t,difficulty:r,endDate:s})=>{var i,w;const n={0:{title:"N/A",color:N.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:N.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:N.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:N.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:N.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:N.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:N.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:N.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:N.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:N.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[r??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[r??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[r??0].color},children:l[r??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((w=n[t??0])==null?void 0:w.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:n[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:n[t??0].color},children:n[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:N.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${s.getDate()} ${se(s.getMonth()).slice(0,3)}`})]})]})},Nt=({id:a})=>{const{selectedTasks:t,selectTask:r}=jt();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:a.toString(),children:e.jsx("span",{className:`${t.includes(a)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(y.Icons,{icon:"check_outline",size:"xs",color:N.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:a.toString(),type:"checkbox",onChange:()=>r(a)})]})},Pe=({task:a})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:a}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:a})}),vt=({id:a})=>{var n,l;const{tasksProject:t}=V(),{reasignResponsible:r}=X(),s=(n=t==null?void 0:t.data)==null?void 0:n.find(i=>i.id===a);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:[!(s!=null&&s.nameRequiredTask)||(s==null?void 0:s.nameRequiredTask)!==""&&(s==null?void 0:s.statusRequiredTask)===2&&e.jsx(Nt,{id:a}),e.jsx(Ne,{id:a,nameRequiredTask:(s==null?void 0:s.nameRequiredTask)??"",status:s==null?void 0:s.status,statusRequiredTask:(s==null?void 0:s.statusRequiredTask)??0},a),(s==null?void 0:s.willBePaused)&&e.jsx(yt,{id:a}),e.jsx(ve,{onClick:async(i,w)=>{await r({idNewResponsible:i==null?void 0:i.id,id:a,typeOfSelect:w})},responsible:s==null?void 0:s.responsible,users:((l=s==null?void 0:s.users)==null?void 0:l.map(ae))??[]}),e.jsx(Pe,{task:(s==null?void 0:s.task)??""}),e.jsx(qe,{id:a,priority:s==null?void 0:s.priority,difficulty:s.difficulty,endDate:s==null?void 0:s.endDate}),e.jsx(Te,{startDate:s==null?void 0:s.startDate,endDate:s==null?void 0:s.endDate}),e.jsx(_e,{id:a,nameRequiredTask:s.nameRequiredTask,status:s.status,statusRequiredTask:s.statusRequiredTask})]})})},Ae=({id:a})=>{var l,i,w,o,p,d,f;const{tasksProject:t,openTasks:r,openTask:s}=V(),n=(l=t==null?void 0:t.data)==null?void 0:l.find(u=>u.id===a);return n?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2",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:`${r.includes(a)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>s(a),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:N.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=n==null?void 0:n.tasks)==null?void 0:i.length)===0?1:(w=n==null?void 0:n.tasks)==null?void 0:w.length})}),e.jsx(Pe,{task:(n==null?void 0:n.task)??""}),e.jsx(qe,{id:a,priority:n==null?void 0:n.priority,difficulty:n.difficulty,endDate:n==null?void 0:n.endDate}),e.jsx(Te,{startDate:n==null?void 0:n.startDate,endDate:n==null?void 0:n.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:N.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=n==null?void 0:n.tasks)==null?void 0:o.length)===0?1:(p=n==null?void 0:n.tasks)==null?void 0:p.length})]})]}),r.includes(a)&&e.jsx("div",{className:"tw-ml-[30px]",children:((d=n==null?void 0:n.tasks)==null?void 0:d.length)>0?(f=n==null?void 0:n.tasks)==null?void 0:f.map(u=>e.jsx(Ae,{id:u==null?void 0:u.id})):e.jsx(vt,{id:n==null?void 0:n.id})})]}):null},Ct=()=>{var s;const{tasksProject:a,projectID:t}=V();if(a!=null&&a.isFetching||a!=null&&a.isLoading)return e.jsx(Se,{});let r=[...(s=a==null?void 0:a.data)==null?void 0:s.filter(n=>n.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(bt,{project:t,children:r==null?void 0:r.sort((n,l)=>n.orden-l.orden).map(n=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m",children:e.jsx(Ae,{id:n.id})}))})})},_t=({setPath:a,setProject:t})=>{const[r,s]=c.useState([]),[n,l]=c.useState(!0),[i,w]=c.useState(0),[o,p]=c.useState(10),[d,f]=c.useState(0),[u,h]=c.useState("nombre"),{filters:x,defineFields:j,cleanFilters:v}=I(),{tasks_api:C}=z(),{user:_}=U(),F=async(m,S)=>{var T,M,A;try{l(!0);const D={filters:{search:(x==null?void 0:x.taskName)??"",responsable:{idUser:_.id,responsableType:(T=x==null?void 0:x.responsable)==null?void 0:T.responsableType},ejecutivo:(x==null?void 0:x.ejecutivo)??""}},E=await C.get("/api/listado_campanias",{params:{pagination:{page:m,pageSize:S},orderBy:u,...D}}),R=k(E==null?void 0:E.data);s(R),f((A=(M=E==null?void 0:E.data)==null?void 0:M.meta)==null?void 0:A.total)}catch(D){console.error("Error fetching data en Lista Campaña:",D)}finally{l(!1)}},g=async()=>{try{const m=await C.get("/api/obtener-comerciales");return[...me].map(T=>(T.id==="ejecutivo"&&(T.options=m.data.map(M=>({id:M.nombre,name:M.nombre}))),T))}catch(m){return console.error("Error fetching salesman data:",m),[...me]}};c.useEffect(()=>{(async()=>{const S=await g();j(S)})()},[]),c.useEffect(()=>{const m=Math.floor(i/o)+1;F(m,o)},[i,o,u,x]);const b=m=>{w(m.first),p(m.rows)},P=[{label:"5 filas",value:5},{label:"10 filas",value:10},{label:"15 filas",value:15},{label:"20 filas",value:20},{label:"25 filas",value:25},{label:"50 filas",value:50}],$=m=>{const S=parseInt(m.target.value,10);p(S),b({first:0,rows:S})},Q=m=>{h(S=>S===m?`${m}:desc`:m)},L=m=>u===m?"↑↓":u===`${m}:desc`?"↓↑":"↑↓";return e.jsx("div",{className:"table-container",children:n?e.jsx("div",{style:{width:"100%"},children:e.jsx(Se,{})}):e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"table",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:"#F5F5F5"},children:[e.jsxs("th",{onClick:()=>Q("nombre"),children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("nombre")}),"Campaña"]}),e.jsx("th",{onClick:()=>Q("inicia"),style:{textAlign:"center",whiteSpace:"nowrap"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",width:"fit-content"},children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("inicia")})," ",e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:"#C4C4C4"}),e.jsx("span",{children:"Fecha Inicio"})]})}),e.jsx("th",{onClick:()=>Q("termina"),style:{whiteSpace:"nowrap",textAlign:"center"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",width:"fit-content"},children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:"#C4C4C4"}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Responsable"})]})}),e.jsx("tbody",{children:r==null?void 0:r.map((m,S)=>{var T,M,A,D,E,R,B,O,le,ie,oe,ce,we;return e.jsxs("tr",{className:"table-row",onClick:()=>{v(),t({id:m==null?void 0:m.id,project:m==null?void 0:m.nombre}),a("kanban-campania")},children:[e.jsx("td",{children:(T=m==null?void 0:m.campania)==null?void 0:T.nombre}),e.jsxs("td",{children:[" ",(M=m==null?void 0:m.campania)==null?void 0:M.inicia]}),e.jsx("td",{children:(A=m==null?void 0:m.campania)==null?void 0:A.termina}),e.jsx("td",{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",fontSize:"10px",width:"auto",minWidth:"170px"},children:[e.jsxs("label",{style:{width:"50px",minWidth:"50px",textAlign:"right",color:"#000"},children:[m==null?void 0:m.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:"#C4C4C4",borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${m.progreso}%`,backgroundColor:m.progreso===100?"#039B59":m.progreso>50?"#3658C1":m.progreso>0?"#DC8921":"#C4C4C4",borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(K,{imageUrl:`${Ce}${(O=(B=(R=(E=(D=m==null?void 0:m.campania)==null?void 0:D.responsable)==null?void 0:E.imagen)==null?void 0:R.formats)==null?void 0:B.thumbnail)==null?void 0:O.url}`,alt:(oe=(ie=(le=m==null?void 0:m.campania)==null?void 0:le.responsable)==null?void 0:ie.nombre)==null?void 0:oe.charAt(0),size:"xxl"}),e.jsx("span",{className:"tw-text-texts-placeholder tw-text-xl",style:{marginLeft:"8px",fontSize:"10px"},children:(we=(ce=m==null?void 0:m.campania)==null?void 0:ce.responsable)==null?void 0:we.nombre})]})})]},S)})})]}),e.jsxs("div",{className:"pagination",style:{background:"#FAFAFA",display:"flex"},children:[e.jsxs("span",{style:{alignItems:"center",fontSize:"10px",textAlign:"left",width:"auto",height:"auto",whiteSpace:"nowrap"},children:[r.length," elementos de ",d]}),e.jsx(Me.Paginator,{first:i,rows:o,totalRecords:d,rowsPerPageOptions:[5,10,20,50],onPageChange:b,className:"pagination",template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("span",{style:{fontSize:"10px",whiteSpace:"nowrap"},children:"Filas por página:"}),e.jsx("select",{className:"select",value:o,onChange:m=>$(m),children:P.map(m=>e.jsx("option",{className:"option-select",value:m.value,style:{background:"#F5F5F5"},children:m.label},m.value))})]})]})]})})},Ft=({path:a,tab:t,setPath:r,project:s,setProject:n})=>{const l={"kanban-general":{kanban:e.jsx(ft,{})},"lista-campanias":{lista:e.jsx(_t,{setPath:r,setProject:n}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(ot,{}),lista:e.jsx(Ct,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return a==="kanban-campania"?e.jsx(We,{project:s==null?void 0:s.id,children:l[a][t]}):l[a][t]},St=({path:a})=>{const t=()=>{const{selectPath:r,updateFilters:s,applyFilters:n,filters:l}=I(),[i,w]=c.useState("kanban"),[o,p]=c.useState(a),[d,f]=c.useState({id:1704,project:"Kanban de Campania"}),[u,h]=c.useState((l==null?void 0:l.taskName)??""),[x,j]=c.useState(""),v=c.useRef(null);c.useEffect(()=>{w(o==="lista-campanias"?"lista":"kanban"),r(o)},[a,o]),c.useEffect(()=>{(u==null?void 0:u.trim())===""&&s({name:"taskName",value:null}),n()},[x]),c.useEffect(()=>{h((l==null?void 0:l.taskName)??"")},[l==null?void 0:l.taskName]);const C=b=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${d.project}`})[b],_=b=>{p(b)},F=["lista-campanias","kanban-campania"],g={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]};return 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:[e.jsx("h2",{className:"tw-text-texts tw-font-medium tw-text-3xl",children:C(o)}),F.includes(o)&&e.jsx($e,{tabs:g[o],renderItem:b=>{w(b)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:b=>{h(b.target.value),fe(()=>{s({name:"taskName",value:b.target.value.trim()}),j(b.target.value)},1e3)()},type:"text",placeholder:"Buscar",value:u,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(Ie,{filterChildren:v,children:e.jsx("div",{ref:v,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(Le,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-hidden tw-scrollbar-none",children:e.jsx(Ft,{path:o,tab:i,setPath:_,project:d,setProject:f})})]})};return e.jsx(ze,{children:e.jsx(t,{})})},Tt=()=>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"})]})})}),qt=()=>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"})]})})}),Pt=({path:a,user:t,url:r})=>{const s=new q.QueryClient;if(!t)return e.jsx(Tt,{});if(!t.accessToken)return e.jsx(qt,{});let n={user:t,url:r};return e.jsx(e.Fragment,{children:e.jsx(Qe,{...n,children:e.jsx(Ke,{...n,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(q.QueryClientProvider,{client:s,children:[e.jsx(St,{path:a})," "]})})})})})};exports.AppTasks=Pt;
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"),c=require("react"),y=require("@imj_media/tasks-modules"),Y=require("react-dom"),pe=require("axios"),ge=require("qs"),G=require("date-fns"),ee=require("date-fns/locale"),W=require("@imj_media/imj-ui"),Ee=require("react-hook-form"),Me=require("primereact/paginator"),De=({label:a,active:t,onClick:r,disabled:s})=>s?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:a}),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:s,onClick:r,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${s?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:a}),$e=({tabs:a,renderItem:t,initialTab:r})=>{const[s,n]=c.useState(r??a[0].toLowerCase());c.useEffect(()=>{r&&n(r)},[r]);const l=i=>{n(i),t(i)};return e.jsx("div",{className:"tw-flex",children:a.map((i,w)=>e.jsx("div",{className:`${w===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(De,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===s,disabled:["gantt"].includes(i.toLowerCase())},w)}))})},N={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"}},te=()=>{const[a,t]=c.useState(null);return{position:a,setElementPosition:l=>{var p;let i=(p=l.current)==null?void 0:p.getBoundingClientRect(),w=(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(a?null:{x:w??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Ie=({children:a,filterChildren:t})=>{const{position:r,setElementPosition:s}=te(),n=c.useRef(null),l=({children:i})=>{const[w,o]=c.useState();return c.useEffect(()=>{var p,d;t.current&&o(((r==null?void 0:r.x)??0)-(((d=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:d.width)??0))},[t==null?void 0:t.current,r==null?void 0:r.x]),r&&Y.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${w?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${w}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:n,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:N.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{s(n)}}),e.jsx(l,{children:a})]})},de=a=>{let t={};return Object.entries(a).forEach(([r,s])=>{if(r.includes(".")){let[n,l]=r.split(".");t[n]=t[n]||{},t[n][l]=s}else t[r]=s}),t},he=c.createContext({}),ze=({children:a})=>{const[t,r]=c.useState({}),[s,n]=c.useState({}),[l,i]=c.useState([]),[w,o]=c.useState(""),p=({name:u,value:h})=>{function x(v){return!isNaN(v)&&v!==null&&v!==""?parseFloat(v):null}let j=x(h);n(v=>{let C={...v},_=l==null?void 0:l.find(F=>F.label.toLowerCase().replace(/ /g,"_")===u);return _?C[_.id]=j??h:C[u]=j??h,C})};c.useEffect(()=>{let u=l.map(h=>h.id==="owner.config"?[h.id,"yo_y_mis_equipos"]:h.id==="dependency"?[h.id,"ambas"]:[h.id,null]);n(Object.fromEntries(u))},[l]);const d=()=>{let u=l.map(h=>h.id==="owner.config"?[h.id,"yo_y_mis_equipos"]:h.id==="dependency"?[h.id,"ambas"]:[h.id,null]);n(Object.fromEntries(u)),r(de(Object.fromEntries(u)))},f=()=>{let u=de(s);console.log({filtersWithEstructure:u}),r(u)};return e.jsx(he.Provider,{value:{fields:l,filters:t,path:w,defineFields:i,updateFilters:p,cleanFilters:d,applyFilters:f,initialFilters:s,selectPath:o},children:a})},I=()=>c.useContext(he);function fe(a,t=300,r={leading:!1,trailing:!0}){let s,n=null;return function(...l){const i=Date.now(),w=r.leading&&!n;clearTimeout(s),w&&a(...l),n=i,s=setTimeout(()=>{r.trailing&&(!r.leading||i-n>=t)&&(a(...l),n=null)},t)}}const Le=()=>{const{fields:a,updateFilters:t,cleanFilters:r,applyFilters:s,initialFilters:n}=I();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:r,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:a==null?void 0:a.map((l,i)=>{var w;return e.jsxs("div",{children:[e.jsx("p",{className:"tw-text-xl",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("select",{onChange:o=>{var p,d;t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(d=o==null?void 0:o.target)==null?void 0:d.value})},value:n==null?void 0:n[l==null?void 0:l.id],className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s tw-text-xl",name:l.id,id:l.id,children:(w=l==null?void 0:l.options)==null?void 0:w.map((o,p)=>e.jsx("option",{value:o.id,children:o.name},p))}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:n==null?void 0:n[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:fe(o=>{var p,d;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(d=o==null?void 0:o.target)==null?void 0:d.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-btn-primary tw-rounded-md tw-py-s tw-text-xl",onClick:s,children:"Filtrar"})]})},k=a=>{const t=s=>Object.prototype.toString.call(s)==="[object Object]",r=s=>s.attributes?{id:s.id,...s.attributes}:s;if(Array.isArray(a))return a.map(s=>k(s));if(t(a)){Array.isArray(a.data)?a=[...a.data]:t(a.data)?a=r({...a.data}):a.data===null?a=null:a=r(a);for(const s in a)a[s]=k(a[s]);return a}return a};class Re{static toCampaignTasks(t){var s,n,l,i,w,o,p,d,f,u,h,x;let r=[];return t!=null&&t.responsable&&r.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(n=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:n.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),console.log("task",t),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(j=>{var v,C,_,F;r!=null&&r.find(g=>g.id===j.idUser.id)||j.idUser&&r.push({id:j.idUser.id,name:j.idUser.nombre,image:(F=(_=(C=(v=j==null?void 0:j.userOBP)==null?void 0:v.imagen)==null?void 0:C.formats)==null?void 0:_.thumbnail)==null?void 0:F.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:r,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((d=t==null?void 0:t.comentarios)==null?void 0:d.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((f=t==null?void 0:t.id_t_requerida)==null?void 0:f.estatus)??null,nameRequiredTask:((u=t==null?void 0:t.id_t_requerida)==null?void 0:u.texto_corto)??null,responsible:((h=t==null?void 0:t.responsable)==null?void 0:h.id)??null,tasks:((x=t==null?void 0:t.tareas)==null?void 0:x.map(j=>({id:j.id,name:j.texto_corto,status:j.estatus})))??null}}}const Be=async({filters:a,tasks_api:t,project:r})=>{try{const s=await t.get("/api/listado_tareas_flujo",{params:{...a,project:{id:r},includeAllTasks:!0}});return k(s.data.tareas).map(Re.toCampaignTasks)}catch(s){console.log(s)}},be=c.createContext({}),Ke=({children:a,user:t,url:r})=>{const s=pe.create({baseURL:r,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>ge.stringify(n,{encodeValuesOnly:!0})});return e.jsx(be.Provider,{value:{tasks_api:s},children:a})},z=()=>c.useContext(be),je=c.createContext({}),Qe=({children:a,user:t,url:r})=>{const s=pe.create({baseURL:r,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>ge.stringify(n,{encodeValuesOnly:!0})});return e.jsx(je.Provider,{value:{user:t,tasks_api:s},children:a})},U=()=>c.useContext(je),ye=c.createContext({}),We=({children:a,project:t})=>{var v;const r=q.useQueryClient(),[s,n]=c.useState([]),[l,i]=c.useState([]),{tasks_api:w}=z(),{filters:o}=I(),{user:p}=U(),[d,f]=c.useState({owner:{user:p.id,config:((v=o==null?void 0:o.owner)==null?void 0:v.config)??"yo_y_mis_equipos"},project:{id:t}}),u=q.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>Be({filters:{...d},project:t,tasks_api:w})});c.useEffect(()=>{var C;Object.keys(o).length>0&&f({...o,owner:{user:p.id,config:((C=o==null?void 0:o.owner)==null?void 0:C.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),c.useEffect(()=>{r.invalidateQueries({queryKey:["tasksProject",o,t]})},[d]);const h=C=>{n(_=>[..._,C])},x=C=>{i(_=>_.includes(C)?_.filter(F=>F!==C):[..._,C])},j=t??null;return e.jsx(ye.Provider,{value:{tasksProject:u,selectedTasks:s,projectID:j,openTasks:l,selectTask:h,openTask:x},children:a})},V=()=>c.useContext(ye),Ue=[{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"}]}],X=()=>{const{tasks_api:a}=z(),{user:t}=U(),{filters:r,path:s}=I(),n=q.useQueryClient(),{projectID:l}=V(),i=async({id:g})=>(await a.put(`/api/tareas/${g}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,w=async({id:g})=>(await a.post("/api/terminarTarea",{id_task:g,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:g,repeats:b})=>(await a.put(`/api/tareas/${g}`,{data:{repeticiones_realizadas:b,updated_by:t==null?void 0:t.id}})).data,p=async({id:g,idNewResponsible:b,typeOfSelect:P})=>{let $={updated_by:t==null?void 0:t.id};return P==="responsible"&&($={...$,responsable:b}),P==="team"&&($={...$,responsable:null,equipo:b}),(await a.put(`/api/tareas/${g}`,{data:$})).data},d=async({id:g,data:b,user:P})=>{},f=async({id:g})=>{await u({id:g})},{mutateAsync:u}=q.useMutation({mutationFn:i,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error updating the element:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:h}=q.useMutation({mutationFn:w,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{n.setQueryData([g[s],r],b=>{console.log({oldData:b})}),s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:x}=q.useMutation({mutationFn:o,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:j}=q.useMutation({mutationFn:p,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to reassign the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:d,startWorking:f,completeTask:async({id:g})=>{await h({id:g})},reasignResponsible:async({id:g,idNewResponsible:b,typeOfSelect:P})=>{await j({id:g,idNewResponsible:b,typeOfSelect:P})},updateUnitys:async({repeats:g,id:b})=>{await x({repeats:g,id:b})},pauseTask:async({id:g})=>{console.log({id:g})}}},Oe=({id:a})=>{const[t,r]=c.useState(!1),{completeTask:s}=X();return{checked:t,checkTask:()=>{r(!t),s({id:a})}}},Ne=({id:a,nameRequiredTask:t,statusRequiredTask:r,status:s})=>{const{checked:n,checkTask:l}=Oe({id:a});let i=Math.random().toString();return e.jsxs(e.Fragment,{children:[s===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"})}),t!==""&&r===2||!t?s===1?e.jsx("label",{htmlFor:i,className:n?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:n?"check_outline":"circle_checked",color:n?"white":N.texts.placeholder,strokeWidth:4,size:n?"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:N.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:n,onChange:l,type:"checkbox",className:"tw-hidden"})]})},K=({imageUrl:a="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:r="s"})=>{const s={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[r];return e.jsx("img",{src:a===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":a,alt:t??"avatar",className:`${s} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ue=({trigger:a,user:t,showUser:r=!0})=>e.jsx(y.Tooltip,{dispatch:a,children:r&&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})]})}),ke=({options:a,onselect:t})=>{const[r,s]=c.useState(null),n=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...a].filter(i=>i.name.toLowerCase().includes((r==null?void 0:r.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:n,value:r??"",onChange:i=>s(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 tw-hover:bg-primary-light tw-cursor-pointer",children:[e.jsx(K,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:i.name})]}))})]})};class He{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const Ve=()=>{const{tasks_api:a}=z();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const r=await a.get("/api/equipos");return k(r.data).map(He.toDomain)}})}};class Ge{static toUsers(t){var r,s,n;return{id:t.id,name:t.nombre,image:(n=(s=(r=t.imagen)==null?void 0:r.formats)==null?void 0:s.thumbnail)==null?void 0:n.url}}}const Ye=async({tasks_api:a})=>{try{const t=await a.get("/api/allOBPUsers");return k(t.data).map(Ge.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},Xe=()=>{const{tasks_api:a}=z();return{users:q.useQuery({queryKey:["users"],queryFn:()=>Ye({tasks_api:a}),staleTime:1e3*60*60*24})}},se=a=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(a);function Je(a){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],r=new Date(a).getDay();return t[r]}const xe=a=>{let t=a||new Date,r=t.getDate(),s=se(t.getMonth()).slice(0,3),n=t.getFullYear().toString().slice(-2),l=Je(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${r} ${s.charAt(0).toUpperCase()+s.slice(1)} ${n}`},ae=a=>({...a,image:a.image?`https://devobp.imjmedia.com.mx${a.image}`:""}),ve=({users:a,onClick:t,responsible:r})=>{let s=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:n,position:l,clearPosition:i}=te(),w=c.useRef(null),o=()=>r?null:a.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:`+${a.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:a==null?void 0:a.slice(3).map((u,h)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(K,{imageUrl:u.image??"",alt:u.name},h),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:u.name})]},h))})}),p=()=>{if(r){let u=a.find(h=>h.id===r);return e.jsx("div",{children:e.jsx(ue,{trigger:e.jsx(K,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},r),user:u,showUser:!(l!=null&&l.x)})})}return(a==null?void 0:a.length)>0&&a.slice(0,3).map((u,h)=>e.jsx("div",{className:`${h===0?"":"tw-ml-[-8px]"}`,children:e.jsx(ue,{trigger:e.jsx(K,{imageUrl:u.image,alt:u.name},h),user:u,showUser:!(l!=null&&l.x)})}))},d=({children:u})=>e.jsx("label",{ref:w,htmlFor:s,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(a.length===0)return e.jsx(d,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const f=()=>{var F;const[u,h]=c.useState(),[x,j]=c.useState("team"),{teams:v}=Ve(),{users:C}=Xe();c.useEffect(()=>{var g,b;w.current&&h(((l==null?void 0:l.x)??0)-(((b=(g=w.current)==null?void 0:g.getBoundingClientRect())==null?void 0:b.width)??0))},[w==null?void 0:w.current,l==null?void 0:l.x]);const _=()=>{const g=[{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:g.map((b,P)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${x===b.id?"tw-text-primary-pastel":""} ${P===g.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>j(b.id),children:b.label}))})};return(l==null?void 0:l.x)&&Y.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.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(_,{}),e.jsx(ke,{options:x==="team"?v.data.map(g=>({id:g.id,name:g.name,image:""})):(F=C.data)==null?void 0:F.map(ae),onselect:g=>{i(),t&&t(g,x)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(d,{children:[p(),o()]}),e.jsx("button",{className:"tw-hidden",id:s,onClick:()=>n(w)}),e.jsx(f,{})]})};function Ze({items:a}){var s;const[t,r]=c.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:a.map((n,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(W.Button,{variant:"ghost",onClick:()=>r(n.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===n.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:n.label},n.id)},n.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(s=a.find(n=>n.id===t))==null?void 0:s.component})]})}const et="https://devobp.imjmedia.com.mx";function tt({comment:a}){var r,s,n,l,i;function t(w){const o=G.parseISO(w);return G.formatDistanceToNow(o,{locale:ee.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:`${et}${(l=(n=(s=(r=a==null?void 0:a.autor)==null?void 0:r.imagen)==null?void 0:s.formats)==null?void 0:n.thumbnail)==null?void 0:l.url}`,alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(i=a==null?void 0:a.autor)==null?void 0:i.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:t(a==null?void 0:a.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:a==null?void 0:a.comentario})]})]})})}const Ce="https://devobp.imjmedia.com.mx";function st({currentUser:a,data:t,taskId:r,onNewComment:s}){var f,u,h;const{tasks_api:n}=z(),{register:l,handleSubmit:i,reset:w}=Ee.useForm(),[o,p]=c.useState([]);c.useEffect(()=>{if(t!=null&&t.comentarios){const x=[...t.comentarios].sort((j,v)=>new Date(v.createdAt).getTime()-new Date(j.createdAt).getTime());p(x)}},[t]);const d=async x=>{try{const j={autor:{id:a==null?void 0:a.id,email:a==null?void 0:a.email,nombre:a==null?void 0:a.nombre,imagen:a==null?void 0:a.imagen},comentario:x==null?void 0:x.comment,createdAt:new Date().toISOString()};await n.post("/api/comentarios",{data:{autor:a==null?void 0:a.id,comentario:x.comment,tarea:r}}),s(!0),p(v=>[j,...v]),w()}catch(j){console.error("Error al agregar comentario:",j)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:i(d),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(K,{size:"xxl",imageUrl:`${Ce}${(h=(u=(f=a==null?void 0:a.imagen)==null?void 0:f.formats)==null?void 0:u.thumbnail)==null?void 0:h.url}`,alt:"@shadcn"}),e.jsx(W.Input,{...l("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"})]}),o.map((x,j)=>e.jsx(tt,{comment:x},j))]})}function at({data:a}){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"}},r=s=>s?G.format(new Date(s),"d MMM",{locale:ee.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(W.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:a==null?void 0:a.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:a==null?void 0:a.map(s=>{var n,l,i,w,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:(w=(i=(l=(n=s.responsable)==null?void 0:n.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:s==null?void 0:s.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:r(s==null?void 0:s.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[s==null?void 0:s.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},s.id)})})]})}const nt="https://devobp.imjmedia.com.mx";function rt({isOpen:a,setIsOpen:t,taskId:r}){var v,C,_,F,g,b,P,$,Q,L,m,S;const[s,n]=c.useState(null),[l,i]=c.useState(!1),[w,o]=c.useState(!1),[p,d]=c.useState(null),{tasks_api:f}=z(),{user:u}=U();c.useEffect(()=>{if(a&&r||l){const T=async()=>{const A=await f.get(`/api/detalleTarea/${r}`);n(A==null?void 0:A.data)},M=async()=>{var E,R;const A=await f.get(`/api/users/${u.id}`),D=await f.post("/api/obtenerUsuarioOBP/",{emailList:[(E=A==null?void 0:A.data)==null?void 0:E.email]});d((R=D==null?void 0:D.data)==null?void 0:R.data[0])};T(),M()}},[a,r,l]);const h={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"}},x=T=>T?G.format(T,"d MMM yyyy, h:mmaaa",{locale:ee.es}):"Fecha no disponible",j=[{id:1,label:"Todo",component:e.jsx(st,{taskId:r,currentUser:p,data:s,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(at,{data:s==null?void 0:s.ids_t_dependientes})}];return a&&Y.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 ${a?"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 ${a?"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:[((v=s==null?void 0:s.id_t_requerida)==null?void 0:v.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:N.warning.regular,strokeWidth:4})}),w&&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=s==null?void 0:s.id_t_requerida)==null?void 0:C.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:s==null?void 0:s.texto_corto})]}),e.jsx(W.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:[s==null?void 0:s.campania," / ",s==null?void 0:s.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:(s==null?void 0:s.texto_largo)??"Sin descripción"})]}),e.jsx(W.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(W.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(W.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(W.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"}),(_=s==null?void 0:s.responsable)!=null&&_.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(K,{size:"xxl",imageUrl:`${nt}${(P=(b=(g=(F=s==null?void 0:s.responsable)==null?void 0:F.imagen)==null?void 0:g.formats)==null?void 0:b.thumbnail)==null?void 0:P.url}`,alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:($=s==null?void 0:s.responsable)==null?void 0:$.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((Q=s==null?void 0:s.equipo)==null?void 0:Q.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(L=h[s==null?void 0:s.prioridad])==null?void 0:L.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(m=h[s==null?void 0:s.prioridad])==null?void 0:m.color}`,children:((S=h[s==null?void 0:s.prioridad])==null?void 0:S.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:(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.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:x(s==null?void 0:s.updatedAt)})]})]})})]})}),e.jsx(Ze,{items:j})]})})]}),document.body)}const _e=({status:a,nameRequiredTask:t,statusRequiredTask:r,id:s})=>{const{setElementPosition:n,position:l}=te(),{startWorking:i,completeTask:w}=X(),o=c.useRef(null),p=c.useRef(!1),d=({children:f})=>{const[u,h]=c.useState();return c.useEffect(()=>{var x,j;o.current&&h(((l==null?void 0:l.x)??0)-(((j=(x=o.current)==null?void 0:x.getBoundingClientRect())==null?void 0:j.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&Y.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:f}),document.body)};return e.jsxs(e.Fragment,{children:[a<2&&(t!==""&&r===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{n(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(d,{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,a===0?i({id:s}):w({id:s})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:a===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:N.primary.regular})]})})]})},lt=({id:a,task:t,endDate:r,users:s,willBePaused:n,nameProject:l,idProject:i,comments:w,priority:o,difficulty:p,responsible:d,nameRequiredTask:f,statusRequiredTask:u,status:h,repeatsToDo:x,repeats:j,medioName:v})=>{var T,M,A,D,E,R;const[C,_]=c.useState(!1),{reasignResponsible:F,updateUnitys:g,pauseTask:b}=X(),[P,$]=c.useState(j??0),Q=()=>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&&(x&&j===x||x===1||!x)&&e.jsx(Ne,{id:a,nameRequiredTask:f??"",statusRequiredTask:u??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})]}),(x&&j===x||x===1||!x)&&e.jsx(_e,{id:a,nameRequiredTask:f,status:h,statusRequiredTask:u})]}),L={0:{title:"N/A",color:N.texts.placeholder},1:{title:"Baja",color:N.primary.regular},2:{title:"Media",color:N.success.regular},3:{title:"Alta",color:N.danger.regular}},m={0:{title:"Muy fácil",color:N.primary.regular},1:{title:"Fácil",color:N.success.regular},2:{title:"Media",color:N.warning.regular},3:{title:"Difícil",color:N.danger.regular},4:{title:"Muy difícil",color:N.danger.dark}},S=B=>{$(O=>B==="minus"?Math.max(0,O-1):Math.min(x,O+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(Q,{}),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(ve,{responsible:d,users:s.filter(B=>d?B.id===d:!0).map(ae),onClick:async(B,O)=>{await F({idNewResponsible:B==null?void 0:B.id,id:a,typeOfSelect:O})}}),n&&e.jsx(y.Tooltip,{dispatch:e.jsxs("button",{onClick:()=>b({id:a}),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}),e.jsx("span",{children:"Pause"})]}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"Al pulsar el botón se solicitará razón del pausado"})})]}),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:(T=m[p??0])==null?void 0:T.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:(M=m[p??0])==null?void 0:M.color},children:`Dificultad ${(A=m[p??0])==null?void 0:A.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(D=L[o??0])==null?void 0:D.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:(E=L[o??0])==null?void 0:E.color},children:`Prioridad: ${(R=L[o??0])==null?void 0:R.title}`})}),!x||x&&h===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:N.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${se(r.getMonth()).slice(0,3)}`})]})]}),h===1&&x&&x>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>S("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:N.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${P??0} / ${x??0}`}),e.jsx("button",{onClick:()=>S("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:N.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:()=>{g({repeats:P,id:a})},children:"Agregar"})]})]})]}),w>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:w})]})})]}),e.jsx(rt,{taskId:a,isOpen:C,setIsOpen:_})]})},it=()=>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"})]})]}),J=({title:a,tasks:t,loadNextPage:r,isFetching:s,total:n})=>{const l=c.useRef(null),i=c.useRef(null),w=c.useRef(!1);c.useEffect(()=>{var d;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((d=l==null?void 0:l.current)==null?void 0:d.clientHeight)-300}px`)},[l==null?void 0:l.current]);const o=d=>{if(w.current)return;const{scrollTop:f,clientHeight:u,scrollHeight:h}=d==null?void 0:d.target,x=f/(h-u)*100;x<=95||x>=95&&(w.current=!0,r&&r(),setTimeout(()=>{w.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return 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-pb-[200px] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[a]}`,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:a})}),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:N.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:n??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(d=>e.jsx(lt,{...d},d.id)),s?e.jsx(it,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},ot=()=>{var n;const{defineFields:a}=I(),{tasksProject:t}=V();c.useEffect(()=>{(async()=>{let i=[...Ue];a(i)})()},[]);let r=(n=t==null?void 0:t.data)==null?void 0:n.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 s=["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:s.map((l,i)=>{var w;return e.jsx(J,{total:((w=r==null?void 0:r[i])==null?void 0:w.length)??0,title:l,tasks:(r==null?void 0:r[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class ct{static toKanbanTasks(t){var s,n,l,i,w,o,p,d,f,u,h;let r=[];return t!=null&&t.responsable&&r.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(n=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:n.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(x=>{var j,v,C,_;r!=null&&r.find(F=>F.id===x.idUser.id)||x.idUser&&r.push({id:x.idUser.id,name:x.idUser.nombre,image:(_=(C=(v=(j=x==null?void 0:x.userOBP)==null?void 0:j.imagen)==null?void 0:v.formats)==null?void 0:C.thumbnail)==null?void 0:_.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:(d=t==null?void 0:t.proyecto)==null?void 0:d.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:r,responsible:((f=t==null?void 0:t.responsable)==null?void 0:f.id)??null,statusRequiredTask:((u=t.id_t_requerida)==null?void 0:u.estatus)??null,nameRequiredTask:((h=t.id_t_requerida)==null?void 0:h.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const ne=async({filters:a,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:a})).data.tareas.map(k).map(ct.toKanbanTasks)}catch(r){throw console.log({error:r}),`Error al obtener las tareas: ${r}`}},re=a=>{var t;if(a!=null&&a.hasNextPage){const r=(t=a==null?void 0:a.data)==null?void 0:t.pages[a.data.pages.length-1];(r==null?void 0:r.length)===30&&(a==null||a.fetchNextPage())}},H=a=>({pagination:{page:a,pageSize:30,withCount:!0}}),wt=()=>{var p;const a=q.useQueryClient(),{tasks_api:t}=z(),{user:r}=U(),{filters:s}=I(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:r.id,config:((p=s==null?void 0:s.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:d})=>ne({filters:{...i,status:"por_hacer",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:r.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),c.useEffect(()=>{(async()=>{const f=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...H(1),tasks_api:t,justCount:!0}});l(f.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:n}},dt=()=>{var s,n;const{toDoTasks:a,total:t}=wt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{total:t,title:"Por hacer",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching,isLoadingData:a==null?void 0:a.isLoading})},ut=()=>{var p;const a=q.useQueryClient(),{tasks_api:t}=z(),{user:r}=U(),{filters:s}=I(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:r.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",s],queryFn:({pageParam:d})=>ne({filters:{...i,status:"trabajando",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:r.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"trabajando"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["working_tasks",s]})},[i]),c.useEffect(()=>{(async()=>{const f=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...H(1),tasks_api:t,justCount:!0}});l(f.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:n}},xt=()=>{var s,n;const{workingTasks:a,total:t}=ut(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{total:t,title:"Trabajando",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching})},mt=()=>{var p;const a=q.useQueryClient(),{user:t}=U(),{tasks_api:r}=z(),{filters:s}=I(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:t.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:d})=>ne({filters:{...i,status:"completadas",...H(d)},tasks_api:r,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:t.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"completadas"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["done_tasks",i]})},[i]),c.useEffect(()=>{(async()=>{const f=await r.get("/api/listado_tareas",{params:{...i,status:"completadas",...H(1),justCount:!0,tasks_api:r}});l(f.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:n}},pt=()=>{var s,n;const{doneTasks:a,total:t}=mt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{title:"Completadas",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching,total:t})};class Z{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const gt=()=>{const{tasks_api:a}=z(),{filters:t}=I(),{user:r}=U();return{getSalesmanAndProjects:async()=>{const[i]=await Promise.all([a.get("/api/obtener-comerciales")]);return{salesmanUsers:i.data.map(Z.toSalesmanUsers)}},getProjects:async()=>{var w;return(await a.get("/api/listado_tareas",{params:{...t,owner:{user:r.id,config:((w=t==null?void 0:t.owner)==null?void 0:w.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(Z.toSalesmanUsers)},getSalesmans:async()=>(await a.get("/api/obtener-comerciales")).data.map(Z.toSalesmanUsers)}},ht=[{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 proyecto",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",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"}]}],me=[{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:[]}],ft=()=>{const{defineFields:a}=I(),{getSalesmanAndProjects:t}=gt();return c.useEffect(()=>{(async()=>{let s=[...ht],{salesmanUsers:n}=await t();a(s.map(l=>(l.id==="salesman.id"&&(l.options=n),l)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(dt,{}),e.jsx(xt,{}),e.jsx(pt,{})]})},Fe=c.createContext({}),bt=({children:a})=>{const[t,r]=c.useState([]);c.useEffect(()=>{console.log({selectedTasks:t})},[t]);const s=n=>{r(l=>l.includes(n)?l.filter(i=>i!==n):[...l,n])};return e.jsx(Fe.Provider,{value:{selectedTasks:t,selectTask:s},children:a})},jt=()=>c.useContext(Fe),Se=()=>{const a=()=>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(a,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(a,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(a,{})})]}),e.jsx(a,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(a,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(a,{})})]})]})},Te=({startDate:a,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:N.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",xe(a)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:N.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:N.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",xe(t)]})]})]}),yt=({id:a})=>e.jsx(e.Fragment,{children:e.jsx("button",{onClick:()=>alert("pausar tarea "+a),children:e.jsx(y.Icons,{icon:"pause",size:"xs",strokeWidth:4,color:N.texts.subtext})})}),qe=({id:a,priority:t,difficulty:r,endDate:s})=>{var i,w;const n={0:{title:"N/A",color:N.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:N.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:N.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:N.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:N.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:N.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:N.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:N.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:N.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:N.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[r??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[r??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[r??0].color},children:l[r??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((w=n[t??0])==null?void 0:w.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:n[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:n[t??0].color},children:n[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:N.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${s.getDate()} ${se(s.getMonth()).slice(0,3)}`})]})]})},Nt=({id:a})=>{const{selectedTasks:t,selectTask:r}=jt();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:a.toString(),children:e.jsx("span",{className:`${t.includes(a)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(y.Icons,{icon:"check_outline",size:"xs",color:N.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:a.toString(),type:"checkbox",onChange:()=>r(a)})]})},Pe=({task:a})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:a}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:a})}),vt=({id:a})=>{var n,l;const{tasksProject:t}=V(),{reasignResponsible:r}=X(),s=(n=t==null?void 0:t.data)==null?void 0:n.find(i=>i.id===a);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:[!(s!=null&&s.nameRequiredTask)||(s==null?void 0:s.nameRequiredTask)!==""&&(s==null?void 0:s.statusRequiredTask)===2&&e.jsx(Nt,{id:a}),e.jsx(Ne,{id:a,nameRequiredTask:(s==null?void 0:s.nameRequiredTask)??"",status:s==null?void 0:s.status,statusRequiredTask:(s==null?void 0:s.statusRequiredTask)??0},a),(s==null?void 0:s.willBePaused)&&e.jsx(yt,{id:a}),e.jsx(ve,{onClick:async(i,w)=>{await r({idNewResponsible:i==null?void 0:i.id,id:a,typeOfSelect:w})},responsible:s==null?void 0:s.responsible,users:((l=s==null?void 0:s.users)==null?void 0:l.map(ae))??[]}),e.jsx(Pe,{task:(s==null?void 0:s.task)??""}),e.jsx(qe,{id:a,priority:s==null?void 0:s.priority,difficulty:s.difficulty,endDate:s==null?void 0:s.endDate}),e.jsx(Te,{startDate:s==null?void 0:s.startDate,endDate:s==null?void 0:s.endDate}),e.jsx(_e,{id:a,nameRequiredTask:s.nameRequiredTask,status:s.status,statusRequiredTask:s.statusRequiredTask})]})})},Ae=({id:a})=>{var l,i,w,o,p,d,f;const{tasksProject:t,openTasks:r,openTask:s}=V(),n=(l=t==null?void 0:t.data)==null?void 0:l.find(u=>u.id===a);return n?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2",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:`${r.includes(a)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>s(a),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:N.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=n==null?void 0:n.tasks)==null?void 0:i.length)===0?1:(w=n==null?void 0:n.tasks)==null?void 0:w.length})}),e.jsx(Pe,{task:(n==null?void 0:n.task)??""}),e.jsx(qe,{id:a,priority:n==null?void 0:n.priority,difficulty:n.difficulty,endDate:n==null?void 0:n.endDate}),e.jsx(Te,{startDate:n==null?void 0:n.startDate,endDate:n==null?void 0:n.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:N.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=n==null?void 0:n.tasks)==null?void 0:o.length)===0?1:(p=n==null?void 0:n.tasks)==null?void 0:p.length})]})]}),r.includes(a)&&e.jsx("div",{className:"tw-ml-[30px]",children:((d=n==null?void 0:n.tasks)==null?void 0:d.length)>0?(f=n==null?void 0:n.tasks)==null?void 0:f.map(u=>e.jsx(Ae,{id:u==null?void 0:u.id})):e.jsx(vt,{id:n==null?void 0:n.id})})]}):null},Ct=()=>{var s;const{tasksProject:a,projectID:t}=V();if(a!=null&&a.isFetching||a!=null&&a.isLoading)return e.jsx(Se,{});let r=[...(s=a==null?void 0:a.data)==null?void 0:s.filter(n=>n.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(bt,{project:t,children:r==null?void 0:r.sort((n,l)=>n.orden-l.orden).map(n=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m",children:e.jsx(Ae,{id:n.id})}))})})},_t=({setPath:a,setProject:t})=>{const[r,s]=c.useState([]),[n,l]=c.useState(!0),[i,w]=c.useState(0),[o,p]=c.useState(10),[d,f]=c.useState(0),[u,h]=c.useState("nombre"),{filters:x,defineFields:j,cleanFilters:v}=I(),{tasks_api:C}=z(),{user:_}=U(),F=async(m,S)=>{var T,M,A;try{l(!0);const D={filters:{search:(x==null?void 0:x.taskName)??"",responsable:{idUser:_.id,responsableType:(T=x==null?void 0:x.responsable)==null?void 0:T.responsableType},ejecutivo:(x==null?void 0:x.ejecutivo)??""}},E=await C.get("/api/listado_campanias",{params:{pagination:{page:m,pageSize:S},orderBy:u,...D}}),R=k(E==null?void 0:E.data);s(R),f((A=(M=E==null?void 0:E.data)==null?void 0:M.meta)==null?void 0:A.total)}catch(D){console.error("Error fetching data en Lista Campaña:",D)}finally{l(!1)}},g=async()=>{try{const m=await C.get("/api/obtener-comerciales");return[...me].map(T=>(T.id==="ejecutivo"&&(T.options=m.data.map(M=>({id:M.nombre,name:M.nombre}))),T))}catch(m){return console.error("Error fetching salesman data:",m),[...me]}};c.useEffect(()=>{(async()=>{const S=await g();j(S)})()},[]),c.useEffect(()=>{const m=Math.floor(i/o)+1;F(m,o)},[i,o,u,x]);const b=m=>{w(m.first),p(m.rows)},P=[{label:"5 filas",value:5},{label:"10 filas",value:10},{label:"15 filas",value:15},{label:"20 filas",value:20},{label:"25 filas",value:25},{label:"50 filas",value:50}],$=m=>{const S=parseInt(m.target.value,10);p(S),b({first:0,rows:S})},Q=m=>{h(S=>S===m?`${m}:desc`:m)},L=m=>u===m?"↑↓":u===`${m}:desc`?"↓↑":"↑↓";return e.jsx("div",{className:"table-container",children:n?e.jsx("div",{style:{width:"100%"},children:e.jsx(Se,{})}):e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"table",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:"#F5F5F5"},children:[e.jsxs("th",{onClick:()=>Q("nombre"),children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("nombre")}),"Campaña"]}),e.jsx("th",{onClick:()=>Q("inicia"),style:{textAlign:"center",whiteSpace:"nowrap"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",width:"fit-content"},children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("inicia")})," ",e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:"#C4C4C4"}),e.jsx("span",{children:"Fecha Inicio"})]})}),e.jsx("th",{onClick:()=>Q("termina"),style:{whiteSpace:"nowrap",textAlign:"center"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",width:"fit-content"},children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:"#C4C4C4"}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Responsable"})]})}),e.jsx("tbody",{children:r==null?void 0:r.map((m,S)=>{var T,M,A,D,E,R,B,O,le,ie,oe,ce,we;return e.jsxs("tr",{className:"table-row",onClick:()=>{v(),t({id:m==null?void 0:m.id,project:m==null?void 0:m.nombre}),a("kanban-campania")},children:[e.jsx("td",{children:(T=m==null?void 0:m.campania)==null?void 0:T.nombre}),e.jsxs("td",{children:[" ",(M=m==null?void 0:m.campania)==null?void 0:M.inicia]}),e.jsx("td",{children:(A=m==null?void 0:m.campania)==null?void 0:A.termina}),e.jsx("td",{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",fontSize:"10px",width:"auto",minWidth:"170px"},children:[e.jsxs("label",{style:{width:"50px",minWidth:"50px",textAlign:"right",color:"#000"},children:[m==null?void 0:m.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:"#C4C4C4",borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${m.progreso}%`,backgroundColor:m.progreso===100?"#039B59":m.progreso>50?"#3658C1":m.progreso>0?"#DC8921":"#C4C4C4",borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(K,{imageUrl:`${Ce}${(O=(B=(R=(E=(D=m==null?void 0:m.campania)==null?void 0:D.responsable)==null?void 0:E.imagen)==null?void 0:R.formats)==null?void 0:B.thumbnail)==null?void 0:O.url}`,alt:(oe=(ie=(le=m==null?void 0:m.campania)==null?void 0:le.responsable)==null?void 0:ie.nombre)==null?void 0:oe.charAt(0),size:"xxl"}),e.jsx("span",{className:"tw-text-texts-placeholder tw-text-xl",style:{marginLeft:"8px",fontSize:"10px"},children:(we=(ce=m==null?void 0:m.campania)==null?void 0:ce.responsable)==null?void 0:we.nombre})]})})]},S)})})]}),e.jsxs("div",{className:"pagination",style:{background:"#FAFAFA",display:"flex"},children:[e.jsxs("span",{style:{alignItems:"center",fontSize:"10px",textAlign:"left",width:"auto",height:"auto",whiteSpace:"nowrap"},children:[r.length," elementos de ",d]}),e.jsx(Me.Paginator,{first:i,rows:o,totalRecords:d,rowsPerPageOptions:[5,10,20,50],onPageChange:b,className:"pagination",template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("span",{style:{fontSize:"10px",whiteSpace:"nowrap"},children:"Filas por página:"}),e.jsx("select",{className:"select",value:o,onChange:m=>$(m),children:P.map(m=>e.jsx("option",{className:"option-select",value:m.value,style:{background:"#F5F5F5"},children:m.label},m.value))})]})]})]})})},Ft=({path:a,tab:t,setPath:r,project:s,setProject:n})=>{const l={"kanban-general":{kanban:e.jsx(ft,{})},"lista-campanias":{lista:e.jsx(_t,{setPath:r,setProject:n}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(ot,{}),lista:e.jsx(Ct,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return a==="kanban-campania"?e.jsx(We,{project:s==null?void 0:s.id,children:l[a][t]}):l[a][t]},St=({path:a})=>{const t=()=>{const{selectPath:r,updateFilters:s,applyFilters:n,filters:l}=I(),[i,w]=c.useState("kanban"),[o,p]=c.useState(a),[d,f]=c.useState({id:1704,project:"Kanban de Campania"}),[u,h]=c.useState((l==null?void 0:l.taskName)??""),[x,j]=c.useState(""),v=c.useRef(null);c.useEffect(()=>{w(o==="lista-campanias"?"lista":"kanban"),r(o)},[a,o]),c.useEffect(()=>{(u==null?void 0:u.trim())===""&&s({name:"taskName",value:null}),n()},[x]),c.useEffect(()=>{h((l==null?void 0:l.taskName)??"")},[l==null?void 0:l.taskName]);const C=b=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${d.project}`})[b],_=b=>{p(b)},F=["lista-campanias","kanban-campania"],g={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]};return 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:[e.jsx("h2",{className:"tw-text-texts tw-font-medium tw-text-3xl",children:C(o)}),F.includes(o)&&e.jsx($e,{tabs:g[o],renderItem:b=>{w(b)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:b=>{h(b.target.value),fe(()=>{s({name:"taskName",value:b.target.value.trim()}),j(b.target.value)},1e3)()},type:"text",placeholder:"Buscar",value:u,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(Ie,{filterChildren:v,children:e.jsx("div",{ref:v,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(Le,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-hidden tw-scrollbar-none",children:e.jsx(Ft,{path:o,tab:i,setPath:_,project:d,setProject:f})})]})};return e.jsx(ze,{children:e.jsx(t,{})})},Tt=()=>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"})]})})}),qt=()=>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"})]})})}),Pt=({path:a,user:t,url:r})=>{const s=new q.QueryClient;if(!t)return e.jsx(Tt,{});if(!t.accessToken)return e.jsx(qt,{});let n={user:t,url:r};return e.jsx(e.Fragment,{children:e.jsx(Qe,{...n,children:e.jsx(Ke,{...n,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(q.QueryClientProvider,{client:s,children:[e.jsx(St,{path:a})," "]})})})})})};exports.AppTasks=Pt;
package/dist/tareas.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{scrollbar-color:auto;scrollbar-width:auto}.tw-pointer-events-none{pointer-events:none!important}.tw-pointer-events-auto{pointer-events:auto!important}.tw-fixed{position:fixed!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-inset-0{inset:0!important}.tw-bottom-0{bottom:0!important}.tw-right-0{right:0!important}.tw-right-\[-100\%\]{right:-100%!important}.tw-right-\[8px\]{right:8px!important}.tw-top-0{top:0!important}.tw-z-20{z-index:20!important}.tw-z-50{z-index:50!important}.tw-z-\[100\]{z-index:100!important}.tw-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.tw-mx-\[2px\]{margin-left:2px!important;margin-right:2px!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-ml-\[-8px\]{margin-left:-8px!important}.tw-ml-\[30px\]{margin-left:30px!important}.tw-mt-1{margin-top:.25rem!important}.tw-mt-3{margin-top:.75rem!important}.tw-mt-4{margin-top:1rem!important}.tw-mt-6{margin-top:1.5rem!important}.tw-mt-8{margin-top:2rem!important}.tw-mt-\[2px\]{margin-top:2px!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-10{height:2.5rem!important}.tw-h-12{height:3rem!important}.tw-h-4{height:1rem!important}.tw-h-\[150px\]{height:150px!important}.tw-h-\[2\.5rem\]{height:2.5rem!important}.tw-h-\[20px\]{height:20px!important}.tw-h-\[22px\]{height:22px!important}.tw-h-\[24px\]{height:24px!important}.tw-h-\[28px\]{height:28px!important}.tw-h-\[3\.5rem\]{height:3.5rem!important}.tw-h-\[30px\]{height:30px!important}.tw-h-\[32px\]{height:32px!important}.tw-h-\[36px\]{height:36px!important}.tw-h-\[40px\]{height:40px!important}.tw-h-\[44px\]{height:44px!important}.tw-h-\[80vh\]{height:80vh!important}.tw-h-fit{height:-moz-fit-content!important;height:fit-content!important}.tw-h-full{height:100%!important}.tw-h-screen{height:100vh!important}.tw-max-h-\[120px\]{max-height:120px!important}.tw-max-h-\[200px\]{max-height:200px!important}.tw-min-h-\[100\%\]{min-height:100%!important}.tw-min-h-\[24px\]{min-height:24px!important}.tw-min-h-\[28px\]{min-height:28px!important}.tw-min-h-\[30px\]{min-height:30px!important}.tw-min-h-\[32px\]{min-height:32px!important}.tw-min-h-\[36px\]{min-height:36px!important}.tw-min-h-\[40px\]{min-height:40px!important}.tw-min-h-\[44px\]{min-height:44px!important}.tw-w-10{width:2.5rem!important}.tw-w-12{width:3rem!important}.tw-w-4{width:1rem!important}.tw-w-\[0\]{width:0!important}.tw-w-\[10\%\]{width:10%!important}.tw-w-\[2\.5rem\]{width:2.5rem!important}.tw-w-\[200px\]{width:200px!important}.tw-w-\[20px\]{width:20px!important}.tw-w-\[24px\]{width:24px!important}.tw-w-\[28px\]{width:28px!important}.tw-w-\[30\%\]{width:30%!important}.tw-w-\[300px\]{width:300px!important}.tw-w-\[30px\]{width:30px!important}.tw-w-\[32px\]{width:32px!important}.tw-w-\[36px\]{width:36px!important}.tw-w-\[400px\]{width:400px!important}.tw-w-\[40px\]{width:40px!important}.tw-w-\[44px\]{width:44px!important}.tw-w-\[55rem\]{width:55rem!important}.tw-w-\[90vw\]{width:90vw!important}.tw-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.tw-w-auto{width:auto!important}.tw-w-fit{width:-moz-fit-content!important;width:fit-content!important}.tw-w-full{width:100%!important}.tw-w-max{width:-moz-max-content!important;width:max-content!important}.tw-min-w-\[24px\]{min-width:24px!important}.tw-min-w-\[250px\]{min-width:250px!important}.tw-min-w-\[28px\]{min-width:28px!important}.tw-min-w-\[30px\]{min-width:30px!important}.tw-min-w-\[32px\]{min-width:32px!important}.tw-min-w-\[36px\]{min-width:36px!important}.tw-min-w-\[400px\]{min-width:400px!important}.tw-min-w-\[40px\]{min-width:40px!important}.tw-min-w-\[44px\]{min-width:44px!important}.tw-min-w-full{min-width:100%!important}.tw-min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}.tw-max-w-\[200px\]{max-width:200px!important}.tw-max-w-\[250px\]{max-width:250px!important}.tw-max-w-\[350px\]{max-width:350px!important}.tw-max-w-\[400px\]{max-width:400px!important}.tw-flex-1{flex:1 1 0%!important}.tw--rotate-90{--tw-rotate:-90deg!important}.tw--rotate-90,.tw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-rotate-90{--tw-rotate:90deg!important}@keyframes tw-pulse{50%{opacity:.5}}.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}.tw-cursor-help{cursor:help!important}.tw-cursor-not-allowed{cursor:not-allowed!important}.tw-cursor-pointer{cursor:pointer!important}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw-flex-row{flex-direction:row!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-items-start{align-items:flex-start!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-1{gap:.25rem!important}.tw-gap-10{gap:2.5rem!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-\[12px\]{gap:12px!important}.tw-gap-\[4px\]{gap:4px!important}.tw-gap-\[50px\]{gap:50px!important}.tw-gap-\[8px\]{gap:8px!important}.tw-gap-l{gap:12px!important}.tw-gap-m{gap:8px!important}.tw-gap-s{gap:4px!important}.tw-gap-xl{gap:16px!important}.tw-overflow-hidden{overflow:hidden!important}.tw-overflow-y-auto{overflow-y:auto!important}.tw-overflow-y-hidden{overflow-y:hidden!important}.tw-overflow-y-scroll{overflow-y:scroll!important}.tw-truncate{overflow:hidden!important;white-space:nowrap!important}.tw-text-ellipsis,.tw-truncate{text-overflow:ellipsis!important}.tw-text-nowrap{text-wrap:nowrap!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-b-0{border-bottom-width:0!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-l-2{border-left-width:2px!important}.tw-border-l-\[5px\]{border-left-width:5px!important}.tw-border-r{border-right-width:1px!important}.tw-border-r-0{border-right-width:0!important}.tw-border-r-2{border-right-width:2px!important}.tw-border-t{border-top-width:1px!important}.tw-border-t-4{border-top-width:4px!important}.tw-border-none{border-style:none!important}.tw-border-danger-regular{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.tw-border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.tw-border-neutral-100{--tw-border-opacity:1!important;border-color:rgb(245 245 245/var(--tw-border-opacity,1))!important}.tw-border-neutral-200{--tw-border-opacity:1!important;border-color:rgb(229 229 229/var(--tw-border-opacity,1))!important}.tw-border-primary-regular{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!important}.tw-border-success-pastel{--tw-border-opacity:1!important;border-color:rgb(87 186 129/var(--tw-border-opacity,1))!important}.tw-border-success-regular{--tw-border-opacity:1!important;border-color:rgb(67 176 113/var(--tw-border-opacity,1))!important}.tw-border-texts-enfasis{--tw-border-opacity:1!important;border-color:rgb(54 88 193/var(--tw-border-opacity,1))!important}.tw-border-texts-placeholder{--tw-border-opacity:1!important;border-color:rgb(146 146 146/var(--tw-border-opacity,1))!important}.tw-border-warning-regular{--tw-border-opacity:1!important;border-color:rgb(211 138 49/var(--tw-border-opacity,1))!important}.tw-border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.tw-border-x-primary-pastel{--tw-border-opacity:1!important;border-left-color:rgb(92 125 221/var(--tw-border-opacity,1))!important;border-right-color:rgb(92 125 221/var(--tw-border-opacity,1))!important}.tw-bg-\[\#E1EBF9\]{--tw-bg-opacity:1!important;background-color:rgb(225 235 249/var(--tw-bg-opacity,1))!important}.tw-bg-bg{background-color:rgb(239 239 239/var(--tw-bg-opacity,1))!important}.tw-bg-bg,.tw-bg-bg-card{--tw-bg-opacity:1!important}.tw-bg-bg-card{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.tw-bg-danger-light{--tw-bg-opacity:1!important;background-color:rgb(241 229 228/var(--tw-bg-opacity,1))!important}.tw-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.tw-bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.tw-bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))!important}.tw-bg-gray-400{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.tw-bg-neutral-100{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))!important}.tw-bg-primary-medium{--tw-bg-opacity:1!important;background-color:rgb(218 226 236/var(--tw-bg-opacity,1))!important}.tw-bg-primary-regular{--tw-bg-opacity:1!important;background-color:rgb(66 92 172/var(--tw-bg-opacity,1))!important}.tw-bg-success-medium{--tw-bg-opacity:1!important;background-color:rgb(210 233 220/var(--tw-bg-opacity,1))!important}.tw-bg-success-regular{--tw-bg-opacity:1!important;background-color:rgb(67 176 113/var(--tw-bg-opacity,1))!important}.tw-bg-texts-placeholder{--tw-bg-opacity:1!important;background-color:rgb(146 146 146/var(--tw-bg-opacity,1))!important}.tw-bg-transparent{background-color:transparent!important}.tw-bg-warning-light{--tw-bg-opacity:1!important;background-color:rgb(242 236 229/var(--tw-bg-opacity,1))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.tw-bg-opacity-50{--tw-bg-opacity:0.5!important}.tw-fill-texts-enfasis{fill:#3658c1!important}.tw-object-cover{-o-object-fit:cover!important;object-fit:cover!important}.tw-p-2{padding:.5rem!important}.tw-p-4{padding:1rem!important}.tw-p-5{padding:1.25rem!important}.tw-p-\[12px_12px\]{padding:12px!important}.tw-p-\[16px\]{padding:16px!important}.tw-p-l{padding:12px!important}.tw-p-m{padding:8px!important}.tw-p-s{padding:4px!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-px-l{padding-left:12px!important;padding-right:12px!important}.tw-px-m{padding-left:8px!important;padding-right:8px!important}.tw-px-xxxl{padding-left:24px!important;padding-right:24px!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.tw-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-py-4{padding-top:1rem!important;padding-bottom:1rem!important}.tw-py-s{padding-top:4px!important;padding-bottom:4px!important}.tw-pb-1{padding-bottom:.25rem!important}.tw-pb-3{padding-bottom:.75rem!important}.tw-pb-4{padding-bottom:1rem!important}.tw-pb-\[200px\]{padding-bottom:200px!important}.tw-pb-m{padding-bottom:8px!important}.tw-pl-5{padding-left:1.25rem!important}.tw-pr-3{padding-right:.75rem!important}.tw-pt-2{padding-top:.5rem!important}.tw-pt-4{padding-top:1rem!important}.tw-pt-5{padding-top:1.25rem!important}.tw-text-center{text-align:center!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-\[1\.6rem\]{font-size:1.6rem!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.tw-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-font-bold{font-weight:700!important}.tw-font-extrabold{font-weight:800!important}.tw-font-medium{font-weight:500!important}.tw-font-normal{font-weight:400!important}.tw-font-semibold{font-weight:600!important}.tw-text-danger-regular{--tw-text-opacity:1!important;color:rgb(195 67 53/var(--tw-text-opacity,1))!important}.tw-text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.tw-text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.tw-text-neutral-400{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity,1))!important}.tw-text-neutral-600{--tw-text-opacity:1!important;color:rgb(82 82 82/var(--tw-text-opacity,1))!important}.tw-text-neutral-900{--tw-text-opacity:1!important;color:rgb(23 23 23/var(--tw-text-opacity,1))!important}.tw-text-primary-pastel{--tw-text-opacity:1!important;color:rgb(92 125 221/var(--tw-text-opacity,1))!important}.tw-text-primary-regular{--tw-text-opacity:1!important;color:rgb(66 92 172/var(--tw-text-opacity,1))!important}.tw-text-success-regular{--tw-text-opacity:1!important;color:rgb(67 176 113/var(--tw-text-opacity,1))!important}.tw-text-texts{--tw-text-opacity:1!important;color:rgb(37 37 37/var(--tw-text-opacity,1))!important}.tw-text-texts-enfasis{--tw-text-opacity:1!important;color:rgb(54 88 193/var(--tw-text-opacity,1))!important}.tw-text-texts-placeholder{--tw-text-opacity:1!important;color:rgb(146 146 146/var(--tw-text-opacity,1))!important}.tw-text-texts-subtext{--tw-text-opacity:1!important;color:rgb(79 79 79/var(--tw-text-opacity,1))!important}.tw-text-warning-dark{--tw-text-opacity:1!important;color:rgb(180 120 47/var(--tw-text-opacity,1))!important}.tw-text-warning-regular{--tw-text-opacity:1!important;color:rgb(211 138 49/var(--tw-text-opacity,1))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.tw-opacity-0{opacity:0!important}.tw-opacity-100{opacity:1!important}.tw-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-button-primary,.tw-shadow-input{--tw-shadow:inset 0 0 0 2px #dae2ec!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)!important}.tw-shadow-button-primary,.tw-shadow-input,.tw-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-duration-300{transition-duration:.3s!important}.tw-duration-500{transition-duration:.5s!important}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.tw-duration-300{animation-duration:.3s!important}.tw-duration-500{animation-duration:.5s!important}.tw-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-scrollbar-none{scrollbar-width:none!important}.tw-scrollbar-none::-webkit-scrollbar{display:none!important}.\[key\:string\]{key:string!important}html{font-size:62.5%!important}.hover\:tw-bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-400:hover{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-primary-light:hover{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))!important}.hover\:tw-shadow-button-primary-hover:hover{--tw-shadow:inset 0 0 0 2px #425cac,0 0 5px #00000030!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color),0 0 5px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.active\:tw-opacity-50:active{opacity:.5!important}
1
+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{scrollbar-color:auto;scrollbar-width:auto}.tw-pointer-events-none{pointer-events:none!important}.tw-pointer-events-auto{pointer-events:auto!important}.tw-fixed{position:fixed!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-inset-0{inset:0!important}.tw-bottom-0{bottom:0!important}.tw-right-0{right:0!important}.tw-right-\[-100\%\]{right:-100%!important}.tw-right-\[8px\]{right:8px!important}.tw-top-0{top:0!important}.tw-z-20{z-index:20!important}.tw-z-50{z-index:50!important}.tw-z-\[100\]{z-index:100!important}.tw-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.tw-mx-\[2px\]{margin-left:2px!important;margin-right:2px!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-ml-\[-8px\]{margin-left:-8px!important}.tw-ml-\[30px\]{margin-left:30px!important}.tw-mt-1{margin-top:.25rem!important}.tw-mt-3{margin-top:.75rem!important}.tw-mt-4{margin-top:1rem!important}.tw-mt-6{margin-top:1.5rem!important}.tw-mt-8{margin-top:2rem!important}.tw-mt-\[2px\]{margin-top:2px!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-10{height:2.5rem!important}.tw-h-12{height:3rem!important}.tw-h-4{height:1rem!important}.tw-h-\[150px\]{height:150px!important}.tw-h-\[2\.5rem\]{height:2.5rem!important}.tw-h-\[20px\]{height:20px!important}.tw-h-\[22px\]{height:22px!important}.tw-h-\[24px\]{height:24px!important}.tw-h-\[28px\]{height:28px!important}.tw-h-\[3\.5rem\]{height:3.5rem!important}.tw-h-\[30px\]{height:30px!important}.tw-h-\[32px\]{height:32px!important}.tw-h-\[36px\]{height:36px!important}.tw-h-\[40px\]{height:40px!important}.tw-h-\[44px\]{height:44px!important}.tw-h-\[80vh\]{height:80vh!important}.tw-h-fit{height:-moz-fit-content!important;height:fit-content!important}.tw-h-full{height:100%!important}.tw-h-screen{height:100vh!important}.tw-max-h-\[120px\]{max-height:120px!important}.tw-max-h-\[200px\]{max-height:200px!important}.tw-min-h-\[100\%\]{min-height:100%!important}.tw-min-h-\[24px\]{min-height:24px!important}.tw-min-h-\[28px\]{min-height:28px!important}.tw-min-h-\[30px\]{min-height:30px!important}.tw-min-h-\[32px\]{min-height:32px!important}.tw-min-h-\[36px\]{min-height:36px!important}.tw-min-h-\[40px\]{min-height:40px!important}.tw-min-h-\[44px\]{min-height:44px!important}.tw-w-10{width:2.5rem!important}.tw-w-12{width:3rem!important}.tw-w-4{width:1rem!important}.tw-w-\[0\]{width:0!important}.tw-w-\[10\%\]{width:10%!important}.tw-w-\[2\.5rem\]{width:2.5rem!important}.tw-w-\[200px\]{width:200px!important}.tw-w-\[20px\]{width:20px!important}.tw-w-\[24px\]{width:24px!important}.tw-w-\[28px\]{width:28px!important}.tw-w-\[30\%\]{width:30%!important}.tw-w-\[300px\]{width:300px!important}.tw-w-\[30px\]{width:30px!important}.tw-w-\[32px\]{width:32px!important}.tw-w-\[36px\]{width:36px!important}.tw-w-\[400px\]{width:400px!important}.tw-w-\[40px\]{width:40px!important}.tw-w-\[44px\]{width:44px!important}.tw-w-\[55rem\]{width:55rem!important}.tw-w-\[90vw\]{width:90vw!important}.tw-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.tw-w-auto{width:auto!important}.tw-w-fit{width:-moz-fit-content!important;width:fit-content!important}.tw-w-full{width:100%!important}.tw-w-max{width:-moz-max-content!important;width:max-content!important}.tw-min-w-\[24px\]{min-width:24px!important}.tw-min-w-\[250px\]{min-width:250px!important}.tw-min-w-\[28px\]{min-width:28px!important}.tw-min-w-\[30px\]{min-width:30px!important}.tw-min-w-\[32px\]{min-width:32px!important}.tw-min-w-\[36px\]{min-width:36px!important}.tw-min-w-\[400px\]{min-width:400px!important}.tw-min-w-\[40px\]{min-width:40px!important}.tw-min-w-\[44px\]{min-width:44px!important}.tw-min-w-full{min-width:100%!important}.tw-min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}.tw-max-w-\[200px\]{max-width:200px!important}.tw-max-w-\[250px\]{max-width:250px!important}.tw-max-w-\[350px\]{max-width:350px!important}.tw-max-w-\[400px\]{max-width:400px!important}.tw-flex-1{flex:1 1 0%!important}.tw--rotate-90{--tw-rotate:-90deg!important}.tw--rotate-90,.tw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-rotate-90{--tw-rotate:90deg!important}@keyframes tw-pulse{50%{opacity:.5}}.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}.tw-cursor-help{cursor:help!important}.tw-cursor-not-allowed{cursor:not-allowed!important}.tw-cursor-pointer{cursor:pointer!important}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw-flex-row{flex-direction:row!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-items-start{align-items:flex-start!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-1{gap:.25rem!important}.tw-gap-10{gap:2.5rem!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-\[12px\]{gap:12px!important}.tw-gap-\[4px\]{gap:4px!important}.tw-gap-\[50px\]{gap:50px!important}.tw-gap-\[8px\]{gap:8px!important}.tw-gap-l{gap:12px!important}.tw-gap-m{gap:8px!important}.tw-gap-s{gap:4px!important}.tw-gap-xl{gap:16px!important}.tw-overflow-hidden{overflow:hidden!important}.tw-overflow-y-auto{overflow-y:auto!important}.tw-overflow-y-hidden{overflow-y:hidden!important}.tw-overflow-y-scroll{overflow-y:scroll!important}.tw-truncate{overflow:hidden!important;white-space:nowrap!important}.tw-text-ellipsis,.tw-truncate{text-overflow:ellipsis!important}.tw-text-nowrap{text-wrap:nowrap!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-b-0{border-bottom-width:0!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-l-2{border-left-width:2px!important}.tw-border-l-\[5px\]{border-left-width:5px!important}.tw-border-r{border-right-width:1px!important}.tw-border-r-0{border-right-width:0!important}.tw-border-r-2{border-right-width:2px!important}.tw-border-t{border-top-width:1px!important}.tw-border-t-4{border-top-width:4px!important}.tw-border-none{border-style:none!important}.tw-border-danger-regular{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.tw-border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.tw-border-neutral-100{--tw-border-opacity:1!important;border-color:rgb(245 245 245/var(--tw-border-opacity,1))!important}.tw-border-neutral-200{--tw-border-opacity:1!important;border-color:rgb(229 229 229/var(--tw-border-opacity,1))!important}.tw-border-primary-regular{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!important}.tw-border-success-pastel{--tw-border-opacity:1!important;border-color:rgb(87 186 129/var(--tw-border-opacity,1))!important}.tw-border-success-regular{--tw-border-opacity:1!important;border-color:rgb(67 176 113/var(--tw-border-opacity,1))!important}.tw-border-texts-enfasis{--tw-border-opacity:1!important;border-color:rgb(54 88 193/var(--tw-border-opacity,1))!important}.tw-border-texts-placeholder{--tw-border-opacity:1!important;border-color:rgb(146 146 146/var(--tw-border-opacity,1))!important}.tw-border-warning-regular{--tw-border-opacity:1!important;border-color:rgb(211 138 49/var(--tw-border-opacity,1))!important}.tw-border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.tw-border-x-primary-pastel{--tw-border-opacity:1!important;border-left-color:rgb(92 125 221/var(--tw-border-opacity,1))!important;border-right-color:rgb(92 125 221/var(--tw-border-opacity,1))!important}.tw-bg-\[\#E1EBF9\]{--tw-bg-opacity:1!important;background-color:rgb(225 235 249/var(--tw-bg-opacity,1))!important}.tw-bg-bg{background-color:rgb(239 239 239/var(--tw-bg-opacity,1))!important}.tw-bg-bg,.tw-bg-bg-card{--tw-bg-opacity:1!important}.tw-bg-bg-card{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.tw-bg-danger-light{--tw-bg-opacity:1!important;background-color:rgb(241 229 228/var(--tw-bg-opacity,1))!important}.tw-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.tw-bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.tw-bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))!important}.tw-bg-gray-400{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.tw-bg-neutral-100{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))!important}.tw-bg-primary-medium{--tw-bg-opacity:1!important;background-color:rgb(218 226 236/var(--tw-bg-opacity,1))!important}.tw-bg-primary-regular{--tw-bg-opacity:1!important;background-color:rgb(66 92 172/var(--tw-bg-opacity,1))!important}.tw-bg-success-medium{--tw-bg-opacity:1!important;background-color:rgb(210 233 220/var(--tw-bg-opacity,1))!important}.tw-bg-success-regular{--tw-bg-opacity:1!important;background-color:rgb(67 176 113/var(--tw-bg-opacity,1))!important}.tw-bg-texts-placeholder{--tw-bg-opacity:1!important;background-color:rgb(146 146 146/var(--tw-bg-opacity,1))!important}.tw-bg-transparent{background-color:transparent!important}.tw-bg-warning-light{--tw-bg-opacity:1!important;background-color:rgb(242 236 229/var(--tw-bg-opacity,1))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.tw-bg-opacity-50{--tw-bg-opacity:0.5!important}.tw-fill-texts-enfasis{fill:#3658c1!important}.tw-object-cover{-o-object-fit:cover!important;object-fit:cover!important}.tw-p-2{padding:.5rem!important}.tw-p-4{padding:1rem!important}.tw-p-5{padding:1.25rem!important}.tw-p-\[12px_12px\]{padding:12px!important}.tw-p-\[16px\]{padding:16px!important}.tw-p-l{padding:12px!important}.tw-p-m{padding:8px!important}.tw-p-s{padding:4px!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-px-l{padding-left:12px!important;padding-right:12px!important}.tw-px-m{padding-left:8px!important;padding-right:8px!important}.tw-px-xxxl{padding-left:24px!important;padding-right:24px!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.tw-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-py-s{padding-top:4px!important;padding-bottom:4px!important}.tw-pb-1{padding-bottom:.25rem!important}.tw-pb-3{padding-bottom:.75rem!important}.tw-pb-4{padding-bottom:1rem!important}.tw-pb-\[200px\]{padding-bottom:200px!important}.tw-pb-m{padding-bottom:8px!important}.tw-pl-5{padding-left:1.25rem!important}.tw-pr-3{padding-right:.75rem!important}.tw-pt-2{padding-top:.5rem!important}.tw-pt-4{padding-top:1rem!important}.tw-pt-5{padding-top:1.25rem!important}.tw-text-center{text-align:center!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-\[1\.6rem\]{font-size:1.6rem!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.tw-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-font-bold{font-weight:700!important}.tw-font-extrabold{font-weight:800!important}.tw-font-medium{font-weight:500!important}.tw-font-normal{font-weight:400!important}.tw-font-semibold{font-weight:600!important}.tw-text-danger-regular{--tw-text-opacity:1!important;color:rgb(195 67 53/var(--tw-text-opacity,1))!important}.tw-text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.tw-text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.tw-text-neutral-400{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity,1))!important}.tw-text-neutral-600{--tw-text-opacity:1!important;color:rgb(82 82 82/var(--tw-text-opacity,1))!important}.tw-text-neutral-900{--tw-text-opacity:1!important;color:rgb(23 23 23/var(--tw-text-opacity,1))!important}.tw-text-primary-pastel{--tw-text-opacity:1!important;color:rgb(92 125 221/var(--tw-text-opacity,1))!important}.tw-text-primary-regular{--tw-text-opacity:1!important;color:rgb(66 92 172/var(--tw-text-opacity,1))!important}.tw-text-success-regular{--tw-text-opacity:1!important;color:rgb(67 176 113/var(--tw-text-opacity,1))!important}.tw-text-texts{--tw-text-opacity:1!important;color:rgb(37 37 37/var(--tw-text-opacity,1))!important}.tw-text-texts-enfasis{--tw-text-opacity:1!important;color:rgb(54 88 193/var(--tw-text-opacity,1))!important}.tw-text-texts-placeholder{--tw-text-opacity:1!important;color:rgb(146 146 146/var(--tw-text-opacity,1))!important}.tw-text-texts-subtext{--tw-text-opacity:1!important;color:rgb(79 79 79/var(--tw-text-opacity,1))!important}.tw-text-warning-dark{--tw-text-opacity:1!important;color:rgb(180 120 47/var(--tw-text-opacity,1))!important}.tw-text-warning-regular{--tw-text-opacity:1!important;color:rgb(211 138 49/var(--tw-text-opacity,1))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.tw-opacity-0{opacity:0!important}.tw-opacity-100{opacity:1!important}.tw-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-button-primary,.tw-shadow-input{--tw-shadow:inset 0 0 0 2px #dae2ec!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)!important}.tw-shadow-button-primary,.tw-shadow-input,.tw-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-duration-300{transition-duration:.3s!important}.tw-duration-500{transition-duration:.5s!important}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.tw-duration-300{animation-duration:.3s!important}.tw-duration-500{animation-duration:.5s!important}.tw-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-scrollbar-none{scrollbar-width:none!important}.tw-scrollbar-none::-webkit-scrollbar{display:none!important}.\[key\:string\]{key:string!important}html{font-size:62.5%!important}.hover\:tw-bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-400:hover{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-primary-light:hover{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))!important}.hover\:tw-shadow-button-primary-hover:hover{--tw-shadow:inset 0 0 0 2px #425cac,0 0 5px #00000030!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color),0 0 5px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.active\:tw-opacity-50:active{opacity:.5!important}
package/dist/tareas.es.js CHANGED
@@ -677,7 +677,7 @@ const se = async ({ filters: r, tasks_api: e, project: l }) => {
677
677
  strokeWidth: 4
678
678
  }
679
679
  ) }),
680
- children: /* @__PURE__ */ o("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-xs tw-flex tw-flex-col tw-gap-m", children: [
680
+ children: /* @__PURE__ */ o("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: [
681
681
  /* @__PURE__ */ t("p", { className: "tw-font-bold", children: " Requiere completar su tarea requerida: " }),
682
682
  /* @__PURE__ */ o("p", { children: [
683
683
  " ",
@@ -719,9 +719,9 @@ const se = async ({ filters: r, tasks_api: e, project: l }) => {
719
719
  className: `${a} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`
720
720
  }
721
721
  );
722
- }, yt = ({ trigger: r, user: e, showUser: l = !0 }) => /* @__PURE__ */ t(B, { dispatch: r, children: l && /* @__PURE__ */ o("div", { className: "tw-flex tw-items-center tw-gap-2 tw-bg-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: [
722
+ }, yt = ({ trigger: r, user: e, showUser: l = !0 }) => /* @__PURE__ */ t(B, { dispatch: r, children: l && /* @__PURE__ */ o("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: [
723
723
  /* @__PURE__ */ t(I, { imageUrl: e.image ?? "", alt: e.name }),
724
- /* @__PURE__ */ t("p", { className: "tw-text-xs tw-font-bold tw-content-text", children: e.name })
724
+ /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: e.name })
725
725
  ] }) }), ue = ({
726
726
  options: r,
727
727
  onselect: e
@@ -826,10 +826,10 @@ const Nt = (r) => {
826
826
  const { setElementPosition: n, position: s, clearPosition: i } = ct(), w = k(null), c = () => l ? null : r.length > 3 && /* @__PURE__ */ t(
827
827
  B,
828
828
  {
829
- dispatch: /* @__PURE__ */ t("div", { className: "tw-w-[28px] tw-h-[28px] tw-rounded-full tw-btn-primary tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]", children: /* @__PURE__ */ t("p", { className: "tw-text-xs tw-font-bold tw-text-white ", children: `+${r.length - 3}` }) }),
830
- children: /* @__PURE__ */ t("div", { className: "tw-bg-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: r == null ? void 0 : r.slice(3).map((u, x) => /* @__PURE__ */ o("div", { className: "tw-flex tw-items-center tw-gap-2 ", children: [
829
+ dispatch: /* @__PURE__ */ t("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: /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-white ", children: `+${r.length - 3}` }) }),
830
+ children: /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: r == null ? void 0 : r.slice(3).map((u, x) => /* @__PURE__ */ o("div", { className: "tw-flex tw-items-center tw-gap-2 ", children: [
831
831
  /* @__PURE__ */ t(I, { imageUrl: u.image ?? "", alt: u.name }, x),
832
- /* @__PURE__ */ t("p", { className: "tw-text-xs tw-font-bold tw-content-text", children: u.name })
832
+ /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: u.name })
833
833
  ] }, x)) })
834
834
  }
835
835
  ), h = () => {
@@ -1354,7 +1354,7 @@ const Et = ({ status: r, nameRequiredTask: e, statusRequiredTask: l, id: a }) =>
1354
1354
  /* @__PURE__ */ t(d, { children: h != null && h.current ? /* @__PURE__ */ t("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: /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular", children: "Moviendo..." }) }) : /* @__PURE__ */ o(
1355
1355
  "button",
1356
1356
  {
1357
- 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",
1357
+ 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",
1358
1358
  onClick: () => {
1359
1359
  h.current = !0, r === 0 ? i({ id: a }) : w({ id: a });
1360
1360
  },
@@ -1614,7 +1614,7 @@ const Et = ({ status: r, nameRequiredTask: e, statusRequiredTask: l, id: a }) =>
1614
1614
  const s = k(null), i = k(null), w = k(!1);
1615
1615
  q(() => {
1616
1616
  var d;
1617
- s != null && s.current && (i != null && i.current) && (i.current.style.minHeight = `${((d = s == null ? void 0 : s.current) == null ? void 0 : d.clientHeight) - 50}px`);
1617
+ s != null && s.current && (i != null && i.current) && (i.current.style.minHeight = `${((d = s == null ? void 0 : s.current) == null ? void 0 : d.clientHeight) - 300}px`);
1618
1618
  }, [s == null ? void 0 : s.current]);
1619
1619
  const c = (d) => {
1620
1620
  if (w.current) return;
@@ -1652,7 +1652,7 @@ const Et = ({ status: r, nameRequiredTask: e, statusRequiredTask: l, id: a }) =>
1652
1652
  "div",
1653
1653
  {
1654
1654
  ref: i,
1655
- className: "tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-py-4",
1655
+ 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",
1656
1656
  onScroll: c,
1657
1657
  children: [
1658
1658
  e == null ? void 0 : e.map((d) => /* @__PURE__ */ t(Te, { ...d }, d.id)),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@imj_media/tareas",
3
3
  "private": false,
4
- "version": "0.1.35",
4
+ "version": "0.1.37",
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": "a429e2905e17e086a414797cd8972291a0f30aec"
82
+ "gitHead": "847e1df5803bf42be030f1074019aae019c855db"
83
83
  }