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