@imj_media/tareas 0.1.13 → 0.1.16

package/dist/tareas.es.js

@@ -1,34 +1,32 @@
-import { jsx as e, jsxs as o, Fragment as S } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as j } from "react/jsx-runtime";
 import "@imj_media/imj-ui/styles.css";
-import { useQueryClient as W, useQuery as J, useMutation as qe, useInfiniteQuery as Z, QueryClient as je, QueryClientProvider as $e } from "@tanstack/react-query";
-import { useState as y, useEffect as v, useRef as L, createContext as U, useContext as K } from "react";
-import { Tooltip as I, Icons as N } from "@imj_media/tasks-modules";
-import V from "react-dom";
-import pe from "axios";
-import he from "qs";
-import { parseISO as Ee, formatDistanceToNow as Be, format as xe } from "date-fns";
-import { es as k } from "date-fns/locale";
-import { Button as ge, Avatar as ee, AvatarImage as te, AvatarFallback as ae, Input as Le, Label as Me, Accordion as ze, AccordionItem as Oe, AccordionTrigger as Ie, AccordionContent as Re } from "@imj_media/imj-ui";
-import { useForm as We } from "react-hook-form";
-import { Avatar as Ue } from "primereact/avatar";
-import { Paginator as Ke } from "primereact/paginator";
-import { Dropdown as Qe } from "primereact/dropdown";
-const He = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE__ */ e(I, { dispatch: /* @__PURE__ */ o("button", { className: "text-texts-placeholder text-xs font-semibold cursor-help", children: [
+import { useQueryClient as Q, useQuery as ae, useMutation as We, useInfiniteQuery as ne, QueryClient as Ue, QueryClientProvider as Ke } from "@tanstack/react-query";
+import { useState as y, useEffect as C, useRef as L, createContext as H, useContext as V } from "react";
+import { Tooltip as R, Icons as v } from "@imj_media/tasks-modules";
+import X from "react-dom";
+import ve from "axios";
+import Ce from "qs";
+import { parseISO as Qe, formatDistanceToNow as He, format as _e } from "date-fns";
+import { es as re } from "date-fns/locale";
+import { Button as Te, Avatar as J, AvatarImage as Z, AvatarFallback as k, Input as Ve, Label as Ge, Accordion as Ye, AccordionItem as Xe, AccordionTrigger as Je, AccordionContent as Ze } from "@imj_media/imj-ui";
+import { useForm as ke } from "react-hook-form";
+import { Paginator as et } from "primereact/paginator";
+const tt = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE__ */ e(R, { dispatch: /* @__PURE__ */ o("button", { className: "text-texts-placeholder text-xs font-semibold cursor-help", children: [
   " ",
   a,
   " "
-] }), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center px-3 py-2 bg-bg-card rounded-lg border border-border-card", children: /* @__PURE__ */ e("p", { className: "text-texts-placeholder text-xs font-semibold", children: "Espéralo muy pronto..." }) }) }) : /* @__PURE__ */ e("button", { disabled: n, onClick: r, className: `${t ? "text-texts-enfasis border-b-2 border-texts-enfasis" : ""} text-xs font-semibold ${n ? "cursor-not-allowed text-texts-placeholder" : "text-texts-subtext"} `, children: a }), Ve = ({ tabs: a, renderItem: t, initialTab: r }) => {
-  const [n, l] = y(r ?? a[0].toLowerCase());
-  v(() => {
-    r && l(r);
+] }), children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center px-3 py-2 bg-bg-card rounded-lg border border-border-card", children: /* @__PURE__ */ e("p", { className: "text-texts-placeholder text-xs font-semibold", children: "Espéralo muy pronto..." }) }) }) : /* @__PURE__ */ e("button", { disabled: n, onClick: r, className: `${t ? "text-texts-enfasis border-b-2 border-texts-enfasis" : ""} text-xs font-semibold ${n ? "cursor-not-allowed text-texts-placeholder" : "text-texts-subtext"} `, children: a }), at = ({ tabs: a, renderItem: t, initialTab: r }) => {
+  const [n, s] = y(r ?? a[0].toLowerCase());
+  C(() => {
+    r && s(r);
   }, [r]);
-  const s = (i) => {
-    l(i), t(i);
+  const l = (i) => {
+    s(i), t(i);
   };
   return /* @__PURE__ */ e("div", { className: "flex", children: a.map((i, u) => /* @__PURE__ */ e("div", { className: `${u === 0 ? "border-l-2" : ""} border-r-2 border-gray-200 px-m`, children: /* @__PURE__ */ e(
-    He,
+    tt,
     {
-      onClick: () => s(i.toLowerCase()),
+      onClick: () => l(i.toLowerCase()),
       label: i,
       active: i.toLowerCase() === n,
       disabled: ["gantt"].includes(i.toLowerCase())
@@ -97,159 +95,159 @@ const He = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE_
     regular: "#0EA5E9",
     pastel: "#0EA5E9"
   }
-}, ne = () => {
+}, se = () => {
   const [a, t] = y(null);
   return {
     //Properties
     position: a,
     //Methods
-    setElementPosition: (s) => {
-      var p;
-      let i = (p = s.current) == null ? void 0 : p.getBoundingClientRect(), u = (i == null ? void 0 : i.x) + ((i == null ? void 0 : i.width) ?? 0), c = (i == null ? void 0 : i.y) + (i == null ? void 0 : i.height);
+    setElementPosition: (l) => {
+      var m;
+      let i = (m = l.current) == null ? void 0 : m.getBoundingClientRect(), u = (i == null ? void 0 : i.x) + ((i == null ? void 0 : i.width) ?? 0), c = (i == null ? void 0 : i.y) + (i == null ? void 0 : i.height);
       t(a ? null : { x: u ?? 0, y: c ?? 0 });
     },
-    getChildrenSize: (s) => {
+    getChildrenSize: (l) => {
       var i;
-      return (i = s.current) == null ? void 0 : i.getBoundingClientRect();
+      return (i = l.current) == null ? void 0 : i.getBoundingClientRect();
     },
     clearPosition: () => {
       t(null);
     }
   };
-}, Ge = ({ children: a, filterChildren: t }) => {
-  const { position: r, setElementPosition: n } = ne(), l = L(null), s = ({ children: i }) => {
+}, nt = ({ children: a, filterChildren: t }) => {
+  const { position: r, setElementPosition: n } = se(), s = L(null), l = ({ children: i }) => {
     const [u, c] = y();
-    return v(() => {
-      var p, d;
-      t.current && c(((r == null ? void 0 : r.x) ?? 0) - (((d = (p = t.current) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0));
-    }, [t == null ? void 0 : t.current, r == null ? void 0 : r.x]), r && V.createPortal(
+    return C(() => {
+      var m, d;
+      t.current && c(((r == null ? void 0 : r.x) ?? 0) - (((d = (m = t.current) == null ? void 0 : m.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0));
+    }, [t == null ? void 0 : t.current, r == null ? void 0 : r.x]), r && X.createPortal(
       /* @__PURE__ */ e("div", { className: `absolute w-fit h-fit ${u ? "block" : "hidden"}`, style: { top: `${r == null ? void 0 : r.y}px`, left: `${u}px` }, children: i }),
       document.body
     );
   };
-  return /* @__PURE__ */ o(S, { children: [
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(
       "label",
       {
-        ref: l,
+        ref: s,
         htmlFor: "filter-button",
         className: "flex cursor-pointer items-center gap-m p-s text-texts-enfasis fill-texts-enfasis bg-bg rounded-lg px-l h-[30px] shadow-button-primary hover:shadow-button-primary-hover ",
         children: [
-          /* @__PURE__ */ e(N, { icon: "filter", size: "xs", strokeWidth: 5, color: F.primary.regular }),
+          /* @__PURE__ */ e(v, { icon: "filter", size: "xs", strokeWidth: 5, color: F.primary.regular }),
           "Filtrar"
         ]
       }
     ),
     /* @__PURE__ */ e("button", { className: "hidden", id: "filter-button", onClick: () => {
-      n(l);
+      n(s);
     } }),
-    /* @__PURE__ */ e(s, { children: a })
+    /* @__PURE__ */ e(l, { children: a })
   ] });
-}, de = (a) => {
+}, ye = (a) => {
   let t = {};
   return Object.entries(a).forEach(([r, n]) => {
     if (r.includes(".")) {
-      let [l, s] = r.split(".");
-      t[l] = t[l] || {}, t[l][s] = n;
+      let [s, l] = r.split(".");
+      t[s] = t[s] || {}, t[s][l] = n;
     } else
       t[r] = n;
   }), t;
-}, fe = U({}), Ye = ({ children: a }) => {
-  const [t, r] = y({}), [n, l] = y({}), [s, i] = y([]), u = ({ name: d, value: h }) => {
-    function x(g) {
-      return !isNaN(g) && g !== null && g !== "" ? parseFloat(g) : null;
+}, Fe = H({}), rt = ({ children: a }) => {
+  const [t, r] = y({}), [n, s] = y({}), [l, i] = y([]), u = ({ name: d, value: x }) => {
+    function h(f) {
+      return !isNaN(f) && f !== null && f !== "" ? parseFloat(f) : null;
     }
-    let b = x(h);
-    l((g) => {
-      let f = { ...g }, w = s == null ? void 0 : s.find((m) => m.label.toLowerCase().replace(/ /g, "_") === d);
-      return w ? f[w.id] = b ?? h : f[d] = b ?? h, f;
+    let b = h(x);
+    s((f) => {
+      let g = { ...f }, N = l == null ? void 0 : l.find((w) => w.label.toLowerCase().replace(/ /g, "_") === d);
+      return N ? g[N.id] = b ?? x : g[d] = b ?? x, g;
     });
   };
-  v(() => {
-    let d = s.map((h) => h.id === "owner.config" ? [h.id, "yo_y_mis_equipos"] : h.id === "dependency" ? [h.id, "ambas"] : [h.id, null]);
-    l(
+  C(() => {
+    let d = l.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
+    s(
       Object.fromEntries(d)
     );
-  }, [s]);
+  }, [l]);
   const c = () => {
-    let d = s.map((h) => h.id === "owner.config" ? [h.id, "yo_y_mis_equipos"] : h.id === "dependency" ? [h.id, "ambas"] : [h.id, null]);
-    l(Object.fromEntries(d)), r(de(Object.fromEntries(d)));
-  }, p = () => {
-    let d = de(n);
+    let d = l.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
+    s(Object.fromEntries(d)), r(ye(Object.fromEntries(d)));
+  }, m = () => {
+    let d = ye(n);
     r(d);
   };
-  return /* @__PURE__ */ e(fe.Provider, { value: {
+  return /* @__PURE__ */ e(Fe.Provider, { value: {
     //properties
-    fields: s,
+    fields: l,
     filters: t,
     //methods
     defineFields: i,
     updateFilters: u,
     cleanFilters: c,
-    applyFilters: p,
+    applyFilters: m,
     initialFilters: n
   }, children: a });
-}, $ = () => K(fe);
-function be(a, t = 300, r = { leading: !1, trailing: !0 }) {
-  let n, l = null;
-  return function(...s) {
-    const i = Date.now(), u = r.leading && !l;
-    clearTimeout(n), u && a(...s), l = i, n = setTimeout(() => {
-      r.trailing && (!r.leading || i - l >= t) && (a(...s), l = null);
+}, B = () => V(Fe);
+function Pe(a, t = 300, r = { leading: !1, trailing: !0 }) {
+  let n, s = null;
+  return function(...l) {
+    const i = Date.now(), u = r.leading && !s;
+    clearTimeout(n), u && a(...l), s = i, n = setTimeout(() => {
+      r.trailing && (!r.leading || i - s >= t) && (a(...l), s = null);
     }, t);
   };
 }
-const Xe = () => {
+const st = () => {
   const {
     fields: a,
     updateFilters: t,
     cleanFilters: r,
     applyFilters: n,
-    initialFilters: l
-  } = $();
+    initialFilters: s
+  } = B();
   return /* @__PURE__ */ o("div", { className: "flex flex-col gap-l min-w-[250px]", children: [
     /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ e("p", { className: "text-texts text-m", children: "Filtros" }),
       /* @__PURE__ */ e("button", { className: "text-xs font-semibold flex cursor-pointer items-center gap-m p-s text-texts-enfasis fill-texts-enfasis bg-bg rounded-lg px-l h-fit shadow-button-primary hover:shadow-button-primary-hover ", onClick: r, children: "Limpiar" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: a == null ? void 0 : a.map((s, i) => {
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: a == null ? void 0 : a.map((l, i) => {
       var u;
       return /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ e("p", { className: "text-sm", children: s.label }),
-        (s == null ? void 0 : s.type) === "select" ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("p", { className: "text-sm", children: l.label }),
+        (l == null ? void 0 : l.type) === "select" ? /* @__PURE__ */ e(
           "select",
           {
             onChange: (c) => {
-              var p, d;
+              var m, d;
               t({
-                name: (p = c == null ? void 0 : c.target) == null ? void 0 : p.name,
+                name: (m = c == null ? void 0 : c.target) == null ? void 0 : m.name,
                 value: (d = c == null ? void 0 : c.target) == null ? void 0 : d.value
               });
             },
-            value: l == null ? void 0 : l[s == null ? void 0 : s.id],
+            value: s == null ? void 0 : s[l == null ? void 0 : l.id],
             className: "w-full h-[30px] shadow-input rounded-lg p-s",
-            name: s.id,
-            id: s.id,
-            children: (u = s == null ? void 0 : s.options) == null ? void 0 : u.map((c, p) => /* @__PURE__ */ e(
+            name: l.id,
+            id: l.id,
+            children: (u = l == null ? void 0 : l.options) == null ? void 0 : u.map((c, m) => /* @__PURE__ */ e(
               "option",
               {
                 value: c.id,
                 children: c.name
               },
-              p
+              m
             ))
           }
         ) : /* @__PURE__ */ e(
           "input",
           {
             className: "w-full h-[30px] shadow-input rounded-lg p-s",
-            type: s.type,
-            value: l == null ? void 0 : l[s == null ? void 0 : s.id],
-            name: s.label.toLowerCase().replace(/ /g, "_"),
-            onChange: be((c) => {
-              var p, d;
+            type: l.type,
+            value: s == null ? void 0 : s[l == null ? void 0 : l.id],
+            name: l.label.toLowerCase().replace(/ /g, "_"),
+            onChange: Pe((c) => {
+              var m, d;
               return t({
-                name: (p = c == null ? void 0 : c.target) == null ? void 0 : p.name,
+                name: (m = c == null ? void 0 : c.target) == null ? void 0 : m.name,
                 value: (d = c == null ? void 0 : c.target) == null ? void 0 : d.value
               });
             }, 1e3)
@@ -274,16 +272,16 @@ const Xe = () => {
   }
   return a;
 };
-class Je {
+class lt {
   static toCampaignTasks(t) {
-    var n, l, s, i, u, c, p, d, h, x, b, g;
+    var n, s, l, i, u, c, m, d, x, h, b, f;
     let r = [];
-    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (s = (l = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : l.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), console.log("task", t), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((f) => {
-      var w, m, C, T;
-      r != null && r.find((_) => _.id === f.idUser.id) || f.idUser && r.push({ id: f.idUser.id, name: f.idUser.nombre, image: (T = (C = (m = (w = f == null ? void 0 : f.userOBP) == null ? void 0 : w.imagen) == null ? void 0 : m.formats) == null ? void 0 : C.thumbnail) == null ? void 0 : T.url });
+    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (l = (s = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : s.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), console.log("task", t), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((g) => {
+      var N, w, T, S;
+      r != null && r.find((_) => _.id === g.idUser.id) || g.idUser && r.push({ id: g.idUser.id, name: g.idUser.nombre, image: (S = (T = (w = (N = g == null ? void 0 : g.userOBP) == null ? void 0 : N.imagen) == null ? void 0 : w.formats) == null ? void 0 : T.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,
+      projectName: ((m = t == null ? void 0 : t.proyecto) == null ? void 0 : m.nombre) ?? null,
       orden: (t == null ? void 0 : t.orden) ?? null,
       id: (t == null ? void 0 : t.id) ?? null,
       task: (t == null ? void 0 : t.texto_corto) ?? null,
@@ -298,14 +296,14 @@ class Je {
       repeats: (t == null ? void 0 : t.repeticiones_realizadas) ?? null,
       comments: ((d = t == null ? void 0 : t.comentarios) == null ? void 0 : d.length) ?? null,
       willBePaused: t == null ? void 0 : t.es_pausable,
-      statusRequiredTask: ((h = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : h.estatus) ?? null,
-      nameRequiredTask: ((x = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : x.texto_corto) ?? null,
+      statusRequiredTask: ((x = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : x.estatus) ?? null,
+      nameRequiredTask: ((h = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : h.texto_corto) ?? null,
       responsible: ((b = t == null ? void 0 : t.responsable) == null ? void 0 : b.id) ?? null,
-      tasks: ((g = t == null ? void 0 : t.tareas) == null ? void 0 : g.map((f) => ({ id: f.id, name: f.texto_corto, status: f.estatus }))) ?? null
+      tasks: ((f = t == null ? void 0 : t.tareas) == null ? void 0 : f.map((g) => ({ id: g.id, name: g.texto_corto, status: g.estatus }))) ?? null
     };
   }
 }
-const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
+const it = async ({ filters: a, tasks_api: t, project: r }) => {
   try {
     const n = await t.get("/api/listado_tareas", {
       params: {
@@ -316,20 +314,20 @@ const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
         includeAllTasks: !0
       }
     });
-    return M(n.data.tareas).map(Je.toCampaignTasks);
+    return M(n.data.tareas).map(lt.toCampaignTasks);
   } catch (n) {
     console.log(n);
   }
-}, ye = U({}), ke = ({ children: a, user: t, url: r }) => {
-  const n = pe.create({
+}, Se = H({}), ot = ({ children: a, user: t, url: r }) => {
+  const n = ve.create({
     baseURL: r,
     headers: {
       Authorization: `Bearer ${t.accessToken}`
     },
-    paramsSerializer: (l) => he.stringify(l, { encodeValuesOnly: !0 })
+    paramsSerializer: (s) => Ce.stringify(s, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ e(
-    ye.Provider,
+    Se.Provider,
     {
       value: {
         //methods
@@ -338,16 +336,16 @@ const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
       children: a
     }
   );
-}, P = () => K(ye), we = U({}), et = ({ children: a, user: t, url: r }) => {
-  const n = pe.create({
+}, D = () => V(Se), Ae = H({}), ct = ({ children: a, user: t, url: r }) => {
+  const n = ve.create({
     baseURL: r,
     headers: {
       Authorization: `Bearer ${t.accessToken}`
     },
-    paramsSerializer: (l) => he.stringify(l, { encodeValuesOnly: !0 })
+    paramsSerializer: (s) => Ce.stringify(s, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ e(
-    we.Provider,
+    Ae.Provider,
     {
       value: {
         //properties
@@ -358,23 +356,23 @@ const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
       children: a
     }
   );
-}, R = () => K(we), Ne = U({}), tt = ({ children: a, project: t }) => {
-  var w;
-  const r = W(), [n, l] = y([]), [s, i] = y([]), { tasks_api: u } = P(), { filters: c } = $(), { user: p } = R(), [d, h] = y({
+}, W = () => V(Ae), qe = H({}), dt = ({ children: a, project: t }) => {
+  var N;
+  const r = Q(), [n, s] = y([]), [l, i] = y([]), { tasks_api: u } = D(), { filters: c } = B(), { user: m } = W(), [d, x] = y({
     owner: {
-      user: p.id,
-      config: ((w = c == null ? void 0 : c.owner) == null ? void 0 : w.config) ?? "yo_y_mis_equipos"
+      user: m.id,
+      config: ((N = c == null ? void 0 : c.owner) == null ? void 0 : N.config) ?? "yo_y_mis_equipos"
     },
     project: {
       id: t
     }
   });
-  v(() => {
+  C(() => {
     console.log(n);
   }, [n]);
-  const x = J({
+  const h = ae({
     queryKey: ["tasksProject", t],
-    queryFn: () => Ze({
+    queryFn: () => it({
       filters: {
         ...d
       },
@@ -382,45 +380,45 @@ const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
       tasks_api: u
     })
   });
-  v(() => {
-    var m;
-    Object.keys(c).length > 0 && h({
+  C(() => {
+    var w;
+    Object.keys(c).length > 0 && x({
       ...c,
       owner: {
-        user: p.id,
-        config: ((m = c == null ? void 0 : c.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
+        user: m.id,
+        config: ((w = c == null ? void 0 : c.owner) == null ? void 0 : w.config) ?? "yo_y_mis_equipos"
       },
       project: {
         id: t
       }
     });
-  }, [c]), v(() => {
+  }, [c]), C(() => {
     r.invalidateQueries({
       queryKey: ["tasksProject", t]
     });
   }, [d]);
-  const b = (m) => {
-    l((C) => [...C, m]);
-  }, g = (m) => {
-    i((C) => C.includes(m) ? C.filter((T) => T !== m) : [...C, m]);
-  }, f = t ?? null;
+  const b = (w) => {
+    s((T) => [...T, w]);
+  }, f = (w) => {
+    i((T) => T.includes(w) ? T.filter((S) => S !== w) : [...T, w]);
+  }, g = t ?? null;
   return /* @__PURE__ */ e(
-    Ne.Provider,
+    qe.Provider,
     {
       value: {
         //properties
-        tasksProject: x,
+        tasksProject: h,
         selectedTasks: n,
-        projectID: f,
-        openTasks: s,
+        projectID: g,
+        openTasks: l,
         //methods
         selectTask: b,
-        openTask: g
+        openTask: f
       },
       children: a
     }
   );
-}, G = () => K(Ne), at = [
+}, ee = () => V(qe), ut = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -471,51 +469,51 @@ const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
       name: "Muy dificil"
     }]
   }
-], nt = ({ id: a }) => {
+], mt = ({ id: a }) => {
   const [t, r] = y(!1);
   return { checked: t, checkTask: () => {
     r(!t), console.log("completar tarea", a);
   } };
-}, ve = ({ id: a, nameRequiredTask: t, statusRequiredTask: r, status: n }) => {
-  const { checked: l, checkTask: s } = nt({ id: a });
+}, je = ({ id: a, nameRequiredTask: t, statusRequiredTask: r, status: n }) => {
+  const { checked: s, checkTask: l } = mt({ id: a });
   let i = Math.random().toString();
-  return console.log({ statusRequiredTask: r }), /* @__PURE__ */ o(S, { children: [
-    n === 1 && (r < 2 && t !== "" ? /* @__PURE__ */ e(I, { dispatch: /* @__PURE__ */ e("label", { htmlFor: i, children: /* @__PURE__ */ e(N, { icon: "info_circle", color: F.warning.regular, strokeWidth: 4 }) }), children: /* @__PURE__ */ o("div", { className: "px-m py-s max-w-[200px] bg-warning-light rounded-lg border-l-[5px] border-warning-regular text-warning-dark text-xs", children: [
+  return console.log({ statusRequiredTask: r }), /* @__PURE__ */ o(j, { children: [
+    n === 1 && (r < 2 && t !== "" ? /* @__PURE__ */ e(R, { dispatch: /* @__PURE__ */ e("label", { htmlFor: i, children: /* @__PURE__ */ e(v, { icon: "info_circle", color: F.warning.regular, strokeWidth: 4 }) }), children: /* @__PURE__ */ o("div", { className: "px-m py-s max-w-[200px] bg-warning-light rounded-lg border-l-[5px] border-warning-regular text-warning-dark text-xs", children: [
       /* @__PURE__ */ e("p", { className: "font-bold", children: "Requiere completar su tarea requerida:" }),
       /* @__PURE__ */ o("p", { children: [
         " ",
         t,
         " "
       ] })
-    ] }) }) : /* @__PURE__ */ e("label", { htmlFor: i, className: l ? "bg-success-regular rounded-full w-[20px] h-[20px] flex items-center justify-center mx-[2px] transition-all" : " transition-colors", children: /* @__PURE__ */ e(
-      N,
+    ] }) }) : /* @__PURE__ */ e("label", { htmlFor: i, className: s ? "bg-success-regular rounded-full w-[20px] h-[20px] flex items-center justify-center mx-[2px] transition-all" : " transition-colors", children: /* @__PURE__ */ e(
+      v,
       {
-        icon: l ? "check_outline" : "circle_checked",
-        color: l ? "white" : F.texts.placeholder,
+        icon: s ? "check_outline" : "circle_checked",
+        color: s ? "white" : F.texts.placeholder,
         strokeWidth: 4,
-        size: l ? "xs" : "s"
+        size: s ? "xs" : "s"
       }
     ) })),
-    /* @__PURE__ */ e("input", { id: i, checked: l, onChange: s, type: "checkbox", className: "hidden" })
+    /* @__PURE__ */ e("input", { id: i, checked: s, onChange: l, type: "checkbox", className: "hidden" })
   ] });
-}, z = ({ imageUrl: a = "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png", alt: t = "avatar" }) => /* @__PURE__ */ e(
+}, I = ({ imageUrl: a = "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png", alt: t = "avatar" }) => /* @__PURE__ */ e(
   "img",
   {
     src: a === "" ? "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png" : a,
     alt: t ?? "avatar",
     className: "w-[28px] h-[28px] min-w-[28px] min-h-[28px] rounded-full bg-containers border-2 border-white"
   }
-), ue = ({ trigger: a, user: t, showUser: r = !0 }) => /* @__PURE__ */ e(I, { dispatch: a, children: r && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: [
-  /* @__PURE__ */ e(z, { imageUrl: t.image ?? "", alt: t.name }),
+), we = ({ trigger: a, user: t, showUser: r = !0 }) => /* @__PURE__ */ e(R, { dispatch: a, children: r && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: [
+  /* @__PURE__ */ e(I, { imageUrl: t.image ?? "", alt: t.name }),
   /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: t.name })
-] }) }), rt = ({ options: a, onselect: t }) => {
-  const [r, n] = y(null), l = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), s = [...a].filter((i) => i.name.toLowerCase().includes((r == null ? void 0 : r.toLowerCase()) ?? ""));
+] }) }), pt = ({ options: a, onselect: t }) => {
+  const [r, n] = y(null), s = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), l = [...a].filter((i) => i.name.toLowerCase().includes((r == null ? void 0 : r.toLowerCase()) ?? ""));
   return /* @__PURE__ */ o("div", { className: "h-fit w-full min-w-max", children: [
     /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e(
         "input",
         {
-          id: l,
+          id: s,
           value: r ?? "",
           onChange: (i) => n(i.target.value),
           type: "text",
@@ -523,17 +521,17 @@ const Ze = async ({ filters: a, tasks_api: t, project: r }) => {
           placeholder: "Buscar"
         }
       ),
-      /* @__PURE__ */ e("div", { className: "absolute right-[8px]", children: /* @__PURE__ */ e(N, { icon: "search", size: "xs", strokeWidth: 3 }) })
+      /* @__PURE__ */ e("div", { className: "absolute right-[8px]", children: /* @__PURE__ */ e(v, { icon: "search", size: "xs", strokeWidth: 3 }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "bg-bg-card border-cards rounded-lg p-2 flex flex-col gap-s overflow-y-auto max-h-[120px] min-w-max", children: s.map((i) => /* @__PURE__ */ o("button", { onClick: () => {
+    /* @__PURE__ */ e("div", { className: "bg-bg-card border-cards rounded-lg p-2 flex flex-col gap-s overflow-y-auto max-h-[120px] min-w-max", children: l.map((i) => /* @__PURE__ */ o("button", { onClick: () => {
       t(i);
     }, className: "flex gap-s items-center max-w-[200px] min-w-full hover:bg-primary-light cursor-pointer", children: [
-      /* @__PURE__ */ e(z, { imageUrl: i.image, alt: i.name }),
+      /* @__PURE__ */ e(I, { imageUrl: i.image, alt: i.name }),
       /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: i.name })
     ] })) })
   ] });
 };
-class lt {
+class ht {
   static toDomain(t) {
     return {
       id: t.id,
@@ -542,141 +540,141 @@ class lt {
     };
   }
 }
-const st = () => {
-  const { tasks_api: a } = P();
-  return { teams: J({
+const xt = () => {
+  const { tasks_api: a } = D();
+  return { teams: ae({
     queryKey: ["teams", "all"],
     queryFn: async () => {
       const r = await a.get("/api/equipos");
-      return M(r.data).map(lt.toDomain);
+      return M(r.data).map(ht.toDomain);
     }
   }) };
 };
-class it {
+class gt {
   static toUsers(t) {
-    var r, n, l;
+    var r, n, s;
     return {
       id: t.id,
       name: t.nombre,
-      image: (l = (n = (r = t.imagen) == null ? void 0 : r.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : l.url
+      image: (s = (n = (r = t.imagen) == null ? void 0 : r.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : s.url
     };
   }
 }
-const ot = async ({
+const ft = async ({
   tasks_api: a
 }) => {
   try {
     const t = await a.get("/api/allOBPUsers");
-    return M(t.data).map(it.toUsers);
+    return M(t.data).map(gt.toUsers);
   } catch (t) {
     throw console.log("Error al obtener los usuarios comerciales", t), `Error al obtener los usuarios comerciales: ${t}`;
   }
-}, ct = () => {
-  const { tasks_api: a } = P();
+}, bt = () => {
+  const { tasks_api: a } = D();
   return {
-    users: J({
+    users: ae({
       queryKey: ["users"],
-      queryFn: () => ot({ tasks_api: a }),
+      queryFn: () => ft({ tasks_api: a }),
       staleTime: 1e3 * 60 * 60 * 24
     })
   };
-}, Ce = (a) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(a);
-function dt(a) {
+}, De = (a) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(a);
+function yt(a) {
   const t = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], r = new Date(a).getDay();
   return t[r];
 }
-const me = (a) => {
-  let t = a || /* @__PURE__ */ new Date(), r = t.getDate(), n = Ce(t.getMonth()).slice(0, 3), l = t.getFullYear().toString().slice(-2), s = dt(t).slice(0, 3);
-  return `${s.charAt(0).toUpperCase() + s.slice(1)} ${r} ${n.charAt(0).toUpperCase() + n.slice(1)} ${l}`;
-}, re = (a) => ({
+const Ne = (a) => {
+  let t = a || /* @__PURE__ */ new Date(), r = t.getDate(), n = De(t.getMonth()).slice(0, 3), s = t.getFullYear().toString().slice(-2), l = yt(t).slice(0, 3);
+  return `${l.charAt(0).toUpperCase() + l.slice(1)} ${r} ${n.charAt(0).toUpperCase() + n.slice(1)} ${s}`;
+}, le = (a) => ({
   ...a,
   image: a.image ? `https://devobp.imjmedia.com.mx${a.image}` : ""
-}), _e = ({
+}), $e = ({
   users: a,
   onClick: t,
   responsible: r
 }) => {
   let n = `button-assign-users-${Math.random().toString(36).substring(2, 15)}`;
-  const { setElementPosition: l, position: s, clearPosition: i } = ne(), u = L(null);
+  const { setElementPosition: s, position: l, clearPosition: i } = se(), u = L(null);
   console.log(a);
   const c = () => r ? null : a.length > 3 && /* @__PURE__ */ e(
-    I,
+    R,
     {
       dispatch: /* @__PURE__ */ e("div", { className: "w-[28px] h-[28px] rounded-full btn-primary flex items-center justify-center border-2 border-white ml-[-8px]", children: /* @__PURE__ */ e("p", { className: "text-xs font-bold text-white ", children: `+${a.length - 3}` }) }),
-      children: /* @__PURE__ */ e("div", { className: "bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: a == null ? void 0 : a.slice(3).map((x, b) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 ", children: [
-        /* @__PURE__ */ e(z, { imageUrl: x.image ?? "", alt: x.name }, b),
-        /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: x.name })
+      children: /* @__PURE__ */ e("div", { className: "bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: a == null ? void 0 : a.slice(3).map((h, b) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 ", children: [
+        /* @__PURE__ */ e(I, { imageUrl: h.image ?? "", alt: h.name }, b),
+        /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: h.name })
       ] }, b)) })
     }
-  ), p = () => {
+  ), m = () => {
     if (r) {
-      let x = a.find(
+      let h = a.find(
         (b) => b.id === r
       );
       return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        ue,
+        we,
         {
           trigger: /* @__PURE__ */ e(
-            z,
+            I,
             {
-              imageUrl: x == null ? void 0 : x.image,
-              alt: x == null ? void 0 : x.name
+              imageUrl: h == null ? void 0 : h.image,
+              alt: h == null ? void 0 : h.name
             },
             r
           ),
-          user: x,
-          showUser: !(s != null && s.x)
+          user: h,
+          showUser: !(l != null && l.x)
         }
       ) });
     }
-    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((x, b) => /* @__PURE__ */ e("div", { className: `${b === 0 ? "" : "ml-[-8px]"}`, children: /* @__PURE__ */ e(
-      ue,
+    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((h, b) => /* @__PURE__ */ e("div", { className: `${b === 0 ? "" : "ml-[-8px]"}`, children: /* @__PURE__ */ e(
+      we,
       {
-        trigger: /* @__PURE__ */ e(z, { imageUrl: x.image, alt: x.name }, b),
-        user: x,
-        showUser: !(s != null && s.x)
+        trigger: /* @__PURE__ */ e(I, { imageUrl: h.image, alt: h.name }, b),
+        user: h,
+        showUser: !(l != null && l.x)
       }
     ) }));
-  }, d = ({ children: x }) => /* @__PURE__ */ e("label", { ref: u, htmlFor: n, className: "cursor-pointer flex items-center", children: x });
+  }, d = ({ children: h }) => /* @__PURE__ */ e("label", { ref: u, htmlFor: n, className: "cursor-pointer flex items-center", children: h });
   if (a.length === 0)
-    return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(N, { icon: "user", size: "xs", strokeWidth: 3 }) });
-  const h = () => {
-    var T;
-    const [x, b] = y(), [g, f] = y("team"), { teams: w } = st(), { users: m } = ct();
-    v(() => {
-      var _, A;
-      u.current && b(((s == null ? void 0 : s.x) ?? 0) - (((A = (_ = u.current) == null ? void 0 : _.getBoundingClientRect()) == null ? void 0 : A.width) ?? 0));
-    }, [u == null ? void 0 : u.current, s == null ? void 0 : s.x]);
-    const C = () => {
+    return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(v, { icon: "user", size: "xs", strokeWidth: 3 }) });
+  const x = () => {
+    var S;
+    const [h, b] = y(), [f, g] = y("team"), { teams: N } = xt(), { users: w } = bt();
+    C(() => {
+      var _, P;
+      u.current && b(((l == null ? void 0 : l.x) ?? 0) - (((P = (_ = u.current) == null ? void 0 : _.getBoundingClientRect()) == null ? void 0 : P.width) ?? 0));
+    }, [u == null ? void 0 : u.current, l == null ? void 0 : l.x]);
+    const T = () => {
       const _ = [
         { id: "team", label: "Equipo" },
         { id: "responsible", label: "Responsable" }
       ];
-      return /* @__PURE__ */ e("div", { className: "w-full flex justify-center gap-l text-texts-placeholder font-bold", children: _.map((A, D) => /* @__PURE__ */ e(
+      return /* @__PURE__ */ e("div", { className: "w-full flex justify-center gap-l text-texts-placeholder font-bold", children: _.map((P, p) => /* @__PURE__ */ e(
         "button",
         {
-          className: `w-full text-sm border-texts-placeholder text-center ${g === A.id ? "text-primary-pastel" : ""} ${D === _.length - 1 ? "border-r-0" : " border-r-2"}`,
-          onClick: () => f(A.id),
-          children: A.label
+          className: `w-full text-sm border-texts-placeholder text-center ${f === P.id ? "text-primary-pastel" : ""} ${p === _.length - 1 ? "border-r-0" : " border-r-2"}`,
+          onClick: () => g(P.id),
+          children: P.label
         }
       )) });
     };
-    return (s == null ? void 0 : s.x) && V.createPortal(
+    return (l == null ? void 0 : l.x) && X.createPortal(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `absolute w-[300px] h-fit ${x ? "block" : "hidden"}`,
-          style: { top: `${s == null ? void 0 : s.y}px`, left: `${x}px` },
+          className: `absolute w-[300px] h-fit ${h ? "block" : "hidden"}`,
+          style: { top: `${l == null ? void 0 : l.y}px`, left: `${h}px` },
           children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-m bg-bg-card border-cards rounded-lg p-2 max-h-[200px] overflow-y-hidden", children: [
-            /* @__PURE__ */ e(C, {}),
+            /* @__PURE__ */ e(T, {}),
             /* @__PURE__ */ e(
-              rt,
+              pt,
               {
-                options: g === "team" ? w.data.map((_) => ({
+                options: f === "team" ? N.data.map((_) => ({
                   id: _.id,
                   name: _.name,
                   image: ""
-                })) : (T = m.data) == null ? void 0 : T.map(re),
+                })) : (S = w.data) == null ? void 0 : S.map(le),
                 onselect: (_) => {
                   i(), t && t(_);
                 }
@@ -688,9 +686,9 @@ const me = (a) => {
       document.body
     );
   };
-  return /* @__PURE__ */ o(S, { children: [
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(d, { children: [
-      p(),
+      m(),
       c()
     ] }),
     /* @__PURE__ */ e(
@@ -698,56 +696,56 @@ const me = (a) => {
       {
         className: "hidden",
         id: n,
-        onClick: () => l(u)
+        onClick: () => s(u)
       }
     ),
-    /* @__PURE__ */ e(h, {})
+    /* @__PURE__ */ e(x, {})
   ] });
-}, ut = () => {
-  const { tasks_api: a } = P(), t = W(), r = async ({ newData: s, id: i }) => (await a.put(`/api/tareas/${i}`, {
-    data: s
-  })).data, n = qe({
-    mutationFn: ({ newData: s, id: i }) => r({ newData: s, id: i }),
+}, wt = () => {
+  const { tasks_api: a } = D(), t = Q(), r = async ({ newData: l, id: i }) => (await a.put(`/api/tareas/${i}`, {
+    data: l
+  })).data, n = We({
+    mutationFn: ({ newData: l, id: i }) => r({ newData: l, id: i }),
     onSuccess: () => {
       t.invalidateQueries({ queryKey: ["toDoTasks"] }), t.invalidateQueries({ queryKey: ["inProgressTasks"] }), t.invalidateQueries({ queryKey: ["doneTasks"] }), console.log("Task updated successfully!");
     },
-    onError: (s) => {
-      console.error("Failed to update the task.", s);
+    onError: (l) => {
+      console.error("Failed to update the task.", l);
     }
   });
   return {
     //* Methods
-    updateTask: async ({ id: s, data: i, user: u }) => {
+    updateTask: async ({ id: l, data: i, user: u }) => {
       let c = {
         updated_at: (/* @__PURE__ */ new Date()).toISOString(),
         updated_by: u,
         ...i
       };
       try {
-        await n.mutateAsync({ newData: c, id: s });
-      } catch (p) {
-        console.error("Error updating the element:", p);
+        await n.mutateAsync({ newData: c, id: l });
+      } catch (m) {
+        console.error("Error updating the element:", m);
       }
     }
   };
-}, Te = ({ priority: a, id: t }) => {
-  const { updateTask: r } = ut(), n = Math.random().toString(36), [l, s] = y(null), i = (c) => ({
+}, Ee = ({ priority: a, id: t }) => {
+  const { updateTask: r } = wt(), n = Math.random().toString(36), [s, l] = y(null), i = (c) => ({
     0: F.primary.regular,
     1: F.success.regular,
     2: F.warning.regular,
     3: F.danger.regular
   })[c], u = () => {
-    if (!l) return null;
-    const c = ({ priority: p, text: d }) => /* @__PURE__ */ o("button", { onClick: () => {
-      r({ id: t, data: { prioridad: p }, user: 272 }), s(null);
+    if (!s) return null;
+    const c = ({ priority: m, text: d }) => /* @__PURE__ */ o("button", { onClick: () => {
+      r({ id: t, data: { prioridad: m }, user: 272 }), l(null);
     }, className: "flex gap-m items-center px-l py-s hover:bg-primary-light", children: [
-      /* @__PURE__ */ e(N, { icon: "flag", size: "xs", strokeWidth: 3, color: i(p) }),
-      /* @__PURE__ */ e("p", { className: "text-sm", style: { color: i(p) }, children: d })
+      /* @__PURE__ */ e(v, { icon: "flag", size: "xs", strokeWidth: 3, color: i(m) }),
+      /* @__PURE__ */ e("p", { className: "text-sm", style: { color: i(m) }, children: d })
     ] });
-    return V.createPortal(
+    return X.createPortal(
       /* @__PURE__ */ o("div", { onBlur: () => {
-        s(null);
-      }, id: `${n}-options`, style: { top: `${l.y + 5}px`, left: `${l.x + 5}px` }, className: `absolute h-fit p-m flex flex-col gap-2 bg-bg-card rounded-xl shadow-lg
+        l(null);
+      }, id: `${n}-options`, style: { top: `${s.y + 5}px`, left: `${s.x + 5}px` }, className: `absolute h-fit p-m flex flex-col gap-2 bg-bg-card rounded-xl shadow-lg
                 w-max`, children: [
         /* @__PURE__ */ e(c, { priority: 0, text: "Baja" }),
         /* @__PURE__ */ e(c, { priority: 1, text: "Normal" }),
@@ -762,11 +760,11 @@ const me = (a) => {
       "label",
       {
         onBlur: () => {
-          s(null);
+          l(null);
         },
         htmlFor: n,
         className: "flex items-center gap-2 cursor-pointer active:opacity-50",
-        children: /* @__PURE__ */ e(N, { icon: "flag", size: "xs", strokeWidth: 3, color: i(a) })
+        children: /* @__PURE__ */ e(v, { icon: "flag", size: "xs", strokeWidth: 3, color: i(a) })
       }
     ),
     /* @__PURE__ */ e(
@@ -774,7 +772,7 @@ const me = (a) => {
       {
         id: n,
         onClick: (c) => {
-          s(l ? null : { x: c.clientX, y: c.clientY });
+          l(s ? null : { x: c.clientX, y: c.clientY });
         },
         className: "hidden"
       }
@@ -782,54 +780,54 @@ const me = (a) => {
     /* @__PURE__ */ e(u, {})
   ] });
 };
-function mt({ items: a }) {
+function Nt({ items: a }) {
   var n;
   const [t, r] = y(1);
-  return /* @__PURE__ */ o(S, { children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-row mb-2 border-b border-neutral-100 bg-white mt-4", children: a.map((l, s) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(j, { children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-row mb-2 border-b border-neutral-100 bg-white mt-4", children: a.map((s, l) => /* @__PURE__ */ e(
       "div",
       {
-        className: `border-r border-neutral-100 pr-3 py-1 ${s !== 0 ? "px-3" : ""}`,
+        className: `border-r border-neutral-100 pr-3 py-1 ${l !== 0 ? "px-3" : ""}`,
         children: /* @__PURE__ */ e(
-          ge,
+          Te,
           {
             variant: "ghost",
-            onClick: () => r(l.id),
-            className: `text-sm font-normal rounded-none py-1 h-8 ${t === l.id ? "text-primary border-b border-primary" : "text-neutral-400 border-b-0"}`,
-            children: l.label
+            onClick: () => r(s.id),
+            className: `text-sm font-normal rounded-none py-1 h-8 ${t === s.id ? "text-primary border-b border-primary" : "text-neutral-400 border-b-0"}`,
+            children: s.label
           },
-          l.id
+          s.id
         )
       },
-      l.id
+      s.id
     )) }),
-    /* @__PURE__ */ e("div", { className: "pt-4 flex-1 overflow-y-auto bg-white", children: (n = a.find((l) => l.id === t)) == null ? void 0 : n.component })
+    /* @__PURE__ */ e("div", { className: "pt-4 flex-1 overflow-y-auto bg-white", children: (n = a.find((s) => s.id === t)) == null ? void 0 : n.component })
   ] });
 }
-const pt = "https://devobp.imjmedia.com.mx";
-function le(a) {
+const Be = "https://devobp.imjmedia.com.mx";
+function ie(a) {
   return a ? a.split(" ").map((n) => {
-    var l;
-    return (l = n[0]) == null ? void 0 : l.toUpperCase();
+    var s;
+    return (s = n[0]) == null ? void 0 : s.toUpperCase();
   }).slice(0, 2).join("") : "";
 }
-const ht = "https://devobp.imjmedia.com.mx";
-function xt({ comment: a }) {
-  var r, n, l, s, i, u;
+const vt = "https://devobp.imjmedia.com.mx";
+function Ct({ comment: a }) {
+  var r, n, s, l, i, u;
   function t(c) {
-    const p = Ee(c);
-    return Be(p, { locale: k, addSuffix: !0 });
+    const m = Qe(c);
+    return He(m, { locale: re, addSuffix: !0 });
   }
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row gap-3 items-start", children: [
-    /* @__PURE__ */ o(ee, { className: "w-[48px] h-[48px]", children: [
+    /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
       /* @__PURE__ */ e(
-        te,
+        Z,
         {
-          src: `${ht}${(s = (l = (n = (r = a == null ? void 0 : a.autor) == null ? void 0 : r.imagen) == null ? void 0 : n.formats) == null ? void 0 : l.thumbnail) == null ? void 0 : s.url}`,
+          src: `${vt}${(l = (s = (n = (r = a == null ? void 0 : a.autor) == null ? void 0 : r.imagen) == null ? void 0 : n.formats) == null ? void 0 : s.thumbnail) == null ? void 0 : l.url}`,
           alt: "@shadcn"
         }
       ),
-      /* @__PURE__ */ e(ae, { children: le((i = a == null ? void 0 : a.autor) == null ? void 0 : i.nombre) })
+      /* @__PURE__ */ e(k, { children: ie((i = a == null ? void 0 : a.autor) == null ? void 0 : i.nombre) })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ o("div", { className: "flex flex-row gap-2", children: [
@@ -840,64 +838,64 @@ function xt({ comment: a }) {
     ] })
   ] }) });
 }
-function gt({ currentUser: a, data: t, taskId: r, onNewComment: n }) {
-  var h, x, b;
-  const { tasks_api: l } = P(), { register: s, handleSubmit: i, reset: u } = We(), [c, p] = y([]);
-  return v(() => {
+function _t({ currentUser: a, data: t, taskId: r, onNewComment: n }) {
+  var x, h, b;
+  const { tasks_api: s } = D(), { register: l, handleSubmit: i, reset: u } = ke(), [c, m] = y([]);
+  return C(() => {
     if (t != null && t.comentarios) {
-      const g = [...t.comentarios].sort(
-        (f, w) => new Date(w.createdAt).getTime() - new Date(f.createdAt).getTime()
+      const f = [...t.comentarios].sort(
+        (g, N) => new Date(N.createdAt).getTime() - new Date(g.createdAt).getTime()
       );
-      p(g);
+      m(f);
     }
   }, [t]), /* @__PURE__ */ o("div", { className: "flex flex-col h-full gap-4", children: [
-    /* @__PURE__ */ o("form", { onSubmit: i(async (g) => {
+    /* @__PURE__ */ o("form", { onSubmit: i(async (f) => {
       try {
-        const f = {
+        const g = {
           autor: {
             id: a == null ? void 0 : a.id,
             email: a == null ? void 0 : a.email,
             nombre: a == null ? void 0 : a.nombre,
             imagen: a == null ? void 0 : a.imagen
           },
-          comentario: g == null ? void 0 : g.comment,
+          comentario: f == null ? void 0 : f.comment,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        await l.post("/api/comentarios", {
+        await s.post("/api/comentarios", {
           data: {
             autor: a == null ? void 0 : a.id,
-            comentario: g.comment,
+            comentario: f.comment,
             tarea: r
           }
-        }), n(!0), p((w) => [f, ...w]), u();
-      } catch (f) {
-        console.error("Error al agregar comentario:", f);
+        }), n(!0), m((N) => [g, ...N]), u();
+      } catch (g) {
+        console.error("Error al agregar comentario:", g);
       }
     }), className: "flex flex-row items-center gap-3", children: [
-      /* @__PURE__ */ o(ee, { className: "w-[48px] h-[48px]", children: [
+      /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
         /* @__PURE__ */ e(
-          te,
+          Z,
           {
-            src: `${pt}${(b = (x = (h = a == null ? void 0 : a.imagen) == null ? void 0 : h.formats) == null ? void 0 : x.thumbnail) == null ? void 0 : b.url}`,
+            src: `${Be}${(b = (h = (x = a == null ? void 0 : a.imagen) == null ? void 0 : x.formats) == null ? void 0 : h.thumbnail) == null ? void 0 : b.url}`,
             alt: "@shadcn"
           }
         ),
-        /* @__PURE__ */ e(ae, { className: "border border-x-primary-pastel", children: le(a == null ? void 0 : a.nombre) })
+        /* @__PURE__ */ e(k, { className: "border border-x-primary-pastel", children: ie(a == null ? void 0 : a.nombre) })
       ] }),
       /* @__PURE__ */ e(
-        Le,
+        Ve,
         {
-          ...s("comment", { required: !0 }),
+          ...l("comment", { required: !0 }),
           autoComplete: "off",
           placeholder: "Escribe un comentario",
           className: "w-full bg-white border border-neutral-200"
         }
       )
     ] }),
-    c.map((g, f) => /* @__PURE__ */ e(xt, { comment: g }, f))
+    c.map((f, g) => /* @__PURE__ */ e(Ct, { comment: f }, g))
   ] });
 }
-function ft({ data: a }) {
+function Tt({ data: a }) {
   const t = {
     0: {
       color: "bg-gray-400",
@@ -915,21 +913,21 @@ function ft({ data: a }) {
       color: "bg-success-regular",
       label: "Finalizada"
     }
-  }, r = (n) => n ? xe(new Date(n), "d MMM", { locale: k }) : "";
+  }, r = (n) => n ? _e(new Date(n), "d MMM", { locale: re }) : "";
   return /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-4", children: [
-      /* @__PURE__ */ e(Me, { className: "text-lg font-medium text-neutral-900", children: "Tareas dependientes" }),
+      /* @__PURE__ */ e(Ge, { className: "text-lg font-medium text-neutral-900", children: "Tareas dependientes" }),
       /* @__PURE__ */ e("span", { className: "text-sm font-normal text-neutral-600 bg-[#E1EBF9] w-6 h-6 rounded-full flex items-center justify-center text-primary", children: a == null ? void 0 : a.length })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 border border-neutral-200 rounded-lg mt-3", children: a == null ? void 0 : a.map((n) => {
-      var l, s, i, u, c;
+      var s, l, i, u, c;
       return /* @__PURE__ */ o(
         "div",
         {
           className: "flex flex-row w-full items-center justify-between gap-s border-b border-neutral-200 py-1 px-2",
           children: [
             /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(z, { imageUrl: (u = (i = (s = (l = n.responsable) == null ? void 0 : l.image) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }),
+              /* @__PURE__ */ e(I, { imageUrl: (u = (i = (l = (s = n.responsable) == null ? void 0 : s.image) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }),
               /* @__PURE__ */ e("p", { className: "text-sm font-normal w-[400px] text-nowrap text-ellipsis overflow-hidden", children: n == null ? void 0 : n.texto_corto })
             ] }),
             /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
@@ -948,26 +946,26 @@ function ft({ data: a }) {
     }) })
   ] });
 }
-const bt = "https://devobp.imjmedia.com.mx";
-function yt({ isOpen: a, setIsOpen: t, taskId: r }) {
-  var g, f, w, m, C, T, _, A, D, q, j;
-  const [n, l] = y(null), [s, i] = y(!1), [u, c] = y(null), { tasks_api: p } = P(), { user: d } = R();
-  v(() => {
-    if (a && r || s) {
+const Ft = "https://devobp.imjmedia.com.mx";
+function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
+  var f, g, N, w, T, S, _, P, p, A, q;
+  const [n, s] = y(null), [l, i] = y(!1), [u, c] = y(null), { tasks_api: m } = D(), { user: d } = W();
+  C(() => {
+    if (a && r || l) {
       const E = async () => {
-        const B = await p.get(`/api/detalleTarea/${r}`);
-        l(B == null ? void 0 : B.data);
-      }, Q = async () => {
-        var oe, ce;
-        const B = await p.get(`/api/users/${d.id}`), X = await p.post("/api/obtenerUsuarioOBP/", {
-          emailList: [(oe = B == null ? void 0 : B.data) == null ? void 0 : oe.email]
+        const $ = await m.get(`/api/detalleTarea/${r}`);
+        s($ == null ? void 0 : $.data);
+      }, G = async () => {
+        var U, K;
+        const $ = await m.get(`/api/users/${d.id}`), z = await m.post("/api/obtenerUsuarioOBP/", {
+          emailList: [(U = $ == null ? void 0 : $.data) == null ? void 0 : U.email]
         });
-        c((ce = X == null ? void 0 : X.data) == null ? void 0 : ce.data[0]);
+        c((K = z == null ? void 0 : z.data) == null ? void 0 : K.data[0]);
       };
-      E(), Q();
+      E(), G();
     }
-  }, [a, r, s]);
-  const h = {
+  }, [a, r, l]);
+  const x = {
     0: {
       label: "Sin prioridad",
       color: "text-primary-regular",
@@ -988,14 +986,14 @@ function yt({ isOpen: a, setIsOpen: t, taskId: r }) {
       color: "text-danger-regular",
       iconColor: "#C34335"
     }
-  }, x = (E) => E ? xe(E, "d MMM yyyy, h:mmaaa", {
-    locale: k
+  }, h = (E) => E ? _e(E, "d MMM yyyy, h:mmaaa", {
+    locale: re
   }) : "Fecha no disponible", b = [
     {
       id: 1,
       label: "Todo",
       component: /* @__PURE__ */ e(
-        gt,
+        _t,
         {
           taskId: r,
           currentUser: u,
@@ -1007,10 +1005,10 @@ function yt({ isOpen: a, setIsOpen: t, taskId: r }) {
     {
       id: 2,
       label: "Dependencias",
-      component: /* @__PURE__ */ e(ft, { data: n == null ? void 0 : n.ids_t_dependientes })
+      component: /* @__PURE__ */ e(Tt, { data: n == null ? void 0 : n.ids_t_dependientes })
     }
   ];
-  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ o(S, { children: [
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1026,13 +1024,13 @@ function yt({ isOpen: a, setIsOpen: t, taskId: r }) {
           /* @__PURE__ */ o("div", { className: "w-full flex flex-row justify-between pb-4 gap-10 border-none", children: [
             /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-neutral-900", children: n == null ? void 0 : n.texto_corto }),
             /* @__PURE__ */ e(
-              ge,
+              Te,
               {
                 variant: "shadow",
                 size: "sm",
                 onClick: () => t(!1),
                 className: "bg-neutral-100 w-10 h-10",
-                children: /* @__PURE__ */ e(N, { icon: "x_outline" })
+                children: /* @__PURE__ */ e(v, { icon: "x_outline" })
               }
             )
           ] }),
@@ -1046,52 +1044,52 @@ function yt({ isOpen: a, setIsOpen: t, taskId: r }) {
             /* @__PURE__ */ e("p", { className: "text-neutral-600 font-normal text-sm", children: (n == null ? void 0 : n.texto_largo) ?? "Sin descripción" })
           ] }),
           /* @__PURE__ */ e(
-            ze,
+            Ye,
             {
               type: "single",
               collapsible: !0,
               defaultValue: "item-1",
               className: "w-full flex flex-col border border-neutral-200 rounded-xl mt-4",
-              children: /* @__PURE__ */ o(Oe, { value: "item-1", className: "border-none", children: [
-                /* @__PURE__ */ e(Ie, { className: "text-neutral-900 font-medium text-sm w-full flex flex-row border-b border-neutral-200 p-4 ", children: "Detalles" }),
-                /* @__PURE__ */ e(Re, { className: "border-none", children: /* @__PURE__ */ o("div", { className: "w-[100%] grid grid-cols-3 gap-4 p-4", children: [
+              children: /* @__PURE__ */ o(Xe, { value: "item-1", className: "border-none", children: [
+                /* @__PURE__ */ e(Je, { className: "text-neutral-900 font-medium text-sm w-full flex flex-row border-b border-neutral-200 p-4 ", children: "Detalles" }),
+                /* @__PURE__ */ e(Ze, { className: "border-none", children: /* @__PURE__ */ o("div", { className: "w-[100%] grid grid-cols-3 gap-4 p-4", children: [
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Responsable" }),
-                    (g = n == null ? void 0 : n.responsable) != null && g.nombre ? /* @__PURE__ */ o("div", { className: "flex flex-row gap-2 items-center", children: [
-                      /* @__PURE__ */ o(ee, { className: "w-8 h-8", children: [
+                    (f = n == null ? void 0 : n.responsable) != null && f.nombre ? /* @__PURE__ */ o("div", { className: "flex flex-row gap-2 items-center", children: [
+                      /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
                         /* @__PURE__ */ e(
-                          te,
+                          Z,
                           {
-                            src: `${bt}${(C = (m = (w = (f = n == null ? void 0 : n.responsable) == null ? void 0 : f.imagen) == null ? void 0 : w.formats) == null ? void 0 : m.thumbnail) == null ? void 0 : C.url}`,
+                            src: `${Ft}${(T = (w = (N = (g = n == null ? void 0 : n.responsable) == null ? void 0 : g.imagen) == null ? void 0 : N.formats) == null ? void 0 : w.thumbnail) == null ? void 0 : T.url}`,
                             alt: "@shadcn"
                           }
                         ),
-                        /* @__PURE__ */ e(ae, { children: le((T = n == null ? void 0 : n.responsable) == null ? void 0 : T.nombre) })
+                        /* @__PURE__ */ e(k, { children: ie((S = n == null ? void 0 : n.responsable) == null ? void 0 : S.nombre) })
                       ] }),
                       /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (_ = n == null ? void 0 : n.responsable) == null ? void 0 : _.nombre })
                     ] }) : /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: "Sin responsable" })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Equipo asignado" }),
-                    /* @__PURE__ */ e("div", { className: "flex flex-row gap-2", children: /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: ((A = n == null ? void 0 : n.equipo) == null ? void 0 : A.nombre) ?? "Sin equipo" }) })
+                    /* @__PURE__ */ e("div", { className: "flex flex-row gap-2", children: /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: ((P = n == null ? void 0 : n.equipo) == null ? void 0 : P.nombre) ?? "Sin equipo" }) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Prioridad" }),
                     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
                       /* @__PURE__ */ e(
-                        N,
+                        v,
                         {
                           icon: "flag",
                           size: "xs",
                           strokeWidth: 5,
-                          color: (D = h[n == null ? void 0 : n.prioridad]) == null ? void 0 : D.iconColor
+                          color: (p = x[n == null ? void 0 : n.prioridad]) == null ? void 0 : p.iconColor
                         }
                       ),
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: `text-sm text-neutral-600 font-normal ${(q = h[n == null ? void 0 : n.prioridad]) == null ? void 0 : q.color}`,
-                          children: ((j = h[n == null ? void 0 : n.prioridad]) == null ? void 0 : j.label) ?? "Sin prioridad"
+                          className: `text-sm text-neutral-600 font-normal ${(A = x[n == null ? void 0 : n.prioridad]) == null ? void 0 : A.color}`,
+                          children: ((q = x[n == null ? void 0 : n.prioridad]) == null ? void 0 : q.label) ?? "Sin prioridad"
                         }
                       )
                     ] })
@@ -1102,95 +1100,95 @@ function yt({ isOpen: a, setIsOpen: t, taskId: r }) {
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Fecha estimada de inicio" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: x(n == null ? void 0 : n.f_inicio_estimada) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: h(n == null ? void 0 : n.f_inicio_estimada) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Fecha estimada de fin" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: x(n == null ? void 0 : n.f_fin_estimada) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: h(n == null ? void 0 : n.f_fin_estimada) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Fecha de fin" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: x(n == null ? void 0 : n.ffin) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: h(n == null ? void 0 : n.ffin) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Creado" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: x(n == null ? void 0 : n.createdAt) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: h(n == null ? void 0 : n.createdAt) })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Última modificación" }),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: x(n == null ? void 0 : n.updatedAt) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: h(n == null ? void 0 : n.updatedAt) })
                   ] })
                 ] }) })
               ] })
             }
           ),
-          /* @__PURE__ */ e(mt, { items: b })
+          /* @__PURE__ */ e(Nt, { items: b })
         ] })
       }
     )
   ] }) });
 }
-const wt = ({
+const St = ({
   id: a,
   task: t,
   endDate: r,
   users: n,
-  willBePaused: l,
-  nameProject: s,
+  willBePaused: s,
+  nameProject: l,
   idProject: i,
   comments: u,
   priority: c,
-  responsible: p,
+  responsible: m,
   nameRequiredTask: d,
-  statusRequiredTask: h,
-  status: x
+  statusRequiredTask: x,
+  status: h
 }) => {
-  const b = L(null), [g, f] = y(!1), { setElementPosition: w, position: m } = ne(), C = ({ children: _ }) => {
-    const [A, D] = y();
-    return v(() => {
-      var q, j;
-      b.current && D(
-        ((m == null ? void 0 : m.x) ?? 0) - (((j = (q = b.current) == null ? void 0 : q.getBoundingClientRect()) == null ? void 0 : j.width) ?? 0)
+  const b = L(null), [f, g] = y(!1), { setElementPosition: N, position: w } = se(), T = ({ children: _ }) => {
+    const [P, p] = y();
+    return C(() => {
+      var A, q;
+      b.current && p(
+        ((w == null ? void 0 : w.x) ?? 0) - (((q = (A = b.current) == null ? void 0 : A.getBoundingClientRect()) == null ? void 0 : q.width) ?? 0)
       );
-    }, [b == null ? void 0 : b.current, m == null ? void 0 : m.x]), m && V.createPortal(
+    }, [b == null ? void 0 : b.current, w == null ? void 0 : w.x]), w && X.createPortal(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `absolute w-fit h-fit ${A ? "block" : "hidden"}`,
-          style: { top: `${m == null ? void 0 : m.y}px`, left: `${A}px` },
+          className: `absolute w-fit h-fit ${P ? "block" : "hidden"}`,
+          style: { top: `${w == null ? void 0 : w.y}px`, left: `${P}px` },
           children: _
         }
       ),
       document.body
     );
   };
-  return /* @__PURE__ */ o(S, { children: [
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o("div", { className: "bg-bg-card border-cards max-w-[350px] rounded-lg relative h-fit p-[12px_12px] hover:border-active hover:bg-active cursor-pointer ", children: [
       /* @__PURE__ */ e(() => /* @__PURE__ */ o("div", { className: "flex justify-between items-center w-full h-fit relative", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center gap-[8px] w-[calc(100%-32px)] ", children: [
           /* @__PURE__ */ e(
-            ve,
+            je,
             {
               id: a,
               nameRequiredTask: d ?? "",
-              statusRequiredTask: h ?? 0,
-              status: x
+              statusRequiredTask: x ?? 0,
+              status: h
             }
           ),
-          /* @__PURE__ */ e("p", { className: "title-text", onClick: () => f(!0), children: t })
+          /* @__PURE__ */ e("p", { className: "title-text", onClick: () => g(!0), children: t })
         ] }),
         /* @__PURE__ */ e(
           "button",
           {
             ref: b,
             onClick: () => {
-              w(b);
+              N(b);
             },
             className: "flex items-center justify-center text-sm font-extrabold bg-bg hover:filter-[drop-shadow(0_0_10px_#000000)] rounded-full w-[24px] h-[24px] m-block",
-            children: /* @__PURE__ */ e("span", { className: "rotate-90", children: /* @__PURE__ */ e(N, { icon: "elipsis", size: "xs" }) })
+            children: /* @__PURE__ */ e("span", { className: "rotate-90", children: /* @__PURE__ */ e(v, { icon: "elipsis", size: "xs" }) })
           }
         ),
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ e(T, { children: /* @__PURE__ */ o(
           "button",
           {
             className: "w-max h-fit bg-bg-card rounded-lg p-l shadow-lg flex items-center gap-2 hover:bg-primary-light",
@@ -1199,7 +1197,7 @@ const wt = ({
             children: [
               /* @__PURE__ */ e("p", { className: "text-sm font-normal text-texts-placeholder font-regular", children: "Mover a trabajando" }),
               /* @__PURE__ */ e(
-                N,
+                v,
                 {
                   icon: "arrow_right",
                   size: "xs",
@@ -1212,26 +1210,26 @@ const wt = ({
         ) })
       ] }), {}),
       /* @__PURE__ */ o("div", { className: "flex flex-col gap-[4px] py-2", children: [
-        /* @__PURE__ */ e("p", { className: "subtitle-text", children: s }),
+        /* @__PURE__ */ e("p", { className: "subtitle-text", children: l }),
         i && // TODO: Add nameMEDIUM
         /* @__PURE__ */ e("p", { className: "content-text", children: i })
       ] }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center w-full h-fit relative pt-5 pb-1", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center relative", children: [
           /* @__PURE__ */ e(
-            _e,
+            $e,
             {
-              responsible: p,
-              users: n.filter((_) => p ? _.id === p : !0).map(re),
+              responsible: m,
+              users: n.filter((_) => m ? _.id === m : !0).map(le),
               onClick: () => {
               }
             }
           ),
-          l && /* @__PURE__ */ e(
-            I,
+          s && /* @__PURE__ */ e(
+            R,
             {
               dispatch: /* @__PURE__ */ o("button", { className: "text-sm font-regular text-gray-400 flex items-center gap-2", children: [
-                /* @__PURE__ */ e(N, { icon: "pause", size: "s", strokeWidth: 2 }),
+                /* @__PURE__ */ e(v, { icon: "pause", size: "s", strokeWidth: 2 }),
                 /* @__PURE__ */ e("span", { children: "Pause" })
               ] }),
               children: /* @__PURE__ */ e("p", { className: "text-sm font-regular text-white p-5", children: "Al pulsar el botón se solicitará razón del pausado" })
@@ -1239,10 +1237,10 @@ const wt = ({
           )
         ] }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(N, { icon: "at", size: "xs" }),
-          /* @__PURE__ */ e(Te, { priority: c, id: a }),
+          /* @__PURE__ */ e(v, { icon: "at", size: "xs" }),
+          /* @__PURE__ */ e(Ee, { priority: c, id: a }),
           /* @__PURE__ */ e(
-            N,
+            v,
             {
               icon: "calendar",
               size: "xs",
@@ -1250,17 +1248,17 @@ const wt = ({
               color: F.texts.subtext
             }
           ),
-          /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${r.getDate()} ${Ce(r.getMonth()).slice(0, 3)}` })
+          /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${r.getDate()} ${De(r.getMonth()).slice(0, 3)}` })
         ] })
       ] }),
       u > 0 && /* @__PURE__ */ e("div", { className: "border-t border-gray-200 mt-4 pt-2", children: /* @__PURE__ */ o("button", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(N, { icon: "comment", size: "xs", strokeWidth: 4 }),
+        /* @__PURE__ */ e(v, { icon: "comment", size: "xs", strokeWidth: 4 }),
         /* @__PURE__ */ e("span", { className: "text-sm font-regular text-gray-400", children: u })
       ] }) })
     ] }),
-    /* @__PURE__ */ e(yt, { taskId: a, isOpen: g, setIsOpen: f })
+    /* @__PURE__ */ e(Pt, { taskId: a, isOpen: f, setIsOpen: g })
   ] });
-}, Nt = () => /* @__PURE__ */ o("div", { className: "bg-gray-200 h-[150px] w-full animate-pulse rounded-md flex flex-col gap-[50px] p-4", children: [
+}, At = () => /* @__PURE__ */ o("div", { className: "bg-gray-200 h-[150px] w-full animate-pulse rounded-md flex flex-col gap-[50px] p-4", children: [
   /* @__PURE__ */ o("div", { className: "flex h-[30px] gap-3", children: [
     /* @__PURE__ */ e("div", { className: "w-[30px] min-w-[30px] h-full bg-gray-300 rounded-full" }),
     /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-300" }),
@@ -1270,23 +1268,23 @@ const wt = ({
     /* @__PURE__ */ e("div", { className: "w-full h-[30px] bg-gray-300" }),
     /* @__PURE__ */ e("div", { className: "w-full h-[30px] bg-gray-300" })
   ] })
-] }), Y = ({ title: a, tasks: t, loadNextPage: r, isFetching: n, total: l }) => {
-  const s = L(null), i = L(null), u = L(!1);
-  v(() => {
+] }), te = ({ title: a, tasks: t, loadNextPage: r, isFetching: n, total: s }) => {
+  const l = L(null), i = L(null), u = L(!1);
+  C(() => {
     var d;
-    s != null && s.current && (i != null && i.current) && (i.current.style.minHeight = `${((d = s == null ? void 0 : s.current) == null ? void 0 : d.clientHeight) - 50}px`);
-  }, [s == null ? void 0 : s.current]);
+    l != null && l.current && (i != null && i.current) && (i.current.style.minHeight = `${((d = l == null ? void 0 : l.current) == null ? void 0 : d.clientHeight) - 50}px`);
+  }, [l == null ? void 0 : l.current]);
   const c = (d) => {
     if (u.current) return;
-    const { scrollTop: h, clientHeight: x, scrollHeight: b } = d == null ? void 0 : d.target, g = h / (b - x) * 100;
-    g <= 95 || g >= 95 && (u.current = !0, r && r(), setTimeout(() => {
+    const { scrollTop: x, clientHeight: h, scrollHeight: b } = d == null ? void 0 : d.target, f = x / (b - h) * 100;
+    f <= 95 || f >= 95 && (u.current = !0, r && r(), setTimeout(() => {
       u.current = !1;
     }, 200));
   };
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: s,
+      ref: l,
       className: ` flex flex-col bg-containers w-fit max-w-[400px] min-w-[400px] h-full min-h-[100%] pb-[200px] relative p-[16px] rounded-lg overflow-hidden border-t-4 ${{
         "Por hacer": "border-texts-placeholder",
         Trabajando: "border-primary-regular",
@@ -1297,7 +1295,7 @@ const wt = ({
           /* @__PURE__ */ e("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ e("p", { className: "text-base", children: a }) }),
           /* @__PURE__ */ e("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-[4px]", children: [
             /* @__PURE__ */ e(
-              N,
+              v,
               {
                 icon: "group_files",
                 size: "xs",
@@ -1305,7 +1303,7 @@ const wt = ({
                 color: F.texts.placeholder
               }
             ),
-            /* @__PURE__ */ e("p", { className: "text-md text-texts-placeholder", children: l ?? 0 })
+            /* @__PURE__ */ e("p", { className: "text-md text-texts-placeholder", children: s ?? 0 })
           ] }) })
         ] }),
         /* @__PURE__ */ o(
@@ -1315,34 +1313,34 @@ const wt = ({
             className: "flex flex-col gap-[12px] overflow-y-auto scrollbar-none py-4",
             onScroll: c,
             children: [
-              t == null ? void 0 : t.map((d) => /* @__PURE__ */ e(wt, { ...d }, d.id)),
-              n ? /* @__PURE__ */ e(Nt, {}) : /* @__PURE__ */ e("p", { className: "text-center text-gray-500", children: "No hay más tareas por mostrar..." })
+              t == null ? void 0 : t.map((d) => /* @__PURE__ */ e(St, { ...d }, d.id)),
+              n ? /* @__PURE__ */ e(At, {}) : /* @__PURE__ */ e("p", { className: "text-center text-gray-500", children: "No hay más tareas por mostrar..." })
             ]
           }
         )
       ]
     }
   );
-}, vt = () => {
-  var l;
-  const { defineFields: a } = $(), { tasksProject: t } = G();
-  v(() => {
+}, qt = () => {
+  var s;
+  const { defineFields: a } = B(), { tasksProject: t } = ee();
+  C(() => {
     (async () => {
-      let i = [...at];
+      let i = [...ut];
       a(i);
     })();
   }, []);
-  let r = (l = t == null ? void 0 : t.data) == null ? void 0 : l.filter((s) => {
+  let r = (s = t == null ? void 0 : t.data) == null ? void 0 : s.filter((l) => {
     var i;
-    return ((i = s == null ? void 0 : s.tasks) == null ? void 0 : i.length) === 0;
-  }).reduce((s, i) => (s[i.status] = s[i.status] || [], s[i.status].push(i), s), {});
-  return /* @__PURE__ */ e("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: ["Por hacer", "Trabajando", "Completadas"].map((s, 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), {});
+  return /* @__PURE__ */ e("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: ["Por hacer", "Trabajando", "Completadas"].map((l, i) => {
     var u;
     return /* @__PURE__ */ e(
-      Y,
+      te,
       {
         total: ((u = r == null ? void 0 : r[i]) == null ? void 0 : u.length) ?? 0,
-        title: s,
+        title: l,
         tasks: (r == null ? void 0 : r[i]) ?? [],
         isFetching: t == null ? void 0 : t.isFetching,
         isLoadingData: t == null ? void 0 : t.isLoading
@@ -1350,16 +1348,16 @@ const wt = ({
     );
   }) });
 };
-class Ct {
+class jt {
   static toKanbanTasks(t) {
-    var n, l, s, i, u, c, p, d, h, x, b;
+    var n, s, l, i, u, c, m, d, x, h, b;
     let r = [];
-    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (s = (l = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : l.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((g) => {
-      var f, w, m, C;
-      r != null && r.find((T) => T.id === g.idUser.id) || g.idUser && r.push({ id: g.idUser.id, name: g.idUser.nombre, image: (C = (m = (w = (f = g == null ? void 0 : g.userOBP) == null ? void 0 : f.imagen) == null ? void 0 : w.formats) == null ? void 0 : m.thumbnail) == null ? void 0 : C.url });
+    return t != null && t.responsable && r.push({ id: t.responsable.id, name: t.responsable.nombre, image: (u = (i = (l = (s = (n = t.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : s.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : u.url }), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((f) => {
+      var g, N, w, T;
+      r != null && r.find((S) => S.id === f.idUser.id) || f.idUser && r.push({ id: f.idUser.id, name: f.idUser.nombre, image: (T = (w = (N = (g = f == null ? void 0 : f.userOBP) == null ? void 0 : g.imagen) == null ? void 0 : N.formats) == null ? void 0 : w.thumbnail) == null ? void 0 : T.url });
     }), {
       comments: 0,
-      nameProject: (p = t == null ? void 0 : t.proyecto) == null ? void 0 : p.nombre,
+      nameProject: (m = t == null ? void 0 : t.proyecto) == null ? void 0 : m.nombre,
       idProject: (d = t == null ? void 0 : t.proyecto) == null ? void 0 : d.id,
       willBePaused: t.es_pausable,
       difficulty: t.nivel_dificultad,
@@ -1369,19 +1367,19 @@ class Ct {
       status: t.estatus,
       task: t.texto_corto,
       users: r,
-      responsible: ((h = t == null ? void 0 : t.responsable) == null ? void 0 : h.id) ?? null,
-      statusRequiredTask: ((x = t.id_t_requerida) == null ? void 0 : x.estatus) ?? null,
+      responsible: ((x = t == null ? void 0 : t.responsable) == null ? void 0 : x.id) ?? null,
+      statusRequiredTask: ((h = t.id_t_requerida) == null ? void 0 : h.estatus) ?? null,
       nameRequiredTask: ((b = t.id_t_requerida) == null ? void 0 : b.texto_corto) ?? null
     };
   }
 }
-const se = async ({ filters: a, tasks_api: t }) => {
+const oe = async ({ filters: a, tasks_api: t }) => {
   try {
-    return (await t.get("/api/listado_tareas", { params: a })).data.tareas.map(M).map(Ct.toKanbanTasks);
+    return (await t.get("/api/listado_tareas", { params: a })).data.tareas.map(M).map(jt.toKanbanTasks);
   } catch (r) {
     throw console.log({ error: r }), `Error al obtener las tareas: ${r}`;
   }
-}, ie = (a) => {
+}, ce = (a) => {
   var t;
   if (a != null && a.hasNextPage) {
     const r = (t = a == null ? void 0 : a.data) == null ? void 0 : t.pages[a.data.pages.length - 1];
@@ -1393,18 +1391,18 @@ const se = async ({ filters: a, tasks_api: t }) => {
     pageSize: 30,
     withCount: !0
   }
-}), _t = () => {
-  var p;
-  const a = W(), { tasks_api: t } = P(), { user: r } = R(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}), Dt = () => {
+  var m;
+  const a = Q(), { tasks_api: t } = D(), { user: r } = W(), { filters: n } = B(), [s, l] = y(0), [i, u] = y({
     owner: {
       user: r.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((m = n == null ? void 0 : n.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
     },
     status: "por_hacer"
-  }), c = Z({
+  }), c = ne({
     initialPageParam: 1,
     queryKey: ["to_do_tasks", i],
-    queryFn: ({ pageParam: d }) => se({
+    queryFn: ({ pageParam: d }) => oe({
       filters: {
         ...i,
         status: "por_hacer",
@@ -1415,9 +1413,9 @@ const se = async ({ filters: a, tasks_api: t }) => {
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, h) => h.length + 1
+    getNextPageParam: (d, x) => x.length + 1
   });
-  return v(() => {
+  return C(() => {
     var d;
     Object.keys(n).length > 0 && u({
       ...n,
@@ -1427,13 +1425,13 @@ const se = async ({ filters: a, tasks_api: t }) => {
       },
       status: "por_hacer"
     });
-  }, [n]), v(() => {
+  }, [n]), C(() => {
     a.invalidateQueries({
       queryKey: ["to_do_tasks", i]
     });
-  }, [i]), v(() => {
+  }, [i]), C(() => {
     (async () => {
-      const h = await t.get("/api/listado_tareas", {
+      const x = await t.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "por_hacer",
@@ -1442,29 +1440,29 @@ const se = async ({ filters: a, tasks_api: t }) => {
           justCount: !0
         }
       });
-      s(h.data.total);
+      l(x.data.total);
     })();
   }, [i, c == null ? void 0 : c.data]), {
     //Properties
     toDoTasks: c,
-    total: l
+    total: s
   };
-}, Tt = () => {
-  var n, l;
-  const { toDoTasks: a, total: t } = _t(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
-  return /* @__PURE__ */ e(Y, { total: t, title: "Por hacer", tasks: r, loadNextPage: () => ie(a), isFetching: a == null ? void 0 : a.isFetching, isLoadingData: a == null ? void 0 : a.isLoading });
-}, Ft = () => {
-  var p;
-  const a = W(), { tasks_api: t } = P(), { user: r } = R(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}, $t = () => {
+  var n, s;
+  const { toDoTasks: a, total: t } = Dt(), r = [...((s = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : s.flat()) ?? []];
+  return /* @__PURE__ */ e(te, { total: t, title: "Por hacer", tasks: r, loadNextPage: () => ce(a), isFetching: a == null ? void 0 : a.isFetching, isLoadingData: a == null ? void 0 : a.isLoading });
+}, Et = () => {
+  var m;
+  const a = Q(), { tasks_api: t } = D(), { user: r } = W(), { filters: n } = B(), [s, l] = y(0), [i, u] = y({
     owner: {
       user: r.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((m = n == null ? void 0 : n.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
     },
     status: "trabajando"
-  }), c = Z({
+  }), c = ne({
     initialPageParam: 1,
     queryKey: ["working_tasks", i],
-    queryFn: ({ pageParam: d }) => se({
+    queryFn: ({ pageParam: d }) => oe({
       filters: {
         ...i,
         status: "trabajando",
@@ -1475,9 +1473,9 @@ const se = async ({ filters: a, tasks_api: t }) => {
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, h) => h.length + 1
+    getNextPageParam: (d, x) => x.length + 1
   });
-  return v(() => {
+  return C(() => {
     var d;
     Object.keys(n).length > 0 && u({
       ...n,
@@ -1487,13 +1485,13 @@ const se = async ({ filters: a, tasks_api: t }) => {
       },
       status: "trabajando"
     });
-  }, [n]), v(() => {
+  }, [n]), C(() => {
     a.invalidateQueries({
       queryKey: ["working_tasks", i]
     });
-  }, [i]), v(() => {
+  }, [i]), C(() => {
     (async () => {
-      const h = await t.get("/api/listado_tareas", {
+      const x = await t.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "trabajando",
@@ -1502,38 +1500,38 @@ const se = async ({ filters: a, tasks_api: t }) => {
           justCount: !0
         }
       });
-      s(h.data.total);
+      l(x.data.total);
     })();
   }, [i, c == null ? void 0 : c.data]), {
     //Properties
     workingTasks: c,
-    total: l
+    total: s
   };
-}, At = () => {
-  var n, l;
-  const { workingTasks: a, total: t } = Ft(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
+}, Bt = () => {
+  var n, s;
+  const { workingTasks: a, total: t } = Et(), r = [...((s = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : s.flat()) ?? []];
   return /* @__PURE__ */ e(
-    Y,
+    te,
     {
       total: t,
       title: "Trabajando",
       tasks: r,
-      loadNextPage: () => ie(a),
+      loadNextPage: () => ce(a),
       isFetching: a == null ? void 0 : a.isFetching
     }
   );
-}, St = () => {
-  var p;
-  const a = W(), { user: t } = R(), { tasks_api: r } = P(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}, Lt = () => {
+  var m;
+  const a = Q(), { user: t } = W(), { tasks_api: r } = D(), { filters: n } = B(), [s, l] = y(0), [i, u] = y({
     owner: {
       user: t.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((m = n == null ? void 0 : n.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
     },
     status: "completadas"
-  }), c = Z({
+  }), c = ne({
     initialPageParam: 1,
     queryKey: ["done_tasks", i],
-    queryFn: ({ pageParam: d }) => se({
+    queryFn: ({ pageParam: d }) => oe({
       filters: {
         ...i,
         status: "completadas",
@@ -1544,9 +1542,9 @@ const se = async ({ filters: a, tasks_api: t }) => {
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, h) => h.length + 1
+    getNextPageParam: (d, x) => x.length + 1
   });
-  return v(() => {
+  return C(() => {
     var d;
     Object.keys(n).length > 0 && u({
       ...n,
@@ -1556,13 +1554,13 @@ const se = async ({ filters: a, tasks_api: t }) => {
       },
       status: "completadas"
     });
-  }, [n]), v(() => {
+  }, [n]), C(() => {
     a.invalidateQueries({
       queryKey: ["done_tasks", i]
     });
-  }, [i]), v(() => {
+  }, [i]), C(() => {
     (async () => {
-      const h = await r.get("/api/listado_tareas", {
+      const x = await r.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "completadas",
@@ -1571,28 +1569,28 @@ const se = async ({ filters: a, tasks_api: t }) => {
           tasks_api: r
         }
       });
-      s(h.data.total);
+      l(x.data.total);
     })();
   }, [c == null ? void 0 : c.data, i]), {
     // Properties
     doneTasks: c,
-    total: l
+    total: s
   };
-}, Pt = () => {
-  var n, l;
-  const { doneTasks: a, total: t } = St(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
+}, Mt = () => {
+  var n, s;
+  const { doneTasks: a, total: t } = Lt(), r = [...((s = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : s.flat()) ?? []];
   return /* @__PURE__ */ e(
-    Y,
+    te,
     {
       title: "Completadas",
       tasks: r,
-      loadNextPage: () => ie(a),
+      loadNextPage: () => ce(a),
       isFetching: a == null ? void 0 : a.isFetching,
       total: t
     }
   );
 };
-class H {
+class Y {
   static toSalesmanUsers(t) {
     return {
       id: t.id,
@@ -1600,8 +1598,8 @@ class H {
     };
   }
 }
-const Dt = () => {
-  const { tasks_api: a } = P(), { filters: t } = $(), { user: r } = R();
+const zt = () => {
+  const { tasks_api: a } = D(), { filters: t } = B(), { user: r } = W();
   return {
     //methods
     getSalesmanAndProjects: async () => {
@@ -1620,8 +1618,8 @@ const Dt = () => {
         })
       ]);
       return {
-        salesmanUsers: i.data.map(H.toSalesmanUsers),
-        projects: u.data.map(H.toSalesmanUsers)
+        salesmanUsers: i.data.map(Y.toSalesmanUsers),
+        projects: u.data.map(Y.toSalesmanUsers)
       };
     },
     getProjects: async () => {
@@ -1635,11 +1633,11 @@ const Dt = () => {
           },
           justProjects: !0
         }
-      })).data.map(H.toSalesmanUsers);
+      })).data.map(Y.toSalesmanUsers);
     },
-    getSalesmans: async () => (await a.get("/api/obtener-comerciales")).data.map(H.toSalesmanUsers)
+    getSalesmans: async () => (await a.get("/api/obtener-comerciales")).data.map(Y.toSalesmanUsers)
   };
-}, qt = [
+}, It = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -1702,33 +1700,33 @@ const Dt = () => {
       name: "Muy dificil"
     }]
   }
-], jt = () => {
-  const { defineFields: a } = $(), { getSalesmanAndProjects: t } = Dt();
-  return v(() => {
+], Ot = () => {
+  const { defineFields: a } = B(), { getSalesmanAndProjects: t } = zt();
+  return C(() => {
     (async () => {
-      let n = [...qt], { salesmanUsers: l, projects: s } = await t();
-      a(n.map((i) => (i.id === "project.id" && (i.options = s), i.id === "salesman.name" && (i.options = l), i)));
+      let n = [...It], { salesmanUsers: s, projects: l } = await t();
+      a(n.map((i) => (i.id === "project.id" && (i.options = l), i.id === "salesman.name" && (i.options = s), i)));
     })();
   }, []), /* @__PURE__ */ o("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: [
-    /* @__PURE__ */ e(Tt, {}),
-    /* @__PURE__ */ e(At, {}),
-    /* @__PURE__ */ e(Pt, {})
+    /* @__PURE__ */ e($t, {}),
+    /* @__PURE__ */ e(Bt, {}),
+    /* @__PURE__ */ e(Mt, {})
   ] });
-}, Fe = U({}), $t = ({ children: a }) => {
+}, Le = H({}), Rt = ({ children: a }) => {
   const [t, r] = y([]);
-  v(() => {
+  C(() => {
     console.log({ selectedTasks: t });
   }, [t]);
-  const n = (l) => {
-    r((s) => s.includes(l) ? s.filter((i) => i !== l) : [...s, l]);
+  const n = (s) => {
+    r((l) => l.includes(s) ? l.filter((i) => i !== s) : [...l, s]);
   };
-  return /* @__PURE__ */ e(Fe.Provider, { value: {
+  return /* @__PURE__ */ e(Le.Provider, { value: {
     //properties
     selectedTasks: t,
     //methods
     selectTask: n
   }, children: a });
-}, Et = () => K(Fe), Bt = () => {
+}, Wt = () => V(Le), Me = () => {
   const a = () => /* @__PURE__ */ o("div", { className: "w-full flex gap-m", children: [
     /* @__PURE__ */ e("div", { className: "w-[30px] h-[30px] min-w-[30px] min-h-[30px] bg-gray-200 rounded-full animate-pulse" }),
     /* @__PURE__ */ e("div", { className: "w-[30%] h-[30px] bg-gray-200 rounded-md animate-pulse" }),
@@ -1753,119 +1751,152 @@ const Dt = () => {
       /* @__PURE__ */ e("div", { className: "pl-5", children: /* @__PURE__ */ e(a, {}) })
     ] })
   ] });
-}, Ae = ({
+}, ze = ({
   startDate: a,
   endDate: t
-}) => /* @__PURE__ */ o(S, { children: [
+}) => /* @__PURE__ */ o(j, { children: [
   /* @__PURE__ */ o("div", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-fit flex justify-center items-center px-xxxl", children: [
-    /* @__PURE__ */ e(N, { icon: "calendar", size: "xs", strokeWidth: 4, color: F.texts.subtext }),
+    /* @__PURE__ */ e(v, { icon: "calendar", size: "xs", strokeWidth: 4, color: F.texts.subtext }),
     /* @__PURE__ */ o("p", { className: "text-sm", children: [
       " ",
-      me(a)
+      Ne(a)
     ] })
   ] }),
-  /* @__PURE__ */ e(N, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: F.texts.DEFAULT }),
+  /* @__PURE__ */ e(v, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: F.texts.DEFAULT }),
   /* @__PURE__ */ o("div", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-fit flex justify-center items-center px-xxxl", children: [
-    /* @__PURE__ */ e(N, { icon: "calendar", size: "xs", strokeWidth: 4, color: F.texts.subtext }),
+    /* @__PURE__ */ e(v, { icon: "calendar", size: "xs", strokeWidth: 4, color: F.texts.subtext }),
     /* @__PURE__ */ o("p", { className: "text-sm", children: [
       " ",
-      me(t)
+      Ne(t)
     ] })
   ] })
-] }), Lt = ({ id: a }) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ e(N, { icon: "pause", size: "xs", strokeWidth: 4, color: F.texts.subtext }) }) }), Se = ({ id: a, priority: t }) => /* @__PURE__ */ o(S, { children: [
-  /* @__PURE__ */ e("button", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-[30px] flex justify-center items-center hover:bg-gray-200", children: /* @__PURE__ */ e(N, { icon: "align_center", size: "xs", strokeWidth: 4, color: F.texts.subtext }) }),
-  /* @__PURE__ */ e("div", { className: "gap-s bg-success-medium border border-success-pastel rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(Te, { id: a, priority: t }) }),
-  /* @__PURE__ */ e("button", { className: "gap-s bg-danger-light border border-danger-regular rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(N, { icon: "difficulty", size: "xs", strokeWidth: 4, color: F.danger.regular }) })
-] }), Mt = ({ id: a }) => {
-  const { selectedTasks: t, selectTask: r } = Et();
-  return /* @__PURE__ */ o(S, { children: [
-    /* @__PURE__ */ e("label", { className: "cursor-pointer w-[20px] h-[20px] border-2 border-gray-200 rounded-md flex justify-center items-center", htmlFor: a.toString(), children: /* @__PURE__ */ e("span", { className: `${t.includes(a) ? "opacity-100" : "opacity-0"} transition-opacity duration-500`, children: /* @__PURE__ */ e(N, { icon: "check_outline", size: "xs", color: F.primary.regular, strokeWidth: 6 }) }) }),
+] }), Ut = ({ id: a }) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ e(v, { icon: "pause", size: "xs", strokeWidth: 4, color: F.texts.subtext }) }) }), Ie = ({ id: a, priority: t }) => /* @__PURE__ */ o(j, { children: [
+  /* @__PURE__ */ e("button", { className: "gap-s bg-gray-100 rounded-md h-[30px] w-[30px] flex justify-center items-center hover:bg-gray-200", children: /* @__PURE__ */ e(v, { icon: "align_center", size: "xs", strokeWidth: 4, color: F.texts.subtext }) }),
+  /* @__PURE__ */ e("div", { className: "gap-s bg-success-medium border border-success-pastel rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(Ee, { id: a, priority: t }) }),
+  /* @__PURE__ */ e("button", { className: "gap-s bg-danger-light border border-danger-regular rounded-md h-[30px] w-[30px] flex justify-center items-center", children: /* @__PURE__ */ e(v, { icon: "difficulty", size: "xs", strokeWidth: 4, color: F.danger.regular }) })
+] }), Kt = ({ id: a }) => {
+  const { selectedTasks: t, selectTask: r } = Wt();
+  return /* @__PURE__ */ o(j, { children: [
+    /* @__PURE__ */ e("label", { className: "cursor-pointer w-[20px] h-[20px] border-2 border-gray-200 rounded-md flex justify-center items-center", htmlFor: a.toString(), children: /* @__PURE__ */ e("span", { className: `${t.includes(a) ? "opacity-100" : "opacity-0"} transition-opacity duration-500`, children: /* @__PURE__ */ e(v, { icon: "check_outline", size: "xs", color: F.primary.regular, strokeWidth: 6 }) }) }),
     /* @__PURE__ */ e("input", { className: "hidden", id: a.toString(), type: "checkbox", onChange: () => r(a) })
   ] });
-}, Pe = ({ task: a }) => /* @__PURE__ */ e(
-  I,
+}, Oe = ({ task: a }) => /* @__PURE__ */ e(
+  R,
   {
     dispatch: /* @__PURE__ */ e("p", { className: "text-sm text-texts-subtext max-w-[400px] truncate", children: a }),
     children: /* @__PURE__ */ e("p", { className: "text-sm text-texts-subtext p-2 max-w-[400px]", children: a })
   }
-), zt = ({ id: a }) => {
-  var n, l;
-  const { tasksProject: t } = G(), r = (n = t == null ? void 0 : t.data) == null ? void 0 : n.find((s) => s.id === a);
+), Qt = ({ id: a }) => {
+  var n, s;
+  const { tasksProject: t } = ee(), r = (n = t == null ? void 0 : t.data) == null ? void 0 : n.find((l) => l.id === a);
   return /* @__PURE__ */ o("div", { className: "ml-[30px] mb-3 mt-1  flex flex-wrap items-center gap-xl", children: [
-    !(r != null && r.nameRequiredTask) || (r == null ? void 0 : r.nameRequiredTask) !== "" && (r == null ? void 0 : r.statusRequiredTask) === 2 && /* @__PURE__ */ e(Mt, { id: a }),
-    /* @__PURE__ */ e(ve, { id: a, nameRequiredTask: (r == null ? void 0 : r.nameRequiredTask) ?? "", status: r == null ? void 0 : r.status, statusRequiredTask: (r == null ? void 0 : r.statusRequiredTask) ?? 0 }, a),
-    (r == null ? void 0 : r.willBePaused) && /* @__PURE__ */ e(Lt, { id: a }),
+    !(r != null && r.nameRequiredTask) || (r == null ? void 0 : r.nameRequiredTask) !== "" && (r == null ? void 0 : r.statusRequiredTask) === 2 && /* @__PURE__ */ e(Kt, { id: a }),
+    /* @__PURE__ */ e(je, { id: a, nameRequiredTask: (r == null ? void 0 : r.nameRequiredTask) ?? "", status: r == null ? void 0 : r.status, statusRequiredTask: (r == null ? void 0 : r.statusRequiredTask) ?? 0 }, a),
+    (r == null ? void 0 : r.willBePaused) && /* @__PURE__ */ e(Ut, { id: a }),
     /* @__PURE__ */ e(
-      _e,
+      $e,
       {
         onClick: () => {
         },
         responsible: r == null ? void 0 : r.responsible,
-        users: ((l = r == null ? void 0 : r.users) == null ? void 0 : l.map(re)) ?? []
+        users: ((s = r == null ? void 0 : r.users) == null ? void 0 : s.map(le)) ?? []
       }
     ),
-    /* @__PURE__ */ e(Pe, { task: (r == null ? void 0 : r.task) ?? "" }),
-    /* @__PURE__ */ e(Se, { id: a, priority: r == null ? void 0 : r.priority }),
-    /* @__PURE__ */ e(Ae, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate })
+    /* @__PURE__ */ e(Oe, { task: (r == null ? void 0 : r.task) ?? "" }),
+    /* @__PURE__ */ e(Ie, { id: a, priority: r == null ? void 0 : r.priority }),
+    /* @__PURE__ */ e(ze, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate })
   ] });
-}, De = ({ id: a }) => {
-  var s, i, u, c, p, d, h;
-  const { tasksProject: t, openTasks: r, openTask: n } = G(), l = (s = t == null ? void 0 : t.data) == null ? void 0 : s.find((x) => x.id === a);
-  return l ? (console.log({ task: l }), /* @__PURE__ */ o("div", { className: "flex flex-col gap-m mb-2 ", children: [
+}, Re = ({ id: a }) => {
+  var l, i, u, c, m, d, x;
+  const { tasksProject: t, openTasks: r, openTask: n } = ee(), s = (l = t == null ? void 0 : t.data) == null ? void 0 : l.find((h) => h.id === a);
+  return s ? (console.log({ task: s }), /* @__PURE__ */ o("div", { className: "flex flex-col gap-m mb-2 ", children: [
     /* @__PURE__ */ o("div", { className: "flex items-center gap-m flex-wrap hover:bg-gray-100", children: [
-      /* @__PURE__ */ e("button", { className: `${r.includes(a) ? "" : "-rotate-90"} transition-all duration-300`, onClick: () => n(a), children: /* @__PURE__ */ e(N, { icon: "angle_down_outline", color: F.texts.subtext }) }),
-      /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-w-[20px] min-h-[20px] w-fit h-[20px] mx-1 bg-primary-medium rounded-full", children: /* @__PURE__ */ e("p", { className: "text-sm text-primary", children: ((i = l == null ? void 0 : l.tasks) == null ? void 0 : i.length) === 0 ? 1 : (u = l == null ? void 0 : l.tasks) == null ? void 0 : u.length }) }),
-      /* @__PURE__ */ e(Pe, { task: (l == null ? void 0 : l.task) ?? "" }),
-      /* @__PURE__ */ e(Se, { id: a, priority: l == null ? void 0 : l.priority }),
-      /* @__PURE__ */ e(Ae, { startDate: l == null ? void 0 : l.startDate, endDate: l == null ? void 0 : l.endDate }),
+      /* @__PURE__ */ e("button", { className: `${r.includes(a) ? "" : "-rotate-90"} transition-all duration-300`, onClick: () => n(a), children: /* @__PURE__ */ e(v, { icon: "angle_down_outline", color: F.texts.subtext }) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-w-[20px] min-h-[20px] w-fit h-[20px] mx-1 bg-primary-medium rounded-full", children: /* @__PURE__ */ e("p", { className: "text-sm text-primary", children: ((i = s == null ? void 0 : s.tasks) == null ? void 0 : i.length) === 0 ? 1 : (u = s == null ? void 0 : s.tasks) == null ? void 0 : u.length }) }),
+      /* @__PURE__ */ e(Oe, { task: (s == null ? void 0 : s.task) ?? "" }),
+      /* @__PURE__ */ e(Ie, { id: a, priority: s == null ? void 0 : s.priority }),
+      /* @__PURE__ */ e(ze, { startDate: s == null ? void 0 : s.startDate, endDate: s == null ? void 0 : s.endDate }),
       /* @__PURE__ */ o("button", { className: "gap-s bg-gray-100 rounded-md h-[30px] flex justify-center items-center w-fit px-m hover:bg-gray-200", children: [
-        /* @__PURE__ */ e(N, { icon: "subtasks", size: "xs", strokeWidth: 5, color: F.texts.subtext }),
-        /* @__PURE__ */ e("p", { children: ((c = l == null ? void 0 : l.tasks) == null ? void 0 : c.length) === 0 ? 1 : (p = l == null ? void 0 : l.tasks) == null ? void 0 : p.length })
+        /* @__PURE__ */ e(v, { icon: "subtasks", size: "xs", strokeWidth: 5, color: F.texts.subtext }),
+        /* @__PURE__ */ e("p", { children: ((c = s == null ? void 0 : s.tasks) == null ? void 0 : c.length) === 0 ? 1 : (m = s == null ? void 0 : s.tasks) == null ? void 0 : m.length })
       ] })
     ] }),
-    r.includes(a) && /* @__PURE__ */ e("div", { className: "ml-[30px]", children: ((d = l == null ? void 0 : l.tasks) == null ? void 0 : d.length) > 0 ? (h = l == null ? void 0 : l.tasks) == null ? void 0 : h.map((x) => /* @__PURE__ */ e(De, { id: x == null ? void 0 : x.id })) : /* @__PURE__ */ e(zt, { id: l == null ? void 0 : l.id }) })
+    r.includes(a) && /* @__PURE__ */ e("div", { className: "ml-[30px]", children: ((d = s == null ? void 0 : s.tasks) == null ? void 0 : d.length) > 0 ? (x = s == null ? void 0 : s.tasks) == null ? void 0 : x.map((h) => /* @__PURE__ */ e(Re, { id: h == null ? void 0 : h.id })) : /* @__PURE__ */ e(Qt, { id: s == null ? void 0 : s.id }) })
   ] })) : null;
-}, Ot = () => {
+}, Ht = () => {
   var n;
-  const { tasksProject: a, projectID: t } = G();
-  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ e(Bt, {});
-  let r = [...(n = a == null ? void 0 : a.data) == null ? void 0 : n.filter((l) => l.isPrincipalTask)];
-  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: /* @__PURE__ */ e($t, { project: t, children: r == null ? void 0 : r.sort((l, s) => l.orden - s.orden).map((l) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-m border-b border-gray-200 pb-m", children: /* @__PURE__ */ e(De, { id: l.id }) })) }) });
-}, It = () => {
-  const [a, t] = y([]), [r, n] = y(0), [l, s] = y(10), [i, u] = y(0), [c, p] = y("nombre"), { tasks_api: d } = P(), h = async (m, C) => {
+  const { tasksProject: a, projectID: t } = ee();
+  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ e(Me, {});
+  let r = [...(n = a == null ? void 0 : a.data) == null ? void 0 : n.filter((s) => s.isPrincipalTask)];
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: /* @__PURE__ */ e(Rt, { project: t, children: r == null ? void 0 : r.sort((s, l) => s.orden - l.orden).map((s) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-m border-b border-gray-200 pb-m", children: /* @__PURE__ */ e(Re, { id: s.id }) })) }) });
+}, Vt = ({
+  setPath: a,
+  setProject: t
+}) => {
+  const [r, n] = y([]), [s, l] = y(!0), [i, u] = y(0), [c, m] = y(10), [d, x] = y(0), [h, b] = y("nombre"), { defineFields: f } = B(), { tasks_api: g } = D(), N = async (p, A) => {
     try {
-      const T = await d.get("/api/listado_campanias", {
+      l(!0);
+      const q = await g.get("/api/listado_campanias", {
         params: {
           pagination: {
-            page: m,
-            pageSize: C
+            page: p,
+            pageSize: A
           },
-          orderBy: c
+          orderBy: h
           // Agregar orderBy a los parámetros
+          //agrega consulta de filtros
         }
-      }), _ = M(T.data);
-      t(_), u(T.data.meta.total);
-    } catch (T) {
-      console.error("Error fetching data:", T);
+      }), E = M(q.data);
+      n(E), x(q.data.meta.total);
+    } catch (q) {
+      console.error("Error fetching data en Lista Campaña:", q);
+    } finally {
+      l(!1);
     }
   };
-  v(() => {
-    const m = Math.floor(r / l) + 1;
-    h(m, l);
-  }, [r, l, c]);
-  const x = (m) => {
-    n(m.first), s(m.rows);
-  }, b = [
-    { label: "5", value: 5 },
-    { label: "10", value: 10 },
-    { label: "15", value: 15 },
-    { label: "20", value: 20 }
-  ], g = (m) => {
-    m.value !== l && (s(m.value), n(0));
-  }, f = (m) => {
-    p((C) => C === m ? `${m}:desc` : m);
-  }, w = (m) => c === m ? "↑↓" : c === `${m}:desc` ? "↓↑" : "↑↓";
-  return /* @__PURE__ */ o("div", { className: "table-container", children: [
+  C(() => {
+    f([
+      {
+        label: "Búsqueda",
+        type: "text",
+        id: "search"
+      },
+      {
+        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: "Ejecutivo",
+        type: "text",
+        id: "ejecutivo"
+      }
+    ]);
+  }, []), C(() => {
+    const p = Math.floor(i / c) + 1;
+    N(p, c);
+  }, [i, c, h]);
+  const w = (p) => {
+    u(p.first), m(p.rows);
+  }, T = [
+    { 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 }
+  ], S = (p) => {
+    const A = parseInt(p.target.value, 10);
+    m(A), w({ first: 0, rows: A });
+  }, _ = (p) => {
+    b((A) => A === p ? `${p}:desc` : p);
+  }, P = (p) => h === p ? "↑↓" : h === `${p}:desc` ? "↓↑" : "↑↓";
+  return /* @__PURE__ */ e("div", { className: "table-container", children: s ? /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ e(Me, {}) }) : /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ o(
       "table",
       {
@@ -1877,28 +1908,93 @@ const Dt = () => {
         },
         children: [
           /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
-            /* @__PURE__ */ o("th", { onClick: () => f("nombre"), children: [
-              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: w("nombre") }),
+            /* @__PURE__ */ o("th", { onClick: () => _("nombre"), children: [
+              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: P("nombre") }),
               "Campaña"
             ] }),
-            /* @__PURE__ */ o("th", { onClick: () => f("inicia"), children: [
-              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: w("inicia") }),
-              "Fecha Inicio"
-            ] }),
-            /* @__PURE__ */ o("th", { onClick: () => f("termina"), children: [
-              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: w("termina") }),
-              "Fecha Fin"
-            ] }),
+            /* @__PURE__ */ e(
+              "th",
+              {
+                onClick: () => _("inicia"),
+                style: { textAlign: "center", whiteSpace: "nowrap" },
+                children: /* @__PURE__ */ o(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      width: "fit-content"
+                    },
+                    children: [
+                      /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: P("inicia") }),
+                      " ",
+                      /* @__PURE__ */ e(
+                        v,
+                        {
+                          icon: "calendar",
+                          size: "xs",
+                          strokeWidth: 5,
+                          color: "#C4C4C4"
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { children: "Fecha Inicio" })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              "th",
+              {
+                onClick: () => _("termina"),
+                style: { whiteSpace: "nowrap", textAlign: "center" },
+                children: /* @__PURE__ */ o(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      width: "fit-content"
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        "label",
+                        {
+                          style: {
+                            color: "#C4C4C4",
+                            fontSize: "10px"
+                          },
+                          children: P("termina")
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        v,
+                        {
+                          icon: "calendar",
+                          size: "xs",
+                          strokeWidth: 5,
+                          color: "#C4C4C4"
+                        }
+                      ),
+                      /* @__PURE__ */ e("span", { children: "Fecha Fin" })
+                    ]
+                  }
+                )
+              }
+            ),
             /* @__PURE__ */ e("th", { children: "Status" }),
             /* @__PURE__ */ e("th", { children: "Responsable" })
           ] }) }),
-          /* @__PURE__ */ e("tbody", { children: a == null ? void 0 : a.map((m, C) => {
-            var T, _, A, D, q, j, E, Q;
+          /* @__PURE__ */ e("tbody", { children: r == null ? void 0 : r.map((p, A) => {
+            var q, E, G, $, z, U, K, de, ue, me, pe, he, xe, ge, fe, be;
             return /* @__PURE__ */ o("tr", { className: "table-row", children: [
-              /* @__PURE__ */ e("td", { children: (T = m == null ? void 0 : m.campania) == null ? void 0 : T.nombre }),
-              /* @__PURE__ */ e("td", { children: (_ = m == null ? void 0 : m.campania) == null ? void 0 : _.inicia }),
-              /* @__PURE__ */ e("td", { children: (A = m == null ? void 0 : m.campania) == null ? void 0 : A.termina }),
-              /* @__PURE__ */ e("td", { style: { width: "20%" }, children: /* @__PURE__ */ o(
+              /* @__PURE__ */ e("td", { children: (q = p == null ? void 0 : p.campania) == null ? void 0 : q.nombre }),
+              /* @__PURE__ */ o("td", { children: [
+                " ",
+                (E = p == null ? void 0 : p.campania) == null ? void 0 : E.inicia
+              ] }),
+              /* @__PURE__ */ e("td", { children: (G = p == null ? void 0 : p.campania) == null ? void 0 : G.termina }),
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o(
                 "div",
                 {
                   style: {
@@ -1906,21 +2002,22 @@ const Dt = () => {
                     alignItems: "center",
                     gap: "15px",
                     padding: "none",
-                    fontSize: "12px",
-                    width: "auto"
+                    fontSize: "10px",
+                    width: "auto",
+                    minWidth: "170px"
                   },
                   children: [
                     /* @__PURE__ */ o(
                       "label",
                       {
                         style: {
-                          width: "20px",
+                          width: "50px",
                           minWidth: "50px",
                           textAlign: "right",
                           color: "#000"
                         },
                         children: [
-                          m == null ? void 0 : m.progreso,
+                          p == null ? void 0 : p.progreso,
                           "%"
                         ]
                       }
@@ -1944,8 +2041,8 @@ const Dt = () => {
                               top: 0,
                               left: 0,
                               height: "100%",
-                              width: `${m.progreso}%`,
-                              backgroundColor: m.progreso === 100 ? "#039B59" : m.progreso > 50 ? "#3658C1" : m.progreso > 0 ? "#DC8921" : "#C4C4C4",
+                              width: `${p.progreso}%`,
+                              backgroundColor: p.progreso === 100 ? "#039B59" : p.progreso > 50 ? "#3658C1" : p.progreso > 0 ? "#DC8921" : "#C4C4C4",
                               borderRadius: "10px",
                               transition: "width 0.3s ease-in-out"
                             }
@@ -1956,18 +2053,30 @@ const Dt = () => {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("td", { style: { width: "auto" }, children: /* @__PURE__ */ o("div", { className: "avatar-container", children: [
-                /* @__PURE__ */ e(
-                  Ue,
-                  {
-                    className: "avatar",
-                    label: (j = (q = (D = m == null ? void 0 : m.campania) == null ? void 0 : D.responsable) == null ? void 0 : q.nombre) == null ? void 0 : j.charAt(0),
-                    shape: "circle"
-                  }
-                ),
-                /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "12px" }, children: (Q = (E = m == null ? void 0 : m.campania) == null ? void 0 : E.responsable) == null ? void 0 : Q.nombre })
+              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o("div", { className: "avatar-container", children: [
+                /* @__PURE__ */ o(J, { className: "avatar", children: [
+                  /* @__PURE__ */ e(
+                    Z,
+                    {
+                      src: `${Be}${(de = (K = (U = (z = ($ = p == null ? void 0 : p.campania) == null ? void 0 : $.responsable) == null ? void 0 : z.imagen) == null ? void 0 : U.formats) == null ? void 0 : K.thumbnail) == null ? void 0 : de.url}`,
+                      alt: (pe = (me = (ue = p == null ? void 0 : p.campania) == null ? void 0 : ue.responsable) == null ? void 0 : me.nombre) == null ? void 0 : pe.charAt(
+                        0
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    k,
+                    {
+                      style: {
+                        boxShadow: "10px 5px 10px rgba(0, 0, 0, 0.5)"
+                      },
+                      children: (ge = (xe = (he = p == null ? void 0 : p.campania) == null ? void 0 : he.responsable) == null ? void 0 : xe.nombre) == null ? void 0 : ge.charAt(0)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "10px" }, children: (be = (fe = p == null ? void 0 : p.campania) == null ? void 0 : fe.responsable) == null ? void 0 : be.nombre })
               ] }) })
-            ] }, C);
+            ] }, A);
           }) })
         ]
       }
@@ -1978,9 +2087,8 @@ const Dt = () => {
         className: "pagination",
         style: {
           background: "#FAFAFA",
-          marginTop: "1rem",
-          display: "flex",
-          gap: "0.5rem"
+          display: "flex"
+          // gap: '0.5rem',
         },
         children: [
           /* @__PURE__ */ o(
@@ -1996,20 +2104,20 @@ const Dt = () => {
                 whiteSpace: "nowrap"
               },
               children: [
-                l,
+                r.length,
                 " elementos de ",
-                i
+                d
               ]
             }
           ),
           /* @__PURE__ */ e(
-            Ke,
+            et,
             {
-              first: r,
-              rows: l,
-              totalRecords: i,
+              first: i,
+              rows: c,
+              totalRecords: d,
               rowsPerPageOptions: [5, 10, 20, 50],
-              onPageChange: x,
+              onPageChange: w,
               className: "pagination",
               template: "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink"
             }
@@ -2020,29 +2128,26 @@ const Dt = () => {
               style: {
                 display: "flex",
                 alignItems: "center",
-                gap: "8px",
-                whiteSpace: "nowrap",
-                padding: "0 1rem"
+                gap: "8px"
               },
               children: [
-                /* @__PURE__ */ e("span", { style: { fontSize: "12px" }, children: "Filas por página:" }),
+                /* @__PURE__ */ e("span", { style: { fontSize: "10px", whiteSpace: "nowrap" }, children: "Filas por página:" }),
                 /* @__PURE__ */ e(
-                  Qe,
+                  "select",
                   {
-                    value: l,
-                    options: b,
-                    onChange: g,
-                    style: {
-                      minWidth: "5rem",
-                      width: "auto",
-                      height: "2rem",
-                      zIndex: "999999",
-                      transform: "translateY(-100%)"
-                      // Move dropdown upwards
-                    },
-                    className: "p-dropdown-sm",
-                    optionLabel: "label",
-                    optionValue: "value"
+                    className: "select",
+                    value: c,
+                    onChange: (p) => S(p),
+                    children: T.map((p) => /* @__PURE__ */ e(
+                      "option",
+                      {
+                        className: "option-select",
+                        value: p.value,
+                        style: { background: "#F5F5F5" },
+                        children: p.label
+                      },
+                      p.value
+                    ))
                   }
                 )
               ]
@@ -2051,44 +2156,49 @@ const Dt = () => {
         ]
       }
     )
-  ] });
-}, Rt = ({ path: a, tab: t }) => {
-  const r = {
-    "kanban-general": { kanban: /* @__PURE__ */ e(jt, {}) },
+  ] }) });
+}, Gt = ({ path: a, tab: t, setPath: r, project: n, setProject: s }) => {
+  const l = {
+    "kanban-general": { kanban: /* @__PURE__ */ e(Ot, {}) },
     "lista-campanias": {
-      lista: /* @__PURE__ */ e(It, {}),
+      lista: /* @__PURE__ */ e(Vt, { setPath: r, setProject: s }),
       gantt: /* @__PURE__ */ e("div", { children: "gantt-campanias" })
     },
     "kanban-campania": {
-      kanban: /* @__PURE__ */ e(vt, {}),
-      lista: /* @__PURE__ */ e(Ot, {}),
+      kanban: /* @__PURE__ */ e(qt, {}),
+      lista: /* @__PURE__ */ e(Ht, {}),
       gantt: /* @__PURE__ */ e("div", { children: "kanban-campania-gantt" })
     }
   };
-  return a === "kanban-campania" ? /* @__PURE__ */ e(tt, { project: 1839, children: r[a][t] }) : r[a][t];
-}, Wt = ({ path: a }) => /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(() => {
-  const [r, n] = y("kanban"), [l, s] = y(""), i = L(null);
-  v(() => {
+  return a === "kanban-campania" ? /* @__PURE__ */ e(dt, { project: n == null ? void 0 : n.id, children: l[a][t] }) : l[a][t];
+}, Yt = ({ path: a }) => /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(() => {
+  const [r, n] = y("kanban"), [s, l] = y(a), [i, u] = y({
+    id: 1839,
+    project: "Kanban de Campania"
+  }), [c, m] = y(""), d = L(null);
+  C(() => {
     n("kanban");
   }, [a]);
-  const u = (d) => ({
+  const x = (g) => ({
     "kanban-general": "Kanban General",
     "lista-campanias": "Campanias",
-    "kanban-campania": "Kanban de Campania"
-  })[d], c = ["lista-campanias", "kanban-campania"], p = {
+    "kanban-campania": `Kanban de ${i.project}`
+  })[g], h = (g) => {
+    l(g);
+  }, b = ["lista-campanias", "kanban-campania"], f = {
     "lista-campanias": ["lista", "gantt"],
     "kanban-campania": ["kanban", "lista", "gantt"]
   };
   return /* @__PURE__ */ o("div", { className: "bg-bg-card p-m rounded-lg border border-gray-200 flex flex-col gap-m w-full h-full min-h-[100%] relative overflow-hidden", children: [
     /* @__PURE__ */ o("div", { className: "w-full justify-between flex items-end border-b border-gray-200 pb-m px-l flex-wrap gap-l", children: [
       /* @__PURE__ */ o("div", { className: "flex gap-xl", children: [
-        /* @__PURE__ */ e("h2", { className: "text-texts font-medium", children: u(a) }),
-        c.includes(a) && /* @__PURE__ */ e(
-          Ve,
+        /* @__PURE__ */ e("h2", { className: "text-texts font-medium", children: x(s) }),
+        b.includes(s) && /* @__PURE__ */ e(
+          at,
           {
-            tabs: p[a],
-            renderItem: (d) => {
-              n(d);
+            tabs: f[s],
+            renderItem: (g) => {
+              n(g);
             }
           }
         )
@@ -2097,35 +2207,60 @@ const Dt = () => {
         /* @__PURE__ */ e(
           "input",
           {
-            onChange: be((d) => {
-              var h;
-              return s((h = d == null ? void 0 : d.target) == null ? void 0 : h.value);
-            }, 1e3),
+            onChange: Pe(
+              (g) => {
+                var N;
+                return m((N = g == null ? void 0 : g.target) == null ? void 0 : N.value);
+              },
+              1e3
+            ),
             type: "text",
             placeholder: "Buscar",
             className: "w-[200px] h-[30px] border-none bg-bg-card shadow-input border border-gray-200 rounded-lg px-l "
           }
         ),
-        /* @__PURE__ */ e(Ge, { filterChildren: i, children: /* @__PURE__ */ e("div", { ref: i, className: "w-max max-w-[400px] h-fit bg-bg-card shadow-lg rounded-lg p-l", children: /* @__PURE__ */ e(Xe, {}) }) })
+        /* @__PURE__ */ e(
+          nt,
+          {
+            filterChildren: d,
+            children: /* @__PURE__ */ e(
+              "div",
+              {
+                ref: d,
+                className: "w-max max-w-[400px] h-fit bg-bg-card shadow-lg rounded-lg p-l",
+                children: /* @__PURE__ */ e(st, {})
+              }
+            )
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "overflow-auto scrollbar-none", children: /* @__PURE__ */ e(Rt, { path: a, tab: r }) })
+    /* @__PURE__ */ e("div", { className: "overflow-auto scrollbar-none", children: /* @__PURE__ */ e(
+      Gt,
+      {
+        path: s,
+        tab: r,
+        setPath: h,
+        project: i,
+        setProject: u
+      }
+    ) })
   ] });
-}, {}) }), Ut = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
+}, {}) }), Xt = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
   /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-primary-regular rounded-full animate-pulse" }),
   /* @__PURE__ */ e("p", { className: "text-l text-texts-enfasis", children: "un momento..." }),
   /* @__PURE__ */ e("p", { className: "text-sm text-texts-placeholder", children: "estamos buscando tu usuario" })
-] }) }) }), Kt = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
+] }) }) }), Jt = () => /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-full", children: /* @__PURE__ */ o("div", { className: "text-2xl font-bold flex flex-col items-center", children: [
   /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-primary-regular rounded-full animate-pulse" }),
   /* @__PURE__ */ e("p", { className: "text-l text-texts-enfasis", children: "No encontramos tu acceso" }),
   /* @__PURE__ */ e("p", { className: "text-sm text-texts-placeholder", children: "por favor, contacta al administrador" })
-] }) }) }), sa = ({ path: a, user: t, url: r }) => {
-  const n = new je();
-  if (!t) return /* @__PURE__ */ e(Ut, {});
-  if (!t.accessToken) return /* @__PURE__ */ e(Kt, {});
-  let l = { user: t, url: r };
-  return /* @__PURE__ */ e(et, { ...l, children: /* @__PURE__ */ e(ke, { ...l, children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e($e, { client: n, children: /* @__PURE__ */ e(Wt, { path: a }) }) }) }) });
+] }) }) }), ua = ({ path: a, user: t, url: r }) => {
+  const n = new Ue();
+  if (!t) return /* @__PURE__ */ e(Xt, {});
+  if (!t.accessToken) return /* @__PURE__ */ e(Jt, {});
+  let s = { user: t, url: r };
+  return /* @__PURE__ */ e(ct, { ...s, children: /* @__PURE__ */ e(ot, { ...s, children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ e(Ke, { client: n, children: /* @__PURE__ */ e(Yt, { path: a }) }) }) }) });
 };
 export {
-  sa as AppTasks
+  ua as AppTasks
 };