@imj_media/tareas 0.1.38 → 0.1.40

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.
@@ -0,0 +1,7 @@
1
+ declare const ModalPauseTask: ({ id, task, isActive, closeModal }: {
2
+ id: number;
3
+ task: string;
4
+ isActive: boolean;
5
+ closeModal: () => void;
6
+ }) => import('react').ReactPortal;
7
+ export default ModalPauseTask;
@@ -59,5 +59,26 @@ export declare const COLORS: {
59
59
  regular: string;
60
60
  pastel: string;
61
61
  };
62
- "bg-dark": {};
62
+ silver: {
63
+ silver_white: string;
64
+ silver_light: string;
65
+ silver_dark: string;
66
+ silver_regular: string;
67
+ };
68
+ progressbar: {
69
+ orange_regular: string;
70
+ blue_regular: string;
71
+ green_regular: string;
72
+ };
73
+ gray: {
74
+ gray_light: string;
75
+ gray_regular: string;
76
+ gray_dark: string;
77
+ };
78
+ black: {
79
+ black_light: string;
80
+ black_medium: string;
81
+ black_dark: string;
82
+ black_regular: string;
83
+ };
63
84
  };
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:n,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:n,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:n})=>{const[s,r]=c.useState(n??a[0].toLowerCase());c.useEffect(()=>{n&&r(n)},[n]);const l=i=>{r(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)}))})},v={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"},"bg-dark":{}},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:n,setElementPosition:s}=te(),r=c.useRef(null),l=({children:i})=>{const[w,o]=c.useState();return c.useEffect(()=>{var p,d;t.current&&o(((n==null?void 0:n.x)??0)-(((d=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:d.width)??0))},[t==null?void 0:t.current,n==null?void 0:n.x]),n&&Y.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${w?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.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:r,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:v.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{s(r)}}),e.jsx(l,{children:a})]})},de=a=>{let t={};return Object.entries(a).forEach(([n,s])=>{if(n.includes(".")){let[r,l]=n.split(".");t[r]=t[r]||{},t[r][l]=s}else t[n]=s}),t},he=c.createContext({}),ze=({children:a})=>{const[t,n]=c.useState({}),[s,r]=c.useState({}),[l,i]=c.useState([]),[w,o]=c.useState(""),p=({name:u,value:h})=>{function x(N){return!isNaN(N)&&N!==null&&N!==""?parseFloat(N):null}let j=x(h);r(N=>{let C={...N},_=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]);r(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]);r(Object.fromEntries(u)),n(de(Object.fromEntries(u)))},f=()=>{let u=de(s);console.log({filtersWithEstructure:u}),n(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,n={leading:!1,trailing:!0}){let s,r=null;return function(...l){const i=Date.now(),w=n.leading&&!r;clearTimeout(s),w&&a(...l),r=i,s=setTimeout(()=>{n.trailing&&(!n.leading||i-r>=t)&&(a(...l),r=null)},t)}}const Le=()=>{const{fields:a,updateFilters:t,cleanFilters:n,applyFilters:s,initialFilters:r}=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:n,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:r==null?void 0:r[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:r==null?void 0:r[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]",n=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=n({...a.data}):a.data===null?a=null:a=n(a);for(const s in a)a[s]=k(a[s]);return a}return a};class Re{static toCampaignTasks(t){var s,r,l,i,w,o,p,d,f,u,h,x;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(r=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:r.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 N,C,_,F;n!=null&&n.find(g=>g.id===j.idUser.id)||j.idUser&&n.push({id:j.idUser.id,name:j.idUser.nombre,image:(F=(_=(C=(N=j==null?void 0:j.userOBP)==null?void 0:N.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:n,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:n})=>{try{const s=await t.get("/api/listado_tareas_flujo",{params:{...a,project:{id:n},includeAllTasks:!0}});return k(s.data.tareas).map(Re.toCampaignTasks)}catch(s){console.log(s)}},be=c.createContext({}),Ke=({children:a,user:t,url:n})=>{const s=pe.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:r=>ge.stringify(r,{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:n})=>{const s=pe.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:r=>ge.stringify(r,{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 N;const n=q.useQueryClient(),[s,r]=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:((N=o==null?void 0:o.owner)==null?void 0:N.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(()=>{n.invalidateQueries({queryKey:["tasksProject",o,t]})},[d]);const h=C=>{r(_=>[..._,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:n,path:s}=I(),r=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"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,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 r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:h}=q.useMutation({mutationFn:w,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r.setQueryData([g[s],n],b=>{console.log({oldData:b})}),s==="kanban-general"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.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"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.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"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to reassign the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.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,n]=c.useState(!1),{completeTask:s}=X();return{checked:t,checkTask:()=>{n(!t),s({id:a})}}},ve=({id:a,nameRequiredTask:t,statusRequiredTask:n,status:s})=>{const{checked:r,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!==""&&n===2||!t?s===1?e.jsx("label",{htmlFor:i,className:r?"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:r?"check_outline":"circle_checked",color:r?"white":v.texts.placeholder,strokeWidth:4,size:r?"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:v.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:r,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:n="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]"}[n];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:n=!0})=>e.jsx(y.Tooltip,{dispatch:a,children:n&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(K,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})}),ke=({options:a,onselect:t})=>{const[n,s]=c.useState(null),r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...a].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:r,value:n??"",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 n=await a.get("/api/equipos");return k(n.data).map(He.toDomain)}})}};class Ge{static toUsers(t){var n,s,r;return{id:t.id,name:t.nombre,image:(r=(s=(n=t.imagen)==null?void 0:n.formats)==null?void 0:s.thumbnail)==null?void 0:r.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"],n=new Date(a).getDay();return t[n]}const xe=a=>{let t=a||new Date,n=t.getDate(),s=se(t.getMonth()).slice(0,3),r=t.getFullYear().toString().slice(-2),l=Je(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${n} ${s.charAt(0).toUpperCase()+s.slice(1)} ${r}`},ae=a=>({...a,image:a.image?`https://devobp.imjmedia.com.mx${a.image}`:""}),Ne=({users:a,onClick:t,responsible:n})=>{let s=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:r,position:l,clearPosition:i}=te(),w=c.useRef(null),o=()=>n?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(n){let u=a.find(h=>h.id===n);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},n),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:N}=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"?N.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:()=>r(w)}),e.jsx(f,{})]})};function Ze({items:a}){var s;const[t,n]=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((r,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:()=>n(r.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===r.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:r.label},r.id)},r.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(s=a.find(r=>r.id===t))==null?void 0:s.component})]})}const et="https://devobp.imjmedia.com.mx";function tt({comment:a}){var n,s,r,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=(r=(s=(n=a==null?void 0:a.autor)==null?void 0:n.imagen)==null?void 0:s.formats)==null?void 0:r.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:n,onNewComment:s}){var f,u,h;const{tasks_api:r}=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,N)=>new Date(N.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 r.post("/api/comentarios",{data:{autor:a==null?void 0:a.id,comentario:x.comment,tarea:n}}),s(!0),p(N=>[j,...N]),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"}},n=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 r,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=(r=s.responsable)==null?void 0:r.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:n(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 rt="https://devobp.imjmedia.com.mx";function nt({isOpen:a,setIsOpen:t,taskId:n}){var N,C,_,F,g,b,P,$,Q,L,m,S;const[s,r]=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&&n||l){const T=async()=>{const A=await f.get(`/api/detalleTarea/${n}`);r(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,n,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:n,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:[((N=s==null?void 0:s.id_t_requerida)==null?void 0:N.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:v.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:`${rt}${(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:n,id:s})=>{const{setElementPosition:r,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!==""&&n===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{r(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:v.primary.regular})]})})]})},lt=({id:a,task:t,endDate:n,users:s,willBePaused:r,nameProject:l,idProject:i,comments:w,priority:o,difficulty:p,responsible:d,nameRequiredTask:f,statusRequiredTask:u,status:h,repeatsToDo:x,repeats:j,medioName:N})=>{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(ve,{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:v.texts.placeholder},1:{title:"Baja",color:v.primary.regular},2:{title:"Media",color:v.success.regular},3:{title:"Alta",color:v.danger.regular}},m={0:{title:"Muy fácil",color:v.primary.regular},1:{title:"Fácil",color:v.success.regular},2:{title:"Media",color:v.warning.regular},3:{title:"Difícil",color:v.danger.regular},4:{title:"Muy difícil",color:v.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}),N&&e.jsx("p",{className:"tw-text-xl",children:N})]}),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(Ne,{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})}}),r&&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:v.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${se(n.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:v.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:v.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(nt,{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:n,isFetching:s,total:r})=>{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,n&&n(),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:v.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:r??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 r;const{defineFields:a}=I(),{tasksProject:t}=V();c.useEffect(()=>{(async()=>{let i=[...Ue];a(i)})()},[]);let n=(r=t==null?void 0:t.data)==null?void 0:r.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=n==null?void 0:n[i])==null?void 0:w.length)??0,title:l,tasks:(n==null?void 0:n[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class ct{static toKanbanTasks(t){var s,r,l,i,w,o,p,d,f,u,h;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(r=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:r.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,N,C,_;n!=null&&n.find(F=>F.id===x.idUser.id)||x.idUser&&n.push({id:x.idUser.id,name:x.idUser.nombre,image:(_=(C=(N=(j=x==null?void 0:x.userOBP)==null?void 0:j.imagen)==null?void 0:N.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:n,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 re=async({filters:a,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:a})).data.tareas.map(k).map(ct.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},ne=a=>{var t;if(a!=null&&a.hasNextPage){const n=(t=a==null?void 0:a.data)==null?void 0:t.pages[a.data.pages.length-1];(n==null?void 0:n.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:n}=U(),{filters:s}=I(),[r,l]=c.useState(0),[i,w]=c.useState({owner:{user:n.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})=>re({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:n.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:r}},dt=()=>{var s,r;const{toDoTasks:a,total:t}=wt(),n=[...((r=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:r.flat())??[]];return e.jsx(J,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>ne(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:n}=U(),{filters:s}=I(),[r,l]=c.useState(0),[i,w]=c.useState({owner:{user:n.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})=>re({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:n.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:r}},xt=()=>{var s,r;const{workingTasks:a,total:t}=ut(),n=[...((r=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:r.flat())??[]];return e.jsx(J,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>ne(a),isFetching:a==null?void 0:a.isFetching})},mt=()=>{var p;const a=q.useQueryClient(),{user:t}=U(),{tasks_api:n}=z(),{filters:s}=I(),[r,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})=>re({filters:{...i,status:"completadas",...H(d)},tasks_api:n,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 n.get("/api/listado_tareas",{params:{...i,status:"completadas",...H(1),justCount:!0,tasks_api:n}});l(f.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:r}},pt=()=>{var s,r;const{doneTasks:a,total:t}=mt(),n=[...((r=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:r.flat())??[]];return e.jsx(J,{title:"Completadas",tasks:n,loadNextPage:()=>ne(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:n}=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:n.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:r}=await t();a(s.map(l=>(l.id==="salesman.id"&&(l.options=r),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,n]=c.useState([]);c.useEffect(()=>{console.log({selectedTasks:t})},[t]);const s=r=>{n(l=>l.includes(r)?l.filter(i=>i!==r):[...l,r])};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:v.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",xe(a)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:v.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:v.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:v.texts.subtext})})}),qe=({id:a,priority:t,difficulty:n,endDate:s})=>{var i,w;const r={0:{title:"N/A",color:v.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:v.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:v.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:v.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:v.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:v.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:v.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:v.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:v.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:v.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[n??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[n??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[n??0].color},children:l[n??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((w=r[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:r[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:r[t??0].color},children:r[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:v.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)}`})]})]})},vt=({id:a})=>{const{selectedTasks:t,selectTask:n}=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:v.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:a.toString(),type:"checkbox",onChange:()=>n(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})}),Nt=({id:a})=>{var r,l;const{tasksProject:t}=V(),{reasignResponsible:n}=X(),s=(r=t==null?void 0:t.data)==null?void 0:r.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(vt,{id:a}),e.jsx(ve,{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(Ne,{onClick:async(i,w)=>{await n({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:n,openTask:s}=V(),r=(l=t==null?void 0:t.data)==null?void 0:l.find(u=>u.id===a);return r?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${n.includes(a)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>s(a),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:v.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=r==null?void 0:r.tasks)==null?void 0:i.length)===0?1:(w=r==null?void 0:r.tasks)==null?void 0:w.length})}),e.jsx(Pe,{task:(r==null?void 0:r.task)??""}),e.jsx(qe,{id:a,priority:r==null?void 0:r.priority,difficulty:r.difficulty,endDate:r==null?void 0:r.endDate}),e.jsx(Te,{startDate:r==null?void 0:r.startDate,endDate:r==null?void 0:r.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:v.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=r==null?void 0:r.tasks)==null?void 0:o.length)===0?1:(p=r==null?void 0:r.tasks)==null?void 0:p.length})]})]}),n.includes(a)&&e.jsx("div",{className:"tw-ml-[30px]",children:((d=r==null?void 0:r.tasks)==null?void 0:d.length)>0?(f=r==null?void 0:r.tasks)==null?void 0:f.map(u=>e.jsx(Ae,{id:u==null?void 0:u.id})):e.jsx(Nt,{id:r==null?void 0:r.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 n=[...(s=a==null?void 0:a.data)==null?void 0:s.filter(r=>r.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(bt,{project:t,children:n==null?void 0:n.sort((r,l)=>r.orden-l.orden).map(r=>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:r.id})}))})})},_t=({setPath:a,setProject:t})=>{const[n,s]=c.useState([]),[r,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:N}=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:r?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:n==null?void 0:n.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:()=>{N(),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:[n.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:n,project:s,setProject:r})=>{const l={"kanban-general":{kanban:e.jsx(ft,{})},"lista-campanias":{lista:e.jsx(_t,{setPath:n,setProject:r}),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:n,updateFilters:s,applyFilters:r,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(""),N=c.useRef(null);c.useEffect(()=>{w(o==="lista-campanias"?"lista":"kanban"),n(o)},[a,o]),c.useEffect(()=>{(u==null?void 0:u.trim())===""&&s({name:"taskName",value:null}),r()},[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:N,children:e.jsx("div",{ref:N,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(Le,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none max-h-[100%]",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:n})=>{const s=new q.QueryClient;if(!t)return e.jsx(Tt,{});if(!t.accessToken)return e.jsx(qt,{});let r={user:t,url:n};return e.jsx(e.Fragment,{children:e.jsx(Qe,{...r,children:e.jsx(Ke,{...r,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"),w=require("react"),y=require("@imj_media/tasks-modules"),X=require("react-dom"),ge=require("axios"),he=require("qs"),ee=require("date-fns"),ne=require("date-fns/locale"),Q=require("@imj_media/imj-ui"),ke=require("react-hook-form"),De=require("primereact/paginator"),$e=({label:a,active:t,onClick:n,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:n,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}),Ie=({tabs:a,renderItem:t,initialTab:n})=>{const[s,r]=w.useState(n??a[0].toLowerCase());w.useEffect(()=>{n&&r(n)},[n]);const l=i=>{r(i),t(i)};return e.jsx("div",{className:"tw-flex",children:a.map((i,d)=>e.jsx("div",{className:`${d===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx($e,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===s,disabled:["gantt"].includes(i.toLowerCase())},d)}))})},h={bg:{DEFAULT:"#EFEFEF",content:"#FAFAFA",card:"#FAFAFA"},texts:{DEFAULT:"#252525",enfasis:"#3658c1",subtext:"#4f4f4f",placeholder:"#929292"},primary:{light:"#E7E9F2",medium:"#dae2ec",dark:"#334990",regular:"#425CAC",pastel:"#5c7ddd"},success:{light:"#368156",medium:"#D2E9DC",dark:"#368156",regular:"#43B071",pastel:"#57BA81"},danger:{light:"#F1E5E4",medium:"#EBDBD9",dark:"#8C352C",regular:"#C34335",pastel:"#C43355"},warning:{light:"#F2ECE5",medium:"#EBE3D9",dark:"#B4782F",regular:"#D38A31",pastel:"#D38A31"},alert:{light:"#F1F1E4",medium:"#EAE9D9",dark:"#ADA63A",regular:"#D6CC48",pastel:"#D6CC48"},info:{light:"#E7F5FF",medium:"#D9E6EE",dark:"#1C5073",regular:"#1B6698",pastel:"#1B6698"},link:{light:"#ECF8FE",medium:"#D8F1FD",dark:"#0A7AAE",regular:"#0EA5E9",pastel:"#0EA5E9"},silver:{silver_white:" #FAFAFA",silver_light:" #F5F5F5",silver_dark:" #E9E9E9",silver_regular:"#EFEFEF"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_light:"#D9D9D9",gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313",black_regular:"#252525"}},le=()=>{const[a,t]=w.useState(null);return{position:a,setElementPosition:l=>{var m;let i=(m=l.current)==null?void 0:m.getBoundingClientRect(),d=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),o=(i==null?void 0:i.y)+(i==null?void 0:i.height);t(a?null:{x:d??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Re=({children:a,filterChildren:t})=>{const{position:n,setElementPosition:s}=le(),r=w.useRef(null),l=({children:i})=>{const[d,o]=w.useState();return w.useEffect(()=>{var m,u;t.current&&o(((n==null?void 0:n.x)??0)-(((u=(m=t.current)==null?void 0:m.getBoundingClientRect())==null?void 0:u.width)??0))},[t==null?void 0:t.current,n==null?void 0:n.x]),n&&X.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${d}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:r,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:h.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{s(r)}}),e.jsx(l,{children:a})]})},ue=a=>{let t={};return Object.entries(a).forEach(([n,s])=>{if(n.includes(".")){let[r,l]=n.split(".");t[r]=t[r]||{},t[r][l]=s}else t[n]=s}),t},fe=w.createContext({}),ze=({children:a})=>{const[t,n]=w.useState({}),[s,r]=w.useState({}),[l,i]=w.useState([]),[d,o]=w.useState(""),m=({name:x,value:f})=>{function p(v){return!isNaN(v)&&v!==null&&v!==""?parseFloat(v):null}let N=p(f);r(v=>{let _={...v},C=l==null?void 0:l.find(S=>S.label.toLowerCase().replace(/ /g,"_")===x);return C?_[C.id]=N??f:_[x]=N??f,_})};w.useEffect(()=>{let x=l.map(f=>f.id==="owner.config"?[f.id,"yo_y_mis_equipos"]:f.id==="dependency"?[f.id,"ambas"]:[f.id,null]);r(Object.fromEntries(x))},[l]);const u=()=>{let x=l.map(f=>f.id==="owner.config"?[f.id,"yo_y_mis_equipos"]:f.id==="dependency"?[f.id,"ambas"]:[f.id,null]);r(Object.fromEntries(x)),n(ue(Object.fromEntries(x)))},b=()=>{let x=ue(s);console.log({filtersWithEstructure:x}),n(x)};return e.jsx(fe.Provider,{value:{fields:l,filters:t,path:d,defineFields:i,updateFilters:m,cleanFilters:u,applyFilters:b,initialFilters:s,selectPath:o},children:a})},I=()=>w.useContext(fe);function be(a,t=300,n={leading:!1,trailing:!0}){let s,r=null;return function(...l){const i=Date.now(),d=n.leading&&!r;clearTimeout(s),d&&a(...l),r=i,s=setTimeout(()=>{n.trailing&&(!n.leading||i-r>=t)&&(a(...l),r=null)},t)}}const Le=()=>{const{fields:a,updateFilters:t,cleanFilters:n,applyFilters:s,initialFilters:r}=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:n,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:a==null?void 0:a.map((l,i)=>{var d;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 m,u;t({name:(m=o==null?void 0:o.target)==null?void 0:m.name,value:(u=o==null?void 0:o.target)==null?void 0:u.value})},value:r==null?void 0:r[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:(d=l==null?void 0:l.options)==null?void 0:d.map((o,m)=>e.jsx("option",{value:o.id,children:o.name},m))}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:r==null?void 0:r[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:be(o=>{var m,u;return t({name:(m=o==null?void 0:o.target)==null?void 0:m.name,value:(u=o==null?void 0:o.target)==null?void 0:u.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-btn-primary tw-rounded-md tw-py-s tw-text-xl",onClick:s,children:"Filtrar"})]})},O=a=>{const t=s=>Object.prototype.toString.call(s)==="[object Object]",n=s=>s.attributes?{id:s.id,...s.attributes}:s;if(Array.isArray(a))return a.map(s=>O(s));if(t(a)){Array.isArray(a.data)?a=[...a.data]:t(a.data)?a=n({...a.data}):a.data===null?a=null:a=n(a);for(const s in a)a[s]=O(a[s]);return a}return a};class Be{static toCampaignTasks(t){var s,r,l,i,d,o,m,u,b,x,f,p;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(r=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:r.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),console.log("task",t),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(N=>{var v,_,C,S;n!=null&&n.find(g=>g.id===N.idUser.id)||N.idUser&&n.push({id:N.idUser.id,name:N.idUser.nombre,image:(S=(C=(_=(v=N==null?void 0:N.userOBP)==null?void 0:v.imagen)==null?void 0:_.formats)==null?void 0:C.thumbnail)==null?void 0:S.url})}),{isPrincipalTask:(t==null?void 0:t.tarea_principal)??!1,projectName:((m=t==null?void 0:t.proyecto)==null?void 0:m.nombre)??null,orden:(t==null?void 0:t.orden)??null,id:(t==null?void 0:t.id)??null,task:(t==null?void 0:t.texto_corto)??null,status:(t==null?void 0:t.estatus)??null,difficulty:(t==null?void 0:t.nivel_dificultad)??null,priority:(t==null?void 0:t.prioridad)??0,endDate:new Date((t==null?void 0:t.ffin)??null),startDate:new Date((t==null?void 0:t.finicio)??null),mediumName:(t==null?void 0:t.nombre_medio)??null,users:n,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((u=t==null?void 0:t.comentarios)==null?void 0:u.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((b=t==null?void 0:t.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((x=t==null?void 0:t.id_t_requerida)==null?void 0:x.texto_corto)??null,responsible:((f=t==null?void 0:t.responsable)==null?void 0:f.id)??null,tasks:((p=t==null?void 0:t.tareas)==null?void 0:p.map(N=>({id:N.id,name:N.texto_corto,status:N.estatus})))??null}}}const Ke=async({filters:a,tasks_api:t,project:n})=>{try{const s=await t.get("/api/listado_tareas_flujo",{params:{...a,project:{id:n},includeAllTasks:!0}});return O(s.data.tareas).map(Be.toCampaignTasks)}catch(s){console.log(s)}},je=w.createContext({}),Qe=({children:a,user:t,url:n})=>{const s=ge.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:r=>he.stringify(r,{encodeValuesOnly:!0})});return e.jsx(je.Provider,{value:{tasks_api:s},children:a})},R=()=>w.useContext(je),ye=w.createContext({}),We=({children:a,user:t,url:n})=>{const s=ge.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:r=>he.stringify(r,{encodeValuesOnly:!0})});return e.jsx(ye.Provider,{value:{user:t,tasks_api:s},children:a})},W=()=>w.useContext(ye),Ne=w.createContext({}),Ue=({children:a,project:t})=>{var v;const n=q.useQueryClient(),[s,r]=w.useState([]),[l,i]=w.useState([]),{tasks_api:d}=R(),{filters:o}=I(),{user:m}=W(),[u,b]=w.useState({owner:{user:m.id,config:((v=o==null?void 0:o.owner)==null?void 0:v.config)??"yo_y_mis_equipos"},project:{id:t}}),x=q.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>Ke({filters:{...u},project:t,tasks_api:d})});w.useEffect(()=>{var _;Object.keys(o).length>0&&b({...o,owner:{user:m.id,config:((_=o==null?void 0:o.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),w.useEffect(()=>{n.invalidateQueries({queryKey:["tasksProject",o,t]})},[u]);const f=_=>{r(C=>[...C,_])},p=_=>{i(C=>C.includes(_)?C.filter(S=>S!==_):[...C,_])},N=t??null;return e.jsx(Ne.Provider,{value:{tasksProject:x,selectedTasks:s,projectID:N,openTasks:l,selectTask:f,openTask:p},children:a})},Z=()=>w.useContext(Ne),Oe=[{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"}]}],te=()=>{const{tasks_api:a}=R(),{user:t}=W(),{filters:n,path:s}=I(),r=q.useQueryClient(),{projectID:l}=Z(),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,d=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:j})=>(await a.put(`/api/tareas/${g}`,{data:{repeticiones_realizadas:j,updated_by:t==null?void 0:t.id}})).data,m=async({id:g,idNewResponsible:j,typeOfSelect:E})=>{let A={updated_by:t==null?void 0:t.id};return E==="responsible"&&(A={...A,responsable:j}),E==="team"&&(A={...A,responsable:null,equipo:j}),(await a.put(`/api/tareas/${g}`,{data:A})).data},u=async({id:g,data:j,user:E})=>{},b=async({id:g})=>{await x({id:g})},{mutateAsync:x}=q.useMutation({mutationFn:i,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error updating the element:",j)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:f}=q.useMutation({mutationFn:d,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r.setQueryData([g[s],n],j=>{console.log({oldData:j})}),s==="kanban-general"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:p}=q.useMutation({mutationFn:o,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:N}=q.useMutation({mutationFn:m,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(r.invalidateQueries({queryKey:[g[s],n]}),r.invalidateQueries({queryKey:["done_tasks",n]}),r.invalidateQueries({queryKey:["working_tasks",n]})),s==="kanban-campania"&&(r.invalidateQueries({queryKey:["tasksProject"]}),r.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:g=>{console.error("Failed to reassign the task.",g)},onMutate:async({id:g})=>{await r.cancelQueries({queryKey:["working_tasks"]}),await r.cancelQueries({queryKey:["done_tasks"]}),await r.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:u,startWorking:b,completeTask:async({id:g})=>{await f({id:g})},reasignResponsible:async({id:g,idNewResponsible:j,typeOfSelect:E})=>{await N({id:g,idNewResponsible:j,typeOfSelect:E})},updateUnitys:async({repeats:g,id:j})=>{await p({repeats:g,id:j})},pauseTask:async({id:g})=>{console.log({id:g})}}},He=({id:a})=>{const[t,n]=w.useState(!1),{completeTask:s}=te();return{checked:t,checkTask:()=>{n(!t),s({id:a})}}},ve=({id:a,nameRequiredTask:t,statusRequiredTask:n,status:s})=>{const{checked:r,checkTask:l}=He({id:a});let i=Math.random().toString();const d=t!==""&&n===2;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"})}),d||!t?s===1?e.jsx("label",{htmlFor:i,className:r?"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:r?"check_outline":"circle_checked",color:r?"white":h.texts.placeholder,strokeWidth:4,size:r?"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:h.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:r,onChange:l,type:"checkbox",className:"tw-hidden"})]})},B=({imageUrl:a="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:n="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]"}[n];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`})},xe=({trigger:a,user:t,showUser:n=!0})=>e.jsx(y.Tooltip,{dispatch:a,children:n&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(B,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})}),_e=({options:a,onselect:t})=>{const[n,s]=w.useState(null),r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...a].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:r,value:n??"",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 hover:tw-bg-primary-light tw-cursor-pointer",children:[i.image&&e.jsx(B,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-s tw-font-normal tw-text-texts-subtext tw-content-text",children:i.name})]}))})]})};class Ve{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const Ge=()=>{const{tasks_api:a}=R();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await a.get("/api/equipos");return O(n.data).map(Ve.toDomain)}})}};class Ye{static toUsers(t){var n,s,r;return{id:t.id,name:t.nombre,image:(r=(s=(n=t.imagen)==null?void 0:n.formats)==null?void 0:s.thumbnail)==null?void 0:r.url}}}const Je=async({tasks_api:a})=>{try{const t=await a.get("/api/allOBPUsers");return O(t.data).map(Ye.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}=R();return{users:q.useQuery({queryKey:["users"],queryFn:()=>Je({tasks_api:a}),staleTime:1e3*60*60*24})}},ie=a=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(a);function Ze(a){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(a).getDay();return t[n]}const me=a=>{let t=a||new Date,n=t.getDate(),s=ie(t.getMonth()).slice(0,3),r=t.getFullYear().toString().slice(-2),l=Ze(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${n} ${s.charAt(0).toUpperCase()+s.slice(1)} ${r}`},oe=a=>({...a,image:a.image?`https://devobp.imjmedia.com.mx${a.image}`:""}),Ce=({users:a,onClick:t,responsible:n})=>{let s=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:r,position:l,clearPosition:i}=le(),d=w.useRef(null),o=()=>n?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((x,f)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(B,{imageUrl:x.image??"",alt:x.name},f),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:x.name})]},f))})}),m=()=>{if(n){let x=a.find(f=>f.id===n);return e.jsx("div",{children:e.jsx(xe,{trigger:e.jsx(B,{imageUrl:x==null?void 0:x.image,alt:x==null?void 0:x.name},n),user:x,showUser:!(l!=null&&l.x)})})}return(a==null?void 0:a.length)>0&&a.slice(0,3).map((x,f)=>e.jsx("div",{className:`${f===0?"":"tw-ml-[-8px]"}`,children:e.jsx(xe,{trigger:e.jsx(B,{imageUrl:x.image,alt:x.name},f),user:x,showUser:!(l!=null&&l.x)})}))},u=({children:x})=>e.jsx("label",{ref:d,htmlFor:s,className:"tw-cursor-pointer tw-flex tw-items-center",children:x});if(a.length===0)return e.jsx(u,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const b=()=>{var S;const[x,f]=w.useState(),[p,N]=w.useState("team"),{teams:v}=Ge(),{users:_}=Xe();w.useEffect(()=>{var g,j;d.current&&f(((l==null?void 0:l.x)??0)-(((j=(g=d.current)==null?void 0:g.getBoundingClientRect())==null?void 0:j.width)??0))},[d==null?void 0:d.current,l==null?void 0:l.x]);const C=()=>{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((j,E)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${p===j.id?"tw-text-primary-pastel":""} ${E===g.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>N(j.id),children:j.label}))})};return(l==null?void 0:l.x)&&X.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${x?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${x}px`,zIndex:1},children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[e.jsx(C,{}),e.jsx(_e,{options:p==="team"?v.data.map(g=>({id:g.id,name:g.name,image:""})):(S=_.data)==null?void 0:S.map(oe),onselect:g=>{i(),t&&t(g,p)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(u,{children:[m(),o()]}),e.jsx("button",{className:"tw-hidden",id:s,onClick:()=>r(d)}),e.jsx(b,{})]})};function et({items:a}){var s;const[t,n]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:a.map((r,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(Q.Button,{variant:"ghost",onClick:()=>n(r.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===r.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:r.label},r.id)},r.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(s=a.find(r=>r.id===t))==null?void 0:s.component})]})}const tt="https://devobp.imjmedia.com.mx";function st({comment:a}){var n,s,r,l,i;function t(d){const o=ee.parseISO(d);return ee.formatDistanceToNow(o,{locale:ne.es,addSuffix:!0})}return e.jsx("div",{children:e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[e.jsx(B,{size:"xxl",imageUrl:`${tt}${(l=(r=(s=(n=a==null?void 0:a.autor)==null?void 0:n.imagen)==null?void 0:s.formats)==null?void 0:r.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 Fe="https://devobp.imjmedia.com.mx";function at({currentUser:a,data:t,taskId:n,onNewComment:s}){var b,x,f;const{tasks_api:r}=R(),{register:l,handleSubmit:i,reset:d}=ke.useForm(),[o,m]=w.useState([]);w.useEffect(()=>{if(t!=null&&t.comentarios){const p=[...t.comentarios].sort((N,v)=>new Date(v.createdAt).getTime()-new Date(N.createdAt).getTime());m(p)}},[t]);const u=async p=>{try{const N={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:p==null?void 0:p.comment,createdAt:new Date().toISOString()};await r.post("/api/comentarios",{data:{autor:a==null?void 0:a.id,comentario:p.comment,tarea:n}}),s(!0),m(v=>[N,...v]),d()}catch(N){console.error("Error al agregar comentario:",N)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:i(u),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(B,{size:"xxl",imageUrl:`${Fe}${(f=(x=(b=a==null?void 0:a.imagen)==null?void 0:b.formats)==null?void 0:x.thumbnail)==null?void 0:f.url}`,alt:"@shadcn"}),e.jsx(Q.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((p,N)=>e.jsx(st,{comment:p},N))]})}function rt({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"}},n=s=>s?ee.format(new Date(s),"d MMM",{locale:ne.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(Q.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 r,l,i,d,o;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(B,{imageUrl:(d=(i=(l=(r=s.responsable)==null?void 0:r.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children: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:n(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 lt({isOpen:a,setIsOpen:t,taskId:n}){var v,_,C,S,g,j,E,A,K,$,c,F;const[s,r]=w.useState(null),[l,i]=w.useState(!1),[d,o]=w.useState(!1),[m,u]=w.useState(null),{tasks_api:b}=R(),{user:x}=W();w.useEffect(()=>{if(a&&n||l){const P=async()=>{const T=await b.get(`/api/detalleTarea/${n}`);r(T==null?void 0:T.data)},k=async()=>{var M,z;const T=await b.get(`/api/users/${x.id}`),D=await b.post("/api/obtenerUsuarioOBP/",{emailList:[(M=T==null?void 0:T.data)==null?void 0:M.email]});u((z=D==null?void 0:D.data)==null?void 0:z.data[0])};P(),k()}},[a,n,l]);const f={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"}},p=P=>P?ee.format(P,"d MMM yyyy, h:mmaaa",{locale:ne.es}):"Fecha no disponible",N=[{id:1,label:"Todo",component:e.jsx(at,{taskId:n,currentUser:m,data:s,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(rt,{data:s==null?void 0:s.ids_t_dependientes})}];return a&&X.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:h.warning.regular,strokeWidth:4})}),d&&e.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),e.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(_=s==null?void 0:s.id_t_requerida)==null?void 0:_.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(Q.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(Q.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(Q.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(Q.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(Q.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"}),(C=s==null?void 0:s.responsable)!=null&&C.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(B,{size:"xxl",imageUrl:`${nt}${(E=(j=(g=(S=s==null?void 0:s.responsable)==null?void 0:S.imagen)==null?void 0:g.formats)==null?void 0:j.thumbnail)==null?void 0:E.url}`,alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(A=s==null?void 0:s.responsable)==null?void 0:A.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:((K=s==null?void 0:s.equipo)==null?void 0:K.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:($=f[s==null?void 0:s.prioridad])==null?void 0:$.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(c=f[s==null?void 0:s.prioridad])==null?void 0:c.color}`,children:((F=f[s==null?void 0:s.prioridad])==null?void 0:F.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:p(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:p(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:p(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:p(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:p(s==null?void 0:s.updatedAt)})]})]})})]})}),e.jsx(et,{items:N})]})})]}),document.body)}const Se=({status:a,nameRequiredTask:t,statusRequiredTask:n,id:s})=>{const{setElementPosition:r,position:l}=le(),{startWorking:i,completeTask:d}=te(),o=w.useRef(null),m=w.useRef(!1),u=t!==""&&n===2,b=({children:x})=>{const[f,p]=w.useState();return w.useEffect(()=>{var N,v;o.current&&p(((l==null?void 0:l.x)??0)-(((v=(N=o.current)==null?void 0:N.getBoundingClientRect())==null?void 0:v.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&X.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${f?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${f}px`,zIndex:1},children:x}),document.body)};return e.jsxs(e.Fragment,{children:[(u&&n===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{r(o)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(y.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(b,{children:m!=null&&m.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:()=>{m.current=!0,a===0?i({id:s}):d({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:h.primary.regular})]})})]})},it=({id:a,task:t,isActive:n,closeModal:s})=>{const[r,l]=w.useState(),[i,d]=w.useState(!1),[o,m]=w.useState(!1),u=()=>{if(!r){d(!0);return}console.log("pausar tarea",a,r)};return n&&X.createPortal(e.jsx("div",{className:"tw-w-screen tw-h-screen tw-fixed tw-top-0 tw-left-0 tw-flex tw-items-center tw-justify-center ",children:e.jsxs("div",{className:"tw-rounded-lg tw-p-4 tw-shadow-gray-600 tw-bg-warning-light tw-border-l-4 tw-border-warning-regular tw-max-w-[350px]",children:[e.jsxs("p",{className:"tw-text-xl tw-font-bold tw-text-warning-regular",children:["Pausar tarea: ",e.jsx("span",{className:"tw-font-normal",children:t})]}),e.jsxs("div",{className:"tw-my-5 tw-flex tw-flex-col tw-gap-l",children:[e.jsxs("div",{className:"tw-relative",children:[e.jsx("p",{className:"tw-text-xl tw-font-normal tw-text-warning-regular",children:"Seleccione la razón por la cual se realizará la pausa"}),e.jsxs("div",{onBlur:()=>m(!1),onClick:()=>m(!o),className:`tw-w-full tw-bg-bg-card ${i?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${i?"tw-text-danger-regular":r?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(r==null?void 0:r.name)??"Selecciona una razón"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:i?h.danger.regular:h.texts.placeholder})]}),o&&e.jsx("div",{className:"absolute w-full tw-shadow-md tw-rounded-lg",children:e.jsx(_e,{onselect:b=>{l(b),m(!1)},options:[{id:1,name:"Razón interna (IMJ)"},{id:2,name:"Razón externa (Cliente)"}]})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-w-full",children:[e.jsx("button",{onClick:()=>{s(),l(null)},className:"tw-bg-danger-light tw-px-l tw-py-s tw-border-2 tw-border-danger-medium tw-rounded-md tw-w-full tw-text-danger-dark tw-font-bold hover:tw-border-danger-regular",children:"Cancelar"}),e.jsx("button",{onClick:u,className:"tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular",children:"Pausar"})]})]})]})}),document.body)},ot=({id:a,task:t,endDate:n,users:s,willBePaused:r,nameProject:l,idProject:i,comments:d,priority:o,difficulty:m,responsible:u,nameRequiredTask:b,statusRequiredTask:x,status:f,repeatsToDo:p,repeats:N,medioName:v})=>{var M,z,V,G,Y,J;const[_,C]=w.useState(!1),[S,g]=w.useState(!1),{reasignResponsible:j,updateUnitys:E}=te(),[A,K]=w.useState(N??0),$=!!(p&&N===p),c=!p||p===1,F=f===0;console.log("status",$,c,F,a);const P=()=>e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]",children:[f<2&&($||c||F)&&e.jsx(ve,{id:a,nameRequiredTask:b??"",statusRequiredTask:x??0,status:f}),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:()=>C(!0),children:t})]}),($||c||F)&&e.jsx(Se,{id:a,nameRequiredTask:b,status:f,statusRequiredTask:x})]}),k={0:{title:"N/A",color:h.texts.placeholder},1:{title:"Baja",color:h.primary.regular},2:{title:"Media",color:h.success.regular},3:{title:"Alta",color:h.danger.regular}},T={0:{title:"Muy fácil",color:h.primary.regular},1:{title:"Fácil",color:h.success.regular},2:{title:"Media",color:h.warning.regular},3:{title:"Difícil",color:h.danger.regular},4:{title:"Muy difícil",color:h.danger.dark}},D=L=>{K(U=>L==="minus"?Math.max(0,U-1):Math.min(p,U+1))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[e.jsx(P,{}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:l}),v&&e.jsx("p",{className:"tw-text-xl",children:v})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[e.jsx(Ce,{responsible:u,users:s.filter(L=>u?L.id===u:!0).map(oe),onClick:async(L,U)=>{await j({idNewResponsible:L==null?void 0:L.id,id:a,typeOfSelect:U})}}),r&&e.jsx(y.Tooltip,{dispatch:e.jsx("button",{disabled:!0,onClick:()=>g(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:e.jsx(y.Icons,{icon:"pause",size:"s",strokeWidth:2})}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"En camino..."})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:(M=T[m??0])==null?void 0:M.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(z=T[m??0])==null?void 0:z.color},children:`Dificultad ${(V=T[m??0])==null?void 0:V.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(G=k[o??0])==null?void 0:G.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:(Y=k[o??0])==null?void 0:Y.color},children:`Prioridad: ${(J=k[o??0])==null?void 0:J.title}`})}),!p||p&&f===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:h.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${ie(n.getMonth()).slice(0,3)}`})]})]}),f===1&&p&&p>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:()=>D("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:h.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${A??0} / ${p??0}`}),e.jsx("button",{onClick:()=>D("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:h.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:()=>{E({repeats:A,id:a})},children:"Agregar"})]})]})]}),d>0&&e.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:e.jsxs("button",{onClick:()=>C(!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:d})]})})]}),e.jsx(lt,{taskId:a,isOpen:_,setIsOpen:C}),e.jsx(it,{id:a,task:t,isActive:S,closeModal:()=>g(!1)})]})},ct=()=>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"})]})]}),se=({title:a,tasks:t,loadNextPage:n,isFetching:s,total:r})=>{const l=w.useRef(null),i=w.useRef(null),d=w.useRef(!1);w.useEffect(()=>{var u;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((u=l==null?void 0:l.current)==null?void 0:u.clientHeight)-300}px`)},[l==null?void 0:l.current]);const o=u=>{if(d.current)return;const{scrollTop:b,clientHeight:x,scrollHeight:f}=u==null?void 0:u.target,p=b/(f-x)*100;p<=95||p>=95&&(d.current=!0,n&&n(),setTimeout(()=>{d.current=!1},200))},m={"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 ${m[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:h.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:r??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(u=>e.jsx(ot,{...u},u.id)),s?e.jsx(ct,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},wt=()=>{var r;const{defineFields:a}=I(),{tasksProject:t}=Z();w.useEffect(()=>{(async()=>{let i=[...Oe];a(i)})()},[]);let n=(r=t==null?void 0:t.data)==null?void 0:r.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 d;return e.jsx(se,{total:((d=n==null?void 0:n[i])==null?void 0:d.length)??0,title:l,tasks:(n==null?void 0:n[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class dt{static toKanbanTasks(t){var s,r,l,i,d,o,m,u,b,x,f;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(r=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:r.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(p=>{var N,v,_,C;n!=null&&n.find(S=>S.id===p.idUser.id)||p.idUser&&n.push({id:p.idUser.id,name:p.idUser.nombre,image:(C=(_=(v=(N=p==null?void 0:p.userOBP)==null?void 0:N.imagen)==null?void 0:v.formats)==null?void 0:_.thumbnail)==null?void 0:C.url})}),{repeats:t==null?void 0:t.repeticiones_realizadas,repeatsToDo:t==null?void 0:t.repeticiones,comments:0,nameProject:(m=t==null?void 0:t.proyecto)==null?void 0:m.nombre,idProject:(u=t==null?void 0:t.proyecto)==null?void 0:u.id,willBePaused:t.es_pausable,difficulty:t.nivel_dificultad,endDate:new Date(t.ffin),id:t.id,priority:t.prioridad??0,status:t.estatus,task:t.texto_corto,users:n,responsible:((b=t==null?void 0:t.responsable)==null?void 0:b.id)??null,statusRequiredTask:((x=t.id_t_requerida)==null?void 0:x.estatus)??null,nameRequiredTask:((f=t.id_t_requerida)==null?void 0:f.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const ce=async({filters:a,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:a})).data.tareas.map(O).map(dt.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},we=a=>{var t;if(a!=null&&a.hasNextPage){const n=(t=a==null?void 0:a.data)==null?void 0:t.pages[a.data.pages.length-1];(n==null?void 0:n.length)===30&&(a==null||a.fetchNextPage())}},H=a=>({pagination:{page:a,pageSize:30,withCount:!0}}),ut=()=>{var m;const a=q.useQueryClient(),{tasks_api:t}=R(),{user:n}=W(),{filters:s}=I(),[r,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((m=s==null?void 0:s.owner)==null?void 0:m.config)??"yo_y_mis_equipos"},status:"por_hacer"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:u})=>ce({filters:{...i,status:"por_hacer",...H(u)},tasks_api:t,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,b)=>b.length+1});return w.useEffect(()=>{var u;Object.keys(s).length>0&&d({...s,owner:{user:n.id,config:((u=s==null?void 0:s.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[s]),w.useEffect(()=>{a.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...H(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:r}},xt=()=>{var s,r;const{toDoTasks:a,total:t}=ut(),n=[...((r=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:r.flat())??[]];return e.jsx(se,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>we(a),isFetching:a==null?void 0:a.isFetching,isLoadingData:a==null?void 0:a.isLoading})},mt=()=>{var m;const a=q.useQueryClient(),{tasks_api:t}=R(),{user:n}=W(),{filters:s}=I(),[r,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((m=s==null?void 0:s.owner)==null?void 0:m.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:u})=>ce({filters:{...i,status:"trabajando",...H(u)},tasks_api:t,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,b)=>b.length+1});return w.useEffect(()=>{var u;Object.keys(s).length>0&&d({...s,owner:{user:n.id,config:((u=s==null?void 0:s.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"trabajando"})},[s]),w.useEffect(()=>{a.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...H(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:r}},pt=()=>{var s,r;const{workingTasks:a,total:t}=mt(),n=[...((r=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:r.flat())??[]];return e.jsx(se,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>we(a),isFetching:a==null?void 0:a.isFetching})},gt=()=>{var m;const a=q.useQueryClient(),{user:t}=W(),{tasks_api:n}=R(),{filters:s}=I(),[r,l]=w.useState(0),[i,d]=w.useState({owner:{user:t.id,config:((m=s==null?void 0:s.owner)==null?void 0:m.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:u})=>ce({filters:{...i,status:"completadas",...H(u)},tasks_api:n,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,b)=>b.length+1});return w.useEffect(()=>{var u;Object.keys(s).length>0&&d({...s,owner:{user:t.id,config:((u=s==null?void 0:s.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"completadas"})},[s]),w.useEffect(()=>{a.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...H(1),justCount:!0,tasks_api:n}});l(b.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:r}},ht=()=>{var s,r;const{doneTasks:a,total:t}=gt(),n=[...((r=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:r.flat())??[]];return e.jsx(se,{title:"Completadas",tasks:n,loadNextPage:()=>we(a),isFetching:a==null?void 0:a.isFetching,total:t})};class re{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const ft=()=>{const{tasks_api:a}=R(),{filters:t}=I(),{user:n}=W();return{getSalesmanAndProjects:async()=>{const[i]=await Promise.all([a.get("/api/obtener-comerciales")]);return{salesmanUsers:i.data.map(re.toSalesmanUsers)}},getProjects:async()=>{var d;return(await a.get("/api/listado_tareas",{params:{...t,owner:{user:n.id,config:((d=t==null?void 0:t.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(re.toSalesmanUsers)},getSalesmans:async()=>(await a.get("/api/obtener-comerciales")).data.map(re.toSalesmanUsers)}},bt=[{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"}]}],pe=[{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:[]}],jt=()=>{const{defineFields:a}=I(),{getSalesmanAndProjects:t}=ft();return w.useEffect(()=>{(async()=>{let s=[...bt],{salesmanUsers:r}=await t();a(s.map(l=>(l.id==="salesman.id"&&(l.options=r),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(xt,{}),e.jsx(pt,{}),e.jsx(ht,{})]})},Te=w.createContext({}),yt=({children:a})=>{const[t,n]=w.useState([]);w.useEffect(()=>{console.log({selectedTasks:t})},[t]);const s=r=>{n(l=>l.includes(r)?l.filter(i=>i!==r):[...l,r])};return e.jsx(Te.Provider,{value:{selectedTasks:t,selectTask:s},children:a})},Nt=()=>w.useContext(Te),qe=()=>{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,{})})]})]})},Pe=({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:h.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",me(a)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:h.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:h.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",me(t)]})]})]}),vt=({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:h.texts.subtext})})}),Ee=({id:a,priority:t,difficulty:n,endDate:s})=>{var i,d;const r={0:{title:"N/A",color:h.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:h.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:h.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:h.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:h.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:h.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:h.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:h.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:h.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:h.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[n??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[n??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[n??0].color},children:l[n??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((d=r[t??0])==null?void 0:d.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:r[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:r[t??0].color},children:r[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:h.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${s.getDate()} ${ie(s.getMonth()).slice(0,3)}`})]})]})},_t=({id:a})=>{const{selectedTasks:t,selectTask:n}=Nt();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:h.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:a.toString(),type:"checkbox",onChange:()=>n(a)})]})},Ae=({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})}),Ct=({id:a})=>{var r,l;const{tasksProject:t}=Z(),{reasignResponsible:n}=te(),s=(r=t==null?void 0:t.data)==null?void 0:r.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(_t,{id:a}),e.jsx(ve,{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(vt,{id:a}),e.jsx(Ce,{onClick:async(i,d)=>{await n({idNewResponsible:i==null?void 0:i.id,id:a,typeOfSelect:d})},responsible:s==null?void 0:s.responsible,users:((l=s==null?void 0:s.users)==null?void 0:l.map(oe))??[]}),e.jsx(Ae,{task:(s==null?void 0:s.task)??""}),e.jsx(Ee,{id:a,priority:s==null?void 0:s.priority,difficulty:s.difficulty,endDate:s==null?void 0:s.endDate}),e.jsx(Pe,{startDate:s==null?void 0:s.startDate,endDate:s==null?void 0:s.endDate}),e.jsx(Se,{id:a,nameRequiredTask:s.nameRequiredTask,status:s.status,statusRequiredTask:s.statusRequiredTask})]})})},Me=({id:a})=>{var l,i,d,o,m,u,b;const{tasksProject:t,openTasks:n,openTask:s}=Z(),r=(l=t==null?void 0:t.data)==null?void 0:l.find(x=>x.id===a);return r?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${n.includes(a)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>s(a),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:h.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=r==null?void 0:r.tasks)==null?void 0:i.length)===0?1:(d=r==null?void 0:r.tasks)==null?void 0:d.length})}),e.jsx(Ae,{task:(r==null?void 0:r.task)??""}),e.jsx(Ee,{id:a,priority:r==null?void 0:r.priority,difficulty:r.difficulty,endDate:r==null?void 0:r.endDate}),e.jsx(Pe,{startDate:r==null?void 0:r.startDate,endDate:r==null?void 0:r.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:h.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=r==null?void 0:r.tasks)==null?void 0:o.length)===0?1:(m=r==null?void 0:r.tasks)==null?void 0:m.length})]})]}),n.includes(a)&&e.jsx("div",{className:"tw-ml-[30px]",children:((u=r==null?void 0:r.tasks)==null?void 0:u.length)>0?(b=r==null?void 0:r.tasks)==null?void 0:b.map(x=>e.jsx(Me,{id:x==null?void 0:x.id})):e.jsx(Ct,{id:r==null?void 0:r.id})})]}):null},Ft=()=>{var s;const{tasksProject:a,projectID:t}=Z();if(a!=null&&a.isFetching||a!=null&&a.isLoading)return e.jsx(qe,{});let n=[...(s=a==null?void 0:a.data)==null?void 0:s.filter(r=>r.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(yt,{project:t,children:n==null?void 0:n.sort((r,l)=>r.orden-l.orden).map(r=>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(Me,{id:r.id})}))})})},St=({setPath:a,setProject:t})=>{const[n,s]=w.useState([]),[r,l]=w.useState(!0),[i,d]=w.useState(0),[o,m]=w.useState(10),[u,b]=w.useState(0),[x,f]=w.useState("nombre"),{filters:p,defineFields:N}=I(),{tasks_api:v}=R(),{user:_}=W(),C=async(c,F)=>{var P,k,T;try{l(!0);const D={filters:{search:(p==null?void 0:p.taskName)??"",responsable:{idUser:_.id,responsableType:(P=p==null?void 0:p.responsable)==null?void 0:P.responsableType},ejecutivo:(p==null?void 0:p.ejecutivo)??""}},M=await v.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:F},orderBy:x,...D}}),z=O(M==null?void 0:M.data);s(z),b((T=(k=M==null?void 0:M.data)==null?void 0:k.meta)==null?void 0:T.total)}catch(D){console.error("Error fetching data en Lista Campaña:",D)}finally{l(!1)}},S=async()=>{try{const c=await v.get("/api/obtener-comerciales");return[...pe].map(P=>(P.id==="ejecutivo"&&(P.options=c.data.map(k=>({id:k.nombre,name:k.nombre}))),P))}catch(c){return console.error("Error fetching salesman data:",c),[...pe]}};w.useEffect(()=>{(async()=>{const F=await S();N(F)})()},[]),w.useEffect(()=>{const c=Math.floor(i/o)+1;C(c,o)},[i,o,x,p]);const g=c=>{d(c.first),m(c.rows)},j=[{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}],E=c=>{const F=parseInt(c.target.value,10);m(F),g({first:0,rows:F})},A=c=>{f(F=>F===c?`${c}:desc`:c)},K=c=>x===c?"↑↓":x===`${c}:desc`?"↓↑":"↑↓",$=c=>({padding:"auto",backgroundColor:h.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?h.gray.gray_regular:h.gray.gray_dark}`,color:c?h.gray.gray_regular:h.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return e.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:h.bg.content,height:"calc(100vh - 200px)",display:"flex",flexDirection:"column"},children:r?e.jsx("div",{className:"tw-w-full",children:e.jsx(qe,{})}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[e.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:e.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:h.gray.gray_regular},children:[e.jsxs("th",{onClick:()=>A("nombre"),style:{textAlign:"left"},children:[e.jsx("label",{className:"tw-text-s",style:{color:h.gray.gray_dark},children:K("nombre")}),"Campaña"]}),e.jsx("th",{onClick:()=>A("inicia"),className:"tw-whitespace-nowrap",style:{textAlign:"left"},children:e.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:e.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:h.gray.gray_dark},children:[K("inicia"),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:h.gray.gray_dark}),e.jsx("span",{children:"Fecha Inicio"})]})})}),e.jsx("th",{onClick:()=>A("termina"),className:"tw-whitespace-nowrap",style:{textAlign:"left"},children:e.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:K("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:h.gray.gray_dark}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{style:{textAlign:"left"},children:"Status"}),e.jsx("th",{style:{textAlign:"left"},children:"Responsable"})]})}),e.jsx("tbody",{children:n==null?void 0:n.map((c,F)=>{var P,k,T,D,M,z,V,G,Y,J,L,U,de;return e.jsxs("tr",{style:{background:F%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{t({id:c==null?void 0:c.id,project:c==null?void 0:c.nombre}),a("kanban-campania")},onMouseEnter:ae=>{ae.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:ae=>{ae.currentTarget.style.backgroundColor=F%2===0?"#F5F5F5":"#FAFAFA"},children:[e.jsx("td",{className:"tw-text-s",children:(P=c==null?void 0:c.campania)==null?void 0:P.nombre}),e.jsx("td",{className:"tw-text-s",children:(k=c==null?void 0:c.campania)==null?void 0:k.inicia}),e.jsx("td",{className:"tw-text-s",children:(T=c==null?void 0:c.campania)==null?void 0:T.termina}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[c==null?void 0:c.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:h.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?h.progressbar.green_regular:c.progreso>50?h.progressbar.blue_regular:c.progreso>0?h.progressbar.orange_regular:h.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[e.jsx(B,{imageUrl:`${Fe}${(G=(V=(z=(M=(D=c==null?void 0:c.campania)==null?void 0:D.responsable)==null?void 0:M.imagen)==null?void 0:z.formats)==null?void 0:V.thumbnail)==null?void 0:G.url}`,alt:(L=(J=(Y=c==null?void 0:c.campania)==null?void 0:Y.responsable)==null?void 0:J.nombre)==null?void 0:L.charAt(0)}),e.jsx("span",{className:"tw-ml-4 tw-text-s",children:(de=(U=c==null?void 0:c.campania)==null?void 0:U.responsable)==null?void 0:de.nombre})]})})]},F)})})]})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",children:[e.jsxs("span",{className:"tw-text-s tw-whitespace-nowrap",style:{color:h.black.black_dark},children:[n.length," elementos de ",u]}),e.jsx(De.Paginator,{first:i,rows:o,totalRecords:u,rowsPerPageOptions:[5,10,20,50],onPageChange:g,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:$(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:$(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:$(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:$(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>e.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:e.jsx("button",{onClick:F=>c.onClick(F),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...$(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":h.silver.silver_light,color:h.black.black_dark},children:c.page})})}}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),e.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${h.gray.gray_dark}`,borderRadius:"4px"},value:o,onChange:c=>E(c),children:j.map(c=>e.jsx("option",{value:c.value,className:"tw-text-s",style:{color:h.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},Tt=({path:a,tab:t,setPath:n,project:s,setProject:r})=>{const l={"kanban-general":{kanban:e.jsx(jt,{})},"lista-campanias":{lista:e.jsx(St,{setPath:n,setProject:r}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(wt,{}),lista:e.jsx(Ft,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return a==="kanban-campania"?e.jsx(Ue,{project:s==null?void 0:s.id,children:l[a][t]}):l[a][t]},qt=({path:a})=>{const t=()=>{const{selectPath:n,updateFilters:s,applyFilters:r,filters:l}=I(),[i,d]=w.useState("kanban"),[o,m]=w.useState(a),[u,b]=w.useState({id:1704,project:"Kanban de Campania"}),[x,f]=w.useState((l==null?void 0:l.taskName)??""),[p,N]=w.useState(""),v=w.useRef(null);w.useEffect(()=>{d(o==="lista-campanias"?"lista":"kanban"),n(o)},[a,o]),w.useEffect(()=>{(x==null?void 0:x.trim())===""&&s({name:"taskName",value:null}),r()},[p]),w.useEffect(()=>{f((l==null?void 0:l.taskName)??"")},[l==null?void 0:l.taskName]);const _=j=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${u.project}`})[j],C=j=>{m(j)},S=["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:[o==="kanban-campania"&&e.jsx("button",{onClick:()=>C("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:e.jsx(y.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:_(o)}),S.includes(o)&&e.jsx(Ie,{tabs:g[o],renderItem:j=>{d(j)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:j=>{f(j.target.value),be(()=>{s({name:"taskName",value:j.target.value.trim()}),N(j.target.value)},1e3)()},type:"text",placeholder:"Buscar",value:x,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),e.jsx(Re,{filterChildren: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-auto tw-scrollbar-none tw-max-h-[100%]",children:e.jsx(Tt,{path:o,tab:i,setPath:C,project:u,setProject:b})})]})};return e.jsx(ze,{children:e.jsx(t,{})})},Pt=()=>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"})]})})}),Et=()=>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"})]})})}),At=({path:a,user:t,url:n})=>{const s=new q.QueryClient;if(!t)return e.jsx(Pt,{});if(!t.accessToken)return e.jsx(Et,{});let r={user:t,url:n};return e.jsx(e.Fragment,{children:e.jsx(We,{...r,children:e.jsx(Qe,{...r,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(qt,{path:a})," "]})})})})})};exports.AppTasks=At;
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-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-left-0{left: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-my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-ml-4{margin-left:1rem!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-\[100\%\]{max-height:100%!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-\[50px\]{width:50px!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-w-screen{width:100vw!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-\[50px\]{min-width:50px!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-table-auto{table-layout:auto!important}.tw-border-collapse{border-collapse:collapse!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-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(.25rem*var(--tw-space-x-reverse))!important;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))!important}.tw-overflow-auto{overflow:auto!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-whitespace-nowrap{white-space:nowrap!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-4{border-left-width:4px!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-medium{--tw-border-opacity:1!important;border-color:rgb(235 219 217/var(--tw-border-opacity,1))!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-medium{--tw-border-opacity:1!important;border-color:rgb(218 226 236/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-light{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/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-2{padding-left:.5rem!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-right{text-align:right!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-dark{--tw-text-opacity:1!important;color:rgb(140 53 44/var(--tw-text-opacity,1))!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-dark{--tw-text-opacity:1!important;color:rgb(51 73 144/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-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.tw-shadow-md,.tw-shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!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}.tw-shadow-danger-regular{--tw-shadow-color:#c34335!important;--tw-shadow:var(--tw-shadow-colored)!important}.tw-shadow-gray-600{--tw-shadow-color:#4b5563!important;--tw-shadow:var(--tw-shadow-colored)!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-border-danger-regular:hover{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.hover\:tw-border-primary-regular:hover{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!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}