@imj_media/tareas 0.1.32 → 0.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/packages/tareas/src/components/atoms/Avatar.d.ts +1 -1
  2. package/dist/packages/tareas/src/types/interfaces.d.ts +2 -0
  3. package/dist/tareas.cjs +1 -1
  4. package/dist/tareas.css +1 -1
  5. package/dist/tareas.es.js +761 -761
  6. package/package.json +2 -2
package/dist/packages/tareas/src/components/atoms/Avatar.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { IAvatar } from '../../types/interfaces';
2
- declare const Avatar: ({ imageUrl, alt, }: IAvatar) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Avatar: ({ imageUrl, alt, size }: IAvatar) => import("react/jsx-runtime").JSX.Element;
3
3
  export default Avatar;
package/dist/packages/tareas/src/types/interfaces.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  interface IAvatar {
2
2
  imageUrl?: string;
3
3
  alt?: string;
4
+ size?: TSize;
4
5
  }
6
+ type TSize = "xs" | "s" | "m" | "l" | "xl" | "xxl";
5
7
  interface IUser {
6
8
  id: number;
7
9
  userName: string;
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 P=require("@tanstack/react-query"),c=require("react"),y=require("@imj_media/tasks-modules"),Y=require("react-dom"),be=require("axios"),je=require("qs"),G=require("date-fns"),ee=require("date-fns/locale"),S=require("@imj_media/imj-ui"),$e=require("react-hook-form"),ze=require("primereact/paginator"),Re=({label:a,active:t,onClick:n,disabled:s})=>s?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xs 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-xs 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-xs tw-font-semibold ${s?"tw-cursor-not-allowed tw-text-texts-placeholder":"tw-text-texts-subtext"}`,children:a}),Le=({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(Re,{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"}},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)}}},Be=({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-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})]})},pe=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},ye=c.createContext({}),Ke=({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(pe(Object.fromEntries(u)))},f=()=>{let u=pe(s);console.log({filtersWithEstructure:u}),n(u)};return e.jsx(ye.Provider,{value:{fields:l,filters:t,path:w,defineFields:i,updateFilters:p,cleanFilters:d,applyFilters:f,initialFilters:s,selectPath:o},children:a})},z=()=>c.useContext(ye);function ve(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 Qe=()=>{const{fields:a,updateFilters:t,cleanFilters:n,applyFilters:s,initialFilters:r}=z();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-m",children:"Filtros"}),e.jsx("button",{className:"tw-text-xs 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-sm",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",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:ve(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",onClick:s,children:"Filtrar"})]})},U=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=>U(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]=U(a[s]);return a}return a};class We{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 Oe=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 U(s.data.tareas).map(We.toCampaignTasks)}catch(s){console.log(s)}},Ne=c.createContext({}),Ue=({children:a,user:t,url:n})=>{const s=be.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:r=>je.stringify(r,{encodeValuesOnly:!0})});return e.jsx(Ne.Provider,{value:{tasks_api:s},children:a})},R=()=>c.useContext(Ne),Ce=c.createContext({}),ke=({children:a,user:t,url:n})=>{const s=be.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:r=>je.stringify(r,{encodeValuesOnly:!0})});return e.jsx(Ce.Provider,{value:{user:t,tasks_api:s},children:a})},W=()=>c.useContext(Ce),_e=c.createContext({}),He=({children:a,project:t})=>{var N;const n=P.useQueryClient(),[s,r]=c.useState([]),[l,i]=c.useState([]),{tasks_api:w}=R(),{filters:o}=z(),{user:p}=W(),[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=P.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>Oe({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(_e.Provider,{value:{tasksProject:u,selectedTasks:s,projectID:j,openTasks:l,selectTask:h,openTask:x},children:a})},V=()=>c.useContext(_e),Ve=[{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}=R(),{user:t}=W(),{filters:n,path:s}=z(),r=P.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:A})=>{let $={updated_by:t==null?void 0:t.id};return A==="responsible"&&($={...$,responsable:b}),A==="team"&&($={...$,responsable:null,equipo:b}),(await a.put(`/api/tareas/${g}`,{data:$})).data},d=async({id:g,data:b,user:A})=>{},f=async({id:g})=>{await u({id:g})},{mutateAsync:u}=P.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}=P.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}=P.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}=P.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:A})=>{await j({id:g,idNewResponsible:b,typeOfSelect:A})},updateUnitys:async({repeats:g,id:b})=>{await x({repeats:g,id:b})},pauseTask:async({id:g})=>{console.log({id:g})}}},Ge=({id:a})=>{const[t,n]=c.useState(!1),{completeTask:s}=X();return{checked:t,checkTask:()=>{n(!t),s({id:a})}}},Fe=({id:a,nameRequiredTask:t,statusRequiredTask:n,status:s})=>{const{checked:r,checkTask:l}=Ge({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-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:i,checked: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"})=>e.jsx("img",{src:a===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":a,alt:t??"avatar",className:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px] tw-rounded-full tw-bg-containers tw-border-2 tw-border-white"}),ge=({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-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(k,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:t.name})]})}),Ye=({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 Xe{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const Je=()=>{const{tasks_api:a}=R();return{teams:P.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await a.get("/api/equipos");return U(n.data).map(Xe.toDomain)}})}};class Ze{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 et=async({tasks_api:a})=>{try{const t=await a.get("/api/allOBPUsers");return U(t.data).map(Ze.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},tt=()=>{const{tasks_api:a}=R();return{users:P.useQuery({queryKey:["users"],queryFn:()=>et({tasks_api:a}),staleTime:1e3*60*60*24})}},se=a=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(a);function st(a){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(a).getDay();return t[n]}const he=a=>{let t=a||new Date,n=t.getDate(),s=se(t.getMonth()).slice(0,3),r=t.getFullYear().toString().slice(-2),l=st(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}`:""}),Se=({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-btn-primary tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-xs tw-font-bold tw-text-white ",children:`+${a.length-3}`})}),children:e.jsx("div",{className:"tw-bg-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:a==null?void 0:a.slice(3).map((u,h)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(k,{imageUrl:u.image??"",alt:u.name},h),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:u.name})]},h))})}),p=()=>{if(n){let u=a.find(h=>h.id===n);return e.jsx("div",{children:e.jsx(ge,{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(ge,{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}=Je(),{users:C}=tt();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,A)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${x===b.id?"tw-text-primary-pastel":""} ${A===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(Ye,{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 at({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(S.Button,{variant:"ghost",onClick:()=>n(r.id),className:`tw-text-sm tw-font-normal rounded-none tw-py-1 tw-h-8 ${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 Te="https://devobp.imjmedia.com.mx";function re(a){return a?a.split(" ").map(s=>{var r;return(r=s[0])==null?void 0:r.toUpperCase()}).slice(0,2).join(""):""}const rt="https://devobp.imjmedia.com.mx";function nt({comment:a}){var n,s,r,l,i,w;function t(o){const p=G.parseISO(o);return G.formatDistanceToNow(p,{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.jsxs(S.Avatar,{className:"tw-w-[2.5rem] tw-h-[2.5rem]",children:[e.jsx(S.AvatarImage,{src:`${rt}${(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.jsx(S.AvatarFallback,{children:re((i=a==null?void 0:a.autor)==null?void 0:i.nombre)})]}),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-sm tw-text-neutral-900 tw-font-medium",children:(w=a==null?void 0:a.autor)==null?void 0:w.nombre}),e.jsx("span",{className:"tw-text-xs tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:t(a==null?void 0:a.createdAt)})]}),e.jsx("p",{className:"tw-text-sm tw-text-neutral-600 tw-font-normal",children:a==null?void 0:a.comentario})]})]})})}function lt({currentUser:a,data:t,taskId:n,onNewComment:s}){var f,u,h;const{tasks_api:r}=R(),{register:l,handleSubmit:i,reset:w}=$e.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.jsxs(S.Avatar,{className:"tw-w-[2.5rem] tw-h-[2.5rem]",children:[e.jsx(S.AvatarImage,{src:`${Te}${(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",className:"tw-object-cover"}),e.jsx(S.AvatarFallback,{className:"tw-border tw-border-x-primary-pastel",children:re(a==null?void 0:a.nombre)})]}),e.jsx(S.Input,{...l("comment",{required:!0}),autoComplete:"off",placeholder:"Escribe un comentario",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200"})]}),o.map((x,j)=>e.jsx(nt,{comment:x},j))]})}function it({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(S.Label,{className:"tw-text-lg tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-sm tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-6 tw-h-6 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 ot="https://devobp.imjmedia.com.mx";function ct({isOpen:a,setIsOpen:t,taskId:n}){var N,C,_,F,g,b,A,$,Q,L,m,q,I;const[s,r]=c.useState(null),[l,i]=c.useState(!1),[w,o]=c.useState(!1),[p,d]=c.useState(null),{tasks_api:f}=R(),{user:u}=W();c.useEffect(()=>{if(a&&n||l){const E=async()=>{const T=await f.get(`/api/detalleTarea/${n}`);r(T==null?void 0:T.data)},B=async()=>{var K,D;const T=await f.get(`/api/users/${u.id}`),M=await f.post("/api/obtenerUsuarioOBP/",{emailList:[(K=T==null?void 0:T.data)==null?void 0:K.email]});d((D=M==null?void 0:M.data)==null?void 0:D.data[0])};E(),B()}},[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=E=>E?G.format(E,"d MMM yyyy, h:mmaaa",{locale:ee.es}):"Fecha no disponible",j=[{id:1,label:"Todo",component:e.jsx(lt,{taskId:n,currentUser:p,data:s,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(it,{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-[40rem] 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-4 tw-py-6",children:[e.jsxs("div",{className:"tw-w-full tw-flex 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-xs 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-lg tw-font-semibold tw-text-neutral-900",children:s==null?void 0:s.texto_corto})]}),e.jsx(S.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-10 tw-h-10",children:e.jsx(y.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-sm",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-4",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-base",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(S.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-4",children:e.jsxs(S.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(S.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-sm tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4 ",children:"Detalles"}),e.jsx(S.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-sm 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.jsxs(S.Avatar,{className:"tw-w-[2.5rem] tw-h-[2.5rem]",children:[e.jsx(S.AvatarImage,{src:`${ot}${(A=(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:A.url}`,alt:"@shadcn",className:"tw-object-cover"}),e.jsx(S.AvatarFallback,{children:re(($=s==null?void 0:s.responsable)==null?void 0:$.nombre)})]}),e.jsx("span",{className:"tw-text-xs tw-text-neutral-600 tw-font-normal",children:(Q=s==null?void 0:s.responsable)==null?void 0:Q.nombre})]}):e.jsx("span",{className:"tw-text-xs 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-sm 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-xs tw-text-neutral-600 tw-font-normal",children:((L=s==null?void 0:s.equipo)==null?void 0:L.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-sm 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:(m=h[s==null?void 0:s.prioridad])==null?void 0:m.iconColor}),e.jsx("span",{className:`tw-text-sm tw-text-neutral-600 tw-font-normal ${(q=h[s==null?void 0:s.prioridad])==null?void 0:q.color}`,children:((I=h[s==null?void 0:s.prioridad])==null?void 0:I.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-sm 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-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-xs tw-text-neutral-600 tw-font-normal",children:x(s==null?void 0:s.updatedAt)})]})]})})]})}),e.jsx(at,{items:j})]})})]}),document.body)}const qe=({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 tw-hover:bg-primary-light",onClick:()=>{p.current=!0,a===0?i({id:s}):w({id:s})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:a===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:v.primary.regular})]})})]})},wt=({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 I,E,B,T,M,K;const[C,_]=c.useState(!1),{reasignResponsible:F,updateUnitys:g,pauseTask:b}=X(),[A,$]=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(Fe,{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",onClick:()=>_(!0),children:t})]}),(x&&j===x||x===1||!x)&&e.jsx(qe,{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}},q=D=>{$(O=>D==="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:"subtitle-text",children:l}),N&&e.jsx("p",{className:"content-text",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(Se,{responsible:d,users:s.filter(D=>d?D.id===d:!0).map(ae),onClick:async(D,O)=>{await F({idNewResponsible:D==null?void 0:D.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:(I=m[p??0])==null?void 0:I.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=m[p??0])==null?void 0:E.color},children:`Dificultad ${(B=m[p??0])==null?void 0:B.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(T=L[o??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=L[o??0])==null?void 0:M.color},children:`Prioridad: ${(K=L[o??0])==null?void 0:K.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:()=>q("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:`${A??0} / ${x??0}`}),e.jsx("button",{onClick:()=>q("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:A,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-sm tw-font-regular tw-text-gray-400",children:w})]})})]}),e.jsx(ct,{taskId:a,isOpen:C,setIsOpen:_})]})},dt=()=>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)-50}px`)},[l==null?void 0:l.current]);const o=d=>{if(w.current)return;const{scrollTop:f,clientHeight:u,scrollHeight:h}=d==null?void 0:d.target,x=f/(h-u)*100;x<=95||x>=95&&(w.current=!0,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-base",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-md 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-py-4",onScroll:o,children:[t==null?void 0:t.map(d=>e.jsx(wt,{...d},d.id)),s?e.jsx(dt,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500",children:"No hay más tareas por mostrar..."})]})]})},ut=()=>{var r;const{defineFields:a}=z(),{tasksProject:t}=V();c.useEffect(()=>{(async()=>{let i=[...Ve];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 xt{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 ne=async({filters:a,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:a})).data.tareas.map(U).map(xt.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},le=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}}),mt=()=>{var p;const a=P.useQueryClient(),{tasks_api:t}=R(),{user:n}=W(),{filters:s}=z(),[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=P.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:d})=>ne({filters:{...i,status:"por_hacer",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user: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}},pt=()=>{var s,r;const{toDoTasks: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,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>le(a),isFetching:a==null?void 0:a.isFetching,isLoadingData:a==null?void 0:a.isLoading})},gt=()=>{var p;const a=P.useQueryClient(),{tasks_api:t}=R(),{user:n}=W(),{filters:s}=z(),[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=P.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",s],queryFn:({pageParam:d})=>ne({filters:{...i,status:"trabajando",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user: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}},ht=()=>{var s,r;const{workingTasks: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(J,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>le(a),isFetching:a==null?void 0:a.isFetching})},ft=()=>{var p;const a=P.useQueryClient(),{user:t}=W(),{tasks_api:n}=R(),{filters:s}=z(),[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=P.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:d})=>ne({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}},bt=()=>{var s,r;const{doneTasks:a,total:t}=ft(),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:()=>le(a),isFetching:a==null?void 0:a.isFetching,total:t})};class Z{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const jt=()=>{const{tasks_api:a}=R(),{filters:t}=z(),{user:n}=W();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)}},yt=[{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"}]}],fe=[{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:[]}],vt=()=>{const{defineFields:a}=z(),{getSalesmanAndProjects:t}=jt();return c.useEffect(()=>{(async()=>{let s=[...yt],{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(pt,{}),e.jsx(ht,{}),e.jsx(bt,{})]})},Pe=c.createContext({}),Nt=({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(Pe.Provider,{value:{selectedTasks:t,selectTask:s},children:a})},Ct=()=>c.useContext(Pe),Ae=()=>{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,{})})]})]})},Ee=({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-sm",children:[" ",he(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-sm",children:[" ",he(t)]})]})]}),_t=({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})})}),Me=({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-sm 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-sm tw-font-regular tw-text-texts-subtext",children:`${s.getDate()} ${se(s.getMonth()).slice(0,3)}`})]})]})},Ft=({id:a})=>{const{selectedTasks:t,selectTask:n}=Ct();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)})]})},Ie=({task:a})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"text-sm text-texts-subtext max-w-[400px] truncate",children:a}),children:e.jsx("p",{className:"text-sm text-texts-subtext p-2 max-w-[400px]",children:a})}),St=({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(Ft,{id:a}),e.jsx(Fe,{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(_t,{id:a}),e.jsx(Se,{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(Ie,{task:(s==null?void 0:s.task)??""}),e.jsx(Me,{id:a,priority:s==null?void 0:s.priority,difficulty:s.difficulty,endDate:s==null?void 0:s.endDate}),e.jsx(Ee,{startDate:s==null?void 0:s.startDate,endDate:s==null?void 0:s.endDate}),e.jsx(qe,{id:a,nameRequiredTask:s.nameRequiredTask,status:s.status,statusRequiredTask:s.statusRequiredTask})]})})},De=({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",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-[20px] tw-min-h-[20px] tw-w-fit tw-h-[20px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-sm 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(Ie,{task:(r==null?void 0:r.task)??""}),e.jsx(Me,{id:a,priority:r==null?void 0:r.priority,difficulty:r.difficulty,endDate:r==null?void 0:r.endDate}),e.jsx(Ee,{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",{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(De,{id:u==null?void 0:u.id})):e.jsx(St,{id:r==null?void 0:r.id})})]}):null},Tt=()=>{var s;const{tasksProject:a,projectID:t}=V();if(a!=null&&a.isFetching||a!=null&&a.isLoading)return e.jsx(Ae,{});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(Nt,{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(De,{id:r.id})}))})})},qt=({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}=z(),{tasks_api:C}=R(),{user:_}=W(),F=async(m,q)=>{var I,E,B;try{l(!0);const T={filters:{search:(x==null?void 0:x.taskName)??"",responsable:{idUser:_.id,responsableType:(I=x==null?void 0:x.responsable)==null?void 0:I.responsableType},ejecutivo:(x==null?void 0:x.ejecutivo)??""}};console.log("FiltrosPARAMS: ",T);const M=await C.get("/api/listado_campanias",{params:{pagination:{page:m,pageSize:q},orderBy:u,...T}}),K=U(M==null?void 0:M.data);s(K),f((B=(E=M==null?void 0:M.data)==null?void 0:E.meta)==null?void 0:B.total)}catch(T){console.error("Error fetching data en Lista Campaña:",T)}finally{l(!1)}},g=async()=>{try{const m=await C.get("/api/obtener-comerciales");return[...fe].map(I=>(I.id==="ejecutivo"&&(I.options=m.data.map(E=>({id:E.nombre,name:E.nombre}))),I))}catch(m){return console.error("Error fetching salesman data:",m),[...fe]}};c.useEffect(()=>{(async()=>{const q=await g();j(q)})()},[]),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)},A=[{label:"5 filas",value:5},{label:"10 filas",value:10},{label:"15 filas",value:15},{label:"20 filas",value:20},{label:"25 filas",value:25},{label:"50 filas",value:50}],$=m=>{const q=parseInt(m.target.value,10);p(q),b({first:0,rows:q})},Q=m=>{h(q=>q===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(Ae,{})}):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,q)=>{var I,E,B,T,M,K,D,O,ie,oe,ce,we,de,ue,xe,me;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:(I=m==null?void 0:m.campania)==null?void 0:I.nombre}),e.jsxs("td",{children:[" ",(E=m==null?void 0:m.campania)==null?void 0:E.inicia]}),e.jsx("td",{children:(B=m==null?void 0:m.campania)==null?void 0:B.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.jsxs(S.Avatar,{className:"tw-w-[2.5rem] tw-h-[2.5rem]",children:[e.jsx(S.AvatarImage,{src:`${Te}${(O=(D=(K=(M=(T=m==null?void 0:m.campania)==null?void 0:T.responsable)==null?void 0:M.imagen)==null?void 0:K.formats)==null?void 0:D.thumbnail)==null?void 0:O.url}`,alt:(ce=(oe=(ie=m==null?void 0:m.campania)==null?void 0:ie.responsable)==null?void 0:oe.nombre)==null?void 0:ce.charAt(0)}),e.jsx(S.AvatarFallback,{style:{boxShadow:"10px 5px 10px rgba(0, 0, 0, 0.5)"},children:(ue=(de=(we=m==null?void 0:m.campania)==null?void 0:we.responsable)==null?void 0:de.nombre)==null?void 0:ue.charAt(0)})]}),e.jsx("span",{style:{marginLeft:"8px",fontSize:"10px"},children:(me=(xe=m==null?void 0:m.campania)==null?void 0:xe.responsable)==null?void 0:me.nombre})]})})]},q)})})]}),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(ze.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:A.map(m=>e.jsx("option",{className:"option-select",value:m.value,style:{background:"#F5F5F5"},children:m.label},m.value))})]})]})]})})},Pt=({path:a,tab:t,setPath:n,project:s,setProject:r})=>{const l={"kanban-general":{kanban:e.jsx(vt,{})},"lista-campanias":{lista:e.jsx(qt,{setPath:n,setProject:r}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(ut,{}),lista:e.jsx(Tt,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return a==="kanban-campania"?e.jsx(He,{project:s==null?void 0:s.id,children:l[a][t]}):l[a][t]},At=({path:a})=>{const t=()=>{const{selectPath:n,updateFilters:s,applyFilters:r,filters:l}=z(),[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",children:C(o)}),F.includes(o)&&e.jsx(Le,{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),ve(()=>{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 "}),e.jsx(Be,{filterChildren:N,children:e.jsx("div",{ref:N,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(Qe,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-hidden tw-scrollbar-none",children:e.jsx(Pt,{path:o,tab:i,setPath:_,project:d,setProject:f})})]})};return e.jsx(Ke,{children:e.jsx(t,{})})},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:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Mt=()=>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"})]})})}),It=({path:a,user:t,url:n})=>{const s=new P.QueryClient;if(!t)return e.jsx(Et,{});if(!t.accessToken)return e.jsx(Mt,{});let r={user:t,url:n};return e.jsx(e.Fragment,{children:e.jsx(ke,{...r,children:e.jsx(Ue,{...r,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(P.QueryClientProvider,{client:s,children:[e.jsx(At,{path:a})," "]})})})})})};exports.AppTasks=It;
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"),$=require("@imj_media/imj-ui"),Ee=require("react-hook-form"),Me=require("primereact/paginator"),Ie=({label:a,active:t,onClick:r,disabled:s})=>s?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xs 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-xs tw-font-semibold",children:"Espéralo muy pronto..."})})}):e.jsx("button",{disabled:s,onClick:r,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xs tw-font-semibold ${s?"tw-cursor-not-allowed tw-text-texts-placeholder":"tw-text-texts-subtext"}`,children:a}),De=({tabs:a,renderItem:t,initialTab:r})=>{const[s,n]=c.useState(r??a[0].toLowerCase());c.useEffect(()=>{r&&n(r)},[r]);const l=i=>{n(i),t(i)};return e.jsx("div",{className:"tw-flex",children:a.map((i,w)=>e.jsx("div",{className:`${w===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(Ie,{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"}},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)}}},$e=({children:a,filterChildren:t})=>{const{position:r,setElementPosition:s}=te(),n=c.useRef(null),l=({children:i})=>{const[w,o]=c.useState();return c.useEffect(()=>{var p,d;t.current&&o(((r==null?void 0:r.x)??0)-(((d=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:d.width)??0))},[t==null?void 0:t.current,r==null?void 0:r.x]),r&&Y.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${w?"tw-block":"tw-hidden"}`,style:{top:`${r==null?void 0:r.y}px`,left:`${w}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:n,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-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(n)}}),e.jsx(l,{children:a})]})},de=a=>{let t={};return Object.entries(a).forEach(([r,s])=>{if(r.includes(".")){let[n,l]=r.split(".");t[n]=t[n]||{},t[n][l]=s}else t[r]=s}),t},he=c.createContext({}),ze=({children:a})=>{const[t,r]=c.useState({}),[s,n]=c.useState({}),[l,i]=c.useState([]),[w,o]=c.useState(""),p=({name:u,value:h})=>{function x(N){return!isNaN(N)&&N!==null&&N!==""?parseFloat(N):null}let j=x(h);n(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]);n(Object.fromEntries(u))},[l]);const d=()=>{let u=l.map(h=>h.id==="owner.config"?[h.id,"yo_y_mis_equipos"]:h.id==="dependency"?[h.id,"ambas"]:[h.id,null]);n(Object.fromEntries(u)),r(de(Object.fromEntries(u)))},f=()=>{let u=de(s);console.log({filtersWithEstructure:u}),r(u)};return e.jsx(he.Provider,{value:{fields:l,filters:t,path:w,defineFields:i,updateFilters:p,cleanFilters:d,applyFilters:f,initialFilters:s,selectPath:o},children:a})},z=()=>c.useContext(he);function fe(a,t=300,r={leading:!1,trailing:!0}){let s,n=null;return function(...l){const i=Date.now(),w=r.leading&&!n;clearTimeout(s),w&&a(...l),n=i,s=setTimeout(()=>{r.trailing&&(!r.leading||i-n>=t)&&(a(...l),n=null)},t)}}const Re=()=>{const{fields:a,updateFilters:t,cleanFilters:r,applyFilters:s,initialFilters:n}=z();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-m",children:"Filtros"}),e.jsx("button",{className:"tw-text-xs tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:r,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:a==null?void 0:a.map((l,i)=>{var w;return e.jsxs("div",{children:[e.jsx("p",{className:"tw-text-sm",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("select",{onChange:o=>{var p,d;t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(d=o==null?void 0:o.target)==null?void 0:d.value})},value:n==null?void 0:n[l==null?void 0:l.id],className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",name:l.id,id:l.id,children:(w=l==null?void 0:l.options)==null?void 0:w.map((o,p)=>e.jsx("option",{value:o.id,children:o.name},p))}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:n==null?void 0:n[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:fe(o=>{var p,d;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(d=o==null?void 0:o.target)==null?void 0:d.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-btn-primary tw-rounded-md tw-py-s",onClick:s,children:"Filtrar"})]})},k=a=>{const t=s=>Object.prototype.toString.call(s)==="[object Object]",r=s=>s.attributes?{id:s.id,...s.attributes}:s;if(Array.isArray(a))return a.map(s=>k(s));if(t(a)){Array.isArray(a.data)?a=[...a.data]:t(a.data)?a=r({...a.data}):a.data===null?a=null:a=r(a);for(const s in a)a[s]=k(a[s]);return a}return a};class Le{static toCampaignTasks(t){var s,n,l,i,w,o,p,d,f,u,h,x;let r=[];return t!=null&&t.responsable&&r.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(n=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:n.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),console.log("task",t),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(j=>{var N,C,_,F;r!=null&&r.find(g=>g.id===j.idUser.id)||j.idUser&&r.push({id:j.idUser.id,name:j.idUser.nombre,image:(F=(_=(C=(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:r,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((d=t==null?void 0:t.comentarios)==null?void 0:d.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((f=t==null?void 0:t.id_t_requerida)==null?void 0:f.estatus)??null,nameRequiredTask:((u=t==null?void 0:t.id_t_requerida)==null?void 0:u.texto_corto)??null,responsible:((h=t==null?void 0:t.responsable)==null?void 0:h.id)??null,tasks:((x=t==null?void 0:t.tareas)==null?void 0:x.map(j=>({id:j.id,name:j.texto_corto,status:j.estatus})))??null}}}const Be=async({filters:a,tasks_api:t,project:r})=>{try{const s=await t.get("/api/listado_tareas_flujo",{params:{...a,project:{id:r},includeAllTasks:!0}});return k(s.data.tareas).map(Le.toCampaignTasks)}catch(s){console.log(s)}},be=c.createContext({}),Ke=({children:a,user:t,url:r})=>{const s=pe.create({baseURL:r,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>ge.stringify(n,{encodeValuesOnly:!0})});return e.jsx(be.Provider,{value:{tasks_api:s},children:a})},R=()=>c.useContext(be),je=c.createContext({}),Qe=({children:a,user:t,url:r})=>{const s=pe.create({baseURL:r,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:n=>ge.stringify(n,{encodeValuesOnly:!0})});return e.jsx(je.Provider,{value:{user:t,tasks_api:s},children:a})},U=()=>c.useContext(je),ye=c.createContext({}),We=({children:a,project:t})=>{var N;const r=q.useQueryClient(),[s,n]=c.useState([]),[l,i]=c.useState([]),{tasks_api:w}=R(),{filters:o}=z(),{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(()=>{r.invalidateQueries({queryKey:["tasksProject",o,t]})},[d]);const h=C=>{n(_=>[..._,C])},x=C=>{i(_=>_.includes(C)?_.filter(F=>F!==C):[..._,C])},j=t??null;return e.jsx(ye.Provider,{value:{tasksProject:u,selectedTasks:s,projectID:j,openTasks:l,selectTask:h,openTask:x},children:a})},V=()=>c.useContext(ye),Ue=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],X=()=>{const{tasks_api:a}=R(),{user:t}=U(),{filters:r,path:s}=z(),n=q.useQueryClient(),{projectID:l}=V(),i=async({id:g})=>(await a.put(`/api/tareas/${g}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,w=async({id:g})=>(await a.post("/api/terminarTarea",{id_task:g,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:g,repeats:b})=>(await a.put(`/api/tareas/${g}`,{data:{repeticiones_realizadas:b,updated_by:t==null?void 0:t.id}})).data,p=async({id:g,idNewResponsible:b,typeOfSelect:P})=>{let D={updated_by:t==null?void 0:t.id};return P==="responsible"&&(D={...D,responsable:b}),P==="team"&&(D={...D,responsable:null,equipo:b}),(await a.put(`/api/tareas/${g}`,{data:D})).data},d=async({id:g,data:b,user:P})=>{},f=async({id:g})=>{await u({id:g})},{mutateAsync:u}=q.useMutation({mutationFn:i,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error updating the element:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:h}=q.useMutation({mutationFn:w,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{n.setQueryData([g[s],r],b=>{console.log({oldData:b})}),s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:x}=q.useMutation({mutationFn:o,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to update the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:j}=q.useMutation({mutationFn:p,onSuccess:()=>{const g={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{s==="kanban-general"&&(n.invalidateQueries({queryKey:[g[s],r]}),n.invalidateQueries({queryKey:["done_tasks",r]}),n.invalidateQueries({queryKey:["working_tasks",r]})),s==="kanban-campania"&&(n.invalidateQueries({queryKey:["tasksProject"]}),n.invalidateQueries({queryKey:["tasksProject",r,l]}))}catch(b){console.error("Error invalidating queries:",b)}},onError:g=>{console.error("Failed to reassign the task.",g)},onMutate:async({id:g})=>{await n.cancelQueries({queryKey:["working_tasks"]}),await n.cancelQueries({queryKey:["done_tasks"]}),await n.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:d,startWorking:f,completeTask:async({id:g})=>{await h({id:g})},reasignResponsible:async({id:g,idNewResponsible:b,typeOfSelect:P})=>{await j({id:g,idNewResponsible:b,typeOfSelect:P})},updateUnitys:async({repeats:g,id:b})=>{await x({repeats:g,id:b})},pauseTask:async({id:g})=>{console.log({id:g})}}},Oe=({id:a})=>{const[t,r]=c.useState(!1),{completeTask:s}=X();return{checked:t,checkTask:()=>{r(!t),s({id:a})}}},ve=({id:a,nameRequiredTask:t,statusRequiredTask:r,status:s})=>{const{checked:n,checkTask:l}=Oe({id:a});let i=Math.random().toString();return e.jsxs(e.Fragment,{children:[s===2&&e.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:e.jsx(y.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),t!==""&&r===2||!t?s===1?e.jsx("label",{htmlFor:i,className:n?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:n?"check_outline":"circle_checked",color:n?"white":v.texts.placeholder,strokeWidth:4,size:n?"xs":"s"})}):e.jsx(e.Fragment,{children:" "}):e.jsx(y.Tooltip,{dispatch:e.jsx("label",{className:"tw-cursor-help",children:e.jsx(y.Icons,{icon:"info_circle",color: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-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:i,checked:n,onChange:l,type:"checkbox",className:"tw-hidden"})]})},W=({imageUrl:a="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:r="s"})=>{const s={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[r];return e.jsx("img",{src:a===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":a,alt:t??"avatar",className:`${s} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ue=({trigger:a,user:t,showUser:r=!0})=>e.jsx(y.Tooltip,{dispatch:a,children:r&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(W,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:t.name})]})}),ke=({options:a,onselect:t})=>{const[r,s]=c.useState(null),n=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...a].filter(i=>i.name.toLowerCase().includes((r==null?void 0:r.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:n,value:r??"",onChange:i=>s(i.target.value),type:"text",className:"tw-w-full tw-h-[32px] tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2",placeholder:"Buscar"}),e.jsx("div",{className:"tw-absolute tw-right-[8px]",children:e.jsx(y.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),e.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:l.map(i=>e.jsxs("button",{onClick:()=>{t(i)},className:"tw-flex tw-gap-s tw-items-center tw-max-w-[200px] tw-min-w-full tw-hover:bg-primary-light tw-cursor-pointer",children:[e.jsx(W,{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}=R();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const r=await a.get("/api/equipos");return k(r.data).map(He.toDomain)}})}};class Ge{static toUsers(t){var r,s,n;return{id:t.id,name:t.nombre,image:(n=(s=(r=t.imagen)==null?void 0:r.formats)==null?void 0:s.thumbnail)==null?void 0:n.url}}}const Ye=async({tasks_api:a})=>{try{const t=await a.get("/api/allOBPUsers");return k(t.data).map(Ge.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},Xe=()=>{const{tasks_api:a}=R();return{users:q.useQuery({queryKey:["users"],queryFn:()=>Ye({tasks_api:a}),staleTime:1e3*60*60*24})}},se=a=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(a);function Je(a){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],r=new Date(a).getDay();return t[r]}const xe=a=>{let t=a||new Date,r=t.getDate(),s=se(t.getMonth()).slice(0,3),n=t.getFullYear().toString().slice(-2),l=Je(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${r} ${s.charAt(0).toUpperCase()+s.slice(1)} ${n}`},ae=a=>({...a,image:a.image?`https://devobp.imjmedia.com.mx${a.image}`:""}),Ne=({users:a,onClick:t,responsible:r})=>{let s=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:n,position:l,clearPosition:i}=te(),w=c.useRef(null),o=()=>r?null:a.length>3&&e.jsx(y.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-btn-primary tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-xs tw-font-bold tw-text-white ",children:`+${a.length-3}`})}),children:e.jsx("div",{className:"tw-bg-containers tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:a==null?void 0:a.slice(3).map((u,h)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(W,{imageUrl:u.image??"",alt:u.name},h),e.jsx("p",{className:"tw-text-xs tw-font-bold tw-content-text",children:u.name})]},h))})}),p=()=>{if(r){let u=a.find(h=>h.id===r);return e.jsx("div",{children:e.jsx(ue,{trigger:e.jsx(W,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},r),user:u,showUser:!(l!=null&&l.x)})})}return(a==null?void 0:a.length)>0&&a.slice(0,3).map((u,h)=>e.jsx("div",{className:`${h===0?"":"tw-ml-[-8px]"}`,children:e.jsx(ue,{trigger:e.jsx(W,{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:()=>n(w)}),e.jsx(f,{})]})};function Ze({items:a}){var s;const[t,r]=c.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:a.map((n,l)=>e.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${l!==0?"tw-px-3":""}`,children:e.jsx($.Button,{variant:"ghost",onClick:()=>r(n.id),className:`tw-text-sm tw-font-normal rounded-none tw-py-1 tw-h-8 ${t===n.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:n.label},n.id)},n.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(s=a.find(n=>n.id===t))==null?void 0:s.component})]})}const Ce="https://devobp.imjmedia.com.mx";function et(a){return a?a.split(" ").map(s=>{var n;return(n=s[0])==null?void 0:n.toUpperCase()}).slice(0,2).join(""):""}const tt="https://devobp.imjmedia.com.mx";function st({comment:a}){var r,s,n,l,i,w;function t(o){const p=G.parseISO(o);return G.formatDistanceToNow(p,{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.jsxs($.Avatar,{className:"tw-w-[2.5rem] tw-h-[2.5rem] w-[2.5rem] h-[2.5rem]",children:[e.jsx($.AvatarImage,{src:`${tt}${(l=(n=(s=(r=a==null?void 0:a.autor)==null?void 0:r.imagen)==null?void 0:s.formats)==null?void 0:n.thumbnail)==null?void 0:l.url}`,alt:"@shadcn"}),e.jsx($.AvatarFallback,{children:et((i=a==null?void 0:a.autor)==null?void 0:i.nombre)})]}),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-sm tw-text-neutral-900 tw-font-medium",children:(w=a==null?void 0:a.autor)==null?void 0:w.nombre}),e.jsx("span",{className:"tw-text-xs tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:t(a==null?void 0:a.createdAt)})]}),e.jsx("p",{className:"tw-text-sm tw-text-neutral-600 tw-font-normal",children:a==null?void 0:a.comentario})]})]})})}function at({currentUser:a,data:t,taskId:r,onNewComment:s}){var f,u,h;const{tasks_api:n}=R(),{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 n.post("/api/comentarios",{data:{autor:a==null?void 0:a.id,comentario:x.comment,tarea:r}}),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(W,{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($.Input,{...l("comment",{required:!0}),autoComplete:"off",placeholder:"Escribe un comentario",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200"})]}),o.map((x,j)=>e.jsx(st,{comment:x},j))]})}function nt({data:a}){const t={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},r=s=>s?G.format(new Date(s),"d MMM",{locale:ee.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx($.Label,{className:"tw-text-lg tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-sm tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-6 tw-h-6 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:a==null?void 0:a.length})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:a==null?void 0:a.map(s=>{var n,l,i,w,o;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(W,{imageUrl:(w=(i=(l=(n=s.responsable)==null?void 0:n.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:s==null?void 0:s.texto_corto})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[e.jsx("p",{className:"tw-text-sm tw-font-normal",children:r(s==null?void 0:s.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[s==null?void 0:s.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},s.id)})})]})}const rt="https://devobp.imjmedia.com.mx";function lt({isOpen:a,setIsOpen:t,taskId:r}){var N,C,_,F,g,b,P,D,Q,L,m,S;const[s,n]=c.useState(null),[l,i]=c.useState(!1),[w,o]=c.useState(!1),[p,d]=c.useState(null),{tasks_api:f}=R(),{user:u}=U();c.useEffect(()=>{if(a&&r||l){const T=async()=>{const A=await f.get(`/api/detalleTarea/${r}`);n(A==null?void 0:A.data)},I=async()=>{var E,B;const A=await f.get(`/api/users/${u.id}`),M=await f.post("/api/obtenerUsuarioOBP/",{emailList:[(E=A==null?void 0:A.data)==null?void 0:E.email]});d((B=M==null?void 0:M.data)==null?void 0:B.data[0])};T(),I()}},[a,r,l]);const h={0:{label:"Sin prioridad",color:"tw-text-primary-regular",iconColor:"#425CAC"},1:{label:"Baja",color:"tw-text-success-regular",iconColor:"#43B071"},2:{label:"Media",color:"tw-text-warning-regular",iconColor:"#D38A31"},3:{label:"Alta",color:"tw-text-danger-regular",iconColor:"#C34335"}},x=T=>T?G.format(T,"d MMM yyyy, h:mmaaa",{locale:ee.es}):"Fecha no disponible",j=[{id:1,label:"Todo",component:e.jsx(at,{taskId:r,currentUser:p,data:s,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(nt,{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-[40rem] 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-4 tw-py-6",children:[e.jsxs("div",{className:"tw-w-full tw-flex 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-xs 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-lg tw-font-semibold tw-text-neutral-900",children:s==null?void 0:s.texto_corto})]}),e.jsx($.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-10 tw-h-10",children:e.jsx(y.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-sm",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-4",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-base",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($.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-4",children:e.jsxs($.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx($.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-sm tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4 ",children:"Detalles"}),e.jsx($.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-sm 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(W,{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-xs tw-text-neutral-600 tw-font-normal",children:(D=s==null?void 0:s.responsable)==null?void 0:D.nombre})]}):e.jsx("span",{className:"tw-text-xs 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-sm 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-xs 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-sm 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-sm 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-sm 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-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-xs 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-sm tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-xs tw-text-neutral-600 tw-font-normal",children:x(s==null?void 0:s.updatedAt)})]})]})})]})}),e.jsx(Ze,{items:j})]})})]}),document.body)}const _e=({status:a,nameRequiredTask:t,statusRequiredTask:r,id:s})=>{const{setElementPosition:n,position:l}=te(),{startWorking:i,completeTask:w}=X(),o=c.useRef(null),p=c.useRef(!1),d=({children:f})=>{const[u,h]=c.useState();return c.useEffect(()=>{var x,j;o.current&&h(((l==null?void 0:l.x)??0)-(((j=(x=o.current)==null?void 0:x.getBoundingClientRect())==null?void 0:j.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&Y.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${u}px`,zIndex:1},children:f}),document.body)};return e.jsxs(e.Fragment,{children:[a<2&&(t!==""&&r===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{n(o)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(y.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(d,{children:p!=null&&p.current?e.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",children:e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):e.jsxs("button",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",onClick:()=>{p.current=!0,a===0?i({id:s}):w({id:s})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:a===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:v.primary.regular})]})})]})},it=({id:a,task:t,endDate:r,users:s,willBePaused:n,nameProject:l,idProject:i,comments:w,priority:o,difficulty:p,responsible:d,nameRequiredTask:f,statusRequiredTask:u,status:h,repeatsToDo:x,repeats:j,medioName:N})=>{var T,I,A,M,E,B;const[C,_]=c.useState(!1),{reasignResponsible:F,updateUnitys:g,pauseTask:b}=X(),[P,D]=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-base 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=K=>{D(O=>K==="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:"subtitle-text",children:l}),N&&e.jsx("p",{className:"content-text",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(K=>d?K.id===d:!0).map(ae),onClick:async(K,O)=>{await F({idNewResponsible:K==null?void 0:K.id,id:a,typeOfSelect:O})}}),n&&e.jsx(y.Tooltip,{dispatch:e.jsxs("button",{onClick:()=>b({id:a}),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"pause",size:"s",strokeWidth:2}),e.jsx("span",{children:"Pause"})]}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"Al pulsar el botón se solicitará razón del pausado"})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:(T=m[p??0])==null?void 0:T.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(I=m[p??0])==null?void 0:I.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:(M=L[o??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:(E=L[o??0])==null?void 0:E.color},children:`Prioridad: ${(B=L[o??0])==null?void 0:B.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:`${r.getDate()} ${se(r.getMonth()).slice(0,3)}`})]})]}),h===1&&x&&x>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>S("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color: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-sm tw-font-regular tw-text-gray-400",children:w})]})})]}),e.jsx(lt,{taskId:a,isOpen:C,setIsOpen:_})]})},ot=()=>e.jsxs("div",{className:"tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-h-[30px] tw-gap-3",children:[e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"}),e.jsx("div",{className:"tw-w-full tw-h-full tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]",children:[e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"})]})]}),J=({title:a,tasks:t,loadNextPage:r,isFetching:s,total:n})=>{const l=c.useRef(null),i=c.useRef(null),w=c.useRef(!1);c.useEffect(()=>{var d;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((d=l==null?void 0:l.current)==null?void 0:d.clientHeight)-50}px`)},[l==null?void 0:l.current]);const o=d=>{if(w.current)return;const{scrollTop:f,clientHeight:u,scrollHeight:h}=d==null?void 0:d.target,x=f/(h-u)*100;x<=95||x>=95&&(w.current=!0,r&&r(),setTimeout(()=>{w.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return e.jsxs("div",{ref:l,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-pb-[200px] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[a]}`,children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsx("p",{className:"tw-text-base",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-md tw-text-texts-placeholder",children:n??0})]})})]}),e.jsxs("div",{ref:i,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-py-4",onScroll:o,children:[t==null?void 0:t.map(d=>e.jsx(it,{...d},d.id)),s?e.jsx(ot,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500",children:"No hay más tareas por mostrar..."})]})]})},ct=()=>{var n;const{defineFields:a}=z(),{tasksProject:t}=V();c.useEffect(()=>{(async()=>{let i=[...Ue];a(i)})()},[]);let r=(n=t==null?void 0:t.data)==null?void 0:n.filter(l=>{var i;return((i=l==null?void 0:l.tasks)==null?void 0:i.length)===0}).reduce((l,i)=>(l[i.status]=l[i.status]||[],l[i.status].push(i),l),{});const s=["Por hacer","Trabajando","Completadas"];return e.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:s.map((l,i)=>{var w;return e.jsx(J,{total:((w=r==null?void 0:r[i])==null?void 0:w.length)??0,title:l,tasks:(r==null?void 0:r[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class wt{static toKanbanTasks(t){var s,n,l,i,w,o,p,d,f,u,h;let r=[];return t!=null&&t.responsable&&r.push({id:t.responsable.id,name:t.responsable.nombre,image:(w=(i=(l=(n=(s=t.responsable)==null?void 0:s.userOBP)==null?void 0:n.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:w.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(x=>{var j,N,C,_;r!=null&&r.find(F=>F.id===x.idUser.id)||x.idUser&&r.push({id:x.idUser.id,name:x.idUser.nombre,image:(_=(C=(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:r,responsible:((f=t==null?void 0:t.responsable)==null?void 0:f.id)??null,statusRequiredTask:((u=t.id_t_requerida)==null?void 0:u.estatus)??null,nameRequiredTask:((h=t.id_t_requerida)==null?void 0:h.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const ne=async({filters:a,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:a})).data.tareas.map(k).map(wt.toKanbanTasks)}catch(r){throw console.log({error:r}),`Error al obtener las tareas: ${r}`}},re=a=>{var t;if(a!=null&&a.hasNextPage){const r=(t=a==null?void 0:a.data)==null?void 0:t.pages[a.data.pages.length-1];(r==null?void 0:r.length)===30&&(a==null||a.fetchNextPage())}},H=a=>({pagination:{page:a,pageSize:30,withCount:!0}}),dt=()=>{var p;const a=q.useQueryClient(),{tasks_api:t}=R(),{user:r}=U(),{filters:s}=z(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:r.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:d})=>ne({filters:{...i,status:"por_hacer",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:r.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),c.useEffect(()=>{(async()=>{const f=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...H(1),tasks_api:t,justCount:!0}});l(f.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:n}},ut=()=>{var s,n;const{toDoTasks:a,total:t}=dt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{total:t,title:"Por hacer",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching,isLoadingData:a==null?void 0:a.isLoading})},xt=()=>{var p;const a=q.useQueryClient(),{tasks_api:t}=R(),{user:r}=U(),{filters:s}=z(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:r.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",s],queryFn:({pageParam:d})=>ne({filters:{...i,status:"trabajando",...H(d)},tasks_api:t,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:r.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"trabajando"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["working_tasks",s]})},[i]),c.useEffect(()=>{(async()=>{const f=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...H(1),tasks_api:t,justCount:!0}});l(f.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:n}},mt=()=>{var s,n;const{workingTasks:a,total:t}=xt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{total:t,title:"Trabajando",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching})},pt=()=>{var p;const a=q.useQueryClient(),{user:t}=U(),{tasks_api:r}=R(),{filters:s}=z(),[n,l]=c.useState(0),[i,w]=c.useState({owner:{user:t.id,config:((p=s==null?void 0:s.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:d})=>ne({filters:{...i,status:"completadas",...H(d)},tasks_api:r,page:d}),staleTime:1e3*60*60*24,getNextPageParam:(d,f)=>f.length+1});return c.useEffect(()=>{var d;Object.keys(s).length>0&&w({...s,owner:{user:t.id,config:((d=s==null?void 0:s.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},status:"completadas"})},[s]),c.useEffect(()=>{a.invalidateQueries({queryKey:["done_tasks",i]})},[i]),c.useEffect(()=>{(async()=>{const f=await r.get("/api/listado_tareas",{params:{...i,status:"completadas",...H(1),justCount:!0,tasks_api:r}});l(f.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:n}},gt=()=>{var s,n;const{doneTasks:a,total:t}=pt(),r=[...((n=(s=a==null?void 0:a.data)==null?void 0:s.pages)==null?void 0:n.flat())??[]];return e.jsx(J,{title:"Completadas",tasks:r,loadNextPage:()=>re(a),isFetching:a==null?void 0:a.isFetching,total:t})};class Z{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const ht=()=>{const{tasks_api:a}=R(),{filters:t}=z(),{user:r}=U();return{getSalesmanAndProjects:async()=>{const[i]=await Promise.all([a.get("/api/obtener-comerciales")]);return{salesmanUsers:i.data.map(Z.toSalesmanUsers)}},getProjects:async()=>{var w;return(await a.get("/api/listado_tareas",{params:{...t,owner:{user:r.id,config:((w=t==null?void 0:t.owner)==null?void 0:w.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(Z.toSalesmanUsers)},getSalesmans:async()=>(await a.get("/api/obtener-comerciales")).data.map(Z.toSalesmanUsers)}},ft=[{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:[]}],bt=()=>{const{defineFields:a}=z(),{getSalesmanAndProjects:t}=ht();return c.useEffect(()=>{(async()=>{let s=[...ft],{salesmanUsers:n}=await t();a(s.map(l=>(l.id==="salesman.id"&&(l.options=n),l)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(ut,{}),e.jsx(mt,{}),e.jsx(gt,{})]})},Fe=c.createContext({}),jt=({children:a})=>{const[t,r]=c.useState([]);c.useEffect(()=>{console.log({selectedTasks:t})},[t]);const s=n=>{r(l=>l.includes(n)?l.filter(i=>i!==n):[...l,n])};return e.jsx(Fe.Provider,{value:{selectedTasks:t,selectTask:s},children:a})},yt=()=>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-sm",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-sm",children:[" ",xe(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:v.texts.subtext})})}),qe=({id:a,priority:t,difficulty:r,endDate:s})=>{var i,w;const n={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-sm tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[r??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[r??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[r??0].color},children:l[r??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((w=n[t??0])==null?void 0:w.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:n[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:n[t??0].color},children:n[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:v.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${s.getDate()} ${se(s.getMonth()).slice(0,3)}`})]})]})},Nt=({id:a})=>{const{selectedTasks:t,selectTask:r}=yt();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:()=>r(a)})]})},Pe=({task:a})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"text-sm text-texts-subtext max-w-[400px] truncate",children:a}),children:e.jsx("p",{className:"text-sm text-texts-subtext p-2 max-w-[400px]",children:a})}),Ct=({id:a})=>{var n,l;const{tasksProject:t}=V(),{reasignResponsible:r}=X(),s=(n=t==null?void 0:t.data)==null?void 0:n.find(i=>i.id===a);return e.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:e.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(s!=null&&s.nameRequiredTask)||(s==null?void 0:s.nameRequiredTask)!==""&&(s==null?void 0:s.statusRequiredTask)===2&&e.jsx(Nt,{id:a}),e.jsx(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(Ne,{onClick:async(i,w)=>{await r({idNewResponsible:i==null?void 0:i.id,id:a,typeOfSelect:w})},responsible:s==null?void 0:s.responsible,users:((l=s==null?void 0:s.users)==null?void 0:l.map(ae))??[]}),e.jsx(Pe,{task:(s==null?void 0:s.task)??""}),e.jsx(qe,{id:a,priority:s==null?void 0:s.priority,difficulty:s.difficulty,endDate:s==null?void 0:s.endDate}),e.jsx(Te,{startDate:s==null?void 0:s.startDate,endDate:s==null?void 0:s.endDate}),e.jsx(_e,{id:a,nameRequiredTask:s.nameRequiredTask,status:s.status,statusRequiredTask:s.statusRequiredTask})]})})},Ae=({id:a})=>{var l,i,w,o,p,d,f;const{tasksProject:t,openTasks:r,openTask:s}=V(),n=(l=t==null?void 0:t.data)==null?void 0:l.find(u=>u.id===a);return n?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${r.includes(a)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>s(a),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:v.texts.subtext})}),e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[20px] tw-min-h-[20px] tw-w-fit tw-h-[20px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-sm tw-text-primary",children:((i=n==null?void 0:n.tasks)==null?void 0:i.length)===0?1:(w=n==null?void 0:n.tasks)==null?void 0:w.length})}),e.jsx(Pe,{task:(n==null?void 0:n.task)??""}),e.jsx(qe,{id:a,priority:n==null?void 0:n.priority,difficulty:n.difficulty,endDate:n==null?void 0:n.endDate}),e.jsx(Te,{startDate:n==null?void 0:n.startDate,endDate:n==null?void 0:n.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:v.texts.subtext}),e.jsx("p",{children:((o=n==null?void 0:n.tasks)==null?void 0:o.length)===0?1:(p=n==null?void 0:n.tasks)==null?void 0:p.length})]})]}),r.includes(a)&&e.jsx("div",{className:"tw-ml-[30px]",children:((d=n==null?void 0:n.tasks)==null?void 0:d.length)>0?(f=n==null?void 0:n.tasks)==null?void 0:f.map(u=>e.jsx(Ae,{id:u==null?void 0:u.id})):e.jsx(Ct,{id:n==null?void 0:n.id})})]}):null},_t=()=>{var s;const{tasksProject:a,projectID:t}=V();if(a!=null&&a.isFetching||a!=null&&a.isLoading)return e.jsx(Se,{});let r=[...(s=a==null?void 0:a.data)==null?void 0:s.filter(n=>n.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(jt,{project:t,children:r==null?void 0:r.sort((n,l)=>n.orden-l.orden).map(n=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m",children:e.jsx(Ae,{id:n.id})}))})})},Ft=({setPath:a,setProject:t})=>{const[r,s]=c.useState([]),[n,l]=c.useState(!0),[i,w]=c.useState(0),[o,p]=c.useState(10),[d,f]=c.useState(0),[u,h]=c.useState("nombre"),{filters:x,defineFields:j,cleanFilters:N}=z(),{tasks_api:C}=R(),{user:_}=U(),F=async(m,S)=>{var T,I,A;try{l(!0);const M={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)??""}};console.log("FiltrosPARAMS: ",M);const E=await C.get("/api/listado_campanias",{params:{pagination:{page:m,pageSize:S},orderBy:u,...M}}),B=k(E==null?void 0:E.data);s(B),f((A=(I=E==null?void 0:E.data)==null?void 0:I.meta)==null?void 0:A.total)}catch(M){console.error("Error fetching data en Lista Campaña:",M)}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(I=>({id:I.nombre,name:I.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}],D=m=>{const S=parseInt(m.target.value,10);p(S),b({first:0,rows:S})},Q=m=>{h(S=>S===m?`${m}:desc`:m)},L=m=>u===m?"↑↓":u===`${m}:desc`?"↓↑":"↑↓";return e.jsx("div",{className:"table-container",children:n?e.jsx("div",{style:{width:"100%"},children:e.jsx(Se,{})}):e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"table",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:"#F5F5F5"},children:[e.jsxs("th",{onClick:()=>Q("nombre"),children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("nombre")}),"Campaña"]}),e.jsx("th",{onClick:()=>Q("inicia"),style:{textAlign:"center",whiteSpace:"nowrap"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",width:"fit-content"},children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("inicia")})," ",e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:"#C4C4C4"}),e.jsx("span",{children:"Fecha Inicio"})]})}),e.jsx("th",{onClick:()=>Q("termina"),style:{whiteSpace:"nowrap",textAlign:"center"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",width:"fit-content"},children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:L("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:"#C4C4C4"}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Responsable"})]})}),e.jsx("tbody",{children:r==null?void 0:r.map((m,S)=>{var T,I,A,M,E,B,K,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:[" ",(I=m==null?void 0:m.campania)==null?void 0:I.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(W,{imageUrl:`${Ce}${(O=(K=(B=(E=(M=m==null?void 0:m.campania)==null?void 0:M.responsable)==null?void 0:E.imagen)==null?void 0:B.formats)==null?void 0:K.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",style:{marginLeft:"8px",fontSize:"10px"},children:(we=(ce=m==null?void 0:m.campania)==null?void 0:ce.responsable)==null?void 0:we.nombre})]})})]},S)})})]}),e.jsxs("div",{className:"pagination",style:{background:"#FAFAFA",display:"flex"},children:[e.jsxs("span",{style:{alignItems:"center",fontSize:"10px",textAlign:"left",width:"auto",height:"auto",whiteSpace:"nowrap"},children:[r.length," elementos de ",d]}),e.jsx(Me.Paginator,{first:i,rows:o,totalRecords:d,rowsPerPageOptions:[5,10,20,50],onPageChange:b,className:"pagination",template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("span",{style:{fontSize:"10px",whiteSpace:"nowrap"},children:"Filas por página:"}),e.jsx("select",{className:"select",value:o,onChange:m=>D(m),children:P.map(m=>e.jsx("option",{className:"option-select",value:m.value,style:{background:"#F5F5F5"},children:m.label},m.value))})]})]})]})})},St=({path:a,tab:t,setPath:r,project:s,setProject:n})=>{const l={"kanban-general":{kanban:e.jsx(bt,{})},"lista-campanias":{lista:e.jsx(Ft,{setPath:r,setProject:n}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(ct,{}),lista:e.jsx(_t,{}),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]},Tt=({path:a})=>{const t=()=>{const{selectPath:r,updateFilters:s,applyFilters:n,filters:l}=z(),[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"),r(o)},[a,o]),c.useEffect(()=>{(u==null?void 0:u.trim())===""&&s({name:"taskName",value:null}),n()},[x]),c.useEffect(()=>{h((l==null?void 0:l.taskName)??"")},[l==null?void 0:l.taskName]);const C=b=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${d.project}`})[b],_=b=>{p(b)},F=["lista-campanias","kanban-campania"],g={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]};return e.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[e.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[e.jsxs("div",{className:"tw-flex tw-gap-xl",children:[e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:C(o)}),F.includes(o)&&e.jsx(De,{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 "}),e.jsx($e,{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(Re,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-hidden tw-scrollbar-none",children:e.jsx(St,{path:o,tab:i,setPath:_,project:d,setProject:f})})]})};return e.jsx(ze,{children:e.jsx(t,{})})},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:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),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:"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:r})=>{const s=new q.QueryClient;if(!t)return e.jsx(qt,{});if(!t.accessToken)return e.jsx(Pt,{});let n={user:t,url:r};return e.jsx(e.Fragment,{children:e.jsx(Qe,{...n,children:e.jsx(Ke,{...n,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(q.QueryClientProvider,{client:s,children:[e.jsx(Tt,{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}.tw-pointer-events-auto{pointer-events:auto}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{inset:0}.tw-bottom-0{bottom:0}.tw-right-0{right:0}.tw-right-\[-100\%\]{right:-100%}.tw-right-\[8px\]{right:8px}.tw-top-0{top:0}.tw-z-20{z-index:20}.tw-z-50{z-index:50}.tw-z-\[100\]{z-index:100}.tw-mx-1{margin-left:.25rem;margin-right:.25rem}.tw-mx-\[2px\]{margin-left:2px;margin-right:2px}.tw-mb-2{margin-bottom:.5rem}.tw-mb-3{margin-bottom:.75rem}.tw-ml-\[-8px\]{margin-left:-8px}.tw-ml-\[30px\]{margin-left:30px}.tw-mt-1{margin-top:.25rem}.tw-mt-3{margin-top:.75rem}.tw-mt-4{margin-top:1rem}.tw-mt-\[2px\]{margin-top:2px}.tw-block{display:block}.tw-flex{display:flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-h-10{height:2.5rem}.tw-h-4{height:1rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-\[150px\]{height:150px}.tw-h-\[2\.5rem\]{height:2.5rem}.tw-h-\[20px\]{height:20px}.tw-h-\[22px\]{height:22px}.tw-h-\[24px\]{height:24px}.tw-h-\[28px\]{height:28px}.tw-h-\[30px\]{height:30px}.tw-h-\[32px\]{height:32px}.tw-h-\[80vh\]{height:80vh}.tw-h-fit{height:-moz-fit-content;height:fit-content}.tw-h-full{height:100%}.tw-h-screen{height:100vh}.tw-max-h-\[120px\]{max-height:120px}.tw-max-h-\[200px\]{max-height:200px}.tw-min-h-\[100\%\]{min-height:100%}.tw-min-h-\[20px\]{min-height:20px}.tw-min-h-\[28px\]{min-height:28px}.tw-min-h-\[30px\]{min-height:30px}.tw-w-10{width:2.5rem}.tw-w-4{width:1rem}.tw-w-6{width:1.5rem}.tw-w-\[0\]{width:0}.tw-w-\[10\%\]{width:10%}.tw-w-\[2\.5rem\]{width:2.5rem}.tw-w-\[200px\]{width:200px}.tw-w-\[20px\]{width:20px}.tw-w-\[24px\]{width:24px}.tw-w-\[28px\]{width:28px}.tw-w-\[30\%\]{width:30%}.tw-w-\[300px\]{width:300px}.tw-w-\[30px\]{width:30px}.tw-w-\[400px\]{width:400px}.tw-w-\[40rem\]{width:40rem}.tw-w-\[90vw\]{width:90vw}.tw-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.tw-w-auto{width:auto}.tw-w-fit{width:-moz-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-w-max{width:-moz-max-content;width:max-content}.tw-min-w-\[20px\]{min-width:20px}.tw-min-w-\[250px\]{min-width:250px}.tw-min-w-\[28px\]{min-width:28px}.tw-min-w-\[30px\]{min-width:30px}.tw-min-w-\[400px\]{min-width:400px}.tw-min-w-full{min-width:100%}.tw-min-w-max{min-width:-moz-max-content;min-width:max-content}.tw-max-w-\[200px\]{max-width:200px}.tw-max-w-\[350px\]{max-width:350px}.tw-max-w-\[400px\]{max-width:400px}.tw-flex-1{flex:1 1 0%}.tw--rotate-90{--tw-rotate:-90deg}.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))}.tw-rotate-90{--tw-rotate:90deg}@keyframes tw-pulse{50%{opacity:.5}}.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.tw-cursor-help{cursor:help}.tw-cursor-not-allowed{cursor:not-allowed}.tw-cursor-pointer{cursor:pointer}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-1{gap:.25rem}.tw-gap-10{gap:2.5rem}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-\[12px\]{gap:12px}.tw-gap-\[4px\]{gap:4px}.tw-gap-\[50px\]{gap:50px}.tw-gap-\[8px\]{gap:8px}.tw-gap-l{gap:12px}.tw-gap-m{gap:8px}.tw-gap-s{gap:4px}.tw-gap-xl{gap:16px}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-y-hidden{overflow-y:hidden}.tw-overflow-y-scroll{overflow-y:scroll}.tw-text-ellipsis{text-overflow:ellipsis}.tw-text-nowrap{text-wrap:nowrap}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-xl{border-radius:.75rem}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-b{border-bottom-width:1px}.tw-border-b-0{border-bottom-width:0}.tw-border-b-2{border-bottom-width:2px}.tw-border-l-2{border-left-width:2px}.tw-border-l-\[5px\]{border-left-width:5px}.tw-border-r{border-right-width:1px}.tw-border-r-0{border-right-width:0}.tw-border-r-2{border-right-width:2px}.tw-border-t{border-top-width:1px}.tw-border-t-4{border-top-width:4px}.tw-border-none{border-style:none}.tw-border-danger-regular{--tw-border-opacity:1;border-color:rgb(195 67 53/var(--tw-border-opacity,1))}.tw-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.tw-border-neutral-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}.tw-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.tw-border-primary-regular{--tw-border-opacity:1;border-color:rgb(66 92 172/var(--tw-border-opacity,1))}.tw-border-success-pastel{--tw-border-opacity:1;border-color:rgb(87 186 129/var(--tw-border-opacity,1))}.tw-border-success-regular{--tw-border-opacity:1;border-color:rgb(67 176 113/var(--tw-border-opacity,1))}.tw-border-texts-enfasis{--tw-border-opacity:1;border-color:rgb(54 88 193/var(--tw-border-opacity,1))}.tw-border-texts-placeholder{--tw-border-opacity:1;border-color:rgb(146 146 146/var(--tw-border-opacity,1))}.tw-border-warning-regular{--tw-border-opacity:1;border-color:rgb(211 138 49/var(--tw-border-opacity,1))}.tw-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.tw-border-x-primary-pastel{--tw-border-opacity:1;border-left-color:rgb(92 125 221/var(--tw-border-opacity,1));border-right-color:rgb(92 125 221/var(--tw-border-opacity,1))}.tw-bg-\[\#E1EBF9\]{--tw-bg-opacity:1;background-color:rgb(225 235 249/var(--tw-bg-opacity,1))}.tw-bg-bg{--tw-bg-opacity:1;background-color:rgb(239 239 239/var(--tw-bg-opacity,1))}.tw-bg-bg-card{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.tw-bg-danger-light{--tw-bg-opacity:1;background-color:rgb(241 229 228/var(--tw-bg-opacity,1))}.tw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.tw-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.tw-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.tw-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.tw-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.tw-bg-primary-medium{--tw-bg-opacity:1;background-color:rgb(218 226 236/var(--tw-bg-opacity,1))}.tw-bg-primary-regular{--tw-bg-opacity:1;background-color:rgb(66 92 172/var(--tw-bg-opacity,1))}.tw-bg-success-medium{--tw-bg-opacity:1;background-color:rgb(210 233 220/var(--tw-bg-opacity,1))}.tw-bg-success-regular{--tw-bg-opacity:1;background-color:rgb(67 176 113/var(--tw-bg-opacity,1))}.tw-bg-texts-placeholder{--tw-bg-opacity:1;background-color:rgb(146 146 146/var(--tw-bg-opacity,1))}.tw-bg-transparent{background-color:transparent}.tw-bg-warning-light{--tw-bg-opacity:1;background-color:rgb(242 236 229/var(--tw-bg-opacity,1))}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.tw-bg-opacity-50{--tw-bg-opacity:0.5}.tw-fill-texts-enfasis{fill:#3658c1}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-p-2{padding:.5rem}.tw-p-4{padding:1rem}.tw-p-5{padding:1.25rem}.tw-p-\[12px_12px\]{padding:12px}.tw-p-\[16px\]{padding:16px}.tw-p-l{padding:12px}.tw-p-m{padding:8px}.tw-p-s{padding:4px}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-l{padding-left:12px;padding-right:12px}.tw-px-m{padding-left:8px;padding-right:8px}.tw-px-xxxl{padding-left:24px;padding-right:24px}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tw-py-s{padding-top:4px;padding-bottom:4px}.tw-pb-1{padding-bottom:.25rem}.tw-pb-3{padding-bottom:.75rem}.tw-pb-4{padding-bottom:1rem}.tw-pb-\[200px\]{padding-bottom:200px}.tw-pb-m{padding-bottom:8px}.tw-pl-5{padding-left:1.25rem}.tw-pr-3{padding-right:.75rem}.tw-pt-2{padding-top:.5rem}.tw-pt-4{padding-top:1rem}.tw-pt-5{padding-top:1.25rem}.tw-text-center{text-align:center}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-extrabold{font-weight:800}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-text-danger-regular{--tw-text-opacity:1;color:rgb(195 67 53/var(--tw-text-opacity,1))}.tw-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.tw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.tw-text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.tw-text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.tw-text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.tw-text-primary-pastel{--tw-text-opacity:1;color:rgb(92 125 221/var(--tw-text-opacity,1))}.tw-text-primary-regular{--tw-text-opacity:1;color:rgb(66 92 172/var(--tw-text-opacity,1))}.tw-text-success-regular{--tw-text-opacity:1;color:rgb(67 176 113/var(--tw-text-opacity,1))}.tw-text-texts{--tw-text-opacity:1;color:rgb(37 37 37/var(--tw-text-opacity,1))}.tw-text-texts-enfasis{--tw-text-opacity:1;color:rgb(54 88 193/var(--tw-text-opacity,1))}.tw-text-texts-placeholder{--tw-text-opacity:1;color:rgb(146 146 146/var(--tw-text-opacity,1))}.tw-text-texts-subtext{--tw-text-opacity:1;color:rgb(79 79 79/var(--tw-text-opacity,1))}.tw-text-warning-dark{--tw-text-opacity:1;color:rgb(180 120 47/var(--tw-text-opacity,1))}.tw-text-warning-regular{--tw-text-opacity:1;color:rgb(211 138 49/var(--tw-text-opacity,1))}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-button-primary,.tw-shadow-input{--tw-shadow:inset 0 0 0 2px #dae2ec;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)}.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)}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-300{transition-duration:.3s}.tw-duration-500{transition-duration:.5s}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@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}.tw-duration-500{animation-duration:.5s}.tw-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.tw-scrollbar-none{scrollbar-width:none}.tw-scrollbar-none::-webkit-scrollbar{display:none}.\[key\:string\]{key:string}.hover\:tw-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:tw-bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:tw-bg-primary-light:hover{--tw-bg-opacity:1;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))}.hover\:tw-shadow-button-primary-hover:hover{--tw-shadow:inset 0 0 0 2px #425cac,0 0 5px #00000030;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color),0 0 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:tw-opacity-50:active{opacity:.5}
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-\[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-4{height:1rem!important}.tw-h-6{height:1.5rem!important}.tw-h-8{height:2rem!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-\[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-\[20px\]{min-height:20px!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-4{width:1rem!important}.tw-w-6{width:1.5rem!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-\[40rem\]{width:40rem!important}.tw-w-\[44px\]{width:44px!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-\[20px\]{min-width:20px!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-\[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-text-ellipsis{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-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-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-py-4{padding-top:1rem!important;padding-bottom:1rem!important}.tw-py-6{padding-top:1.5rem!important;padding-bottom:1.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-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-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}.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}