@imj_media/tareas 0.1.49 → 1.0.0
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IIndexComponents } from '../../types/layout.types';
|
|
2
|
-
declare const IndexComponents: ({ path, tab, setPath, project, setProject }: IIndexComponents) => string | number | boolean | import("react/jsx-runtime").JSX.Element
|
|
2
|
+
declare const IndexComponents: ({ path, tab, setPath, project, setProject }: IIndexComponents) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default IndexComponents;
|
|
@@ -23,4 +23,8 @@ interface IViews {
|
|
|
23
23
|
lista?: React.ReactNode;
|
|
24
24
|
gantt?: React.ReactNode;
|
|
25
25
|
}
|
|
26
|
-
|
|
26
|
+
type TFilterPath = {
|
|
27
|
+
path: TPaths;
|
|
28
|
+
search: string;
|
|
29
|
+
};
|
|
30
|
+
export type { IComponents, IIndexComponents, IViews, TFilterPath, TPaths, TTab, };
|
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"),w=require("react"),y=require("@imj_media/tasks-modules"),J=require("react-dom"),Ne=require("axios"),_e=require("qs"),se=require("date-fns"),ne=require("date-fns/locale"),O=require("@imj_media/imj-ui"),ze=require("react-hook-form"),Re=require("primereact/paginator"),Le=({label:s,active:t,onClick:n,disabled:r})=>r?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:e.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):e.jsx("button",{disabled:r,onClick:n,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${r?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),Ue=({tabs:s,renderItem:t,initialTab:n})=>{const[r,a]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&a(n)},[n]);const l=i=>{a(i),t(i)};return e.jsx("div",{className:"tw-flex",children:s.map((i,d)=>e.jsx("div",{className:`${d===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(Le,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===r,disabled:["gantt"].includes(i.toLowerCase())},d)}))})},m={bg:{DEFAULT:"#EFEFEF",content:"#FAFAFA",card:"#FAFAFA"},texts:{DEFAULT:"#252525",enfasis:"#3658c1",subtext:"#4f4f4f",placeholder:"#929292"},primary:{light:"#E7E9F2",medium:"#dae2ec",dark:"#334990",regular:"#425CAC",pastel:"#5c7ddd"},success:{light:"#368156",medium:"#D2E9DC",dark:"#368156",regular:"#43B071",pastel:"#57BA81"},danger:{light:"#F1E5E4",medium:"#EBDBD9",dark:"#8C352C",regular:"#C34335",pastel:"#C43355"},warning:{light:"#F2ECE5",medium:"#EBE3D9",dark:"#B4782F",regular:"#D38A31",pastel:"#D38A31"},alert:{light:"#F1F1E4",medium:"#EAE9D9",dark:"#ADA63A",regular:"#D6CC48",pastel:"#D6CC48"},info:{light:"#E7F5FF",medium:"#D9E6EE",dark:"#1C5073",regular:"#1B6698",pastel:"#1B6698"},link:{light:"#ECF8FE",medium:"#D8F1FD",dark:"#0A7AAE",regular:"#0EA5E9",pastel:"#0EA5E9"},silver:{silver_white:" #FAFAFA",silver_light:" #F5F5F5",silver_dark:" #E9E9E9",silver_regular:"#EFEFEF"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_light:"#D9D9D9",gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313",black_regular:"#252525"}},le=()=>{const[s,t]=w.useState(null);return{position:s,setElementPosition:l=>{var p;let i=(p=l.current)==null?void 0:p.getBoundingClientRect(),d=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),o=(i==null?void 0:i.y)+(i==null?void 0:i.height);t(s?null:{x:d??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Ke=({children:s,filterChildren:t})=>{const{position:n,setElementPosition:r}=le(),a=w.useRef(null),l=({children:i})=>{const[d,o]=w.useState();return w.useEffect(()=>{var p,u;t.current&&o(((n==null?void 0:n.x)??0)-(((u=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:u.width)??0))},[t==null?void 0:t.current,n==null?void 0:n.x]),n&&J.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${d}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:a,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:m.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{r(a)}}),e.jsx(l,{children:s})]})},be=s=>{let t={};return Object.entries(s).forEach(([n,r])=>{if(n.includes(".")){let[a,l]=n.split(".");t[a]=t[a]||{},t[a][l]=r}else t[n]=r}),t},Ce=w.createContext({}),Qe=({children:s})=>{const[t,n]=w.useState({}),[r,a]=w.useState({}),[l,i]=w.useState([]),[d,o]=w.useState(""),p=({name:g,value:x})=>{function b(v){return!isNaN(v)&&v!==null&&v!==""?parseFloat(v):null}let N=b(x);a(v=>{let _={...v},C=l==null?void 0:l.find(S=>S.label.toLowerCase().replace(/ /g,"_")===g);return C?_[C.id]=N??x:_[g]=N??x,_})};w.useEffect(()=>{let g=l.map(x=>x.id==="owner.config"?[x.id,"yo_y_mis_equipos"]:x.id==="dependency"?[x.id,"ambas"]:[x.id,null]);a(Object.fromEntries(g))},[l]);const u=()=>{let g=l.map(x=>x.id==="owner.config"?[x.id,"yo_y_mis_equipos"]:x.id==="dependency"?[x.id,"ambas"]:[x.id,null]);a(Object.fromEntries(g)),n(be(Object.fromEntries(g)))},j=()=>{let g=be(r);console.log({filtersWithEstructure:g}),n(g)};return e.jsx(Ce.Provider,{value:{fields:l,filters:t,path:d,defineFields:i,updateFilters:p,cleanFilters:u,applyFilters:j,initialFilters:r,selectPath:o},children:s})},$=()=>w.useContext(Ce);function Fe(s,t=300,n={leading:!1,trailing:!0}){let r,a=null;return function(...l){const i=Date.now(),d=n.leading&&!a;clearTimeout(r),d&&s(...l),a=i,r=setTimeout(()=>{n.trailing&&(!n.leading||i-a>=t)&&(s(...l),a=null)},t)}}const L=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:n="s"})=>{const r={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[n];return e.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:t??"avatar",className:`${r} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ie=({options:s,onselect:t})=>{const[n,r]=w.useState(null),a=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...s].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:a,value:n??"",onChange:i=>r(i.target.value),type:"text",className:"tw-w-full tw-h-[32px] tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2",placeholder:"Buscar"}),e.jsx("div",{className:"tw-absolute tw-right-[8px]",children:e.jsx(y.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),e.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:l.map(i=>e.jsxs("button",{onClick:()=>{t(i)},className:"tw-flex tw-gap-s tw-items-center tw-max-w-[200px] tw-min-w-full hover:tw-bg-primary-light tw-cursor-pointer",children:[i.image&&e.jsx(L,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:i.name})]}))})]})},Oe=({error:s,options:t,onSelect:n,initialValue:r})=>{const[a,l]=w.useState(!1),[i,d]=w.useState((r==null?void 0:r.name)??null);return w.useEffect(()=>{r&&d(r)},[r]),e.jsxs("div",{className:"tw-relative",children:[e.jsxs("div",{onBlur:()=>l(!1),onClick:()=>l(!a),className:`tw-z-[1] tw-cursor-pointer tw-w-full tw-bg-bg-card ${s?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${s?"tw-text-danger-regular":i?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(i==null?void 0:i.name)??"Selecciona una opción"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:s?m.danger.regular:m.texts.placeholder})]}),a&&e.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:e.jsx(ie,{onselect:o=>{d(o),l(!1),n&&n(o)},options:t})})]})},We=()=>{const{fields:s,updateFilters:t,cleanFilters:n,applyFilters:r,initialFilters:a}=$();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-2xl",children:"Filtros"}),e.jsx("button",{className:"tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:n,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((l,i)=>{var d;return e.jsxs("div",{style:{zIndex:10-i},children:[e.jsx("p",{className:"tw-text-xl z-[1]",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("div",{className:"tw-relative tw-z-[10]",children:e.jsx(Oe,{error:!1,options:l==null?void 0:l.options,onSelect:o=>{t({name:l==null?void 0:l.id,value:o==null?void 0:o.id})},initialValue:(d=l==null?void 0:l.options)==null?void 0:d.find(o=>o.id===(a==null?void 0:a[l==null?void 0:l.id]))})}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:a==null?void 0:a[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:Fe(o=>{var p,u;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(u=o==null?void 0:o.target)==null?void 0:u.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-bg-primary-regular hover:tw-bg-primary-dark tw-text-white tw-rounded-md tw-py-s tw-text-xl",onClick:r,children:"Filtrar"})]})},W=s=>{const t=r=>Object.prototype.toString.call(r)==="[object Object]",n=r=>r.attributes?{id:r.id,...r.attributes}:r;if(Array.isArray(s))return s.map(r=>W(r));if(t(s)){Array.isArray(s.data)?s=[...s.data]:t(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const r in s)s[r]=W(s[r]);return s}return s};class He{static toCampaignTasks(t){var r,a,l,i,d,o,p,u,j,g,x,b;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(N=>{var v,_,C,S;n!=null&&n.find(f=>f.id===N.idUser.id)||N.idUser&&n.push({id:N.idUser.id,name:N.idUser.nombre,image:(S=(C=(_=(v=N==null?void 0:N.userOBP)==null?void 0:v.imagen)==null?void 0:_.formats)==null?void 0:C.thumbnail)==null?void 0:S.url})}),{isPrincipalTask:(t==null?void 0:t.tarea_principal)??!1,projectName:((p=t==null?void 0:t.proyecto)==null?void 0:p.nombre)??null,orden:(t==null?void 0:t.orden)??null,id:(t==null?void 0:t.id)??null,task:(t==null?void 0:t.texto_corto)??null,status:(t==null?void 0:t.estatus)??null,difficulty:(t==null?void 0:t.nivel_dificultad)??null,priority:(t==null?void 0:t.prioridad)??0,endDate:new Date((t==null?void 0:t.ffin)??null),startDate:new Date((t==null?void 0:t.finicio)??null),mediumName:(t==null?void 0:t.nombre_medio)??null,users:n,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((u=t==null?void 0:t.comentarios)==null?void 0:u.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((j=t==null?void 0:t.id_t_requerida)==null?void 0:j.estatus)??null,nameRequiredTask:((g=t==null?void 0:t.id_t_requerida)==null?void 0:g.texto_corto)??null,responsible:((x=t==null?void 0:t.responsable)==null?void 0:x.id)??null,tasks:((b=t==null?void 0:t.tareas)==null?void 0:b.map(N=>({id:N.id,name:N.texto_corto,status:N.estatus})))??null}}}const Ye=async({filters:s,tasks_api:t,project:n})=>{try{const r=await t.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return W(r.data.tareas).map(He.toCampaignTasks)}catch(r){console.log(r)}},Se=w.createContext({}),Ge=({children:s,user:t,url:n,mode:r})=>{const a=r==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",l=Ne.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:o=>_e.stringify(o,{encodeValuesOnly:!0})}),i=()=>a,d=o=>o==="undefined"?"":`${a}${o}`;return e.jsx(Se.Provider,{value:{tasks_api:l,getOBPUrlApi:i,getImageOBP:d},children:s})},I=()=>w.useContext(Se),Te=w.createContext({}),Xe=({children:s,user:t,url:n})=>{const r=Ne.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:a=>_e.stringify(a,{encodeValuesOnly:!0})});return e.jsx(Te.Provider,{value:{user:t,tasks_api:r},children:s})},H=()=>w.useContext(Te),Pe=w.createContext({}),Ze=({children:s,project:t})=>{var v;const n=P.useQueryClient(),[r,a]=w.useState([]),[l,i]=w.useState([]),{tasks_api:d}=I(),{filters:o}=$(),{user:p}=H(),[u,j]=w.useState({owner:{user:p.id,config:((v=o==null?void 0:o.owner)==null?void 0:v.config)??"yo_y_mis_equipos"},project:{id:t}}),g=P.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>Ye({filters:{...u},project:t,tasks_api:d})});w.useEffect(()=>{var _;Object.keys(o).length>0&&j({...o,owner:{user:p.id,config:((_=o==null?void 0:o.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),w.useEffect(()=>{n.invalidateQueries({queryKey:["tasksProject",o,t]})},[u]);const x=_=>{a(C=>[...C,_])},b=_=>{i(C=>C.includes(_)?C.filter(S=>S!==_):[...C,_])},N=t??null;return e.jsx(Pe.Provider,{value:{tasksProject:g,selectedTasks:r,projectID:N,openTasks:l,selectTask:x,openTask:b},children:s})},V=()=>w.useContext(Pe),Je=[{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"}]}],ee=()=>{const{tasks_api:s}=I(),{user:t}=H(),{filters:n,path:r}=$(),a=P.useQueryClient(),{projectID:l}=V(),i=async({id:f})=>(await s.put(`/api/tareas/${f}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,d=async({id:f})=>(await s.post("/api/terminarTarea",{id_task:f,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:f,repeats:h})=>(await s.put(`/api/tareas/${f}`,{data:{repeticiones_realizadas:h,updated_by:t==null?void 0:t.id}})).data,p=async({id:f,idNewResponsible:h,typeOfSelect:F})=>{let D={updated_by:t==null?void 0:t.id};return F==="responsible"&&(D={...D,responsable:h}),F==="team"&&(D={...D,responsable:null,equipo:h}),(await s.put(`/api/tareas/${f}`,{data:D})).data},u=async({id:f,data:h,user:F})=>{},j=async({id:f})=>{await g({id:f})},{mutateAsync:g}=P.useMutation({mutationFn:i,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(h){console.error("Error updating the element:",h)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:x}=P.useMutation({mutationFn:d,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a.setQueryData([f[r],n],h=>{console.log({oldData:h})}),r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(h){console.error("Error invalidating queries:",h)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:b}=P.useMutation({mutationFn:o,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(h){console.error("Error invalidating queries:",h)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:N}=P.useMutation({mutationFn:p,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(h){console.error("Error invalidating queries:",h)}},onError:f=>{console.error("Failed to reassign the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:u,startWorking:j,completeTask:async({id:f})=>{await x({id:f})},reasignResponsible:async({id:f,idNewResponsible:h,typeOfSelect:F})=>{await N({id:f,idNewResponsible:h,typeOfSelect:F})},updateUnitys:async({repeats:f,id:h})=>{await b({repeats:f,id:h})},pauseTask:async({id:f,motiveId:h})=>{console.log({taksId:f,motivoId:h,user:t==null?void 0:t.id})}}},Ve=({id:s})=>{const[t,n]=w.useState(!1),{completeTask:r}=ee();return{checked:t,checkTask:()=>{n(!t),r({id:s})}}},qe=({id:s,nameRequiredTask:t,statusRequiredTask:n,status:r})=>{const{checked:a,checkTask:l}=Ve({id:s});let i=Math.random().toString();const d=t!==""&&n===2;return e.jsxs(e.Fragment,{children:[r===2&&e.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:e.jsx(y.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),d||!t?r===1?e.jsx("label",{htmlFor:i,className:a?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:a?"check_outline":"circle_checked",color:a?"white":m.texts.placeholder,strokeWidth:4,size:a?"xs":"s"})}):e.jsx(e.Fragment,{children:" "}):e.jsx(y.Tooltip,{dispatch:e.jsx("label",{className:"tw-cursor-help",children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),children:e.jsxs("div",{className:"tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:i,checked:a,onChange:l,type:"checkbox",className:"tw-hidden"})]})},je=({trigger:s,user:t,showUser:n=!0})=>e.jsx(y.Tooltip,{dispatch:s,children:n&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(L,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})});class et{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const tt=()=>{const{tasks_api:s}=I();return{teams:P.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return W(n.data).map(et.toDomain)}})}};class st{static toUsers(t){var n,r,a;return{id:t.id,name:t.nombre,image:(a=(r=(n=t.imagen)==null?void 0:n.formats)==null?void 0:r.thumbnail)==null?void 0:a.url,tasksUser:{email:t.tasksUser.email,id:t.tasksUser.id,nombre:t.tasksUser.nombre}}}}const at=async({tasks_api:s})=>{try{const t=await s.get("/api/allOBPUsers");return W(t.data).map(st.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},rt=()=>{const{tasks_api:s}=I();return{users:P.useQuery({queryKey:["users"],queryFn:()=>at({tasks_api:s}),staleTime:1e3*60*60*24})}},oe=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function nt(s){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return t[n]}const ye=s=>{let t=s||new Date,n=t.getDate(),r=oe(t.getMonth()).slice(0,3),a=t.getFullYear().toString().slice(-2),l=nt(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${n} ${r.charAt(0).toUpperCase()+r.slice(1)} ${a}`},ce=(s,t)=>({...s,image:s.image?`${t}${s.image}`:""}),Ee=({users:s,onClick:t,responsible:n})=>{const{getOBPUrlApi:r}=I();let a=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:l,position:i,clearPosition:d}=le(),o=w.useRef(null),p=()=>n?null:s.length>3&&e.jsx(y.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-white ",children:`+${s.length-3}`})}),children:e.jsx("div",{className:"tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:s==null?void 0:s.slice(3).map((x,b)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(L,{imageUrl:x.image??"",alt:x.name},b),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:x.name})]},b))})}),u=()=>{if(n){let x=s.find(b=>b.id===n);return e.jsx("div",{children:e.jsx(je,{trigger:e.jsx(L,{imageUrl:x==null?void 0:x.image,alt:x==null?void 0:x.name},n),user:x,showUser:!(i!=null&&i.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((x,b)=>e.jsx("div",{className:`${b===0?"":"tw-ml-[-8px]"}`,children:e.jsx(je,{trigger:e.jsx(L,{imageUrl:x.image,alt:x.name},b),user:x,showUser:!(i!=null&&i.x)})}))},j=({children:x})=>e.jsx("label",{ref:o,htmlFor:a,className:"tw-cursor-pointer tw-flex tw-items-center",children:x});if(s.length===0)return e.jsx(j,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const g=()=>{var f;const[x,b]=w.useState(),[N,v]=w.useState("team"),{teams:_}=tt(),{users:C}=rt();w.useEffect(()=>{var h,F;o.current&&b(((i==null?void 0:i.x)??0)-(((F=(h=o.current)==null?void 0:h.getBoundingClientRect())==null?void 0:F.width)??0))},[o==null?void 0:o.current,i==null?void 0:i.x]);const S=()=>{const h=[{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:h.map((F,D)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${N===F.id?"tw-text-primary-pastel":""} ${D===h.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>v(F.id),children:F.label}))})};return(i==null?void 0:i.x)&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${x?"tw-block":"tw-hidden"}`,style:{top:`${i==null?void 0:i.y}px`,left:`${x}px`,zIndex:1},children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[e.jsx(S,{}),e.jsx(ie,{options:N==="team"?_.data.map(h=>({id:h.id,name:h.name,image:""})):(f=C.data)==null?void 0:f.map(h=>ce(h,r())),onselect:h=>{var F;d(),t&&t((F=h.tasksUser)==null?void 0:F.id,N)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(j,{children:[u(),p()]}),e.jsx("button",{className:"tw-hidden",id:a,onClick:()=>l(o)}),e.jsx(g,{})]})};function lt({items:s}){var r;const[t,n]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((a,l)=>e.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${l!==0?"tw-px-3":""}`,children:e.jsx(O.Button,{variant:"ghost",onClick:()=>n(a.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===a.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:a.label},a.id)},a.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(r=s.find(a=>a.id===t))==null?void 0:r.component})]})}function it({comment:s}){var a,l,i,d,o;const{getImageOBP:t}=I(),n=(d=(i=(l=(a=s==null?void 0:s.autor)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url;function r(p){const u=se.parseISO(p);return se.formatDistanceToNow(u,{locale:ne.es,addSuffix:!0})}return e.jsx("div",{children:e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[e.jsx(L,{size:"xxl",imageUrl:n?t(n):"",alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(o=s==null?void 0:s.autor)==null?void 0:o.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:r(s==null?void 0:s.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:s==null?void 0:s.comentario})]})]})})}function ot({currentUser:s,data:t,taskId:n,onNewComment:r}){var x,b,N;const{tasks_api:a,getImageOBP:l}=I(),{register:i,handleSubmit:d,reset:o}=ze.useForm(),[p,u]=w.useState([]),j=(N=(b=(x=s==null?void 0:s.imagen)==null?void 0:x.formats)==null?void 0:b.thumbnail)==null?void 0:N.url;w.useEffect(()=>{if(t!=null&&t.comentarios){const v=[...t.comentarios].sort((_,C)=>new Date(C.createdAt).getTime()-new Date(_.createdAt).getTime());u(v)}},[t]);const g=async v=>{try{const _={autor:{id:s==null?void 0:s.id,email:s==null?void 0:s.email,nombre:s==null?void 0:s.nombre,imagen:s==null?void 0:s.imagen},comentario:v==null?void 0:v.comment,createdAt:new Date().toISOString()};await a.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:v.comment,tarea:n}}),r(!0),u(C=>[_,...C]),o()}catch(_){console.error("Error al agregar comentario:",_)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:d(g),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(L,{size:"xxl",imageUrl:j?l(j):"",alt:"@shadcn"}),e.jsx(O.Input,{...i("comment",{required:!0}),autoComplete:"off",placeholder:"Escribe un comentario",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200 tw-h-[3.5rem] tw-text-xl"})]}),p&&p.map((v,_)=>e.jsx(it,{comment:v},_))]})}function ct({data:s}){const t={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=r=>r?se.format(new Date(r),"d MMM",{locale:ne.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(O.Label,{className:"tw-text-2xl tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:s==null?void 0:s.length})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:s==null?void 0:s.map(r=>{var a,l,i,d,o;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(L,{imageUrl:(d=(i=(l=(a=r.responsable)==null?void 0:a.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:r==null?void 0:r.texto_corto})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[e.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(r==null?void 0:r.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[r==null?void 0:r.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},r.id)})})]})}function wt({isOpen:s,setIsOpen:t,taskId:n}){var C,S,f,h,F,D,U,K,M,c,T,A;const[r,a]=w.useState(null),[l,i]=w.useState(!1),[d,o]=w.useState(!1),[p,u]=w.useState(null),j=(h=(f=(S=(C=r==null?void 0:r.responsable)==null?void 0:C.imagen)==null?void 0:S.formats)==null?void 0:f.thumbnail)==null?void 0:h.url,{tasks_api:g,getImageOBP:x}=I(),{user:b}=H();w.useEffect(()=>{if(s&&n||l){const q=async()=>{const E=await g.get(`/api/detalleTarea/${n}`);a(E==null?void 0:E.data)},B=async()=>{var z,Q;const E=await g.get(`/api/users/${b.id}`),k=await g.post("/api/obtenerUsuarioOBP/",{emailList:[(z=E==null?void 0:E.data)==null?void 0:z.email]});u((Q=k==null?void 0:k.data)==null?void 0:Q.data[0])};q(),B()}},[s,n,l]);const N={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"}},v=q=>q?se.format(q,"d MMM yyyy, h:mmaaa",{locale:ne.es}):"Fecha no disponible",_=[{id:1,label:"Todo",component:e.jsx(ot,{taskId:n,currentUser:p,data:r,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(ct,{data:r==null?void 0:r.ids_t_dependientes})}];return s&&J.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`tw-fixed tw-inset-0 tw-bg-transparent tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-z-20 ${s?"tw-pointer-events-auto tw-block":"tw-pointer-events-none tw-hidden"}`,onClick:()=>t(!1)}),e.jsx("section",{className:`tw-fixed tw-top-0 tw-bottom-0 tw-bg-white tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-w-[55rem] tw-h-screen tw-z-50 tw-overflow-hidden tw-transition-all tw-ease-in-out tw-duration-500 tw-shadow-2xl ${s?"tw-right-0 tw-pointer-events-auto tw-block":"tw-right-[-100%] tw-pointer-events-none tw-hidden"}`,children:e.jsxs("div",{className:"tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10",children:[e.jsxs("div",{className:"tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative",children:[((F=r==null?void 0:r.id_t_requerida)==null?void 0:F.id)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>o(!0),onMouseLeave:()=>o(!1),children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),d&&e.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),e.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(D=r==null?void 0:r.id_t_requerida)==null?void 0:D.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:r==null?void 0:r.texto_corto})]}),e.jsx(O.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:e.jsx(y.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between tw-mt-6",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-xl",children:[r==null?void 0:r.campania," / ",r==null?void 0:r.nombre_medio]})}),e.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-2xl",children:"Descripción"}),e.jsx("p",{className:"tw-text-neutral-600 tw-font-normal tw-text-sm",children:(r==null?void 0:r.texto_largo)??"Sin descripción"})]}),e.jsx(O.Accordion,{type:"single",collapsible:!0,defaultValue:"item-1",className:"tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",children:e.jsxs(O.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(O.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4",children:"Detalles"}),e.jsx(O.AccordionContent,{className:"tw-border-none",children:e.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Responsable"}),(U=r==null?void 0:r.responsable)!=null&&U.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(L,{size:"xxl",imageUrl:j?x(j):"",alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(K=r==null?void 0:r.responsable)==null?void 0:K.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((M=r==null?void 0:r.equipo)==null?void 0:M.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(c=N[r==null?void 0:r.prioridad])==null?void 0:c.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(T=N[r==null?void 0:r.prioridad])==null?void 0:T.color}`,children:((A=N[r==null?void 0:r.prioridad])==null?void 0:A.label)??"Sin prioridad"})]})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Lista"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(r==null?void 0:r.lista)??"Sin lista"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:v(r==null?void 0:r.f_inicio_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:v(r==null?void 0:r.f_fin_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:v(r==null?void 0:r.ffin)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:v(r==null?void 0:r.createdAt)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:v(r==null?void 0:r.updatedAt)})]})]})})]})}),e.jsx(lt,{items:_})]})})]}),document.body)}const Ae=({status:s,nameRequiredTask:t,statusRequiredTask:n,id:r})=>{const{setElementPosition:a,position:l}=le(),{startWorking:i,completeTask:d}=ee(),o=w.useRef(null),p=w.useRef(!1),u=t!==""&&n===2,j=({children:g})=>{const[x,b]=w.useState();return w.useEffect(()=>{var N,v;o.current&&b(((l==null?void 0:l.x)??0)-(((v=(N=o.current)==null?void 0:N.getBoundingClientRect())==null?void 0:v.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${x?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${x}px`,zIndex:1},children:g}),document.body)};return e.jsxs(e.Fragment,{children:[(u&&n===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{a(o)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(y.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(j,{children:p!=null&&p.current?e.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",children:e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):e.jsxs("button",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 hover:tw-bg-primary-light",onClick:()=>{p.current=!0,s===0?i({id:r}):d({id:r})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:s===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.primary.regular})]})})]})};class dt{static toPauseReasons(t){return{id:t.id,motivo_imj:t.motivo_imj}}}const ut=async({tasks_api:s})=>{try{const t=await s.get("/api/motivos");return W(t.data).map(dt.toPauseReasons)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},xt=()=>{const{tasks_api:s}=I();return{pauseReasons:P.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>ut({tasks_api:s}),staleTime:1e3*60*60*24})}},mt=({id:s,task:t,isActive:n,closeModal:r})=>{const{pauseTask:a}=ee(),[l,i]=w.useState(),[d,o]=w.useState(!1),[p,u]=w.useState(!1),{pauseReasons:j}=xt(),g=()=>{if(!l){o(!0);return}a({id:s,motiveId:l.id}),r()};return n&&J.createPortal(e.jsx("div",{className:"tw-w-screen tw-h-screen tw-fixed tw-top-0 tw-left-0 tw-flex tw-items-center tw-justify-center ",children:e.jsxs("div",{className:"tw-rounded-lg tw-p-4 tw-shadow-gray-600 tw-bg-warning-light tw-border-l-4 tw-border-warning-regular tw-max-w-[350px]",children:[e.jsxs("p",{className:"tw-text-xl tw-font-bold tw-text-warning-regular",children:["Pausar tarea: ",e.jsx("span",{className:"tw-font-normal",children:t})]}),e.jsxs("div",{className:"tw-my-5 tw-flex tw-flex-col tw-gap-l",children:[e.jsxs("div",{className:"tw-relative",children:[e.jsx("p",{className:"tw-text-xl tw-font-normal tw-text-warning-regular",children:"Seleccione la razón por la cual se realizará la pausa"}),e.jsxs("div",{onBlur:()=>u(!1),onClick:()=>u(!p),className:`tw-w-full tw-bg-bg-card ${d?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${d?"tw-text-danger-regular":l?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(l==null?void 0:l.name)??"Selecciona una razón"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:d?m.danger.regular:m.texts.placeholder})]}),p&&e.jsx("div",{className:"absolute w-full tw-shadow-md tw-rounded-lg",children:e.jsx(ie,{onselect:x=>{i(x),u(!1)},options:j==null?void 0:j.data.map(x=>({id:x.id,name:x.motivo_imj}))})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-w-full",children:[e.jsx("button",{onClick:()=>{r(),i(null)},className:"tw-bg-danger-light tw-px-l tw-py-s tw-border-2 tw-border-danger-medium tw-rounded-md tw-w-full tw-text-danger-dark tw-font-bold hover:tw-border-danger-regular",children:"Cancelar"}),e.jsx("button",{onClick:g,className:"tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular",children:"Pausar"})]})]})]})}),document.body)},pt=({id:s,task:t,endDate:n,users:r,willBePaused:a,nameProject:l,comments:i,priority:d,difficulty:o,responsible:p,nameRequiredTask:u,statusRequiredTask:j,status:g,repeatsToDo:x,repeats:b,medioName:N})=>{var E,k,z,Q,X,Z;const[v,_]=w.useState(!1),[C,S]=w.useState(!1),{reasignResponsible:f,updateUnitys:h}=ee(),{getOBPUrlApi:F}=I(),[D,U]=w.useState(b??0),K=!!(x&&b===x),M=!x||x===1,c=g===0,T=()=>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:[g<2&&(K||M||c)&&e.jsx(qe,{id:s,nameRequiredTask:u??"",statusRequiredTask:j??0,status:g}),e.jsx("p",{className:"tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",onClick:()=>_(!0),children:t})]}),(K||M||c)&&e.jsx(Ae,{id:s,nameRequiredTask:u,status:g,statusRequiredTask:j})]}),A={0:{title:"N/A",color:m.texts.placeholder},1:{title:"Baja",color:m.primary.regular},2:{title:"Media",color:m.success.regular},3:{title:"Alta",color:m.danger.regular}},q={0:{title:"Muy fácil",color:m.primary.regular},1:{title:"Fácil",color:m.success.regular},2:{title:"Media",color:m.warning.regular},3:{title:"Difícil",color:m.danger.regular},4:{title:"Muy difícil",color:m.danger.dark}},B=R=>{U(Y=>R==="minus"?Math.max(0,Y-1):Math.min(x,Y+1))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[e.jsx(T,{}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:l}),N&&e.jsx("p",{className:"tw-text-xl",children:N})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[e.jsx(Ee,{responsible:p,users:r.filter(R=>p?R.id===p:!0).map(R=>ce(R,F())),onClick:async(R,Y)=>{await f({idNewResponsible:R,id:s,typeOfSelect:Y})}}),a&&e.jsx(y.Tooltip,{dispatch:e.jsx("button",{disabled:!0,onClick:()=>S(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:e.jsx(y.Icons,{icon:"pause",size:"s",strokeWidth:2})}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"En camino..."})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:(E=q[o??0])==null?void 0:E.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(k=q[o??0])==null?void 0:k.color},children:`Dificultad ${(z=q[o??0])==null?void 0:z.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(Q=A[d??0])==null?void 0:Q.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(X=A[d??0])==null?void 0:X.color},children:`Prioridad: ${(Z=A[d??0])==null?void 0:Z.title}`})}),!x||x&&g===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${oe(n.getMonth()).slice(0,3)}`})]})]}),g===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:()=>B("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${D??0} / ${x??0}`}),e.jsx("button",{onClick:()=>B("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("button",{className:"tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",onClick:()=>{h({repeats:D,id:s})},children:"Agregar"})]})]})]}),i>0&&e.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:e.jsxs("button",{onClick:()=>_(!0),className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"comment",size:"xs",strokeWidth:4}),e.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:i})]})})]}),e.jsx(wt,{taskId:s,isOpen:v,setIsOpen:_}),e.jsx(mt,{id:s,task:t,isActive:C,closeModal:()=>S(!1)})]})},gt=()=>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"})]})]}),ae=({title:s,tasks:t,loadNextPage:n,isFetching:r,total:a})=>{const l=w.useRef(null),i=w.useRef(null),d=w.useRef(!1);w.useEffect(()=>{var u;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((u=l==null?void 0:l.current)==null?void 0:u.clientHeight)-300}px`)},[l==null?void 0:l.current]);const o=u=>{if(d.current)return;const{scrollTop:j,clientHeight:g,scrollHeight:x}=u==null?void 0:u.target,b=j/(x-g)*100;b<=95||b>=95&&(d.current=!0,n&&n(),setTimeout(()=>{d.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return e.jsxs("div",{ref:l,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-pb-[200px] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[s]}`,children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsx("p",{className:"tw-text-2xl",children:s})}),e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-[4px]",children:[e.jsx(y.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:m.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:a??0})]})})]}),e.jsxs("div",{ref:i,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",onScroll:o,children:[t==null?void 0:t.map(u=>e.jsx(pt,{...u},u.id)),r?e.jsx(gt,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},ht=()=>{var a;const{defineFields:s}=$(),{tasksProject:t}=V();w.useEffect(()=>{(async()=>{let i=[...Je];s(i)})()},[]);let n=(a=t==null?void 0:t.data)==null?void 0:a.filter(l=>{var i;return((i=l==null?void 0:l.tasks)==null?void 0:i.length)===0}).reduce((l,i)=>(l[i.status]=l[i.status]||[],l[i.status].push(i),l),{});const r=["Por hacer","Trabajando","Completadas"];return e.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:r.map((l,i)=>{var d;return e.jsx(ae,{total:((d=n==null?void 0:n[i])==null?void 0:d.length)??0,title:l,tasks:(n==null?void 0:n[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class ft{static toKanbanTasks(t){var r,a,l,i,d,o,p,u,j,g,x;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(b=>{var N,v,_,C;n!=null&&n.find(S=>S.id===b.idUser.id)||b.idUser&&n.push({id:b.idUser.id,name:b.idUser.nombre,image:(C=(_=(v=(N=b==null?void 0:b.userOBP)==null?void 0:N.imagen)==null?void 0:v.formats)==null?void 0:_.thumbnail)==null?void 0:C.url})}),{repeats:t==null?void 0:t.repeticiones_realizadas,repeatsToDo:t==null?void 0:t.repeticiones,comments:0,nameProject:(p=t==null?void 0:t.proyecto)==null?void 0:p.nombre,idProject:(u=t==null?void 0:t.proyecto)==null?void 0:u.id,willBePaused:t.es_pausable,difficulty:t.nivel_dificultad,endDate:new Date(t.ffin),id:t.id,priority:t.prioridad??0,status:t.estatus,task:t.texto_corto,users:n,responsible:((j=t==null?void 0:t.responsable)==null?void 0:j.id)??null,statusRequiredTask:((g=t.id_t_requerida)==null?void 0:g.estatus)??null,nameRequiredTask:((x=t.id_t_requerida)==null?void 0:x.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const we=async({filters:s,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:s})).data.tareas.map(W).map(ft.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},de=s=>{var t;if(s!=null&&s.hasNextPage){const n=(t=s==null?void 0:s.data)==null?void 0:t.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},G=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),bt=()=>{var p;const s=P.useQueryClient(),{tasks_api:t}=I(),{user:n}=H(),{filters:r}=$(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),o=P.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:u})=>we({filters:{...i,status:"por_hacer",...G(u)},tasks_api:t,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,j)=>j.length+1});return w.useEffect(()=>{var u;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((u=r==null?void 0:r.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const j=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...G(1),tasks_api:t,justCount:!0}});l(j.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:a}},jt=()=>{var r,a;const{toDoTasks:s,total:t}=bt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},yt=()=>{var p;const s=P.useQueryClient(),{tasks_api:t}=I(),{user:n}=H(),{filters:r}=$(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=P.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:u})=>we({filters:{...i,status:"trabajando",...G(u)},tasks_api:t,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,j)=>j.length+1});return w.useEffect(()=>{var u;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((u=r==null?void 0:r.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"trabajando"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const j=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...G(1),tasks_api:t,justCount:!0}});l(j.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:a}},vt=()=>{var r,a;const{workingTasks:s,total:t}=yt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching})},Nt=()=>{var p;const s=P.useQueryClient(),{user:t}=H(),{tasks_api:n}=I(),{filters:r}=$(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:t.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=P.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:u})=>we({filters:{...i,status:"completadas",...G(u)},tasks_api:n,page:u}),staleTime:1e3*60*60*24,getNextPageParam:(u,j)=>j.length+1});return w.useEffect(()=>{var u;Object.keys(r).length>0&&d({...r,owner:{user:t.id,config:((u=r==null?void 0:r.owner)==null?void 0:u.config)??"yo_y_mis_equipos"},status:"completadas"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const j=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...G(1),justCount:!0,tasks_api:n}});l(j.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:a}},_t=()=>{var r,a;const{doneTasks:s,total:t}=Nt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{title:"Completadas",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,total:t})};class te{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const Ct=()=>{const{tasks_api:s}=I(),{filters:t}=$(),{user:n}=H();return{getSalesmanAndProjects:async()=>{var o;const[i,d]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...t,owner:{user:n==null?void 0:n.id,config:((o=t==null?void 0:t.owner)==null?void 0:o.config)??"yo_y_mis_equipos"},justProjects:!0}})]);return{salesmanUsers:i.data.map(te.toSalesmanUsers),projects:d.data.map(te.toSalesmanUsers)}},getProjects:async()=>{var d;return(await s.get("/api/listado_tareas",{params:{...t,owner:{user:n.id,config:((d=t==null?void 0:t.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(te.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)}},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 campaña",type:"select",id:"project.id",options:[]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por ejecutivo comercial",type:"select",id:"salesman.id",options:[]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],ve=[{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:[]}],St=()=>{const{defineFields:s}=$(),{getSalesmanAndProjects:t}=Ct();return w.useEffect(()=>{(async()=>{let r=[...Ft],{salesmanUsers:a,projects:l}=await t();s(r.map(i=>(i.id==="project.id"&&(i.options=l),i.id==="salesman.id"&&(i.options=a),i)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(jt,{}),e.jsx(vt,{}),e.jsx(_t,{})]})},ke=w.createContext({}),Tt=({children:s})=>{const[t,n]=w.useState([]);w.useEffect(()=>{console.log({selectedTasks:t})},[t]);const r=a=>{n(l=>l.includes(a)?l.filter(i=>i!==a):[...l,a])};return e.jsx(ke.Provider,{value:{selectedTasks:t,selectTask:r},children:s})},Pt=()=>w.useContext(ke),Ie=()=>{const s=()=>e.jsxs("div",{className:"tw-w-full tw-flex tw-gap-m",children:[e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"})]});return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]}),e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]})]})},De=({startDate:s,endDate:t})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(s)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.texts.DEFAULT}),e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(t)]})]})]}),qt=({id:s})=>e.jsx(e.Fragment,{children:e.jsx("button",{onClick:()=>alert("pausar tarea "+s),children:e.jsx(y.Icons,{icon:"pause",size:"xs",strokeWidth:4,color:m.texts.subtext})})}),Me=({id:s,priority:t,difficulty:n,endDate:r})=>{var i,d;const a={0:{title:"N/A",color:m.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:m.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:m.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular"}};return e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:m.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[n??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[n??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[n??0].color},children:l[n??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((d=a[t??0])==null?void 0:d.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:a[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:a[t??0].color},children:a[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${oe(r.getMonth()).slice(0,3)}`})]})]})},Et=({id:s})=>{const{selectedTasks:t,selectTask:n}=Pt();return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"tw-cursor-pointer tw-w-[20px] tw-h-[20px] tw-border-2 tw-border-gray-200 tw-rounded-md tw-flex tw-justify-center tw-items-center",htmlFor:s.toString(),children:e.jsx("span",{className:`${t.includes(s)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(y.Icons,{icon:"check_outline",size:"xs",color:m.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},$e=({task:s})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:s}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:s})}),At=({id:s})=>{var l,i;const{tasksProject:t}=V(),{reasignResponsible:n}=ee(),{getOBPUrlApi:r}=I(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(d=>d.id===s);return e.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:e.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(a!=null&&a.nameRequiredTask)||(a==null?void 0:a.nameRequiredTask)!==""&&(a==null?void 0:a.statusRequiredTask)===2&&e.jsx(Et,{id:s}),e.jsx(qe,{id:s,nameRequiredTask:(a==null?void 0:a.nameRequiredTask)??"",status:a==null?void 0:a.status,statusRequiredTask:(a==null?void 0:a.statusRequiredTask)??0},s),(a==null?void 0:a.willBePaused)&&e.jsx(qt,{id:s}),e.jsx(Ee,{onClick:async(d,o)=>{var p;await n({idNewResponsible:(p=d==null?void 0:d.tasksUser)==null?void 0:p.id,id:s,typeOfSelect:o})},responsible:a==null?void 0:a.responsible,users:((i=a==null?void 0:a.users)==null?void 0:i.map(d=>ce(d,r())))??[]}),e.jsx($e,{task:(a==null?void 0:a.task)??""}),e.jsx(Me,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(De,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsx(Ae,{id:s,nameRequiredTask:a.nameRequiredTask,status:a.status,statusRequiredTask:a.statusRequiredTask})]})})},Be=({id:s})=>{var l,i,d,o,p,u,j;const{tasksProject:t,openTasks:n,openTask:r}=V(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(g=>g.id===s);return a?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>r(s),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:m.texts.subtext})}),e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-xl tw-text-primary",children:((i=a==null?void 0:a.tasks)==null?void 0:i.length)===0?1:(d=a==null?void 0:a.tasks)==null?void 0:d.length})}),e.jsx($e,{task:(a==null?void 0:a.task)??""}),e.jsx(Me,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(De,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=a==null?void 0:a.tasks)==null?void 0:o.length)===0?1:(p=a==null?void 0:a.tasks)==null?void 0:p.length})]})]}),n.includes(s)&&e.jsx("div",{className:"tw-ml-[30px]",children:((u=a==null?void 0:a.tasks)==null?void 0:u.length)>0?(j=a==null?void 0:a.tasks)==null?void 0:j.map(g=>e.jsx(Be,{id:g==null?void 0:g.id})):e.jsx(At,{id:a==null?void 0:a.id})})]}):null},kt=()=>{var r;const{tasksProject:s,projectID:t}=V();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return e.jsx(Ie,{});let n=[...(r=s==null?void 0:s.data)==null?void 0:r.filter(a=>a.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(Tt,{project:t,children:n==null?void 0:n.sort((a,l)=>a.orden-l.orden).map(a=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ",children:e.jsx(Be,{id:a.id})}))})})},It=({setPath:s,setProject:t})=>{const[n,r]=w.useState([]),[a,l]=w.useState(!0),[i,d]=w.useState(0),[o,p]=w.useState(10),[u,j]=w.useState(0),[g,x]=w.useState("nombre"),{filters:b,defineFields:N}=$(),{tasks_api:v,getImageOBP:_}=I(),{user:C}=H(),S=async(c,T)=>{var A,q,B;try{l(!0);const E={filters:{search:(b==null?void 0:b.taskName)??"",responsable:{idUser:C.id,responsableType:(A=b==null?void 0:b.responsable)==null?void 0:A.responsableType},ejecutivo:(b==null?void 0:b.ejecutivo)??""}},k=await v.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:T},orderBy:g,...E}}),z=W(k==null?void 0:k.data);r(z),j((B=(q=k==null?void 0:k.data)==null?void 0:q.meta)==null?void 0:B.total)}catch(E){console.error("Error fetching data en Lista Campaña:",E)}finally{l(!1)}},f=async()=>{try{const c=await v.get("/api/obtener-comerciales");return[...ve].map(A=>(A.id==="ejecutivo"&&(A.options=c.data.map(q=>({id:q.nombre,name:q.nombre}))),A))}catch(c){return console.error("Error fetching salesman data:",c),[...ve]}};w.useEffect(()=>{(async()=>{const T=await f();N(T)})()},[]),w.useEffect(()=>{const c=Math.floor(i/o)+1;S(c,o)},[i,o,g,b]);const h=c=>{d(c.first),p(c.rows)},F=[{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=c=>{const T=parseInt(c.target.value,10);p(T),h({first:0,rows:T})},U=c=>{x(T=>T===c?`${c}:desc`:c)},K=c=>g===c?"↑↓":g===`${c}:desc`?"↓↑":"↑↓",M=c=>({padding:"auto",backgroundColor:m.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?m.gray.gray_regular:m.gray.gray_dark}`,color:c?m.gray.gray_regular:m.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return e.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:m.bg.content,height:"calc(100vh - 200px)",display:"flex",flexDirection:"column"},children:a?e.jsx("div",{className:"tw-w-full",children:e.jsx(Ie,{})}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[e.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:e.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:m.gray.gray_regular},children:[e.jsx("th",{onClick:()=>U("nombre"),style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx("label",{className:"tw-text-s",style:{color:m.gray.gray_dark},children:K("nombre")}),"Campaña"]})}),e.jsx("th",{onClick:()=>U("inicia"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:e.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:m.gray.gray_dark},children:[K("inicia"),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{style:{color:m.gray.gray_dark},children:"Fecha Inicio"})]})})}),e.jsx("th",{onClick:()=>U("termina"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:K("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Status"}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Responsable"})]})}),e.jsx("tbody",{children:n==null?void 0:n.map((c,T)=>{var A,q,B,E,k,z,Q,X,Z,R,Y,ue,xe,me,pe,ge,he,fe;return e.jsxs("tr",{style:{background:T%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{t({id:c==null?void 0:c.id,project:c==null?void 0:c.nombre}),s("kanban-campania")},onMouseEnter:re=>{re.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:re=>{re.currentTarget.style.backgroundColor=T%2===0?"#F5F5F5":"#FAFAFA"},children:[e.jsx("td",{className:"tw-text-s",children:(A=c==null?void 0:c.campania)==null?void 0:A.nombre}),e.jsx("td",{className:"tw-text-s",children:(q=c==null?void 0:c.campania)==null?void 0:q.inicia}),e.jsx("td",{className:"tw-text-s",children:(B=c==null?void 0:c.campania)==null?void 0:B.termina}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[c==null?void 0:c.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?m.progressbar.green_regular:c.progreso>50?m.progressbar.blue_regular:c.progreso>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[e.jsx(L,{imageUrl:(X=(Q=(z=(k=(E=c==null?void 0:c.campania)==null?void 0:E.responsable)==null?void 0:k.imagen)==null?void 0:z.formats)==null?void 0:Q.thumbnail)!=null&&X.url?_((xe=(ue=(Y=(R=(Z=c==null?void 0:c.campania)==null?void 0:Z.responsable)==null?void 0:R.imagen)==null?void 0:Y.formats)==null?void 0:ue.thumbnail)==null?void 0:xe.url):"",alt:(ge=(pe=(me=c==null?void 0:c.campania)==null?void 0:me.responsable)==null?void 0:pe.nombre)==null?void 0:ge.charAt(0)}),e.jsx("span",{className:"tw-ml-4 tw-text-s",children:(fe=(he=c==null?void 0:c.campania)==null?void 0:he.responsable)==null?void 0:fe.nombre})]})})]},T)})})]})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",style:{background:m.silver.silver_light},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",color:m.black.black_dark},className:"tw-text-s tw-whitespace-nowrap",children:[n.length," elementos de ",u]}),e.jsx(Re.Paginator,{first:i,rows:o,totalRecords:u,rowsPerPageOptions:[5,10,20,50],onPageChange:h,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:M(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:M(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:M(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:M(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>e.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:e.jsx("button",{onClick:T=>c.onClick(T),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...M(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":m.silver.silver_light,color:m.black.black_dark},children:c.page})})}}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),e.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${m.gray.gray_dark}`,borderRadius:"4px"},value:o,onChange:c=>D(c),children:F.map(c=>e.jsx("option",{value:c.value,className:"tw-text-s",style:{color:m.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},Dt=({path:s,tab:t,setPath:n,project:r,setProject:a})=>{const l={"kanban-general":{kanban:e.jsx(St,{})},"lista-campanias":{lista:e.jsx(It,{setPath:n,setProject:a}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(ht,{}),lista:e.jsx(kt,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?e.jsx(Ze,{project:r==null?void 0:r.id,children:l[s][t]}):l[s][t]},Mt=({path:s})=>{const t=()=>{const{selectPath:n,updateFilters:r,applyFilters:a,filters:l}=$(),[i,d]=w.useState("kanban"),[o,p]=w.useState(s),[u,j]=w.useState({id:1704,project:"Kanban de Campania"}),[g,x]=w.useState((l==null?void 0:l.taskName)??""),[b,N]=w.useState(""),v=w.useRef(null);w.useEffect(()=>{d(o==="lista-campanias"?"lista":"kanban"),n(o)},[s,o]),w.useEffect(()=>{(g==null?void 0:g.trim())===""&&r({name:"taskName",value:null}),a()},[b]),w.useEffect(()=>{x((l==null?void 0:l.taskName)??"")},[l==null?void 0:l.taskName]);const _=h=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${u.project}`})[h],C=h=>{p(h)},S=["lista-campanias","kanban-campania"],f={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]};return e.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[e.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[e.jsxs("div",{className:"tw-flex tw-gap-xl",children:[o==="kanban-campania"&&e.jsx("button",{onClick:()=>C("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:e.jsx(y.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:_(o)}),S.includes(o)&&e.jsx(Ue,{tabs:f[o],renderItem:h=>{d(h)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:h=>{x(h.target.value),Fe(()=>{r({name:"taskName",value:h.target.value.trim()}),N(h.target.value)},1e3)()},type:"text",placeholder:"Buscar",value:g,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),e.jsx(Ke,{filterChildren:v,children:e.jsx("div",{ref:v,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(We,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%]",children:e.jsx(Dt,{path:o,tab:i,setPath:C,project:u,setProject:j})})]})};return e.jsx(Qe,{children:e.jsx(t,{})})},$t=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Bt=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"No encontramos tu acceso"}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"por favor, contacta al administrador"})]})})}),zt=({path:s,user:t,url:n,mode:r})=>{const a=new P.QueryClient;if(!t)return e.jsx($t,{});if(!t.accessToken)return e.jsx(Bt,{});let l={user:t,url:n,mode:r};return e.jsx(e.Fragment,{children:e.jsx(Xe,{...l,children:e.jsx(Ge,{...l,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(P.QueryClientProvider,{client:a,children:[e.jsx(Mt,{path:s})," "]})})})})})};exports.AppTasks=zt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@imj_media/imj-ui/styles.css");const q=require("@tanstack/react-query"),w=require("react"),y=require("@imj_media/tasks-modules"),J=require("react-dom"),ve=require("axios"),_e=require("qs"),se=require("date-fns"),ne=require("date-fns/locale"),O=require("@imj_media/imj-ui"),Be=require("react-hook-form"),ze=require("primereact/paginator"),m={bg:{DEFAULT:"#EFEFEF",content:"#FAFAFA",card:"#FAFAFA"},texts:{DEFAULT:"#252525",enfasis:"#3658c1",subtext:"#4f4f4f",placeholder:"#929292"},primary:{light:"#E7E9F2",medium:"#dae2ec",dark:"#334990",regular:"#425CAC",pastel:"#5c7ddd"},success:{light:"#368156",medium:"#D2E9DC",dark:"#368156",regular:"#43B071",pastel:"#57BA81"},danger:{light:"#F1E5E4",medium:"#EBDBD9",dark:"#8C352C",regular:"#C34335",pastel:"#C43355"},warning:{light:"#F2ECE5",medium:"#EBE3D9",dark:"#B4782F",regular:"#D38A31",pastel:"#D38A31"},alert:{light:"#F1F1E4",medium:"#EAE9D9",dark:"#ADA63A",regular:"#D6CC48",pastel:"#D6CC48"},info:{light:"#E7F5FF",medium:"#D9E6EE",dark:"#1C5073",regular:"#1B6698",pastel:"#1B6698"},link:{light:"#ECF8FE",medium:"#D8F1FD",dark:"#0A7AAE",regular:"#0EA5E9",pastel:"#0EA5E9"},silver:{silver_white:" #FAFAFA",silver_light:" #F5F5F5",silver_dark:" #E9E9E9",silver_regular:"#EFEFEF"},progressbar:{orange_regular:"#DC8921",blue_regular:"#3658C1",green_regular:"#039B59"},gray:{gray_light:"#D9D9D9",gray_regular:"#D1D1D1",gray_dark:"#C4C4C4"},black:{black_light:"#929292",black_medium:"#4F4F4F",black_dark:"#131313",black_regular:"#252525"}},le=()=>{const[s,t]=w.useState(null);return{position:s,setElementPosition:l=>{var p;let i=(p=l.current)==null?void 0:p.getBoundingClientRect(),d=(i==null?void 0:i.x)+((i==null?void 0:i.width)??0),o=(i==null?void 0:i.y)+(i==null?void 0:i.height);t(s?null:{x:d??0,y:o??0})},getChildrenSize:l=>{var i;return(i=l.current)==null?void 0:i.getBoundingClientRect()},clearPosition:()=>{t(null)}}},Re=({children:s,filterChildren:t})=>{const{position:n,setElementPosition:r}=le(),a=w.useRef(null),l=({children:i})=>{const[d,o]=w.useState();return w.useEffect(()=>{var p,x;t.current&&o(((n==null?void 0:n.x)??0)-(((x=(p=t.current)==null?void 0:p.getBoundingClientRect())==null?void 0:x.width)??0))},[t==null?void 0:t.current,n==null?void 0:n.x]),n&&J.createPortal(e.jsx("div",{className:`tw-absolute tw-w-fit tw-h-fit ${d?"tw-block":"tw-hidden"}`,style:{top:`${n==null?void 0:n.y}px`,left:`${d}px`,zIndex:1},"data-portal-host":!0,children:i}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs("label",{ref:a,htmlFor:"filter-button",className:"tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",children:[e.jsx(y.Icons,{icon:"filter",size:"xs",strokeWidth:5,color:m.primary.regular}),"Filtrar"]}),e.jsx("button",{className:"tw-hidden",id:"filter-button",onClick:()=>{r(a)}}),e.jsx(l,{children:s})]})},be=s=>{let t={};return Object.entries(s).forEach(([n,r])=>{if(n.includes(".")){let[a,l]=n.split(".");t[a]=t[a]||{},t[a][l]=r}else t[n]=r}),t},Ce=w.createContext({}),Le=({children:s})=>{const[t,n]=w.useState({}),[r,a]=w.useState({}),[l,i]=w.useState([]),[d,o]=w.useState(""),p=({name:h,value:u})=>{function g(N){return!isNaN(N)&&N!==null&&N!==""?parseFloat(N):null}let v=g(u);a(N=>{let _={...N},F=l==null?void 0:l.find(T=>T.label.toLowerCase().replace(/ /g,"_")===h);return F?_[F.id]=v??u:_[h]=v??u,_})};w.useEffect(()=>{let h=l.map(u=>u.id==="owner.config"?[u.id,"yo_y_mis_equipos"]:u.id==="dependency"?[u.id,"ambas"]:[u.id,null]);a(u=>{let g={search:u==null?void 0:u.search,taskName:u==null?void 0:u.taskName};return g={...g,...Object.fromEntries(h)},g})},[l]);const x=()=>{let h=l.map(u=>u.id==="owner.config"?[u.id,"yo_y_mis_equipos"]:u.id==="dependency"?[u.id,"ambas"]:[u.id,null]);a(Object.fromEntries(h)),n(be(Object.fromEntries(h)))},b=()=>{let h=be(r);n(h)};return e.jsx(Ce.Provider,{value:{fields:l,filters:t,path:d,defineFields:i,updateFilters:p,cleanFilters:x,applyFilters:b,initialFilters:r,selectPath:o},children:s})},z=()=>w.useContext(Ce);function Ue(s,t=300,n={leading:!1,trailing:!0}){let r,a=null;return function(...l){const i=Date.now(),d=n.leading&&!a;clearTimeout(r),d&&s(...l),a=i,r=setTimeout(()=>{n.trailing&&(!n.leading||i-a>=t)&&(s(...l),a=null)},t)}}const K=({imageUrl:s="https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",alt:t="avatar",size:n="s"})=>{const r={xs:"tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",s:"tw-w-[28px] tw-h-[28px] tw-min-w-[28px] tw-min-h-[28px]",m:"tw-w-[32px] tw-h-[32px] tw-min-w-[32px] tw-min-h-[32px]",l:"tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",xl:"tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",xxl:"tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"}[n];return e.jsx("img",{src:s===""?"https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png":s,alt:t??"avatar",className:`${r} tw-rounded-full tw-bg-containers tw-border-2 tw-border-white`})},ie=({options:s,onselect:t})=>{const[n,r]=w.useState(null),a=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),l=[...s].filter(i=>i.name.toLowerCase().includes((n==null?void 0:n.toLowerCase())??""));return e.jsxs("div",{className:"tw-h-fit tw-w-full tw-min-w-max",children:[e.jsxs("div",{className:"tw-relative tw-flex tw-items-center",children:[e.jsx("input",{id:a,value:n??"",onChange:i=>r(i.target.value),type:"text",className:"tw-w-full tw-h-[32px] tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2",placeholder:"Buscar"}),e.jsx("div",{className:"tw-absolute tw-right-[8px]",children:e.jsx(y.Icons,{icon:"search",size:"xs",strokeWidth:3})})]}),e.jsx("div",{className:"tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max",children:l.map(i=>e.jsxs("button",{onClick:()=>{t(i)},className:"tw-flex tw-gap-s tw-items-center tw-max-w-[200px] tw-min-w-full hover:tw-bg-primary-light tw-cursor-pointer",children:[i.image&&e.jsx(K,{imageUrl:i.image,alt:i.name}),e.jsx("p",{className:"tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate",children:i.name})]}))})]})},Ke=({error:s,options:t,onSelect:n,initialValue:r})=>{const[a,l]=w.useState(!1),[i,d]=w.useState((r==null?void 0:r.name)??null);return w.useEffect(()=>{r&&d(r)},[r]),e.jsxs("div",{className:"tw-relative",children:[e.jsxs("div",{onBlur:()=>l(!1),onClick:()=>l(!a),className:`tw-z-[1] tw-cursor-pointer tw-w-full tw-bg-bg-card ${s?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${s?"tw-text-danger-regular":i?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(i==null?void 0:i.name)??"Selecciona una opción"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:s?m.danger.regular:m.texts.placeholder})]}),a&&e.jsx("div",{className:"absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]",children:e.jsx(ie,{onselect:o=>{d(o),l(!1),n&&n(o)},options:t})})]})},Qe=()=>{const{fields:s,updateFilters:t,cleanFilters:n,applyFilters:r,initialFilters:a}=z();return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]",children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("p",{className:"tw-text-texts tw-text-2xl",children:"Filtros"}),e.jsx("button",{className:"tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",onClick:n,children:"Limpiar"})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:s==null?void 0:s.map((l,i)=>{var d;return e.jsxs("div",{style:{zIndex:10-i},children:[e.jsx("p",{className:"tw-text-xl z-[1]",children:l.label}),(l==null?void 0:l.type)==="select"?e.jsx("div",{className:"tw-relative tw-z-[10]",children:e.jsx(Ke,{error:!1,options:l==null?void 0:l.options,onSelect:o=>{t({name:l==null?void 0:l.id,value:o==null?void 0:o.id})},initialValue:(d=l==null?void 0:l.options)==null?void 0:d.find(o=>o.id===(a==null?void 0:a[l==null?void 0:l.id]))})}):e.jsx("input",{className:"tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",type:l.type,value:a==null?void 0:a[l==null?void 0:l.id],name:l.label.toLowerCase().replace(/ /g,"_"),onChange:Ue(o=>{var p,x;return t({name:(p=o==null?void 0:o.target)==null?void 0:p.name,value:(x=o==null?void 0:o.target)==null?void 0:x.value})},1e3)})]},i)})}),e.jsx("button",{className:"tw-bg-primary-regular hover:tw-bg-primary-dark tw-text-white tw-rounded-md tw-py-s tw-text-xl",onClick:r,children:"Filtrar"})]})},W=s=>{const t=r=>Object.prototype.toString.call(r)==="[object Object]",n=r=>r.attributes?{id:r.id,...r.attributes}:r;if(Array.isArray(s))return s.map(r=>W(r));if(t(s)){Array.isArray(s.data)?s=[...s.data]:t(s.data)?s=n({...s.data}):s.data===null?s=null:s=n(s);for(const r in s)s[r]=W(s[r]);return s}return s};class Oe{static toCampaignTasks(t){var r,a,l,i,d,o,p,x,b,h,u,g;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(v=>{var N,_,F,T;n!=null&&n.find(f=>f.id===v.idUser.id)||v.idUser&&n.push({id:v.idUser.id,name:v.idUser.nombre,image:(T=(F=(_=(N=v==null?void 0:v.userOBP)==null?void 0:N.imagen)==null?void 0:_.formats)==null?void 0:F.thumbnail)==null?void 0:T.url})}),{isPrincipalTask:(t==null?void 0:t.tarea_principal)??!1,projectName:((p=t==null?void 0:t.proyecto)==null?void 0:p.nombre)??null,orden:(t==null?void 0:t.orden)??null,id:(t==null?void 0:t.id)??null,task:(t==null?void 0:t.texto_corto)??null,status:(t==null?void 0:t.estatus)??null,difficulty:(t==null?void 0:t.nivel_dificultad)??null,priority:(t==null?void 0:t.prioridad)??0,endDate:new Date((t==null?void 0:t.ffin)??null),startDate:new Date((t==null?void 0:t.finicio)??null),mediumName:(t==null?void 0:t.nombre_medio)??null,users:n,repeatsToDo:(t==null?void 0:t.repeticiones)??null,repeats:(t==null?void 0:t.repeticiones_realizadas)??null,comments:((x=t==null?void 0:t.comentarios)==null?void 0:x.length)??null,willBePaused:t==null?void 0:t.es_pausable,statusRequiredTask:((b=t==null?void 0:t.id_t_requerida)==null?void 0:b.estatus)??null,nameRequiredTask:((h=t==null?void 0:t.id_t_requerida)==null?void 0:h.texto_corto)??null,responsible:((u=t==null?void 0:t.responsable)==null?void 0:u.id)??null,tasks:((g=t==null?void 0:t.tareas)==null?void 0:g.map(v=>({id:v.id,name:v.texto_corto,status:v.estatus})))??null}}}const We=async({filters:s,tasks_api:t,project:n})=>{try{const r=await t.get("/api/listado_tareas_flujo",{params:{...s,project:{id:n},includeAllTasks:!0}});return W(r.data.tareas).map(Oe.toCampaignTasks)}catch(r){console.log(r)}},Fe=w.createContext({}),He=({children:s,user:t,url:n,mode:r})=>{const a=r==="prod"?"https://services.imjmedia.com.mx":"https://devobp.imjmedia.com.mx",l=ve.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:o=>_e.stringify(o,{encodeValuesOnly:!0})}),i=()=>a,d=o=>o==="undefined"?"":`${a}${o}`;return e.jsx(Fe.Provider,{value:{tasks_api:l,getOBPUrlApi:i,getImageOBP:d},children:s})},D=()=>w.useContext(Fe),Se=w.createContext({}),Ye=({children:s,user:t,url:n})=>{const r=ve.create({baseURL:n,headers:{Authorization:`Bearer ${t.accessToken}`},paramsSerializer:a=>_e.stringify(a,{encodeValuesOnly:!0})});return e.jsx(Se.Provider,{value:{user:t,tasks_api:r},children:s})},H=()=>w.useContext(Se),Te=w.createContext({}),Ge=({children:s,project:t})=>{var N;const n=q.useQueryClient(),[r,a]=w.useState([]),[l,i]=w.useState([]),{tasks_api:d}=D(),{filters:o}=z(),{user:p}=H(),[x,b]=w.useState({owner:{user:p.id,config:((N=o==null?void 0:o.owner)==null?void 0:N.config)??"yo_y_mis_equipos"},project:{id:t}}),h=q.useQuery({queryKey:["tasksProject",o,t],queryFn:()=>We({filters:{...x,taskName:o==null?void 0:o.taskName},project:t,tasks_api:d})});w.useEffect(()=>{var _;Object.keys(o).length>0&&b({...o,owner:{user:p.id,config:((_=o==null?void 0:o.owner)==null?void 0:_.config)??"yo_y_mis_equipos"},project:{id:t}})},[o]),w.useEffect(()=>{console.log("entraaaaa kanabn",o,x),n.invalidateQueries({queryKey:["tasksProject",o,t]})},[x]);const u=_=>{a(F=>[...F,_])},g=_=>{i(F=>F.includes(_)?F.filter(T=>T!==_):[...F,_])},v=t??null;return e.jsx(Te.Provider,{value:{tasksProject:h,selectedTasks:r,projectID:v,openTasks:l,selectTask:u,openTask:g},children:s})},V=()=>w.useContext(Te),Xe=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ze=()=>e.jsxs("div",{className:"tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-h-[30px] tw-gap-3",children:[e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"}),e.jsx("div",{className:"tw-w-full tw-h-full tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full"})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]",children:[e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"}),e.jsx("div",{className:"tw-w-full tw-h-[30px] tw-bg-gray-300"})]})]}),ee=()=>{const{tasks_api:s}=D(),{user:t}=H(),{filters:n,path:r}=z(),a=q.useQueryClient(),{projectID:l}=V(),i=async({id:f})=>(await s.put(`/api/tareas/${f}`,{data:{estatus:1,responsable:t==null?void 0:t.id,updated_by:t==null?void 0:t.id}})).data,d=async({id:f})=>(await s.post("/api/terminarTarea",{id_task:f,ended_at:new Date().toISOString(),id_user:t==null?void 0:t.id})).data,o=async({id:f,repeats:j})=>(await s.put(`/api/tareas/${f}`,{data:{repeticiones_realizadas:j,updated_by:t==null?void 0:t.id}})).data,p=async({id:f,idNewResponsible:j,typeOfSelect:S})=>{let C={updated_by:t==null?void 0:t.id};return S==="responsible"&&(C={...C,responsable:j}),S==="team"&&(C={...C,responsable:null,equipo:j}),(await s.put(`/api/tareas/${f}`,{data:C})).data},x=async({id:f,data:j,user:S})=>{},b=async({id:f})=>{await h({id:f})},{mutateAsync:h}=q.useMutation({mutationFn:i,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error updating the element:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:u}=q.useMutation({mutationFn:d,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{a.setQueryData([f[r],n],j=>{console.log({oldData:j})}),r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:g}=q.useMutation({mutationFn:o,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to update the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}}),{mutateAsync:v}=q.useMutation({mutationFn:p,onSuccess:()=>{const f={"kanban-general":"to_do_tasks","kanban-campania":"tasksProject"};try{r==="kanban-general"&&(a.invalidateQueries({queryKey:[f[r],n]}),a.invalidateQueries({queryKey:["done_tasks",n]}),a.invalidateQueries({queryKey:["working_tasks",n]})),r==="kanban-campania"&&(a.invalidateQueries({queryKey:["tasksProject"]}),a.invalidateQueries({queryKey:["tasksProject",n,l]}))}catch(j){console.error("Error invalidating queries:",j)}},onError:f=>{console.error("Failed to reassign the task.",f)},onMutate:async({id:f})=>{await a.cancelQueries({queryKey:["working_tasks"]}),await a.cancelQueries({queryKey:["done_tasks"]}),await a.cancelQueries({queryKey:["to_do_tasks"]})}});return{updateTask:x,startWorking:b,completeTask:async({id:f})=>{await u({id:f})},reasignResponsible:async({id:f,idNewResponsible:j,typeOfSelect:S})=>{await v({id:f,idNewResponsible:j,typeOfSelect:S})},updateUnitys:async({repeats:f,id:j})=>{await g({repeats:f,id:j})},pauseTask:async({id:f,motiveId:j})=>{console.log({taksId:f,motivoId:j,user:t==null?void 0:t.id})}}},Je=({id:s})=>{const[t,n]=w.useState(!1),{completeTask:r}=ee();return{checked:t,checkTask:()=>{n(!t),r({id:s})}}},Pe=({id:s,nameRequiredTask:t,statusRequiredTask:n,status:r})=>{const{checked:a,checkTask:l}=Je({id:s});let i=Math.random().toString();const d=t!==""&&n===2;return e.jsxs(e.Fragment,{children:[r===2&&e.jsx("div",{className:"tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",children:e.jsx(y.Icons,{icon:"circle_checked",color:"white",strokeWidth:4,size:"xs"})}),d||!t?r===1?e.jsx("label",{htmlFor:i,className:a?"tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all":"tw-transition-colors",children:e.jsx(y.Icons,{icon:a?"check_outline":"circle_checked",color:a?"white":m.texts.placeholder,strokeWidth:4,size:a?"xs":"s"})}):e.jsx(e.Fragment,{children:" "}):e.jsx(y.Tooltip,{dispatch:e.jsx("label",{className:"tw-cursor-help",children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),children:e.jsxs("div",{className:"tw-p-l tw-max-w-[400px] tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-s tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:" Requiere completar su tarea requerida: "}),e.jsxs("p",{children:[" ",t," "]})]})}),e.jsx("input",{id:i,checked:a,onChange:l,type:"checkbox",className:"tw-hidden"})]})},je=({trigger:s,user:t,showUser:n=!0})=>e.jsx(y.Tooltip,{dispatch:s,children:n&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:[e.jsx(K,{imageUrl:t.image??"",alt:t.name}),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:t.name})]})});class Ve{static toDomain(t){return{id:t.id,name:t.nombre,color:t.color}}}const et=()=>{const{tasks_api:s}=D();return{teams:q.useQuery({queryKey:["teams","all"],queryFn:async()=>{const n=await s.get("/api/equipos");return W(n.data).map(Ve.toDomain)}})}};class tt{static toUsers(t){var n,r,a;return{id:t.id,name:t.nombre,image:(a=(r=(n=t.imagen)==null?void 0:n.formats)==null?void 0:r.thumbnail)==null?void 0:a.url,tasksUser:{email:t.tasksUser.email,id:t.tasksUser.id,nombre:t.tasksUser.nombre}}}}const st=async({tasks_api:s})=>{try{const t=await s.get("/api/allOBPUsers");return W(t.data).map(tt.toUsers)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},at=()=>{const{tasks_api:s}=D();return{users:q.useQuery({queryKey:["users"],queryFn:()=>st({tasks_api:s}),staleTime:1e3*60*60*24})}},oe=s=>new Intl.DateTimeFormat("es-MX",{month:"long"}).format(s);function rt(s){const t=["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],n=new Date(s).getDay();return t[n]}const ye=s=>{let t=s||new Date,n=t.getDate(),r=oe(t.getMonth()).slice(0,3),a=t.getFullYear().toString().slice(-2),l=rt(t).slice(0,3);return`${l.charAt(0).toUpperCase()+l.slice(1)} ${n} ${r.charAt(0).toUpperCase()+r.slice(1)} ${a}`},ce=(s,t)=>({...s,image:s.image?`${t}${s.image}`:""}),qe=({users:s,onClick:t,responsible:n})=>{const{getOBPUrlApi:r}=D();let a=`button-assign-users-${Math.random().toString(36).substring(2,15)}`;const{setElementPosition:l,position:i,clearPosition:d}=le(),o=w.useRef(null),p=()=>n?null:s.length>3&&e.jsx(y.Tooltip,{dispatch:e.jsx("div",{className:"tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]",children:e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-white ",children:`+${s.length-3}`})}),children:e.jsx("div",{className:"tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers",children:s==null?void 0:s.slice(3).map((u,g)=>e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2 ",children:[e.jsx(K,{imageUrl:u.image??"",alt:u.name},g),e.jsx("p",{className:"tw-text-s tw-font-bold tw-text-texts-subtext",children:u.name})]},g))})}),x=()=>{if(n){let u=s.find(g=>g.id===n);return e.jsx("div",{children:e.jsx(je,{trigger:e.jsx(K,{imageUrl:u==null?void 0:u.image,alt:u==null?void 0:u.name},n),user:u,showUser:!(i!=null&&i.x)})})}return(s==null?void 0:s.length)>0&&s.slice(0,3).map((u,g)=>e.jsx("div",{className:`${g===0?"":"tw-ml-[-8px]"}`,children:e.jsx(je,{trigger:e.jsx(K,{imageUrl:u.image,alt:u.name},g),user:u,showUser:!(i!=null&&i.x)})}))},b=({children:u})=>e.jsx("label",{ref:o,htmlFor:a,className:"tw-cursor-pointer tw-flex tw-items-center",children:u});if(s.length===0)return e.jsx(b,{children:e.jsx(y.Icons,{icon:"user",size:"xs",strokeWidth:3})});const h=()=>{var f;const[u,g]=w.useState(),[v,N]=w.useState("team"),{teams:_}=et(),{users:F}=at();w.useEffect(()=>{var j,S;o.current&&g(((i==null?void 0:i.x)??0)-(((S=(j=o.current)==null?void 0:j.getBoundingClientRect())==null?void 0:S.width)??0))},[o==null?void 0:o.current,i==null?void 0:i.x]);const T=()=>{const j=[{id:"team",label:"Equipo"},{id:"responsible",label:"Responsable"}];return e.jsx("div",{className:"tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold",children:j.map((S,C)=>e.jsx("button",{className:`tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${v===S.id?"tw-text-primary-pastel":""} ${C===j.length-1?"tw-border-r-0":" tw-border-r-2"}`,onClick:()=>N(S.id),children:S.label}))})};return(i==null?void 0:i.x)&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`absolute tw-w-[300px] tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${i==null?void 0:i.y}px`,left:`${u}px`,zIndex:1},children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden",children:[e.jsx(T,{}),e.jsx(ie,{options:v==="team"?_.data.map(j=>({id:j.id,name:j.name,image:""})):(f=F.data)==null?void 0:f.map(j=>ce(j,r())),onselect:j=>{var S;d(),t&&t((S=j.tasksUser)==null?void 0:S.id,v)}})]})}),document.body)};return e.jsxs(e.Fragment,{children:[e.jsxs(b,{children:[x(),p()]}),e.jsx("button",{className:"tw-hidden",id:a,onClick:()=>l(o)}),e.jsx(h,{})]})};function nt({items:s}){var r;const[t,n]=w.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4",children:s.map((a,l)=>e.jsx("div",{className:`tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${l!==0?"tw-px-3":""}`,children:e.jsx(O.Button,{variant:"ghost",onClick:()=>n(a.id),className:`tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${t===a.id?"tw-text-primary tw-border-b tw-border-primary":"tw-text-neutral-400 tw-border-b-0"}`,children:a.label},a.id)},a.id))}),e.jsx("div",{className:"tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white",children:(r=s.find(a=>a.id===t))==null?void 0:r.component})]})}function lt({comment:s}){var a,l,i,d,o;const{getImageOBP:t}=D(),n=(d=(i=(l=(a=s==null?void 0:s.autor)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url;function r(p){const x=se.parseISO(p);return se.formatDistanceToNow(x,{locale:ne.es,addSuffix:!0})}return e.jsx("div",{children:e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-3 tw-items-start",children:[e.jsx(K,{size:"xxl",imageUrl:n?t(n):"",alt:"@shadcn"}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-1",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2",children:[e.jsx("p",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:(o=s==null?void 0:s.autor)==null?void 0:o.nombre}),e.jsx("span",{className:"tw-text-base tw-text-neutral-600 tw-font-normal tw-mt-[2px]",children:r(s==null?void 0:s.createdAt)})]}),e.jsx("p",{className:"tw-text-xl tw-text-neutral-600 tw-font-normal",children:s==null?void 0:s.comentario})]})]})})}function it({currentUser:s,data:t,taskId:n,onNewComment:r}){var u,g,v;const{tasks_api:a,getImageOBP:l}=D(),{register:i,handleSubmit:d,reset:o}=Be.useForm(),[p,x]=w.useState([]),b=(v=(g=(u=s==null?void 0:s.imagen)==null?void 0:u.formats)==null?void 0:g.thumbnail)==null?void 0:v.url;w.useEffect(()=>{if(t!=null&&t.comentarios){const N=[...t.comentarios].sort((_,F)=>new Date(F.createdAt).getTime()-new Date(_.createdAt).getTime());x(N)}},[t]);const h=async N=>{try{const _={autor:{id:s==null?void 0:s.id,email:s==null?void 0:s.email,nombre:s==null?void 0:s.nombre,imagen:s==null?void 0:s.imagen},comentario:N==null?void 0:N.comment,createdAt:new Date().toISOString()};await a.post("/api/comentarios",{data:{autor:s==null?void 0:s.id,comentario:N.comment,tarea:n}}),r(!0),x(F=>[_,...F]),o()}catch(_){console.error("Error al agregar comentario:",_)}};return e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full tw-gap-4",children:[e.jsxs("form",{onSubmit:d(h),className:"tw-flex tw-flex-row tw-items-center tw-gap-3",children:[e.jsx(K,{size:"xxl",imageUrl:b?l(b):"",alt:"@shadcn"}),e.jsx(O.Input,{...i("comment",{required:!0}),autoComplete:"off",placeholder:"Escribe un comentario",className:"tw-w-full tw-bg-white tw-border tw-border-neutral-200 tw-h-[3.5rem] tw-text-xl"})]}),p&&p.map((N,_)=>e.jsx(lt,{comment:N},_))]})}function ot({data:s}){const t={0:{color:"tw-bg-gray-400",label:"Sin estado"},1:{color:"tw-bg-primary-regular",label:"En curso"},2:{color:"tw-bg-success-regular",label:"Finalizada"},3:{color:"tw-bg-success-regular",label:"Finalizada"}},n=r=>r?se.format(new Date(r),"d MMM",{locale:ne.es}):"";return e.jsxs("div",{children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-4",children:[e.jsx(O.Label,{className:"tw-text-2xl tw-font-medium tw-text-neutral-900",children:"Tareas dependientes"}),e.jsx("span",{className:"tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary",children:s==null?void 0:s.length})]}),e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3",children:s==null?void 0:s.map(r=>{var a,l,i,d,o;return e.jsxs("div",{className:"tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(K,{imageUrl:(d=(i=(l=(a=r.responsable)==null?void 0:a.image)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),e.jsx("p",{className:"tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden",children:r==null?void 0:r.texto_corto})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-1",children:[e.jsx("p",{className:"tw-text-sm tw-font-normal",children:n(r==null?void 0:r.createdAt)}),e.jsx("div",{className:`tw-w-4 tw-h-4 tw-bg-gray-400 tw-block tw-rounded-full ${((o=t[r==null?void 0:r.estatus])==null?void 0:o.color)??"tw-bg-gray-400"}`})]})]},r.id)})})]})}function ct({isOpen:s,setIsOpen:t,taskId:n}){var F,T,f,j,S,C,M,$,B,c,P,A;const[r,a]=w.useState(null),[l,i]=w.useState(!1),[d,o]=w.useState(!1),[p,x]=w.useState(null),b=(j=(f=(T=(F=r==null?void 0:r.responsable)==null?void 0:F.imagen)==null?void 0:T.formats)==null?void 0:f.thumbnail)==null?void 0:j.url,{tasks_api:h,getImageOBP:u}=D(),{user:g}=H();w.useEffect(()=>{if(s&&n||l){const k=async()=>{const E=await h.get(`/api/detalleTarea/${n}`);a(E==null?void 0:E.data)},R=async()=>{var L,Q;const E=await h.get(`/api/users/${g.id}`),I=await h.post("/api/obtenerUsuarioOBP/",{emailList:[(L=E==null?void 0:E.data)==null?void 0:L.email]});x((Q=I==null?void 0:I.data)==null?void 0:Q.data[0])};k(),R()}},[s,n,l]);const v={0:{label:"Sin prioridad",color:"tw-text-primary-regular",iconColor:"#425CAC"},1:{label:"Baja",color:"tw-text-success-regular",iconColor:"#43B071"},2:{label:"Media",color:"tw-text-warning-regular",iconColor:"#D38A31"},3:{label:"Alta",color:"tw-text-danger-regular",iconColor:"#C34335"}},N=k=>k?se.format(k,"d MMM yyyy, h:mmaaa",{locale:ne.es}):"Fecha no disponible",_=[{id:1,label:"Todo",component:e.jsx(it,{taskId:n,currentUser:p,data:r,onNewComment:i})},{id:2,label:"Dependencias",component:e.jsx(ot,{data:r==null?void 0:r.ids_t_dependientes})}];return s&&J.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`tw-fixed tw-inset-0 tw-bg-transparent tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-z-20 ${s?"tw-pointer-events-auto tw-block":"tw-pointer-events-none tw-hidden"}`,onClick:()=>t(!1)}),e.jsx("section",{className:`tw-fixed tw-top-0 tw-bottom-0 tw-bg-white tw-bg-opacity-50 tw-flex tw-justify-center tw-items-center tw-w-[55rem] tw-h-screen tw-z-50 tw-overflow-hidden tw-transition-all tw-ease-in-out tw-duration-500 tw-shadow-2xl ${s?"tw-right-0 tw-pointer-events-auto tw-block":"tw-right-[-100%] tw-pointer-events-none tw-hidden"}`,children:e.jsxs("div",{className:"tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10",children:[e.jsxs("div",{className:"tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative",children:[((S=r==null?void 0:r.id_t_requerida)==null?void 0:S.id)&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"tw-cursor-help",onMouseOver:()=>o(!0),onMouseLeave:()=>o(!1),children:e.jsx(y.Icons,{icon:"info_circle",color:m.warning.regular,strokeWidth:4})}),d&&e.jsxs("div",{style:{top:"25px"},className:"tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",children:[e.jsx("p",{className:"tw-font-bold",children:"Requiere completar su tarea requerida:"}),e.jsx("p",{className:"tw-text-2xl tw-text-neutral-600 tw-font-normal",children:(C=r==null?void 0:r.id_t_requerida)==null?void 0:C.texto_corto})]})]}),e.jsx("h3",{className:"tw-text-3xl tw-font-semibold tw-text-neutral-900",children:r==null?void 0:r.texto_corto})]}),e.jsx(O.Button,{variant:"shadow",size:"sm",onClick:()=>t(!1),className:"tw-bg-neutral-100 tw-w-12 tw-h-12",children:e.jsx(y.Icons,{icon:"x_outline"})})]}),e.jsx("div",{className:"tw-w-full tw-flex tw-flex-row tw-justify-between tw-mt-6",children:e.jsxs("span",{className:"tw-text-neutral-600 tw-text-xl",children:[r==null?void 0:r.campania," / ",r==null?void 0:r.nombre_medio]})}),e.jsxs("div",{className:"tw-w-full tw-flex tw-flex-col tw-gap-3 tw-mt-8",children:[e.jsx("h6",{className:"tw-text-neutral-900 tw-font-semibold tw-text-2xl",children:"Descripción"}),e.jsx("p",{className:"tw-text-neutral-600 tw-font-normal tw-text-sm",children:(r==null?void 0:r.texto_largo)??"Sin descripción"})]}),e.jsx(O.Accordion,{type:"single",collapsible:!0,defaultValue:"item-1",className:"tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",children:e.jsxs(O.AccordionItem,{value:"item-1",className:"tw-border-none",children:[e.jsx(O.AccordionTrigger,{className:"tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4",children:"Detalles"}),e.jsx(O.AccordionContent,{className:"tw-border-none",children:e.jsxs("div",{className:"tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4",children:[e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Responsable"}),(M=r==null?void 0:r.responsable)!=null&&M.nombre?e.jsxs("div",{className:"tw-flex tw-flex-row tw-gap-2 tw-items-center",children:[e.jsx(K,{size:"xxl",imageUrl:b?u(b):"",alt:"@shadcn"}),e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:($=r==null?void 0:r.responsable)==null?void 0:$.nombre})]}):e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:"Sin responsable"})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Equipo asignado"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:((B=r==null?void 0:r.equipo)==null?void 0:B.nombre)??"Sin equipo"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Prioridad"}),e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"flag",size:"xs",strokeWidth:5,color:(c=v[r==null?void 0:r.prioridad])==null?void 0:c.iconColor}),e.jsx("span",{className:`tw-text-lg tw-text-neutral-600 tw-font-normal ${(P=v[r==null?void 0:r.prioridad])==null?void 0:P.color}`,children:((A=v[r==null?void 0:r.prioridad])==null?void 0:A.label)??"Sin prioridad"})]})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Lista"}),e.jsx("div",{className:"tw-flex tw-flex-row tw-gap-2",children:e.jsx("span",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:(r==null?void 0:r.lista)??"Sin lista"})})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de inicio"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.f_inicio_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha estimada de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.f_fin_estimada)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Fecha de fin"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.ffin)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Creado"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.createdAt)})]}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-w-auto tw-gap-2",children:[e.jsx("span",{className:"tw-text-xl tw-text-neutral-900 tw-font-medium",children:"Última modificación"}),e.jsx("p",{className:"tw-text-lg tw-text-neutral-600 tw-font-normal",children:N(r==null?void 0:r.updatedAt)})]})]})})]})}),e.jsx(nt,{items:_})]})})]}),document.body)}const ke=({status:s,nameRequiredTask:t,statusRequiredTask:n,id:r})=>{const{setElementPosition:a,position:l}=le(),{startWorking:i,completeTask:d}=ee(),o=w.useRef(null),p=w.useRef(!1),x=t!==""&&n===2,b=({children:h})=>{const[u,g]=w.useState();return w.useEffect(()=>{var v,N;o.current&&g(((l==null?void 0:l.x)??0)-(((N=(v=o.current)==null?void 0:v.getBoundingClientRect())==null?void 0:N.width)??0))},[o==null?void 0:o.current,l==null?void 0:l.x]),l&&J.createPortal(e.jsx("div",{"data-portal-host":!0,className:`tw-absolute tw-w-fit tw-h-fit ${u?"tw-block":"tw-hidden"}`,style:{top:`${l==null?void 0:l.y}px`,left:`${u}px`,zIndex:1},children:h}),document.body)};return e.jsxs(e.Fragment,{children:[(x&&n===2||!t)&&e.jsx("button",{ref:o,onClick:()=>{a(o)},className:"tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",children:e.jsx("span",{className:"tw-rotate-90",children:e.jsx(y.Icons,{icon:"elipsis",size:"xs"})})}),e.jsx(b,{children:p!=null&&p.current?e.jsx("div",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 tw-hover:bg-primary-light",children:e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-primary-pastel tw-font-regular",children:"Moviendo..."})}):e.jsxs("button",{className:"tw-w-max tw-h-fit tw-bg-bg-card tw-rounded-lg tw-p-l tw-shadow-lg tw-flex tw-items-center tw-gap-2 hover:tw-bg-primary-light",onClick:()=>{p.current=!0,s===0?i({id:r}):d({id:r})},children:[e.jsx("p",{className:"tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular",children:s===0?"Mover a trabajando":"Mover a completadas"}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.primary.regular})]})})]})};class wt{static toPauseReasons(t){return{id:t.id,motivo_imj:t.motivo_imj}}}const dt=async({tasks_api:s})=>{try{const t=await s.get("/api/motivos");return W(t.data).map(wt.toPauseReasons)}catch(t){throw console.log("Error al obtener los usuarios comerciales",t),`Error al obtener los usuarios comerciales: ${t}`}},ut=()=>{const{tasks_api:s}=D();return{pauseReasons:q.useQuery({queryKey:["pause_task_reasons"],queryFn:()=>dt({tasks_api:s}),staleTime:1e3*60*60*24})}},xt=({id:s,task:t,isActive:n,closeModal:r})=>{const{pauseTask:a}=ee(),[l,i]=w.useState(),[d,o]=w.useState(!1),[p,x]=w.useState(!1),{pauseReasons:b}=ut(),h=()=>{if(!l){o(!0);return}a({id:s,motiveId:l.id}),r()};return n&&J.createPortal(e.jsx("div",{className:"tw-w-screen tw-h-screen tw-fixed tw-top-0 tw-left-0 tw-flex tw-items-center tw-justify-center ",children:e.jsxs("div",{className:"tw-rounded-lg tw-p-4 tw-shadow-gray-600 tw-bg-warning-light tw-border-l-4 tw-border-warning-regular tw-max-w-[350px]",children:[e.jsxs("p",{className:"tw-text-xl tw-font-bold tw-text-warning-regular",children:["Pausar tarea: ",e.jsx("span",{className:"tw-font-normal",children:t})]}),e.jsxs("div",{className:"tw-my-5 tw-flex tw-flex-col tw-gap-l",children:[e.jsxs("div",{className:"tw-relative",children:[e.jsx("p",{className:"tw-text-xl tw-font-normal tw-text-warning-regular",children:"Seleccione la razón por la cual se realizará la pausa"}),e.jsxs("div",{onBlur:()=>x(!1),onClick:()=>x(!p),className:`tw-w-full tw-bg-bg-card ${d?"tw-shadow-danger-regular tw-border-2 tw-border-danger-regular":"tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${d?"tw-text-danger-regular":l?"tw-text-texts-subtext":"tw-text-texts-placeholder"}`,children:[e.jsx("p",{children:(l==null?void 0:l.name)??"Selecciona una razón"}),e.jsx(y.Icons,{icon:"angle_down_outline",color:d?m.danger.regular:m.texts.placeholder})]}),p&&e.jsx("div",{className:"absolute w-full tw-shadow-md tw-rounded-lg",children:e.jsx(ie,{onselect:u=>{i(u),x(!1)},options:b==null?void 0:b.data.map(u=>({id:u.id,name:u.motivo_imj}))})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-w-full",children:[e.jsx("button",{onClick:()=>{r(),i(null)},className:"tw-bg-danger-light tw-px-l tw-py-s tw-border-2 tw-border-danger-medium tw-rounded-md tw-w-full tw-text-danger-dark tw-font-bold hover:tw-border-danger-regular",children:"Cancelar"}),e.jsx("button",{onClick:h,className:"tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular",children:"Pausar"})]})]})]})}),document.body)},mt=({id:s,task:t,endDate:n,users:r,willBePaused:a,nameProject:l,comments:i,priority:d,difficulty:o,responsible:p,nameRequiredTask:x,statusRequiredTask:b,status:h,repeatsToDo:u,repeats:g,medioName:v})=>{var E,I,L,Q,X,Z;const[N,_]=w.useState(!1),[F,T]=w.useState(!1),{reasignResponsible:f,updateUnitys:j}=ee(),{getOBPUrlApi:S}=D(),[C,M]=w.useState(g??0),$=!!(u&&g===u),B=!u||u===1,c=h===0,P=()=>e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative",children:[e.jsxs("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]",children:[h<2&&($||B||c)&&e.jsx(Pe,{id:s,nameRequiredTask:x??"",statusRequiredTask:b??0,status:h}),e.jsx("p",{className:"tw-overflow-hidden tw-text-ellipsis tw-w-full tw-text-nowrap tw-text-[1.6rem] tw-font-medium tw-text-neutral-900",onClick:()=>_(!0),children:t})]}),($||B||c)&&e.jsx(ke,{id:s,nameRequiredTask:x,status:h,statusRequiredTask:b})]}),A={0:{title:"N/A",color:m.texts.placeholder},1:{title:"Baja",color:m.primary.regular},2:{title:"Media",color:m.success.regular},3:{title:"Alta",color:m.danger.regular}},k={0:{title:"Muy fácil",color:m.primary.regular},1:{title:"Fácil",color:m.success.regular},2:{title:"Media",color:m.warning.regular},3:{title:"Difícil",color:m.danger.regular},4:{title:"Muy difícil",color:m.danger.dark}},R=U=>{M(Y=>U==="minus"?Math.max(0,Y-1):Math.min(u,Y+1))};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer",children:[e.jsx(P,{}),e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-[4px] tw-py-2",children:[e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate",children:l}),v&&e.jsx("p",{className:"tw-text-xl",children:v})]}),e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-relative",children:[e.jsx(qe,{responsible:p,users:r.filter(U=>p?U.id===p:!0).map(U=>ce(U,S())),onClick:async(U,Y)=>{await f({idNewResponsible:U,id:s,typeOfSelect:Y})}}),a&&e.jsx(y.Tooltip,{dispatch:e.jsx("button",{disabled:!0,onClick:()=>T(!0),className:"tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",children:e.jsx(y.Icons,{icon:"pause",size:"s",strokeWidth:2})}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-white tw-p-5",children:"En camino..."})})]}),e.jsxs("div",{className:"tw-flex tw-gap-m tw-items-center tw-flex-wrap",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:(E=k[o??0])==null?void 0:E.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(I=k[o??0])==null?void 0:I.color},children:`Dificultad ${(L=k[o??0])==null?void 0:L.title}`})}),e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:(Q=A[d??0])==null?void 0:Q.color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:(X=A[d??0])==null?void 0:X.color},children:`Prioridad: ${(Z=A[d??0])==null?void 0:Z.title}`})}),!u||u&&h===0&&e.jsxs(e.Fragment,{children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-sm tw-font-regular tw-text-texts-subtext",children:`${n.getDate()} ${oe(n.getMonth()).slice(0,3)}`})]})]}),h===1&&u&&u>0&&e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m",children:[e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder ",children:"unidades"}),e.jsx("button",{onClick:()=>R("minus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_minus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("p",{className:"tw-text-xs tw-text-texts-placeholder",children:`${C??0} / ${u??0}`}),e.jsx("button",{onClick:()=>R("plus"),className:"tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",children:e.jsx(y.Icons,{icon:"circle_plus",size:"xs",strokeWidth:3,color:m.texts.placeholder})}),e.jsx("button",{className:"tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",onClick:()=>{j({repeats:C,id:s})},children:"Agregar"})]})]})]}),i>0&&e.jsx("div",{className:"tw-border-t tw-border-gray-200 tw-mt-4 tw-pt-2",children:e.jsxs("button",{onClick:()=>_(!0),className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx(y.Icons,{icon:"comment",size:"xs",strokeWidth:4}),e.jsx("span",{className:"tw-text-xl tw-font-regular tw-text-gray-400",children:i})]})})]}),e.jsx(ct,{taskId:s,isOpen:N,setIsOpen:_}),e.jsx(xt,{id:s,task:t,isActive:F,closeModal:()=>T(!1)})]})},ae=({title:s,tasks:t,loadNextPage:n,isFetching:r,total:a})=>{const l=w.useRef(null),i=w.useRef(null),d=w.useRef(!1);w.useEffect(()=>{var x;l!=null&&l.current&&(i!=null&&i.current)&&(i.current.style.minHeight=`${((x=l==null?void 0:l.current)==null?void 0:x.clientHeight)-300}px`)},[l==null?void 0:l.current]);const o=x=>{if(d.current)return;const{scrollTop:b,clientHeight:h,scrollHeight:u}=x==null?void 0:x.target,g=b/(u-h)*100;g<=95||g>=95&&(d.current=!0,n&&n(),setTimeout(()=>{d.current=!1},200))},p={"Por hacer":"tw-border-texts-placeholder",Trabajando:"tw-border-primary-regular",Completadas:"tw-border-success-regular"};return e.jsxs("div",{ref:l,className:`tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${p[s]}`,children:[e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-center",children:[e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsx("p",{className:"tw-text-2xl",children:s})}),e.jsx("div",{className:"tw-flex tw-items-center tw-gap-[8px]",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-[4px]",children:[e.jsx(y.Icons,{icon:"group_files",size:"xs",strokeWidth:5,color:m.texts.placeholder}),e.jsx("p",{className:"tw-text-2xl tw-text-texts-placeholder",children:a??0})]})})]}),e.jsxs("div",{ref:i,className:"tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",onScroll:o,children:[t==null?void 0:t.map(x=>e.jsx(mt,{...x},x.id)),r?e.jsx(Ze,{}):e.jsx("p",{className:"tw-text-center tw-text-gray-500 tw-text-2xl",children:"No hay más tareas por mostrar..."})]})]})},pt=()=>{var a;const{defineFields:s}=z(),{tasksProject:t}=V();w.useEffect(()=>{(async()=>{let i=[...Xe];s(i)})()},[]);let n=(a=t==null?void 0:t.data)==null?void 0:a.filter(l=>{var i;return((i=l==null?void 0:l.tasks)==null?void 0:i.length)===0}).reduce((l,i)=>(l[i.status]=l[i.status]||[],l[i.status].push(i),l),{});const r=["Por hacer","Trabajando","Completadas"];return e.jsx("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:r.map((l,i)=>{var d;return e.jsx(ae,{total:((d=n==null?void 0:n[i])==null?void 0:d.length)??0,title:l,tasks:(n==null?void 0:n[i])??[],isFetching:t==null?void 0:t.isFetching,isLoadingData:t==null?void 0:t.isLoading})})})};class gt{static toKanbanTasks(t){var r,a,l,i,d,o,p,x,b,h,u;let n=[];return t!=null&&t.responsable&&n.push({id:t.responsable.id,name:t.responsable.nombre,image:(d=(i=(l=(a=(r=t.responsable)==null?void 0:r.userOBP)==null?void 0:a.imagen)==null?void 0:l.formats)==null?void 0:i.thumbnail)==null?void 0:d.url}),(o=t==null?void 0:t.equipo)!=null&&o.miembros&&t.equipo.miembros.forEach(g=>{var v,N,_,F;n!=null&&n.find(T=>T.id===g.idUser.id)||g.idUser&&n.push({id:g.idUser.id,name:g.idUser.nombre,image:(F=(_=(N=(v=g==null?void 0:g.userOBP)==null?void 0:v.imagen)==null?void 0:N.formats)==null?void 0:_.thumbnail)==null?void 0:F.url})}),{repeats:t==null?void 0:t.repeticiones_realizadas,repeatsToDo:t==null?void 0:t.repeticiones,comments:0,nameProject:(p=t==null?void 0:t.proyecto)==null?void 0:p.nombre,idProject:(x=t==null?void 0:t.proyecto)==null?void 0:x.id,willBePaused:t.es_pausable,difficulty:t.nivel_dificultad,endDate:new Date(t.ffin),id:t.id,priority:t.prioridad??0,status:t.estatus,task:t.texto_corto,users:n,responsible:((b=t==null?void 0:t.responsable)==null?void 0:b.id)??null,statusRequiredTask:((h=t.id_t_requerida)==null?void 0:h.estatus)??null,nameRequiredTask:((u=t.id_t_requerida)==null?void 0:u.texto_corto)??null,medioName:(t==null?void 0:t.nombre_medio)??null}}}const we=async({filters:s,tasks_api:t})=>{try{return(await t.get("/api/listado_tareas",{params:s})).data.tareas.map(W).map(gt.toKanbanTasks)}catch(n){throw console.log({error:n}),`Error al obtener las tareas: ${n}`}},de=s=>{var t;if(s!=null&&s.hasNextPage){const n=(t=s==null?void 0:s.data)==null?void 0:t.pages[s.data.pages.length-1];(n==null?void 0:n.length)===30&&(s==null||s.fetchNextPage())}},G=s=>({pagination:{page:s,pageSize:30,withCount:!0}}),ht=()=>{var p;const s=q.useQueryClient(),{tasks_api:t}=D(),{user:n}=H(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"por_hacer"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["to_do_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"por_hacer",...G(x)},tasks_api:t,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"por_hacer"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["to_do_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"por_hacer",...G(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{toDoTasks:o,total:a}},ft=()=>{var r,a;const{toDoTasks:s,total:t}=ht(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Por hacer",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,isLoadingData:s==null?void 0:s.isLoading})},bt=()=>{var p;const s=q.useQueryClient(),{tasks_api:t}=D(),{user:n}=H(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:n.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"trabajando"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["working_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"trabajando",...G(x)},tasks_api:t,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:n.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"trabajando"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["working_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await t.get("/api/listado_tareas",{params:{...i,status:"trabajando",...G(1),tasks_api:t,justCount:!0}});l(b.data.total)})()},[i,o==null?void 0:o.data]),{workingTasks:o,total:a}},jt=()=>{var r,a;const{workingTasks:s,total:t}=bt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{total:t,title:"Trabajando",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching})},yt=()=>{var p;const s=q.useQueryClient(),{user:t}=H(),{tasks_api:n}=D(),{filters:r}=z(),[a,l]=w.useState(0),[i,d]=w.useState({owner:{user:t.id,config:((p=r==null?void 0:r.owner)==null?void 0:p.config)??"yo_y_mis_equipos"},status:"completadas"}),o=q.useInfiniteQuery({initialPageParam:1,queryKey:["done_tasks",i],queryFn:({pageParam:x})=>we({filters:{...i,status:"completadas",...G(x)},tasks_api:n,page:x}),staleTime:1e3*60*60*24,getNextPageParam:(x,b)=>b.length+1});return w.useEffect(()=>{var x;Object.keys(r).length>0&&d({...r,owner:{user:t.id,config:((x=r==null?void 0:r.owner)==null?void 0:x.config)??"yo_y_mis_equipos"},status:"completadas"})},[r]),w.useEffect(()=>{s.invalidateQueries({queryKey:["done_tasks",i]})},[i]),w.useEffect(()=>{(async()=>{const b=await n.get("/api/listado_tareas",{params:{...i,status:"completadas",...G(1),justCount:!0,tasks_api:n}});l(b.data.total)})()},[o==null?void 0:o.data,i]),{doneTasks:o,total:a}},Nt=()=>{var r,a;const{doneTasks:s,total:t}=yt(),n=[...((a=(r=s==null?void 0:s.data)==null?void 0:r.pages)==null?void 0:a.flat())??[]];return e.jsx(ae,{title:"Completadas",tasks:n,loadNextPage:()=>de(s),isFetching:s==null?void 0:s.isFetching,total:t})};class te{static toSalesmanUsers(t){return{id:t.id,name:t.nombre}}}const vt=()=>{const{tasks_api:s}=D(),{filters:t}=z(),{user:n}=H();return{getSalesmanAndProjects:async()=>{var o;const[i,d]=await Promise.all([s.get("/api/obtener-comerciales"),s.get("/api/listado_tareas",{params:{...t,owner:{user:n==null?void 0:n.id,config:((o=t==null?void 0:t.owner)==null?void 0:o.config)??"yo_y_mis_equipos"},justProjects:!0}})]);return{salesmanUsers:i.data.map(te.toSalesmanUsers),projects:d.data.map(te.toSalesmanUsers)}},getProjects:async()=>{var d;return(await s.get("/api/listado_tareas",{params:{...t,owner:{user:n.id,config:((d=t==null?void 0:t.owner)==null?void 0:d.config)??"yo_y_mis_equipos"},justProjects:!0}})).data.map(te.toSalesmanUsers)},getSalesmans:async()=>(await s.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)}},_t=[{label:"Tipo de dependencia",type:"select",id:"dependency",options:[{id:"con",name:"Con dependencia"},{id:"sin",name:"Sin dependencia"},{id:"ambas",name:"Ambas"}]},{label:"Por campaña",type:"select",id:"project.id",options:[]},{label:"Por responsable",type:"select",id:"owner.config",options:[{id:"yo",name:"Mis tareas"},{id:"yo_y_mis_equipos",name:"Tareas mías y de mis equipos"},{id:"mis_equipos",name:"Tareas de mis equipos"}]},{label:"Por ejecutivo comercial",type:"select",id:"salesman.id",options:[]},{label:"Por dificultad",type:"select",id:"difficulty",options:[{id:0,name:"Muy facil"},{id:1,name:"Facil"},{id:2,name:"Media"},{id:3,name:"Dificil"},{id:4,name:"Muy dificil"}]}],Ne=[{label:"Responsable",type:"select",id:"responsable.responsableType",options:[{id:"yo_y_mis_equipos",name:"Yo y mis equipos"},{id:"mis_equipos",name:"Mis equipos"},{id:"yo",name:"Yo"}]},{label:"Por Ejecutivo",type:"select",id:"ejecutivo",options:[]}],Ct=()=>{const{defineFields:s}=z(),{getSalesmanAndProjects:t}=vt();return w.useEffect(()=>{(async()=>{let r=[..._t],{salesmanUsers:a,projects:l}=await t();s(r.map(i=>(i.id==="project.id"&&(i.options=l),i.id==="salesman.id"&&(i.options=a),i)))})()},[]),e.jsxs("div",{className:"tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:[e.jsx(ft,{}),e.jsx(jt,{}),e.jsx(Nt,{})]})},Ee=w.createContext({}),Ft=({children:s})=>{const[t,n]=w.useState([]);w.useEffect(()=>{console.log({selectedTasks:t})},[t]);const r=a=>{n(l=>l.includes(a)?l.filter(i=>i!==a):[...l,a])};return e.jsx(Ee.Provider,{value:{selectedTasks:t,selectTask:r},children:s})},St=()=>w.useContext(Ee),Ae=()=>{const s=()=>e.jsxs("div",{className:"tw-w-full tw-flex tw-gap-m",children:[e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[10%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"}),e.jsx("div",{className:"tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-lg tw-animate-pulse"})]});return e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]}),e.jsx(s,{}),e.jsxs("div",{className:"tw-pl-5 tw-flex tw-flex-col tw-gap-m",children:[e.jsx(s,{}),e.jsx("div",{className:"tw-pl-5",children:e.jsx(s,{})})]})]})},Ie=({startDate:s,endDate:t})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(s)]})]}),e.jsx(y.Icons,{icon:"arrow_right",size:"xs",strokeWidth:4,color:m.texts.DEFAULT}),e.jsxs("div",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl",children:[e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:4,color:m.texts.subtext}),e.jsxs("p",{className:"tw-text-lg",children:[" ",ye(t)]})]})]}),Tt=({id:s})=>e.jsx(e.Fragment,{children:e.jsx("button",{onClick:()=>alert("pausar tarea "+s),children:e.jsx(y.Icons,{icon:"pause",size:"xs",strokeWidth:4,color:m.texts.subtext})})}),De=({id:s,priority:t,difficulty:n,endDate:r})=>{var i,d;const a={0:{title:"N/A",color:m.success.regular,bg:"tw-bg-texts-placeholder tw-border-texts-placeholder"},1:{title:"Baja",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Alta",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"}},l={0:{title:"Muy fácil",color:m.success.dark,bg:"tw-bg-success-medium tw-border-success-regular"},1:{title:"Fácil",color:m.success.regular,bg:"tw-bg-success-medium tw-border-success-pastel"},2:{title:"Media",color:m.warning.regular,bg:"tw-bg-warning-light tw-border-warning-regular"},3:{title:"Difícil",color:m.danger.regular,bg:"tw-bg-danger-light tw-border-danger-regular"},4:{title:"Muy difícil",color:m.danger.dark,bg:"tw-bg-danger-light tw-border-danger-regular"}};return e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200",children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"align_center",size:"xs",strokeWidth:4,color:m.texts.subtext}),children:e.jsx("p",{className:"tw-text-2xl tw-font-regular tw-py-2 tw-px-4 tw-bg-bg-card tw-rounded-lg",style:{color:"gray"},children:"Espéralo muy pronto..."})})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("div",{className:`tw-gap-s ${((i=l[n??0])==null?void 0:i.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"difficulty",size:"xs",color:l[n??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:l[n??0].color},children:l[n??0].title})})}),e.jsx("div",{className:`tw-gap-s ${((d=a[t??0])==null?void 0:d.bg.replace(/\bbg-|border-/g,"tw-$&"))??"tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,children:e.jsx(y.Tooltip,{dispatch:e.jsx(y.Icons,{icon:"flag",size:"xs",color:a[t??0].color,strokeWidth:4}),children:e.jsx("p",{className:"tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",style:{color:a[t??0].color},children:a[t??0].title})})}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:3,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl tw-font-regular tw-text-texts-subtext",children:`${r.getDate()} ${oe(r.getMonth()).slice(0,3)}`})]})]})},Pt=({id:s})=>{const{selectedTasks:t,selectTask:n}=St();return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"tw-cursor-pointer tw-w-[20px] tw-h-[20px] tw-border-2 tw-border-gray-200 tw-rounded-md tw-flex tw-justify-center tw-items-center",htmlFor:s.toString(),children:e.jsx("span",{className:`${t.includes(s)?"tw-opacity-100":"tw-opacity-0"} tw-transition-opacity tw-duration-500`,children:e.jsx(y.Icons,{icon:"check_outline",size:"xs",color:m.primary.regular,strokeWidth:6})})}),e.jsx("input",{className:"tw-hidden",id:s.toString(),type:"checkbox",onChange:()=>n(s)})]})},Me=({task:s})=>e.jsx(y.Tooltip,{dispatch:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate",children:s}),children:e.jsx("p",{className:"tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]",children:s})}),qt=({id:s})=>{var l,i;const{tasksProject:t}=V(),{reasignResponsible:n}=ee(),{getOBPUrlApi:r}=D(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(d=>d.id===s);return e.jsx("div",{className:"tw-border-b tw-border-gray-200 tw-pb-3",children:e.jsxs("div",{className:"tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100",children:[!(a!=null&&a.nameRequiredTask)||(a==null?void 0:a.nameRequiredTask)!==""&&(a==null?void 0:a.statusRequiredTask)===2&&e.jsx(Pt,{id:s}),e.jsx(Pe,{id:s,nameRequiredTask:(a==null?void 0:a.nameRequiredTask)??"",status:a==null?void 0:a.status,statusRequiredTask:(a==null?void 0:a.statusRequiredTask)??0},s),(a==null?void 0:a.willBePaused)&&e.jsx(Tt,{id:s}),e.jsx(qe,{onClick:async(d,o)=>{var p;await n({idNewResponsible:(p=d==null?void 0:d.tasksUser)==null?void 0:p.id,id:s,typeOfSelect:o})},responsible:a==null?void 0:a.responsible,users:((i=a==null?void 0:a.users)==null?void 0:i.map(d=>ce(d,r())))??[]}),e.jsx(Me,{task:(a==null?void 0:a.task)??""}),e.jsx(De,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(Ie,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsx(ke,{id:s,nameRequiredTask:a.nameRequiredTask,status:a.status,statusRequiredTask:a.statusRequiredTask})]})})},$e=({id:s})=>{var l,i,d,o,p,x,b;const{tasksProject:t,openTasks:n,openTask:r}=V(),a=(l=t==null?void 0:t.data)==null?void 0:l.find(h=>h.id===s);return a?e.jsxs("div",{className:"tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto",children:[e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md",children:[e.jsx("button",{className:`${n.includes(s)?"":"tw--rotate-90"} tw-transition-all tw-duration-300`,onClick:()=>r(s),children:e.jsx(y.Icons,{icon:"angle_down_outline",color:m.texts.subtext})}),e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full",children:e.jsx("p",{className:"tw-text-xl tw-text-primary",children:((i=a==null?void 0:a.tasks)==null?void 0:i.length)===0?1:(d=a==null?void 0:a.tasks)==null?void 0:d.length})}),e.jsx(Me,{task:(a==null?void 0:a.task)??""}),e.jsx(De,{id:s,priority:a==null?void 0:a.priority,difficulty:a.difficulty,endDate:a==null?void 0:a.endDate}),e.jsx(Ie,{startDate:a==null?void 0:a.startDate,endDate:a==null?void 0:a.endDate}),e.jsxs("button",{className:"tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200",children:[e.jsx(y.Icons,{icon:"subtasks",size:"xs",strokeWidth:5,color:m.texts.subtext}),e.jsx("p",{className:"tw-text-xl",children:((o=a==null?void 0:a.tasks)==null?void 0:o.length)===0?1:(p=a==null?void 0:a.tasks)==null?void 0:p.length})]})]}),n.includes(s)&&e.jsx("div",{className:"tw-ml-[30px]",children:((x=a==null?void 0:a.tasks)==null?void 0:x.length)>0?(b=a==null?void 0:a.tasks)==null?void 0:b.map(h=>e.jsx($e,{id:h==null?void 0:h.id})):e.jsx(qt,{id:a==null?void 0:a.id})})]}):null},kt=()=>{var r;const{tasksProject:s,projectID:t}=V();if(s!=null&&s.isFetching||s!=null&&s.isLoading)return e.jsx(Ae,{});let n=[...(r=s==null?void 0:s.data)==null?void 0:r.filter(a=>a.isPrincipalTask)];return e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m",children:e.jsx(Ft,{project:t,children:n==null?void 0:n.sort((a,l)=>a.orden-l.orden).map(a=>e.jsx("div",{className:"tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ",children:e.jsx($e,{id:a.id})}))})})},Et=({setPath:s,setProject:t})=>{const[n,r]=w.useState([]),[a,l]=w.useState(!0),[i,d]=w.useState(0),[o,p]=w.useState(10),[x,b]=w.useState(0),[h,u]=w.useState("nombre"),{filters:g,defineFields:v}=z(),{tasks_api:N,getImageOBP:_}=D(),{user:F}=H(),T=async(c,P)=>{var A,k,R;try{l(!0);const E={filters:{search:(g==null?void 0:g.search)??"",responsable:{idUser:F.id,responsableType:(A=g==null?void 0:g.responsable)==null?void 0:A.responsableType},ejecutivo:(g==null?void 0:g.ejecutivo)??""}},I=await N.get("/api/listado_campanias",{params:{pagination:{page:c,pageSize:P},orderBy:h,...E}}),L=W(I==null?void 0:I.data);r(L),b((R=(k=I==null?void 0:I.data)==null?void 0:k.meta)==null?void 0:R.total)}catch(E){console.error("Error fetching data en Lista Campaña:",E)}finally{l(!1)}},f=async()=>{try{const c=await N.get("/api/obtener-comerciales");return[...Ne].map(A=>(A.id==="ejecutivo"&&(A.options=c.data.map(k=>({id:k.nombre,name:k.nombre}))),A))}catch(c){return console.error("Error fetching salesman data:",c),[...Ne]}};w.useEffect(()=>{(async()=>{const P=await f();v(P)})()},[]),w.useEffect(()=>{const c=Math.floor(i/o)+1;T(c,o)},[i,o,h,g]);const j=c=>{d(c.first),p(c.rows)},S=[{label:"5 filas",value:5},{label:"10 filas",value:10},{label:"15 filas",value:15},{label:"20 filas",value:20},{label:"25 filas",value:25},{label:"50 filas",value:50}],C=c=>{const P=parseInt(c.target.value,10);p(P),j({first:0,rows:P})},M=c=>{u(P=>P===c?`${c}:desc`:c)},$=c=>h===c?"↑↓":h===`${c}:desc`?"↓↑":"↑↓",B=c=>({padding:"auto",backgroundColor:m.silver.silver_light,borderRadius:"50%",cursor:c?"not-allowed":"pointer",transition:"all 0.2s ease",marginRight:"4px",border:`1px solid ${c?m.gray.gray_regular:m.gray.gray_dark}`,color:c?m.gray.gray_regular:m.black.black_dark,width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center"});return e.jsx("div",{className:"tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",style:{background:m.bg.content,display:"flex",flexDirection:"column",height:"100%"},children:a?e.jsx("div",{className:"tw-w-full",children:e.jsx(Ae,{})}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:"tw-flex tw-flex-col tw-h-full",children:[e.jsx("div",{className:"tw-flex-1 tw-overflow-auto",children:e.jsxs("table",{className:"tw-w-full tw-border-collapse tw-table-auto",style:{borderCollapse:"collapse",width:"100%",borderSpacing:"0"},children:[e.jsx("thead",{children:e.jsxs("tr",{style:{color:m.gray.gray_regular},children:[e.jsx("th",{onClick:()=>M("nombre"),style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx("label",{className:"tw-text-s",style:{color:m.gray.gray_dark},children:$("nombre")}),"Campaña"]})}),e.jsx("th",{onClick:()=>M("inicia"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsx("div",{className:"tw-flex tw-items-center tw-w-fit tw-space-x-1",children:e.jsxs("label",{className:"tw-text-s tw-flex tw-items-center",style:{color:m.gray.gray_dark},children:[$("inicia"),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{style:{color:m.gray.gray_dark},children:"Fecha Inicio"})]})})}),e.jsx("th",{onClick:()=>M("termina"),className:"tw-whitespace-nowrap",style:{color:m.gray.gray_dark,textAlign:"left"},children:e.jsxs("div",{className:"tw-flex tw-items-center tw-w-fit",children:[e.jsx("label",{style:{color:"#C4C4C4",fontSize:"10px"},children:$("termina")}),e.jsx(y.Icons,{icon:"calendar",size:"xs",strokeWidth:5,color:m.gray.gray_dark}),e.jsx("span",{children:"Fecha Fin"})]})}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Status"}),e.jsx("th",{style:{color:m.gray.gray_dark,textAlign:"left"},children:"Responsable"})]})}),e.jsx("tbody",{children:n==null?void 0:n.map((c,P)=>{var A,k,R,E,I,L,Q,X,Z,U,Y,ue,xe,me,pe,ge,he,fe;return e.jsxs("tr",{style:{background:P%2===0?"#F5F5F5":"#FAFAFA",transition:"background-color 0.2s ease"},className:"tw-cursor-pointer",onClick:()=>{t({id:c==null?void 0:c.id,project:c==null?void 0:c.nombre}),s("kanban-campania")},onMouseEnter:re=>{re.currentTarget.style.backgroundColor="#E1EBF9"},onMouseLeave:re=>{re.currentTarget.style.backgroundColor=P%2===0?"#F5F5F5":"#FAFAFA"},children:[e.jsx("td",{className:"tw-text-s",children:(A=c==null?void 0:c.campania)==null?void 0:A.nombre}),e.jsx("td",{className:"tw-text-s",children:(k=c==null?void 0:c.campania)==null?void 0:k.inicia}),e.jsx("td",{className:"tw-text-s",children:(R=c==null?void 0:c.campania)==null?void 0:R.termina}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"15px",padding:"none",width:"auto",minWidth:"100px"},children:[e.jsxs("label",{className:"tw-w-[50px] tw-min-w-[50px] tw-text-right tw-text-black",children:[c==null?void 0:c.progreso,"%"]}),e.jsx("div",{style:{position:"relative",height:"10px",flex:1,backgroundColor:m.gray.gray_dark,borderRadius:"10px",overflow:"hidden"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,height:"100%",width:`${c.progreso}%`,backgroundColor:c.progreso===100?m.progressbar.green_regular:c.progreso>50?m.progressbar.blue_regular:c.progreso>0?m.progressbar.orange_regular:m.gray.gray_dark,borderRadius:"10px",transition:"width 0.3s ease-in-out"}})})]})}),e.jsx("td",{className:"tw-text-s",children:e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:[e.jsx(K,{imageUrl:(X=(Q=(L=(I=(E=c==null?void 0:c.campania)==null?void 0:E.responsable)==null?void 0:I.imagen)==null?void 0:L.formats)==null?void 0:Q.thumbnail)!=null&&X.url?_((xe=(ue=(Y=(U=(Z=c==null?void 0:c.campania)==null?void 0:Z.responsable)==null?void 0:U.imagen)==null?void 0:Y.formats)==null?void 0:ue.thumbnail)==null?void 0:xe.url):"",alt:(ge=(pe=(me=c==null?void 0:c.campania)==null?void 0:me.responsable)==null?void 0:pe.nombre)==null?void 0:ge.charAt(0)}),e.jsx("span",{className:"tw-ml-4 tw-text-s",children:(fe=(he=c==null?void 0:c.campania)==null?void 0:he.responsable)==null?void 0:fe.nombre})]})})]},P)})})]})}),e.jsxs("div",{className:"tw-flex tw-items-center tw-justify-between tw-p-2 tw-mt-4",style:{background:m.silver.silver_light},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",color:m.black.black_dark},className:"tw-text-s tw-whitespace-nowrap",children:[n.length," elementos de ",x]}),e.jsx(ze.Paginator,{first:i,rows:o,totalRecords:x,rowsPerPageOptions:[5,10,20,50],onPageChange:j,className:"tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"auto",minWidth:"fit-content"},template:{layout:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",FirstPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-flex tw-items-center tw-justify-center tw-text-s",children:"<<"}),PrevPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:"<"}),NextPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:">"}),LastPageLink:c=>e.jsx("button",{onClick:c.onClick,disabled:c.disabled,style:B(c.disabled),className:"tw-text-s",children:">>"}),PageLinks:c=>e.jsx("span",{style:{display:"inline-flex",gap:"1px"},children:e.jsx("button",{onClick:P=>c.onClick(P),className:`tw-flex tw-items-center tw-justify-center tw-text-s ${c.className.includes("p-highlight")?"highlighted":""}`,style:{...B(!1),backgroundColor:c.className.includes("p-highlight")?"#E1EBF9":m.silver.silver_light,color:m.black.black_dark},children:c.page})})}}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-2",children:[e.jsx("span",{className:"tw-text-s tw-whitespace-nowrap",children:"Filas por página:"}),e.jsx("select",{style:{padding:"0.25rem",outline:"none",cursor:"pointer",border:`1px solid ${m.gray.gray_dark}`,borderRadius:"4px"},value:o,onChange:c=>C(c),children:S.map(c=>e.jsx("option",{value:c.value,className:"tw-text-s",style:{color:m.gray.gray_dark},children:c.label},c.value))})]})]})]})})})},At=({path:s,tab:t,setPath:n,project:r,setProject:a})=>{const l={"kanban-general":{kanban:e.jsx(Ct,{})},"lista-campanias":{lista:e.jsx(Et,{setPath:n,setProject:a}),gantt:e.jsx("div",{children:"gantt-campanias"})},"kanban-campania":{kanban:e.jsx(pt,{}),lista:e.jsx(kt,{}),gantt:e.jsx("div",{children:"kanban-campania-gantt"})}};return s==="kanban-campania"?e.jsx(Ge,{project:r==null?void 0:r.id,children:l[s][t]}):l[s][t]},It=({label:s,active:t,onClick:n,disabled:r})=>r?e.jsx(y.Tooltip,{dispatch:e.jsx("button",{className:"tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help",children:s}),children:e.jsx("div",{className:"tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card",children:e.jsx("p",{className:"tw-text-texts-placeholder tw-text-lg tw-font-semibold",children:"Espéralo muy pronto..."})})}):e.jsx("button",{disabled:r,onClick:n,className:`${t?"tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis":""} tw-text-xl tw-font-semibold ${r?"tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg":"tw-text-texts-subtext"}`,children:s}),Dt=({tabs:s,renderItem:t,initialTab:n})=>{const[r,a]=w.useState(n??s[0].toLowerCase());w.useEffect(()=>{n&&a(n)},[n]);const l=i=>{a(i),t(i)};return e.jsx("div",{className:"tw-flex",children:s.map((i,d)=>e.jsx("div",{className:`${d===0?"tw-border-l-2":""} tw-border-r-2 tw-border-gray-200 tw-px-m`,children:e.jsx(It,{onClick:()=>l(i.toLowerCase()),label:i,active:i.toLowerCase()===r,disabled:["gantt"].includes(i.toLowerCase())},d)}))})},Mt=({path:s})=>{const t=()=>{const{selectPath:n,updateFilters:r,applyFilters:a,filters:l}=z(),[i,d]=w.useState("kanban"),[o,p]=w.useState(s),[x,b]=w.useState({id:1704,project:"Kanban de Campania"}),[h,u]=w.useState([{path:"lista-campanias",search:(l==null?void 0:l.search)??""},{path:"kanban-campania",search:(l==null?void 0:l.taskName)??""},{path:"kanban-general",search:(l==null?void 0:l.taskName)??""}]),[g,v]=w.useState(),N=w.useRef(null);w.useEffect(()=>{var C;d(o==="lista-campanias"?"lista":"kanban"),n(o),v(((C=h.find(M=>M.path===o))==null?void 0:C.search)??"")},[s,o]),w.useEffect(()=>{var C;((C=j())==null?void 0:C.trim())===""&&r({name:o==="lista-campanias"?"search":"taskName",value:null}),a()},[h]);const _=C=>({"kanban-general":"Kanban General","lista-campanias":"Campanias","kanban-campania":`Kanban de ${x.project}`})[C],F=C=>{p(C)},T=["lista-campanias","kanban-campania"],f={"lista-campanias":["lista","gantt"],"kanban-campania":["kanban","lista","gantt"]},j=()=>{var C;return((C=h.find(M=>M.path===o))==null?void 0:C.search)??""},S=C=>{u(M=>M.map($=>$.path===o?{...$,search:C}:$))};return w.useEffect(()=>{const C=setTimeout(()=>{r({name:o==="lista-campanias"?"search":"taskName",value:g==null?void 0:g.trim()}),S(g)},500);return()=>{clearTimeout(C)}},[g]),e.jsxs("div",{className:"tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden",children:[e.jsxs("div",{className:"tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l",children:[e.jsxs("div",{className:"tw-flex tw-gap-xl",children:[o==="kanban-campania"&&e.jsx("button",{onClick:()=>F("lista-campanias"),className:"tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",children:e.jsx(y.Icons,{icon:"arrow_left",size:"xs",strokeWidth:5,color:"#4464C3",title:"Atrás"})}),e.jsx("h2",{className:"tw-text-texts tw-font-medium",children:_(o)}),T.includes(o)&&e.jsx(Dt,{tabs:f[o],renderItem:C=>{d(C)},initialTab:i})]}),e.jsxs("div",{className:"tw-flex tw-items-center tw-gap-s",children:[e.jsx("input",{onChange:C=>{v(C.target.value)},type:"text",placeholder:"Buscar",value:g,className:"tw-w-[200px] tw-h-[30px] tw-border-none tw-bg-bg-card tw-shadow-input tw-border tw-border-gray-200 tw-rounded-lg tw-px-l tw-text-xl "}),e.jsx(Re,{filterChildren:N,children:e.jsx("div",{ref:N,className:"tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",children:e.jsx(Qe,{})})})]})]}),e.jsx("div",{className:"tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full",children:e.jsx(At,{path:o,tab:i,setPath:F,project:x,setProject:b})})]})};return e.jsx(Le,{children:e.jsx(t,{})})},$t=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"un momento..."}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"estamos buscando tu usuario"})]})})}),Bt=()=>e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsx("div",{className:"tw-flex tw-justify-center tw-items-center tw-h-full",children:e.jsxs("div",{className:"tw-text-2xl tw-font-bold tw-flex tw-flex-col tw-items-center",children:[e.jsx("div",{className:"tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse"}),e.jsx("p",{className:"tw-text-l tw-text-texts-enfasis",children:"No encontramos tu acceso"}),e.jsx("p",{className:"tw-text-sm tw-text-texts-placeholder",children:"por favor, contacta al administrador"})]})})}),zt=({path:s,user:t,url:n,mode:r})=>{const a=new q.QueryClient;if(!t)return e.jsx($t,{});if(!t.accessToken)return e.jsx(Bt,{});let l={user:t,url:n,mode:r};return e.jsx(e.Fragment,{children:e.jsx(Ye,{...l,children:e.jsx(He,{...l,children:e.jsx("div",{className:"tw-w-full tw-h-full tw-min-h-[100%] tw-relative",children:e.jsxs(q.QueryClientProvider,{client:a,children:[e.jsx(Mt,{path:s})," "]})})})})})};exports.AppTasks=zt;
|
package/dist/tareas.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{scrollbar-color:auto;scrollbar-width:auto}.tw-pointer-events-none{pointer-events:none!important}.tw-pointer-events-auto{pointer-events:auto!important}.tw-fixed{position:fixed!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-inset-0{inset:0!important}.tw-bottom-0{bottom:0!important}.tw-left-0{left:0!important}.tw-right-0{right:0!important}.tw-right-\[-100\%\]{right:-100%!important}.tw-right-\[8px\]{right:8px!important}.tw-top-0{top:0!important}.tw-z-20{z-index:20!important}.tw-z-50{z-index:50!important}.tw-z-\[100\]{z-index:100!important}.tw-z-\[10\]{z-index:10!important}.tw-z-\[1\]{z-index:1!important}.tw-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.tw-mx-\[2px\]{margin-left:2px!important;margin-right:2px!important}.tw-my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-ml-4{margin-left:1rem!important}.tw-ml-\[-8px\]{margin-left:-8px!important}.tw-ml-\[30px\]{margin-left:30px!important}.tw-mt-1{margin-top:.25rem!important}.tw-mt-3{margin-top:.75rem!important}.tw-mt-4{margin-top:1rem!important}.tw-mt-6{margin-top:1.5rem!important}.tw-mt-8{margin-top:2rem!important}.tw-mt-\[2px\]{margin-top:2px!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-10{height:2.5rem!important}.tw-h-12{height:3rem!important}.tw-h-4{height:1rem!important}.tw-h-\[150px\]{height:150px!important}.tw-h-\[2\.5rem\]{height:2.5rem!important}.tw-h-\[20px\]{height:20px!important}.tw-h-\[22px\]{height:22px!important}.tw-h-\[24px\]{height:24px!important}.tw-h-\[28px\]{height:28px!important}.tw-h-\[3\.5rem\]{height:3.5rem!important}.tw-h-\[30px\]{height:30px!important}.tw-h-\[32px\]{height:32px!important}.tw-h-\[36px\]{height:36px!important}.tw-h-\[40px\]{height:40px!important}.tw-h-\[44px\]{height:44px!important}.tw-h-\[80vh\]{height:80vh!important}.tw-h-fit{height:-moz-fit-content!important;height:fit-content!important}.tw-h-full{height:100%!important}.tw-h-screen{height:100vh!important}.tw-max-h-\[100\%\]{max-height:100%!important}.tw-max-h-\[120px\]{max-height:120px!important}.tw-max-h-\[200px\]{max-height:200px!important}.tw-min-h-\[100\%\]{min-height:100%!important}.tw-min-h-\[24px\]{min-height:24px!important}.tw-min-h-\[28px\]{min-height:28px!important}.tw-min-h-\[30px\]{min-height:30px!important}.tw-min-h-\[32px\]{min-height:32px!important}.tw-min-h-\[36px\]{min-height:36px!important}.tw-min-h-\[40px\]{min-height:40px!important}.tw-min-h-\[44px\]{min-height:44px!important}.tw-w-10{width:2.5rem!important}.tw-w-12{width:3rem!important}.tw-w-4{width:1rem!important}.tw-w-\[0\]{width:0!important}.tw-w-\[10\%\]{width:10%!important}.tw-w-\[2\.5rem\]{width:2.5rem!important}.tw-w-\[200px\]{width:200px!important}.tw-w-\[20px\]{width:20px!important}.tw-w-\[24px\]{width:24px!important}.tw-w-\[28px\]{width:28px!important}.tw-w-\[30\%\]{width:30%!important}.tw-w-\[300px\]{width:300px!important}.tw-w-\[30px\]{width:30px!important}.tw-w-\[32px\]{width:32px!important}.tw-w-\[36px\]{width:36px!important}.tw-w-\[400px\]{width:400px!important}.tw-w-\[40px\]{width:40px!important}.tw-w-\[44px\]{width:44px!important}.tw-w-\[50px\]{width:50px!important}.tw-w-\[55rem\]{width:55rem!important}.tw-w-\[90vw\]{width:90vw!important}.tw-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.tw-w-auto{width:auto!important}.tw-w-fit{width:-moz-fit-content!important;width:fit-content!important}.tw-w-full{width:100%!important}.tw-w-max{width:-moz-max-content!important;width:max-content!important}.tw-w-screen{width:100vw!important}.tw-min-w-\[24px\]{min-width:24px!important}.tw-min-w-\[250px\]{min-width:250px!important}.tw-min-w-\[28px\]{min-width:28px!important}.tw-min-w-\[30px\]{min-width:30px!important}.tw-min-w-\[32px\]{min-width:32px!important}.tw-min-w-\[36px\]{min-width:36px!important}.tw-min-w-\[400px\]{min-width:400px!important}.tw-min-w-\[40px\]{min-width:40px!important}.tw-min-w-\[44px\]{min-width:44px!important}.tw-min-w-\[50px\]{min-width:50px!important}.tw-min-w-full{min-width:100%!important}.tw-min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}.tw-max-w-\[200px\]{max-width:200px!important}.tw-max-w-\[250px\]{max-width:250px!important}.tw-max-w-\[350px\]{max-width:350px!important}.tw-max-w-\[400px\]{max-width:400px!important}.tw-flex-1{flex:1 1 0%!important}.tw-table-auto{table-layout:auto!important}.tw-border-collapse{border-collapse:collapse!important}.tw--rotate-90{--tw-rotate:-90deg!important}.tw--rotate-90,.tw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-rotate-90{--tw-rotate:90deg!important}@keyframes tw-pulse{50%{opacity:.5}}.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}.tw-cursor-help{cursor:help!important}.tw-cursor-not-allowed{cursor:not-allowed!important}.tw-cursor-pointer{cursor:pointer!important}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw-flex-row{flex-direction:row!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-items-start{align-items:flex-start!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-1{gap:.25rem!important}.tw-gap-10{gap:2.5rem!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-\[12px\]{gap:12px!important}.tw-gap-\[4px\]{gap:4px!important}.tw-gap-\[50px\]{gap:50px!important}.tw-gap-\[8px\]{gap:8px!important}.tw-gap-l{gap:12px!important}.tw-gap-m{gap:8px!important}.tw-gap-s{gap:4px!important}.tw-gap-xl{gap:16px!important}.tw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(.25rem*var(--tw-space-x-reverse))!important;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))!important}.tw-overflow-auto{overflow:auto!important}.tw-overflow-hidden{overflow:hidden!important}.tw-overflow-y-auto{overflow-y:auto!important}.tw-overflow-y-hidden{overflow-y:hidden!important}.tw-overflow-y-scroll{overflow-y:scroll!important}.tw-truncate{overflow:hidden!important;white-space:nowrap!important}.tw-text-ellipsis,.tw-truncate{text-overflow:ellipsis!important}.tw-whitespace-nowrap{white-space:nowrap!important}.tw-text-nowrap{text-wrap:nowrap!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-b-0{border-bottom-width:0!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-l-2{border-left-width:2px!important}.tw-border-l-4{border-left-width:4px!important}.tw-border-l-\[5px\]{border-left-width:5px!important}.tw-border-r{border-right-width:1px!important}.tw-border-r-0{border-right-width:0!important}.tw-border-r-2{border-right-width:2px!important}.tw-border-t{border-top-width:1px!important}.tw-border-t-4{border-top-width:4px!important}.tw-border-none{border-style:none!important}.tw-border-danger-medium{--tw-border-opacity:1!important;border-color:rgb(235 219 217/var(--tw-border-opacity,1))!important}.tw-border-danger-regular{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.tw-border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.tw-border-neutral-100{--tw-border-opacity:1!important;border-color:rgb(245 245 245/var(--tw-border-opacity,1))!important}.tw-border-neutral-200{--tw-border-opacity:1!important;border-color:rgb(229 229 229/var(--tw-border-opacity,1))!important}.tw-border-primary-medium{--tw-border-opacity:1!important;border-color:rgb(218 226 236/var(--tw-border-opacity,1))!important}.tw-border-primary-regular{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!important}.tw-border-success-pastel{--tw-border-opacity:1!important;border-color:rgb(87 186 129/var(--tw-border-opacity,1))!important}.tw-border-success-regular{--tw-border-opacity:1!important;border-color:rgb(67 176 113/var(--tw-border-opacity,1))!important}.tw-border-texts-enfasis{--tw-border-opacity:1!important;border-color:rgb(54 88 193/var(--tw-border-opacity,1))!important}.tw-border-texts-placeholder{--tw-border-opacity:1!important;border-color:rgb(146 146 146/var(--tw-border-opacity,1))!important}.tw-border-warning-regular{--tw-border-opacity:1!important;border-color:rgb(211 138 49/var(--tw-border-opacity,1))!important}.tw-border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.tw-bg-\[\#E1EBF9\]{--tw-bg-opacity:1!important;background-color:rgb(225 235 249/var(--tw-bg-opacity,1))!important}.tw-bg-bg{background-color:rgb(239 239 239/var(--tw-bg-opacity,1))!important}.tw-bg-bg,.tw-bg-bg-card{--tw-bg-opacity:1!important}.tw-bg-bg-card{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.tw-bg-danger-light{--tw-bg-opacity:1!important;background-color:rgb(241 229 228/var(--tw-bg-opacity,1))!important}.tw-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.tw-bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.tw-bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))!important}.tw-bg-gray-400{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.tw-bg-neutral-100{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))!important}.tw-bg-primary-light{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))!important}.tw-bg-primary-medium{--tw-bg-opacity:1!important;background-color:rgb(218 226 236/var(--tw-bg-opacity,1))!important}.tw-bg-primary-regular{--tw-bg-opacity:1!important;background-color:rgb(66 92 172/var(--tw-bg-opacity,1))!important}.tw-bg-success-medium{--tw-bg-opacity:1!important;background-color:rgb(210 233 220/var(--tw-bg-opacity,1))!important}.tw-bg-success-regular{--tw-bg-opacity:1!important;background-color:rgb(67 176 113/var(--tw-bg-opacity,1))!important}.tw-bg-texts-placeholder{--tw-bg-opacity:1!important;background-color:rgb(146 146 146/var(--tw-bg-opacity,1))!important}.tw-bg-transparent{background-color:transparent!important}.tw-bg-warning-light{--tw-bg-opacity:1!important;background-color:rgb(242 236 229/var(--tw-bg-opacity,1))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.tw-bg-opacity-50{--tw-bg-opacity:0.5!important}.tw-fill-texts-enfasis{fill:#3658c1!important}.tw-object-cover{-o-object-fit:cover!important;object-fit:cover!important}.tw-p-2{padding:.5rem!important}.tw-p-4{padding:1rem!important}.tw-p-5{padding:1.25rem!important}.tw-p-\[12px_12px\]{padding:12px!important}.tw-p-\[16px\]{padding:16px!important}.tw-p-l{padding:12px!important}.tw-p-m{padding:8px!important}.tw-p-s{padding:4px!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-px-l{padding-left:12px!important;padding-right:12px!important}.tw-px-m{padding-left:8px!important;padding-right:8px!important}.tw-px-xxxl{padding-left:24px!important;padding-right:24px!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.tw-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-py-m{padding-top:8px!important;padding-bottom:8px!important}.tw-py-s{padding-top:4px!important;padding-bottom:4px!important}.tw-pb-1{padding-bottom:.25rem!important}.tw-pb-3{padding-bottom:.75rem!important}.tw-pb-4{padding-bottom:1rem!important}.tw-pb-\[200px\]{padding-bottom:200px!important}.tw-pb-m{padding-bottom:8px!important}.tw-pl-2{padding-left:.5rem!important}.tw-pl-5{padding-left:1.25rem!important}.tw-pr-3{padding-right:.75rem!important}.tw-pt-2{padding-top:.5rem!important}.tw-pt-4{padding-top:1rem!important}.tw-pt-5{padding-top:1.25rem!important}.tw-text-center{text-align:center!important}.tw-text-right{text-align:right!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-\[1\.6rem\]{font-size:1.6rem!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.tw-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-font-bold{font-weight:700!important}.tw-font-extrabold{font-weight:800!important}.tw-font-medium{font-weight:500!important}.tw-font-normal{font-weight:400!important}.tw-font-semibold{font-weight:600!important}.tw-text-danger-dark{--tw-text-opacity:1!important;color:rgb(140 53 44/var(--tw-text-opacity,1))!important}.tw-text-danger-regular{--tw-text-opacity:1!important;color:rgb(195 67 53/var(--tw-text-opacity,1))!important}.tw-text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.tw-text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.tw-text-neutral-400{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity,1))!important}.tw-text-neutral-600{--tw-text-opacity:1!important;color:rgb(82 82 82/var(--tw-text-opacity,1))!important}.tw-text-neutral-900{--tw-text-opacity:1!important;color:rgb(23 23 23/var(--tw-text-opacity,1))!important}.tw-text-primary-dark{--tw-text-opacity:1!important;color:rgb(51 73 144/var(--tw-text-opacity,1))!important}.tw-text-primary-pastel{--tw-text-opacity:1!important;color:rgb(92 125 221/var(--tw-text-opacity,1))!important}.tw-text-primary-regular{--tw-text-opacity:1!important;color:rgb(66 92 172/var(--tw-text-opacity,1))!important}.tw-text-success-regular{--tw-text-opacity:1!important;color:rgb(67 176 113/var(--tw-text-opacity,1))!important}.tw-text-texts{--tw-text-opacity:1!important;color:rgb(37 37 37/var(--tw-text-opacity,1))!important}.tw-text-texts-enfasis{--tw-text-opacity:1!important;color:rgb(54 88 193/var(--tw-text-opacity,1))!important}.tw-text-texts-placeholder{--tw-text-opacity:1!important;color:rgb(146 146 146/var(--tw-text-opacity,1))!important}.tw-text-texts-subtext{--tw-text-opacity:1!important;color:rgb(79 79 79/var(--tw-text-opacity,1))!important}.tw-text-warning-dark{--tw-text-opacity:1!important;color:rgb(180 120 47/var(--tw-text-opacity,1))!important}.tw-text-warning-regular{--tw-text-opacity:1!important;color:rgb(211 138 49/var(--tw-text-opacity,1))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.tw-opacity-0{opacity:0!important}.tw-opacity-100{opacity:1!important}.tw-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-button-primary,.tw-shadow-input{--tw-shadow:inset 0 0 0 2px #dae2ec!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)!important}.tw-shadow-button-primary,.tw-shadow-input,.tw-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.tw-shadow-md,.tw-shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important}.tw-shadow-danger-regular{--tw-shadow-color:#c34335!important;--tw-shadow:var(--tw-shadow-colored)!important}.tw-shadow-gray-600{--tw-shadow-color:#4b5563!important;--tw-shadow:var(--tw-shadow-colored)!important}.tw-transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-duration-300{transition-duration:.3s!important}.tw-duration-500{transition-duration:.5s!important}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.tw-duration-300{animation-duration:.3s!important}.tw-duration-500{animation-duration:.5s!important}.tw-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-scrollbar-none{scrollbar-width:none!important}.tw-scrollbar-none::-webkit-scrollbar{display:none!important}html{font-size:62.5%!important}.hover\:tw-border-danger-regular:hover{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.hover\:tw-border-primary-regular:hover{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!important}.hover\:tw-bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-400:hover{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-primary-dark:hover{--tw-bg-opacity:1!important;background-color:rgb(51 73 144/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-primary-light:hover{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))!important}.hover\:tw-shadow-button-primary-hover:hover{--tw-shadow:inset 0 0 0 2px #425cac,0 0 5px #00000030!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color),0 0 5px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.active\:tw-opacity-50:active{opacity:.5!important}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{scrollbar-color:auto;scrollbar-width:auto}.tw-pointer-events-none{pointer-events:none!important}.tw-pointer-events-auto{pointer-events:auto!important}.tw-fixed{position:fixed!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-inset-0{inset:0!important}.tw-bottom-0{bottom:0!important}.tw-left-0{left:0!important}.tw-right-0{right:0!important}.tw-right-\[-100\%\]{right:-100%!important}.tw-right-\[8px\]{right:8px!important}.tw-top-0{top:0!important}.tw-z-20{z-index:20!important}.tw-z-50{z-index:50!important}.tw-z-\[100\]{z-index:100!important}.tw-z-\[10\]{z-index:10!important}.tw-z-\[1\]{z-index:1!important}.tw-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.tw-mx-\[2px\]{margin-left:2px!important;margin-right:2px!important}.tw-my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-ml-4{margin-left:1rem!important}.tw-ml-\[-8px\]{margin-left:-8px!important}.tw-ml-\[30px\]{margin-left:30px!important}.tw-mt-1{margin-top:.25rem!important}.tw-mt-3{margin-top:.75rem!important}.tw-mt-4{margin-top:1rem!important}.tw-mt-6{margin-top:1.5rem!important}.tw-mt-8{margin-top:2rem!important}.tw-mt-\[2px\]{margin-top:2px!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-10{height:2.5rem!important}.tw-h-12{height:3rem!important}.tw-h-4{height:1rem!important}.tw-h-\[150px\]{height:150px!important}.tw-h-\[2\.5rem\]{height:2.5rem!important}.tw-h-\[20px\]{height:20px!important}.tw-h-\[22px\]{height:22px!important}.tw-h-\[24px\]{height:24px!important}.tw-h-\[28px\]{height:28px!important}.tw-h-\[3\.5rem\]{height:3.5rem!important}.tw-h-\[30px\]{height:30px!important}.tw-h-\[32px\]{height:32px!important}.tw-h-\[36px\]{height:36px!important}.tw-h-\[40px\]{height:40px!important}.tw-h-\[44px\]{height:44px!important}.tw-h-fit{height:-moz-fit-content!important;height:fit-content!important}.tw-h-full{height:100%!important}.tw-h-screen{height:100vh!important}.tw-max-h-\[100\%\]{max-height:100%!important}.tw-max-h-\[120px\]{max-height:120px!important}.tw-max-h-\[200px\]{max-height:200px!important}.tw-min-h-\[100\%\]{min-height:100%!important}.tw-min-h-\[24px\]{min-height:24px!important}.tw-min-h-\[28px\]{min-height:28px!important}.tw-min-h-\[30px\]{min-height:30px!important}.tw-min-h-\[32px\]{min-height:32px!important}.tw-min-h-\[36px\]{min-height:36px!important}.tw-min-h-\[40px\]{min-height:40px!important}.tw-min-h-\[44px\]{min-height:44px!important}.tw-w-10{width:2.5rem!important}.tw-w-12{width:3rem!important}.tw-w-4{width:1rem!important}.tw-w-\[0\]{width:0!important}.tw-w-\[10\%\]{width:10%!important}.tw-w-\[2\.5rem\]{width:2.5rem!important}.tw-w-\[200px\]{width:200px!important}.tw-w-\[20px\]{width:20px!important}.tw-w-\[24px\]{width:24px!important}.tw-w-\[28px\]{width:28px!important}.tw-w-\[30\%\]{width:30%!important}.tw-w-\[300px\]{width:300px!important}.tw-w-\[30px\]{width:30px!important}.tw-w-\[32px\]{width:32px!important}.tw-w-\[36px\]{width:36px!important}.tw-w-\[400px\]{width:400px!important}.tw-w-\[40px\]{width:40px!important}.tw-w-\[44px\]{width:44px!important}.tw-w-\[50px\]{width:50px!important}.tw-w-\[55rem\]{width:55rem!important}.tw-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.tw-w-auto{width:auto!important}.tw-w-fit{width:-moz-fit-content!important;width:fit-content!important}.tw-w-full{width:100%!important}.tw-w-max{width:-moz-max-content!important;width:max-content!important}.tw-w-screen{width:100vw!important}.tw-min-w-\[24px\]{min-width:24px!important}.tw-min-w-\[250px\]{min-width:250px!important}.tw-min-w-\[28px\]{min-width:28px!important}.tw-min-w-\[30px\]{min-width:30px!important}.tw-min-w-\[32px\]{min-width:32px!important}.tw-min-w-\[36px\]{min-width:36px!important}.tw-min-w-\[400px\]{min-width:400px!important}.tw-min-w-\[40px\]{min-width:40px!important}.tw-min-w-\[44px\]{min-width:44px!important}.tw-min-w-\[50px\]{min-width:50px!important}.tw-min-w-full{min-width:100%!important}.tw-min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}.tw-max-w-\[200px\]{max-width:200px!important}.tw-max-w-\[250px\]{max-width:250px!important}.tw-max-w-\[350px\]{max-width:350px!important}.tw-max-w-\[400px\]{max-width:400px!important}.tw-flex-1{flex:1 1 0%!important}.tw-table-auto{table-layout:auto!important}.tw-border-collapse{border-collapse:collapse!important}.tw--rotate-90{--tw-rotate:-90deg!important}.tw--rotate-90,.tw-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-rotate-90{--tw-rotate:90deg!important}@keyframes tw-pulse{50%{opacity:.5}}.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}.tw-cursor-help{cursor:help!important}.tw-cursor-not-allowed{cursor:not-allowed!important}.tw-cursor-pointer{cursor:pointer!important}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw-flex-row{flex-direction:row!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-items-start{align-items:flex-start!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-1{gap:.25rem!important}.tw-gap-10{gap:2.5rem!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-\[12px\]{gap:12px!important}.tw-gap-\[4px\]{gap:4px!important}.tw-gap-\[50px\]{gap:50px!important}.tw-gap-\[8px\]{gap:8px!important}.tw-gap-l{gap:12px!important}.tw-gap-m{gap:8px!important}.tw-gap-s{gap:4px!important}.tw-gap-xl{gap:16px!important}.tw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-right:calc(.25rem*var(--tw-space-x-reverse))!important;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))!important}.tw-overflow-auto{overflow:auto!important}.tw-overflow-hidden{overflow:hidden!important}.tw-overflow-y-auto{overflow-y:auto!important}.tw-overflow-y-hidden{overflow-y:hidden!important}.tw-overflow-y-scroll{overflow-y:scroll!important}.tw-truncate{overflow:hidden!important;white-space:nowrap!important}.tw-text-ellipsis,.tw-truncate{text-overflow:ellipsis!important}.tw-whitespace-nowrap{white-space:nowrap!important}.tw-text-nowrap{text-wrap:nowrap!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-b-0{border-bottom-width:0!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-l-2{border-left-width:2px!important}.tw-border-l-4{border-left-width:4px!important}.tw-border-l-\[5px\]{border-left-width:5px!important}.tw-border-r{border-right-width:1px!important}.tw-border-r-0{border-right-width:0!important}.tw-border-r-2{border-right-width:2px!important}.tw-border-t{border-top-width:1px!important}.tw-border-t-4{border-top-width:4px!important}.tw-border-none{border-style:none!important}.tw-border-danger-medium{--tw-border-opacity:1!important;border-color:rgb(235 219 217/var(--tw-border-opacity,1))!important}.tw-border-danger-regular{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.tw-border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.tw-border-neutral-100{--tw-border-opacity:1!important;border-color:rgb(245 245 245/var(--tw-border-opacity,1))!important}.tw-border-neutral-200{--tw-border-opacity:1!important;border-color:rgb(229 229 229/var(--tw-border-opacity,1))!important}.tw-border-primary-medium{--tw-border-opacity:1!important;border-color:rgb(218 226 236/var(--tw-border-opacity,1))!important}.tw-border-primary-regular{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!important}.tw-border-success-pastel{--tw-border-opacity:1!important;border-color:rgb(87 186 129/var(--tw-border-opacity,1))!important}.tw-border-success-regular{--tw-border-opacity:1!important;border-color:rgb(67 176 113/var(--tw-border-opacity,1))!important}.tw-border-texts-enfasis{--tw-border-opacity:1!important;border-color:rgb(54 88 193/var(--tw-border-opacity,1))!important}.tw-border-texts-placeholder{--tw-border-opacity:1!important;border-color:rgb(146 146 146/var(--tw-border-opacity,1))!important}.tw-border-warning-regular{--tw-border-opacity:1!important;border-color:rgb(211 138 49/var(--tw-border-opacity,1))!important}.tw-border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.tw-bg-\[\#E1EBF9\]{--tw-bg-opacity:1!important;background-color:rgb(225 235 249/var(--tw-bg-opacity,1))!important}.tw-bg-bg{background-color:rgb(239 239 239/var(--tw-bg-opacity,1))!important}.tw-bg-bg,.tw-bg-bg-card{--tw-bg-opacity:1!important}.tw-bg-bg-card{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.tw-bg-danger-light{--tw-bg-opacity:1!important;background-color:rgb(241 229 228/var(--tw-bg-opacity,1))!important}.tw-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.tw-bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.tw-bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))!important}.tw-bg-gray-400{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.tw-bg-neutral-100{--tw-bg-opacity:1!important;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))!important}.tw-bg-primary-light{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))!important}.tw-bg-primary-medium{--tw-bg-opacity:1!important;background-color:rgb(218 226 236/var(--tw-bg-opacity,1))!important}.tw-bg-primary-regular{--tw-bg-opacity:1!important;background-color:rgb(66 92 172/var(--tw-bg-opacity,1))!important}.tw-bg-success-medium{--tw-bg-opacity:1!important;background-color:rgb(210 233 220/var(--tw-bg-opacity,1))!important}.tw-bg-success-regular{--tw-bg-opacity:1!important;background-color:rgb(67 176 113/var(--tw-bg-opacity,1))!important}.tw-bg-texts-placeholder{--tw-bg-opacity:1!important;background-color:rgb(146 146 146/var(--tw-bg-opacity,1))!important}.tw-bg-transparent{background-color:transparent!important}.tw-bg-warning-light{--tw-bg-opacity:1!important;background-color:rgb(242 236 229/var(--tw-bg-opacity,1))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.tw-bg-opacity-50{--tw-bg-opacity:0.5!important}.tw-fill-texts-enfasis{fill:#3658c1!important}.tw-object-cover{-o-object-fit:cover!important;object-fit:cover!important}.tw-p-2{padding:.5rem!important}.tw-p-4{padding:1rem!important}.tw-p-5{padding:1.25rem!important}.tw-p-\[12px_12px\]{padding:12px!important}.tw-p-\[16px\]{padding:16px!important}.tw-p-l{padding:12px!important}.tw-p-m{padding:8px!important}.tw-p-s{padding:4px!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-px-l{padding-left:12px!important;padding-right:12px!important}.tw-px-m{padding-left:8px!important;padding-right:8px!important}.tw-px-xxxl{padding-left:24px!important;padding-right:24px!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.tw-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-py-m{padding-top:8px!important;padding-bottom:8px!important}.tw-py-s{padding-top:4px!important;padding-bottom:4px!important}.tw-pb-1{padding-bottom:.25rem!important}.tw-pb-3{padding-bottom:.75rem!important}.tw-pb-4{padding-bottom:1rem!important}.tw-pb-\[200px\]{padding-bottom:200px!important}.tw-pb-m{padding-bottom:8px!important}.tw-pl-2{padding-left:.5rem!important}.tw-pl-5{padding-left:1.25rem!important}.tw-pr-3{padding-right:.75rem!important}.tw-pt-2{padding-top:.5rem!important}.tw-pt-4{padding-top:1rem!important}.tw-pt-5{padding-top:1.25rem!important}.tw-text-center{text-align:center!important}.tw-text-right{text-align:right!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-\[1\.6rem\]{font-size:1.6rem!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.tw-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-font-bold{font-weight:700!important}.tw-font-extrabold{font-weight:800!important}.tw-font-medium{font-weight:500!important}.tw-font-normal{font-weight:400!important}.tw-font-semibold{font-weight:600!important}.tw-text-danger-dark{--tw-text-opacity:1!important;color:rgb(140 53 44/var(--tw-text-opacity,1))!important}.tw-text-danger-regular{--tw-text-opacity:1!important;color:rgb(195 67 53/var(--tw-text-opacity,1))!important}.tw-text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.tw-text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.tw-text-neutral-400{--tw-text-opacity:1!important;color:rgb(163 163 163/var(--tw-text-opacity,1))!important}.tw-text-neutral-600{--tw-text-opacity:1!important;color:rgb(82 82 82/var(--tw-text-opacity,1))!important}.tw-text-neutral-900{--tw-text-opacity:1!important;color:rgb(23 23 23/var(--tw-text-opacity,1))!important}.tw-text-primary-dark{--tw-text-opacity:1!important;color:rgb(51 73 144/var(--tw-text-opacity,1))!important}.tw-text-primary-pastel{--tw-text-opacity:1!important;color:rgb(92 125 221/var(--tw-text-opacity,1))!important}.tw-text-primary-regular{--tw-text-opacity:1!important;color:rgb(66 92 172/var(--tw-text-opacity,1))!important}.tw-text-success-regular{--tw-text-opacity:1!important;color:rgb(67 176 113/var(--tw-text-opacity,1))!important}.tw-text-texts{--tw-text-opacity:1!important;color:rgb(37 37 37/var(--tw-text-opacity,1))!important}.tw-text-texts-enfasis{--tw-text-opacity:1!important;color:rgb(54 88 193/var(--tw-text-opacity,1))!important}.tw-text-texts-placeholder{--tw-text-opacity:1!important;color:rgb(146 146 146/var(--tw-text-opacity,1))!important}.tw-text-texts-subtext{--tw-text-opacity:1!important;color:rgb(79 79 79/var(--tw-text-opacity,1))!important}.tw-text-warning-dark{--tw-text-opacity:1!important;color:rgb(180 120 47/var(--tw-text-opacity,1))!important}.tw-text-warning-regular{--tw-text-opacity:1!important;color:rgb(211 138 49/var(--tw-text-opacity,1))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.tw-opacity-0{opacity:0!important}.tw-opacity-100{opacity:1!important}.tw-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-button-primary,.tw-shadow-input{--tw-shadow:inset 0 0 0 2px #dae2ec!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)!important}.tw-shadow-button-primary,.tw-shadow-input,.tw-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.tw-shadow-md,.tw-shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important}.tw-shadow-danger-regular{--tw-shadow-color:#c34335!important;--tw-shadow:var(--tw-shadow-colored)!important}.tw-shadow-gray-600{--tw-shadow-color:#4b5563!important;--tw-shadow:var(--tw-shadow-colored)!important}.tw-transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.tw-duration-300{transition-duration:.3s!important}.tw-duration-500{transition-duration:.5s!important}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.tw-duration-300{animation-duration:.3s!important}.tw-duration-500{animation-duration:.5s!important}.tw-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-scrollbar-none{scrollbar-width:none!important}.tw-scrollbar-none::-webkit-scrollbar{display:none!important}html{font-size:62.5%!important}.hover\:tw-border-danger-regular:hover{--tw-border-opacity:1!important;border-color:rgb(195 67 53/var(--tw-border-opacity,1))!important}.hover\:tw-border-primary-regular:hover{--tw-border-opacity:1!important;border-color:rgb(66 92 172/var(--tw-border-opacity,1))!important}.hover\:tw-bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-gray-400:hover{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-primary-dark:hover{--tw-bg-opacity:1!important;background-color:rgb(51 73 144/var(--tw-bg-opacity,1))!important}.hover\:tw-bg-primary-light:hover{--tw-bg-opacity:1!important;background-color:rgb(231 233 242/var(--tw-bg-opacity,1))!important}.hover\:tw-shadow-button-primary-hover:hover{--tw-shadow:inset 0 0 0 2px #425cac,0 0 5px #00000030!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color),0 0 5px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.active\:tw-opacity-50:active{opacity:.5!important}
|