@imj_media/tareas 0.1.21 → 0.1.24

package/dist/tareas.es.js

@@ -1,39 +1,39 @@
-import { jsx as e, jsxs as o, Fragment as q } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as D } from "react/jsx-runtime";
 import "@imj_media/imj-ui/styles.css";
-import { useQueryClient as H, useQuery as ae, useMutation as Ke, useInfiniteQuery as ne, QueryClient as Ue, QueryClientProvider as Qe } from "@tanstack/react-query";
-import { useState as y, useEffect as _, useRef as L, createContext as V, useContext as G } from "react";
-import { Tooltip as K, Icons as C } from "@imj_media/tasks-modules";
-import X from "react-dom";
-import ve from "axios";
-import Ce from "qs";
-import { parseISO as He, formatDistanceToNow as Ve, format as _e } from "date-fns";
-import { es as re } from "date-fns/locale";
-import { Button as Fe, Avatar as J, AvatarImage as Z, AvatarFallback as k, Input as Ge, Label as Ye, Accordion as Xe, AccordionItem as Je, AccordionTrigger as Ze, AccordionContent as ke } from "@imj_media/imj-ui";
-import { useForm as et } from "react-hook-form";
-import { Paginator as tt } from "primereact/paginator";
-const at = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE__ */ e(K, { dispatch: /* @__PURE__ */ o("button", { className: "text-texts-placeholder text-xs font-semibold cursor-help", children: [
+import { useQueryClient as V, useQuery as se, useMutation as re, useInfiniteQuery as le, QueryClient as Ge, QueryClientProvider as Ye } from "@tanstack/react-query";
+import { useState as N, useEffect as T, useRef as W, createContext as G, useContext as Y } from "react";
+import { Tooltip as M, Icons as F } from "@imj_media/tasks-modules";
+import ie from "react-dom";
+import Pe from "axios";
+import Se from "qs";
+import { parseISO as Xe, formatDistanceToNow as Je, format as De } from "date-fns";
+import { es as oe } from "date-fns/locale";
+import { Button as je, Avatar as Z, AvatarImage as k, AvatarFallback as ee, Input as Ze, Label as ke, Accordion as et, AccordionItem as tt, AccordionTrigger as at, AccordionContent as rt } from "@imj_media/imj-ui";
+import { useForm as nt } from "react-hook-form";
+import { Paginator as st } from "primereact/paginator";
+const lt = ({ label: r, active: t, onClick: s, disabled: a }) => a ? /* @__PURE__ */ e(M, { dispatch: /* @__PURE__ */ o("button", { className: "text-texts-placeholder text-xs font-semibold cursor-help", children: [
   " ",
-  a,
+  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 }), nt = ({ tabs: a, renderItem: t, initialTab: r }) => {
-  const [n, l] = y(r ?? a[0].toLowerCase());
-  _(() => {
-    r && l(r);
-  }, [r]);
-  const s = (i) => {
-    l(i), t(i);
+] }), 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: a, onClick: s, className: `${t ? "text-texts-enfasis border-b-2 border-texts-enfasis" : ""} text-xs font-semibold ${a ? "cursor-not-allowed text-texts-placeholder" : "text-texts-subtext"} `, children: r }), it = ({ tabs: r, renderItem: t, initialTab: s }) => {
+  const [a, n] = N(s ?? r[0].toLowerCase());
+  T(() => {
+    s && n(s);
+  }, [s]);
+  const l = (i) => {
+    n(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(
-    at,
+  return /* @__PURE__ */ e("div", { className: "flex", children: r.map((i, d) => /* @__PURE__ */ e("div", { className: `${d === 0 ? "border-l-2" : ""} border-r-2 border-gray-200 px-m`, children: /* @__PURE__ */ e(
+    lt,
     {
-      onClick: () => s(i.toLowerCase()),
+      onClick: () => l(i.toLowerCase()),
       label: i,
-      active: i.toLowerCase() === n,
+      active: i.toLowerCase() === a,
       disabled: ["gantt"].includes(i.toLowerCase())
     },
-    u
+    d
   ) })) });
-}, P = {
+}, C = {
   bg: {
     DEFAULT: "#EFEFEF",
     content: "#FAFAFA",
@@ -65,7 +65,7 @@ const at = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE_
     medium: "#EBDBD9",
     dark: "#8C352C",
     regular: "#C34335",
-    pastel: "#C4335"
+    pastel: "#C43355"
   },
   warning: {
     light: "#F2ECE5",
@@ -95,195 +95,195 @@ const at = ({ label: a, active: t, onClick: r, disabled: n }) => n ? /* @__PURE_
     regular: "#0EA5E9",
     pastel: "#0EA5E9"
   }
-}, le = () => {
-  const [a, t] = y(null);
+}, ce = () => {
+  const [r, t] = N(null);
   return {
     //Properties
-    position: a,
+    position: r,
     //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);
-      t(a ? null : { x: u ?? 0, y: c ?? 0 });
+    setElementPosition: (l) => {
+      var h;
+      let i = (h = l.current) == null ? void 0 : h.getBoundingClientRect(), d = (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(r ? null : { x: d ?? 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);
     }
   };
-}, rt = ({ children: a, filterChildren: t }) => {
-  const { position: r, setElementPosition: n } = le(), l = L(null), s = ({ children: i }) => {
-    const [u, c] = y();
-    return _(() => {
-      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 && 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`, zIndex: 1 }, children: i }),
+}, ot = ({ children: r, filterChildren: t }) => {
+  const { position: s, setElementPosition: a } = ce(), n = W(null), l = ({ children: i }) => {
+    const [d, c] = N();
+    return T(() => {
+      var h, u;
+      t.current && c(((s == null ? void 0 : s.x) ?? 0) - (((u = (h = t.current) == null ? void 0 : h.getBoundingClientRect()) == null ? void 0 : u.width) ?? 0));
+    }, [t == null ? void 0 : t.current, s == null ? void 0 : s.x]), s && ie.createPortal(
+      /* @__PURE__ */ e("div", { className: `absolute w-fit h-fit ${d ? "block" : "hidden"}`, style: { top: `${s == null ? void 0 : s.y}px`, left: `${d}px`, zIndex: 1 }, children: i }),
       document.body
     );
   };
-  return /* @__PURE__ */ o(q, { children: [
+  return /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ o(
       "label",
       {
-        ref: l,
+        ref: n,
         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(C, { icon: "filter", size: "xs", strokeWidth: 5, color: P.primary.regular }),
+          /* @__PURE__ */ e(F, { icon: "filter", size: "xs", strokeWidth: 5, color: C.primary.regular }),
           "Filtrar"
         ]
       }
     ),
     /* @__PURE__ */ e("button", { className: "hidden", id: "filter-button", onClick: () => {
-      n(l);
+      a(n);
     } }),
-    /* @__PURE__ */ e(s, { children: a })
+    /* @__PURE__ */ e(l, { children: r })
   ] });
-}, ye = (a) => {
+}, Fe = (r) => {
   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;
+  return Object.entries(r).forEach(([s, a]) => {
+    if (s.includes(".")) {
+      let [n, l] = s.split(".");
+      t[n] = t[n] || {}, t[n][l] = a;
     } else
-      t[r] = n;
+      t[s] = a;
   }), t;
-}, Te = V({}), lt = ({ children: a }) => {
-  const [t, r] = y({}), [n, l] = y({}), [s, i] = y([]), [u, c] = y(""), p = ({ name: m, value: x }) => {
-    function w(v) {
-      return !isNaN(v) && v !== null && v !== "" ? parseFloat(v) : null;
+}, Me = G({}), ct = ({ children: r }) => {
+  const [t, s] = N({}), [a, n] = N({}), [l, i] = N([]), [d, c] = N(""), h = ({ name: m, value: x }) => {
+    function f(g) {
+      return !isNaN(g) && g !== null && g !== "" ? parseFloat(g) : null;
     }
-    let f = w(x);
-    l((v) => {
-      let b = { ...v }, N = s == null ? void 0 : s.find((F) => F.label.toLowerCase().replace(/ /g, "_") === m);
-      return N ? b[N.id] = f ?? x : b[m] = f ?? x, b;
+    let w = f(x);
+    n((g) => {
+      let v = { ...g }, y = l == null ? void 0 : l.find((_) => _.label.toLowerCase().replace(/ /g, "_") === m);
+      return y ? v[y.id] = w ?? x : v[m] = w ?? x, v;
     });
   };
-  _(() => {
-    let m = s.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
-    l(
+  T(() => {
+    let m = l.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
+    n(
       Object.fromEntries(m)
     );
-  }, [s]);
-  const d = () => {
-    let m = s.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
-    l(Object.fromEntries(m)), r(ye(Object.fromEntries(m)));
-  }, g = () => {
-    let m = ye(n);
-    console.log({ filtersWithEstructure: m }), r(m);
+  }, [l]);
+  const u = () => {
+    let m = l.map((x) => x.id === "owner.config" ? [x.id, "yo_y_mis_equipos"] : x.id === "dependency" ? [x.id, "ambas"] : [x.id, null]);
+    n(Object.fromEntries(m)), s(Fe(Object.fromEntries(m)));
+  }, b = () => {
+    let m = Fe(a);
+    console.log({ filtersWithEstructure: m }), s(m);
   };
-  return /* @__PURE__ */ e(Te.Provider, { value: {
+  return /* @__PURE__ */ e(Me.Provider, { value: {
     //properties
-    fields: s,
+    fields: l,
     filters: t,
-    path: u,
+    path: d,
     //methods
     defineFields: i,
-    updateFilters: p,
-    cleanFilters: d,
-    applyFilters: g,
-    initialFilters: n,
+    updateFilters: h,
+    cleanFilters: u,
+    applyFilters: b,
+    initialFilters: a,
     selectPath: c
-  }, children: a });
-}, $ = () => G(Te);
-function Pe(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);
+  }, children: r });
+}, $ = () => Y(Me);
+function $e(r, t = 300, s = { leading: !1, trailing: !0 }) {
+  let a, n = null;
+  return function(...l) {
+    const i = Date.now(), d = s.leading && !n;
+    clearTimeout(a), d && r(...l), n = i, a = setTimeout(() => {
+      s.trailing && (!s.leading || i - n >= t) && (r(...l), n = null);
     }, t);
   };
 }
-const st = () => {
+const dt = () => {
   const {
-    fields: a,
+    fields: r,
     updateFilters: t,
-    cleanFilters: r,
-    applyFilters: n,
-    initialFilters: l
+    cleanFilters: s,
+    applyFilters: a,
+    initialFilters: n
   } = $();
   return /* @__PURE__ */ o("div", { className: "flex flex-col gap-l min-w-[250px] z-[100]", 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("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: s, children: "Limpiar" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: a == null ? void 0 : a.map((s, i) => {
-      var u;
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-m", children: r == null ? void 0 : r.map((l, i) => {
+      var d;
       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 h, u;
               t({
-                name: (p = c == null ? void 0 : c.target) == null ? void 0 : p.name,
-                value: (d = c == null ? void 0 : c.target) == null ? void 0 : d.value
+                name: (h = c == null ? void 0 : c.target) == null ? void 0 : h.name,
+                value: (u = c == null ? void 0 : c.target) == null ? void 0 : u.value
               });
             },
-            value: l == null ? void 0 : l[s == null ? void 0 : s.id],
+            value: n == null ? void 0 : n[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: (d = l == null ? void 0 : l.options) == null ? void 0 : d.map((c, h) => /* @__PURE__ */ e(
               "option",
               {
                 value: c.id,
                 children: c.name
               },
-              p
+              h
             ))
           }
         ) : /* @__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: Pe((c) => {
-              var p, d;
+            type: l.type,
+            value: n == null ? void 0 : n[l == null ? void 0 : l.id],
+            name: l.label.toLowerCase().replace(/ /g, "_"),
+            onChange: $e((c) => {
+              var h, u;
               return t({
-                name: (p = c == null ? void 0 : c.target) == null ? void 0 : p.name,
-                value: (d = c == null ? void 0 : c.target) == null ? void 0 : d.value
+                name: (h = c == null ? void 0 : c.target) == null ? void 0 : h.name,
+                value: (u = c == null ? void 0 : c.target) == null ? void 0 : u.value
               });
             }, 1e3)
           }
         )
       ] }, i);
     }) }),
-    /* @__PURE__ */ e("button", { className: "btn-primary rounded-md py-s", onClick: n, children: "Filtrar" })
+    /* @__PURE__ */ e("button", { className: "btn-primary rounded-md py-s", onClick: a, children: "Filtrar" })
   ] });
-}, z = (a) => {
-  const t = (n) => Object.prototype.toString.call(n) === "[object Object]", r = (n) => n.attributes ? {
-    id: n.id,
-    ...n.attributes
-  } : n;
-  if (Array.isArray(a))
-    return a.map((n) => z(n));
-  if (t(a)) {
-    Array.isArray(a.data) ? a = [...a.data] : t(a.data) ? a = r({ ...a.data }) : a.data === null ? a = null : a = r(a);
-    for (const n in a)
-      a[n] = z(a[n]);
-    return a;
+}, Q = (r) => {
+  const t = (a) => Object.prototype.toString.call(a) === "[object Object]", s = (a) => a.attributes ? {
+    id: a.id,
+    ...a.attributes
+  } : a;
+  if (Array.isArray(r))
+    return r.map((a) => Q(a));
+  if (t(r)) {
+    Array.isArray(r.data) ? r = [...r.data] : t(r.data) ? r = s({ ...r.data }) : r.data === null ? r = null : r = s(r);
+    for (const a in r)
+      r[a] = Q(r[a]);
+    return r;
   }
-  return a;
+  return r;
 };
-class it {
+class ut {
   static toCampaignTasks(t) {
-    var n, l, s, i, u, c, p, d, g, m, x, w;
-    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 v, b, N, F;
-      r != null && r.find((T) => T.id === f.idUser.id) || f.idUser && r.push({ id: f.idUser.id, name: f.idUser.nombre, image: (F = (N = (b = (v = f == null ? void 0 : f.userOBP) == null ? void 0 : v.imagen) == null ? void 0 : b.formats) == null ? void 0 : N.thumbnail) == null ? void 0 : F.url });
+    var a, n, l, i, d, c, h, u, b, m, x, f;
+    let s = [];
+    return t != null && t.responsable && s.push({ id: t.responsable.id, name: t.responsable.nombre, image: (d = (i = (l = (n = (a = t.responsable) == null ? void 0 : a.userOBP) == null ? void 0 : n.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }), console.log("task", t), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((w) => {
+      var g, v, y, _;
+      s != null && s.find((q) => q.id === w.idUser.id) || w.idUser && s.push({ id: w.idUser.id, name: w.idUser.nombre, image: (_ = (y = (v = (g = w == null ? void 0 : w.userOBP) == null ? void 0 : g.imagen) == null ? void 0 : v.formats) == null ? void 0 : y.thumbnail) == null ? void 0 : _.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: ((h = t == null ? void 0 : t.proyecto) == null ? void 0 : h.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,
@@ -293,130 +293,130 @@ class it {
       endDate: new Date((t == null ? void 0 : t.ffin) ?? null),
       startDate: new Date((t == null ? void 0 : t.finicio) ?? null),
       mediumName: (t == null ? void 0 : t.nombre_medio) ?? null,
-      users: r,
+      users: s,
       repeatsToDo: (t == null ? void 0 : t.repeticiones) ?? null,
       repeats: (t == null ? void 0 : t.repeticiones_realizadas) ?? null,
-      comments: ((d = t == null ? void 0 : t.comentarios) == null ? void 0 : d.length) ?? null,
+      comments: ((u = t == null ? void 0 : t.comentarios) == null ? void 0 : u.length) ?? null,
       willBePaused: t == null ? void 0 : t.es_pausable,
-      statusRequiredTask: ((g = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : g.estatus) ?? null,
+      statusRequiredTask: ((b = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : b.estatus) ?? null,
       nameRequiredTask: ((m = t == null ? void 0 : t.id_t_requerida) == null ? void 0 : m.texto_corto) ?? null,
       responsible: ((x = t == null ? void 0 : t.responsable) == null ? void 0 : x.id) ?? null,
-      tasks: ((w = t == null ? void 0 : t.tareas) == null ? void 0 : w.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((w) => ({ id: w.id, name: w.texto_corto, status: w.estatus }))) ?? null
     };
   }
 }
-const ot = async ({ filters: a, tasks_api: t, project: r }) => {
+const mt = async ({ filters: r, tasks_api: t, project: s }) => {
   try {
-    const n = await t.get("/api/listado_tareas", {
+    const a = await t.get("/api/listado_tareas_flujo", {
       params: {
-        ...a,
+        ...r,
         project: {
-          id: r
+          id: s
         },
         includeAllTasks: !0
       }
     });
-    return z(n.data.tareas).map(it.toCampaignTasks);
-  } catch (n) {
-    console.log(n);
+    return Q(a.data.tareas).map(ut.toCampaignTasks);
+  } catch (a) {
+    console.log(a);
   }
-}, Ae = V({}), ct = ({ children: a, user: t, url: r }) => {
-  const n = ve.create({
-    baseURL: r,
+}, Ee = G({}), pt = ({ children: r, user: t, url: s }) => {
+  const a = Pe.create({
+    baseURL: s,
     headers: {
       Authorization: `Bearer ${t.accessToken}`
     },
-    paramsSerializer: (l) => Ce.stringify(l, { encodeValuesOnly: !0 })
+    paramsSerializer: (n) => Se.stringify(n, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ e(
-    Ae.Provider,
+    Ee.Provider,
     {
       value: {
         //methods
-        tasks_api: n
+        tasks_api: a
       },
-      children: a
+      children: r
     }
   );
-}, E = () => G(Ae), Se = V({}), dt = ({ children: a, user: t, url: r }) => {
-  const n = ve.create({
-    baseURL: r,
+}, E = () => Y(Ee), Le = G({}), ht = ({ children: r, user: t, url: s }) => {
+  const a = Pe.create({
+    baseURL: s,
     headers: {
       Authorization: `Bearer ${t.accessToken}`
     },
-    paramsSerializer: (l) => Ce.stringify(l, { encodeValuesOnly: !0 })
+    paramsSerializer: (n) => Se.stringify(n, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ e(
-    Se.Provider,
+    Le.Provider,
     {
       value: {
         //properties
         user: t,
         //methods
-        tasks_api: n
+        tasks_api: a
       },
-      children: a
+      children: r
     }
   );
-}, I = () => G(Se), qe = V({}), ut = ({ children: a, project: t }) => {
-  var v;
-  const r = H(), [n, l] = y([]), [s, i] = y([]), { tasks_api: u } = E(), { filters: c } = $(), { user: p } = I(), [d, g] = y({
+}, O = () => Y(Le), ze = G({}), gt = ({ children: r, project: t }) => {
+  var g;
+  const s = V(), [a, n] = N([]), [l, i] = N([]), { tasks_api: d } = E(), { filters: c } = $(), { user: h } = O(), [u, b] = N({
     owner: {
-      user: p.id,
-      config: ((v = c == null ? void 0 : c.owner) == null ? void 0 : v.config) ?? "yo_y_mis_equipos"
+      user: h.id,
+      config: ((g = c == null ? void 0 : c.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos"
     },
     project: {
       id: t
     }
-  }), m = ae({
+  }), m = se({
     queryKey: ["tasksProject", c, t],
-    queryFn: () => ot({
+    queryFn: () => mt({
       filters: {
-        ...d
+        ...u
       },
       project: t,
-      tasks_api: u
+      tasks_api: d
     })
   });
-  _(() => {
-    var b;
-    Object.keys(c).length > 0 && g({
+  T(() => {
+    var v;
+    Object.keys(c).length > 0 && b({
       ...c,
       owner: {
-        user: p.id,
-        config: ((b = c == null ? void 0 : c.owner) == null ? void 0 : b.config) ?? "yo_y_mis_equipos"
+        user: h.id,
+        config: ((v = c == null ? void 0 : c.owner) == null ? void 0 : v.config) ?? "yo_y_mis_equipos"
       },
       project: {
         id: t
       }
     });
-  }, [c]), _(() => {
-    r.invalidateQueries({
+  }, [c]), T(() => {
+    s.invalidateQueries({
       queryKey: ["tasksProject", c, t]
     });
-  }, [d]);
-  const x = (b) => {
-    l((N) => [...N, b]);
-  }, w = (b) => {
-    i((N) => N.includes(b) ? N.filter((F) => F !== b) : [...N, b]);
-  }, f = t ?? null;
+  }, [u]);
+  const x = (v) => {
+    n((y) => [...y, v]);
+  }, f = (v) => {
+    i((y) => y.includes(v) ? y.filter((_) => _ !== v) : [...y, v]);
+  }, w = t ?? null;
   return /* @__PURE__ */ e(
-    qe.Provider,
+    ze.Provider,
     {
       value: {
         //properties
         tasksProject: m,
-        selectedTasks: n,
-        projectID: f,
-        openTasks: s,
+        selectedTasks: a,
+        projectID: w,
+        openTasks: l,
         //methods
         selectTask: x,
-        openTask: w
+        openTask: f
       },
-      children: a
+      children: r
     }
   );
-}, Y = () => G(qe), mt = [
+}, X = () => Y(ze), xt = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -467,69 +467,162 @@ const ot = async ({ filters: a, tasks_api: t, project: r }) => {
       name: "Muy dificil"
     }]
   }
-], pt = ({ id: a }) => {
-  const [t, r] = y(!1);
+], te = () => {
+  const { tasks_api: r } = E(), { user: t } = O(), { filters: s, path: a } = $(), n = V(), { projectID: l } = X(), i = async ({ id: g }) => (await r.put(`/api/tareas/${g}`, {
+    data: {
+      estatus: 1,
+      responsable: t == null ? void 0 : t.id,
+      updated_by: t == null ? void 0 : t.id
+    }
+  })).data, d = async ({ id: g }) => (await r.post("/api/terminarTarea", {
+    id_task: g,
+    ended_at: (/* @__PURE__ */ new Date()).toISOString(),
+    id_user: t == null ? void 0 : t.id
+  })).data, c = async ({ id: g, idNewResponsible: v, typeOfSelect: y }) => {
+    let _ = {
+      updated_by: t == null ? void 0 : t.id
+    };
+    return y === "responsible" && (_ = { ..._, responsable: v }), y === "team" && (_ = {
+      ..._,
+      responsable: null,
+      equipo: v
+    }), (await r.put(`/api/tareas/${g}`, {
+      data: _
+    })).data;
+  }, h = async ({ id: g, data: v, user: y }) => {
+  }, u = async ({ id: g }) => {
+    await b({ id: g });
+  }, { mutateAsync: b } = re({
+    mutationFn: i,
+    onSuccess: () => {
+      const g = {
+        "kanban-general": "to_do_tasks",
+        "kanban-campania": "tasksProject"
+      };
+      try {
+        a === "kanban-general" && (n.invalidateQueries({ queryKey: [g[a], s] }), n.invalidateQueries({ queryKey: ["working_tasks", s] }), n.invalidateQueries({ queryKey: ["all_tasks"] })), a === "kanban-campania" && (n.invalidateQueries({ queryKey: [g[a], s, l] }), n.invalidateQueries({ queryKey: ["working_tasks", l] }));
+      } catch (v) {
+        console.error("Error updating the element:", v);
+      }
+    },
+    onError: (g) => {
+      console.error("Failed to update the task.", g);
+    },
+    onMutate: async ({ id: g }) => {
+      await n.cancelQueries({ queryKey: ["working_tasks"] }), await n.cancelQueries({ queryKey: ["to_do_tasks"] });
+    }
+  }), { mutateAsync: m } = re({
+    mutationFn: d,
+    onSuccess: () => {
+      const g = {
+        "kanban-general": "to_do_tasks",
+        "kanban-campania": "tasksProject"
+      };
+      try {
+        a === "kanban-general" && (n.invalidateQueries({ queryKey: [g[a], s] }), n.invalidateQueries({ queryKey: ["done_tasks", s] }), n.invalidateQueries({ queryKey: ["working_tasks", s] }), n.invalidateQueries({ queryKey: ["all_tasks"] })), a === "kanban-campania" && (n.invalidateQueries({ queryKey: [g[a], s, l] }), n.invalidateQueries({ queryKey: ["done_tasks", l] }), n.invalidateQueries({ queryKey: ["working_tasks", l] }));
+      } catch (v) {
+        console.error("Error invalidating queries:", v);
+      }
+    },
+    onError: (g) => {
+      console.error("Failed to update the task.", g);
+    },
+    onMutate: async ({ id: g }) => {
+      await n.cancelQueries({ queryKey: ["working_tasks"] }), await n.cancelQueries({ queryKey: ["done_tasks"] }), await n.cancelQueries({ queryKey: ["to_do_tasks"] });
+    }
+  }), { mutateAsync: x } = re({
+    mutationFn: c,
+    onSuccess: () => {
+      const g = {
+        "kanban-general": "to_do_tasks",
+        "kanban-campania": "tasksProject"
+      };
+      a === "kanban-general" && (n.invalidateQueries({ queryKey: [g[a], s] }), n.invalidateQueries({ queryKey: ["done_tasks", s] })), a === "kanban-campania" && n.invalidateQueries({ queryKey: [g[a], s, l] });
+    }
+  });
+  return {
+    //* Methods
+    updateTask: h,
+    startWorking: u,
+    completeTask: async ({ id: g }) => {
+      await m({ id: g });
+    },
+    reasignResponsible: async ({ id: g, idNewResponsible: v, typeOfSelect: y }) => {
+      await x({ id: g, idNewResponsible: v, typeOfSelect: y });
+    }
+  };
+}, ft = ({ id: r }) => {
+  const [t, s] = N(!1), { completeTask: a } = te();
   return { checked: t, checkTask: () => {
-    r(!t), console.log("completar tarea", a);
+    s(!t), a({ id: r });
   } };
-}, De = ({ id: a, nameRequiredTask: t, statusRequiredTask: r, status: n }) => {
-  const { checked: l, checkTask: s } = pt({ id: a });
+}, Be = ({ id: r, nameRequiredTask: t, statusRequiredTask: s, status: a }) => {
+  const { checked: n, checkTask: l } = ft({ id: r });
   let i = Math.random().toString();
-  return /* @__PURE__ */ o(q, { children: [
-    n === 1 && (r < 2 && t !== "" ? /* @__PURE__ */ e(K, { dispatch: /* @__PURE__ */ e("label", { htmlFor: i, children: /* @__PURE__ */ e(C, { icon: "info_circle", color: P.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:" }),
+  return /* @__PURE__ */ o(D, { children: [
+    a === 2 && /* @__PURE__ */ e("div", { className: "bg-success-regular rounded-full flex items-center justify-center mx-[2px] transition-all", children: /* @__PURE__ */ e(
+      F,
+      {
+        icon: "circle_checked",
+        color: "white",
+        strokeWidth: 4,
+        size: "xs"
+      }
+    ) }),
+    t !== "" && s === 2 || !t ? a === 1 ? /* @__PURE__ */ e("label", { htmlFor: i, className: n ? "bg-success-regular rounded-full w-[20px] h-[20px] flex items-center justify-center mx-[2px] transition-all" : " transition-colors", children: /* @__PURE__ */ e(
+      F,
+      {
+        icon: n ? "check_outline" : "circle_checked",
+        color: n ? "white" : C.texts.placeholder,
+        strokeWidth: 4,
+        size: n ? "xs" : "s"
+      }
+    ) }) : /* @__PURE__ */ e(D, { children: " " }) : /* @__PURE__ */ e(M, { dispatch: /* @__PURE__ */ e("label", { className: "cursor-help", children: /* @__PURE__ */ e(F, { icon: "info_circle", color: C.warning.regular, strokeWidth: 4 }) }), children: /* @__PURE__ */ o("div", { className: " p-l max-w-[400px] w-fit bg-warning-light rounded-lg border-l-[5px] border-warning-regular text-warning-dark text-xs flex flex-col gap-m", children: [
+      /* @__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(
-      C,
-      {
-        icon: l ? "check_outline" : "circle_checked",
-        color: l ? "white" : P.texts.placeholder,
-        strokeWidth: 4,
-        size: l ? "xs" : "s"
-      }
-    ) })),
-    /* @__PURE__ */ e("input", { id: i, checked: l, onChange: s, type: "checkbox", className: "hidden" })
+    ] }) }),
+    /* @__PURE__ */ e("input", { id: i, checked: n, onChange: l, type: "checkbox", className: "hidden" })
   ] });
-}, O = ({ imageUrl: a = "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png", alt: t = "avatar" }) => /* @__PURE__ */ e(
+}, U = ({ imageUrl: r = "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,
+    src: r === "" ? "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png" : r,
     alt: t ?? "avatar",
     className: "w-[28px] h-[28px] min-w-[28px] min-h-[28px] rounded-full bg-containers border-2 border-white"
   }
-), we = ({ trigger: a, user: t, showUser: r = !0 }) => /* @__PURE__ */ e(K, { 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(O, { imageUrl: t.image ?? "", alt: t.name }),
+), Te = ({ trigger: r, user: t, showUser: s = !0 }) => /* @__PURE__ */ e(M, { dispatch: r, children: s && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: [
+  /* @__PURE__ */ e(U, { imageUrl: t.image ?? "", alt: t.name }),
   /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: t.name })
-] }) }), ht = ({ 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()) ?? ""));
+] }) }), bt = ({ options: r, onselect: t }) => {
+  const [s, a] = N(null), n = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), l = [...r].filter((i) => i.name.toLowerCase().includes((s == null ? void 0 : s.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,
-          value: r ?? "",
-          onChange: (i) => n(i.target.value),
+          id: n,
+          value: s ?? "",
+          onChange: (i) => a(i.target.value),
           type: "text",
           className: "w-full h-[32px] bg-bg-card border-cards rounded-lg p-2",
           placeholder: "Buscar"
         }
       ),
-      /* @__PURE__ */ e("div", { className: "absolute right-[8px]", children: /* @__PURE__ */ e(C, { icon: "search", size: "xs", strokeWidth: 3 }) })
+      /* @__PURE__ */ e("div", { className: "absolute right-[8px]", children: /* @__PURE__ */ e(F, { 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(O, { imageUrl: i.image, alt: i.name }),
+      /* @__PURE__ */ e(U, { imageUrl: i.image, alt: i.name }),
       /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: i.name })
     ] })) })
   ] });
 };
-class xt {
+class yt {
   static toDomain(t) {
     return {
       id: t.id,
@@ -538,141 +631,141 @@ class xt {
     };
   }
 }
-const gt = () => {
-  const { tasks_api: a } = E();
-  return { teams: ae({
+const wt = () => {
+  const { tasks_api: r } = E();
+  return { teams: se({
     queryKey: ["teams", "all"],
     queryFn: async () => {
-      const r = await a.get("/api/equipos");
-      return z(r.data).map(xt.toDomain);
+      const s = await r.get("/api/equipos");
+      return Q(s.data).map(yt.toDomain);
     }
   }) };
 };
-class ft {
+class vt {
   static toUsers(t) {
-    var r, n, l;
+    var s, a, n;
     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: (n = (a = (s = t.imagen) == null ? void 0 : s.formats) == null ? void 0 : a.thumbnail) == null ? void 0 : n.url
     };
   }
 }
-const bt = async ({
-  tasks_api: a
+const Nt = async ({
+  tasks_api: r
 }) => {
   try {
-    const t = await a.get("/api/allOBPUsers");
-    return z(t.data).map(ft.toUsers);
+    const t = await r.get("/api/allOBPUsers");
+    return Q(t.data).map(vt.toUsers);
   } catch (t) {
     throw console.log("Error al obtener los usuarios comerciales", t), `Error al obtener los usuarios comerciales: ${t}`;
   }
-}, yt = () => {
-  const { tasks_api: a } = E();
+}, Ct = () => {
+  const { tasks_api: r } = E();
   return {
-    users: ae({
+    users: se({
       queryKey: ["users"],
-      queryFn: () => bt({ tasks_api: a }),
+      queryFn: () => Nt({ tasks_api: r }),
       staleTime: 1e3 * 60 * 60 * 24
     })
   };
-}, je = (a) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(a);
-function wt(a) {
-  const t = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], r = new Date(a).getDay();
-  return t[r];
+}, de = (r) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(r);
+function _t(r) {
+  const t = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], s = new Date(r).getDay();
+  return t[s];
 }
-const Ne = (a) => {
-  let t = a || /* @__PURE__ */ new Date(), r = t.getDate(), n = je(t.getMonth()).slice(0, 3), l = t.getFullYear().toString().slice(-2), s = wt(t).slice(0, 3);
-  return `${s.charAt(0).toUpperCase() + s.slice(1)} ${r} ${n.charAt(0).toUpperCase() + n.slice(1)} ${l}`;
-}, se = (a) => ({
-  ...a,
-  image: a.image ? `https://devobp.imjmedia.com.mx${a.image}` : ""
-}), $e = ({
-  users: a,
+const qe = (r) => {
+  let t = r || /* @__PURE__ */ new Date(), s = t.getDate(), a = de(t.getMonth()).slice(0, 3), n = t.getFullYear().toString().slice(-2), l = _t(t).slice(0, 3);
+  return `${l.charAt(0).toUpperCase() + l.slice(1)} ${s} ${a.charAt(0).toUpperCase() + a.slice(1)} ${n}`;
+}, ue = (r) => ({
+  ...r,
+  image: r.image ? `https://devobp.imjmedia.com.mx${r.image}` : ""
+}), Re = ({
+  users: r,
   onClick: t,
-  responsible: r
+  responsible: s
 }) => {
-  let n = `button-assign-users-${Math.random().toString(36).substring(2, 15)}`;
-  const { setElementPosition: l, position: s, clearPosition: i } = le(), u = L(null), c = () => r ? null : a.length > 3 && /* @__PURE__ */ e(
-    K,
+  let a = `button-assign-users-${Math.random().toString(36).substring(2, 15)}`;
+  const { setElementPosition: n, position: l, clearPosition: i } = ce(), d = W(null), c = () => s ? null : r.length > 3 && /* @__PURE__ */ e(
+    M,
     {
-      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((m, x) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 ", children: [
-        /* @__PURE__ */ e(O, { imageUrl: m.image ?? "", alt: m.name }, x),
+      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: `+${r.length - 3}` }) }),
+      children: /* @__PURE__ */ e("div", { className: "bg-containers w-fit h-fit p-2 rounded-lg border-containers", children: r == null ? void 0 : r.slice(3).map((m, x) => /* @__PURE__ */ o("div", { className: "flex items-center gap-2 ", children: [
+        /* @__PURE__ */ e(U, { imageUrl: m.image ?? "", alt: m.name }, x),
         /* @__PURE__ */ e("p", { className: "text-xs font-bold content-text", children: m.name })
       ] }, x)) })
     }
-  ), p = () => {
-    if (r) {
-      let m = a.find(
-        (x) => x.id === r
+  ), h = () => {
+    if (s) {
+      let m = r.find(
+        (x) => x.id === s
       );
       return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        we,
+        Te,
         {
           trigger: /* @__PURE__ */ e(
-            O,
+            U,
             {
               imageUrl: m == null ? void 0 : m.image,
               alt: m == null ? void 0 : m.name
             },
-            r
+            s
           ),
           user: m,
-          showUser: !(s != null && s.x)
+          showUser: !(l != null && l.x)
         }
       ) });
     }
-    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((m, x) => /* @__PURE__ */ e("div", { className: `${x === 0 ? "" : "ml-[-8px]"}`, children: /* @__PURE__ */ e(
-      we,
+    return (r == null ? void 0 : r.length) > 0 && r.slice(0, 3).map((m, x) => /* @__PURE__ */ e("div", { className: `${x === 0 ? "" : "ml-[-8px]"}`, children: /* @__PURE__ */ e(
+      Te,
       {
-        trigger: /* @__PURE__ */ e(O, { imageUrl: m.image, alt: m.name }, x),
+        trigger: /* @__PURE__ */ e(U, { imageUrl: m.image, alt: m.name }, x),
         user: m,
-        showUser: !(s != null && s.x)
+        showUser: !(l != null && l.x)
       }
     ) }));
-  }, d = ({ children: m }) => /* @__PURE__ */ e("label", { ref: u, htmlFor: n, className: "cursor-pointer flex items-center", children: m });
-  if (a.length === 0)
-    return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(C, { icon: "user", size: "xs", strokeWidth: 3 }) });
-  const g = () => {
-    var F;
-    const [m, x] = y(), [w, f] = y("team"), { teams: v } = gt(), { users: b } = yt();
-    _(() => {
-      var T, A;
-      u.current && x(((s == null ? void 0 : s.x) ?? 0) - (((A = (T = u.current) == null ? void 0 : T.getBoundingClientRect()) == null ? void 0 : A.width) ?? 0));
-    }, [u == null ? void 0 : u.current, s == null ? void 0 : s.x]);
-    const N = () => {
-      const T = [
+  }, u = ({ children: m }) => /* @__PURE__ */ e("label", { ref: d, htmlFor: a, className: "cursor-pointer flex items-center", children: m });
+  if (r.length === 0)
+    return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(F, { icon: "user", size: "xs", strokeWidth: 3 }) });
+  const b = () => {
+    var _;
+    const [m, x] = N(), [f, w] = N("team"), { teams: g } = wt(), { users: v } = Ct();
+    T(() => {
+      var q, S;
+      d.current && x(((l == null ? void 0 : l.x) ?? 0) - (((S = (q = d.current) == null ? void 0 : q.getBoundingClientRect()) == null ? void 0 : S.width) ?? 0));
+    }, [d == null ? void 0 : d.current, l == null ? void 0 : l.x]);
+    const y = () => {
+      const q = [
         { 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: T.map((A, h) => /* @__PURE__ */ e(
+      return /* @__PURE__ */ e("div", { className: "w-full flex justify-center gap-l text-texts-placeholder font-bold", children: q.map((S, z) => /* @__PURE__ */ e(
         "button",
         {
-          className: `w-full text-sm border-texts-placeholder text-center ${w === A.id ? "text-primary-pastel" : ""} ${h === T.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 === S.id ? "text-primary-pastel" : ""} ${z === q.length - 1 ? "border-r-0" : " border-r-2"}`,
+          onClick: () => w(S.id),
+          children: S.label
         }
       )) });
     };
-    return (s == null ? void 0 : s.x) && X.createPortal(
+    return (l == null ? void 0 : l.x) && ie.createPortal(
       /* @__PURE__ */ e(
         "div",
         {
           className: `absolute w-[300px] h-fit ${m ? "block" : "hidden"}`,
-          style: { top: `${s == null ? void 0 : s.y}px`, left: `${m}px`, zIndex: 1 },
+          style: { top: `${l == null ? void 0 : l.y}px`, left: `${m}px`, zIndex: 1 },
           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(N, {}),
+            /* @__PURE__ */ e(y, {}),
             /* @__PURE__ */ e(
-              ht,
+              bt,
               {
-                options: w === "team" ? v.data.map((T) => ({
-                  id: T.id,
-                  name: T.name,
+                options: f === "team" ? g.data.map((q) => ({
+                  id: q.id,
+                  name: q.name,
                   image: ""
-                })) : (F = b.data) == null ? void 0 : F.map(se),
-                onselect: (T) => {
-                  i(), t && t(T);
+                })) : (_ = v.data) == null ? void 0 : _.map(ue),
+                onselect: (q) => {
+                  i(), t && t(q, f);
                 }
               }
             )
@@ -682,221 +775,138 @@ const Ne = (a) => {
       document.body
     );
   };
-  return /* @__PURE__ */ o(q, { children: [
-    /* @__PURE__ */ o(d, { children: [
-      p(),
+  return /* @__PURE__ */ o(D, { children: [
+    /* @__PURE__ */ o(u, { children: [
+      h(),
       c()
     ] }),
     /* @__PURE__ */ e(
       "button",
       {
         className: "hidden",
-        id: n,
-        onClick: () => l(u)
-      }
-    ),
-    /* @__PURE__ */ e(g, {})
-  ] });
-}, Ee = () => {
-  const { tasks_api: a } = E(), { user: t } = I(), { filters: r, path: n } = $(), l = H(), { projectID: s } = Y(), i = async ({ id: d }) => (await a.put(`/api/tareas/${d}`, {
-    data: {
-      estatus: 1,
-      responsable: t == null ? void 0 : t.id,
-      updated_by: t == null ? void 0 : t.id
-    }
-  })).data, u = async ({ id: d, data: g, user: m }) => {
-  }, c = async ({ id: d }) => {
-    await p({ id: d });
-  }, { mutateAsync: p } = Ke({
-    mutationFn: i,
-    onSuccess: () => {
-      const d = {
-        "kanban-general": "to_do_tasks",
-        "kanban-campania": "tasksProject"
-      };
-      try {
-        n === "kanban-general" && (l.invalidateQueries({ queryKey: [d[n], r] }), l.invalidateQueries({ queryKey: ["working_tasks", r] })), n === "kanban-campania" && l.invalidateQueries({ queryKey: [d[n], r, s] });
-      } catch (g) {
-        console.error("Error updating the element:", g);
-      }
-    },
-    onError: (d) => {
-      console.error("Failed to update the task.", d);
-    }
-  });
-  return {
-    //* Methods
-    updateTask: u,
-    startWorking: c
-  };
-}, Be = ({ priority: a, id: t }) => {
-  const { updateTask: r } = Ee(), n = Math.random().toString(36), [l, s] = y(null), i = (c) => ({
-    0: P.primary.regular,
-    1: P.success.regular,
-    2: P.warning.regular,
-    3: P.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);
-    }, className: "flex gap-m items-center px-l py-s hover:bg-primary-light", children: [
-      /* @__PURE__ */ e(C, { icon: "flag", size: "xs", strokeWidth: 3, color: i(p) }),
-      /* @__PURE__ */ e("p", { className: "text-sm", style: { color: i(p) }, children: d })
-    ] });
-    return X.createPortal(
-      /* @__PURE__ */ o("div", { onBlur: () => {
-        s(null);
-      }, id: `${n}-options`, style: { top: `${l.y + 5}px`, left: `${l.x + 5}px`, zIndex: 1 }, 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" }),
-        /* @__PURE__ */ e(c, { priority: 2, text: "Media" }),
-        /* @__PURE__ */ e(c, { priority: 3, text: "Alta" })
-      ] }),
-      document.body
-    );
-  };
-  return /* @__PURE__ */ o("div", { className: "relative h-[22px]", children: [
-    /* @__PURE__ */ e(
-      "label",
-      {
-        onBlur: () => {
-          s(null);
-        },
-        htmlFor: n,
-        className: "flex items-center gap-2 cursor-pointer active:opacity-50",
-        children: /* @__PURE__ */ e(C, { icon: "flag", size: "xs", strokeWidth: 3, color: i(a) })
-      }
-    ),
-    /* @__PURE__ */ e(
-      "button",
-      {
-        id: n,
-        onClick: (c) => {
-          s(l ? null : { x: c.clientX, y: c.clientY });
-        },
-        className: "hidden"
+        id: a,
+        onClick: () => n(d)
       }
     ),
-    /* @__PURE__ */ e(u, {})
+    /* @__PURE__ */ e(b, {})
   ] });
 };
-function Nt({ items: a }) {
-  var n;
-  const [t, r] = y(1);
-  return /* @__PURE__ */ o(q, { 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(
+function Ft({ items: r }) {
+  var a;
+  const [t, s] = N(1);
+  return /* @__PURE__ */ o(D, { children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-row mb-2 border-b border-neutral-100 bg-white mt-4", children: r.map((n, 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(
-          Fe,
+          je,
           {
             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: () => s(n.id),
+            className: `text-sm font-normal rounded-none py-1 h-8 ${t === n.id ? "text-primary border-b border-primary" : "text-neutral-400 border-b-0"}`,
+            children: n.label
           },
-          l.id
+          n.id
         )
       },
-      l.id
+      n.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: (a = r.find((n) => n.id === t)) == null ? void 0 : a.component })
   ] });
 }
-const Le = "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();
+const Ke = "https://devobp.imjmedia.com.mx";
+function me(r) {
+  return r ? r.split(" ").map((a) => {
+    var n;
+    return (n = a[0]) == null ? void 0 : n.toUpperCase();
   }).slice(0, 2).join("") : "";
 }
-const vt = "https://devobp.imjmedia.com.mx";
-function Ct({ comment: a }) {
-  var r, n, l, s, i, u;
+const Tt = "https://devobp.imjmedia.com.mx";
+function qt({ comment: r }) {
+  var s, a, n, l, i, d;
   function t(c) {
-    const p = He(c);
-    return Ve(p, { locale: re, addSuffix: !0 });
+    const h = Xe(c);
+    return Je(h, { locale: oe, addSuffix: !0 });
   }
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row gap-3 items-start", children: [
-    /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
+    /* @__PURE__ */ o(Z, { className: "w-[28px] h-[28px]", children: [
       /* @__PURE__ */ e(
-        Z,
+        k,
         {
-          src: `${vt}${(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: `${Tt}${(l = (n = (a = (s = r == null ? void 0 : r.autor) == null ? void 0 : s.imagen) == null ? void 0 : a.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : l.url}`,
           alt: "@shadcn"
         }
       ),
-      /* @__PURE__ */ e(k, { children: ie((i = a == null ? void 0 : a.autor) == null ? void 0 : i.nombre) })
+      /* @__PURE__ */ e(ee, { children: me((i = r == null ? void 0 : r.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: [
-        /* @__PURE__ */ e("p", { className: "text-sm text-neutral-900 font-medium", children: (u = a == null ? void 0 : a.autor) == null ? void 0 : u.nombre }),
-        /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal mt-[2px]", children: t(a == null ? void 0 : a.createdAt) })
+        /* @__PURE__ */ e("p", { className: "text-sm text-neutral-900 font-medium", children: (d = r == null ? void 0 : r.autor) == null ? void 0 : d.nombre }),
+        /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal mt-[2px]", children: t(r == null ? void 0 : r.createdAt) })
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-neutral-600 font-normal", children: a == null ? void 0 : a.comentario })
+      /* @__PURE__ */ e("p", { className: "text-sm text-neutral-600 font-normal", children: r == null ? void 0 : r.comentario })
     ] })
   ] }) });
 }
-function _t({ currentUser: a, data: t, taskId: r, onNewComment: n }) {
-  var g, m, x;
-  const { tasks_api: l } = E(), { register: s, handleSubmit: i, reset: u } = et(), [c, p] = y([]);
-  return _(() => {
+function At({ currentUser: r, data: t, taskId: s, onNewComment: a }) {
+  var b, m, x;
+  const { tasks_api: n } = E(), { register: l, handleSubmit: i, reset: d } = nt(), [c, h] = N([]);
+  return T(() => {
     if (t != null && t.comentarios) {
-      const w = [...t.comentarios].sort(
-        (f, v) => new Date(v.createdAt).getTime() - new Date(f.createdAt).getTime()
+      const f = [...t.comentarios].sort(
+        (w, g) => new Date(g.createdAt).getTime() - new Date(w.createdAt).getTime()
       );
-      p(w);
+      h(f);
     }
   }, [t]), /* @__PURE__ */ o("div", { className: "flex flex-col h-full gap-4", children: [
-    /* @__PURE__ */ o("form", { onSubmit: i(async (w) => {
+    /* @__PURE__ */ o("form", { onSubmit: i(async (f) => {
       try {
-        const f = {
+        const w = {
           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
+            id: r == null ? void 0 : r.id,
+            email: r == null ? void 0 : r.email,
+            nombre: r == null ? void 0 : r.nombre,
+            imagen: r == null ? void 0 : r.imagen
           },
-          comentario: w == null ? void 0 : w.comment,
+          comentario: f == null ? void 0 : f.comment,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        await l.post("/api/comentarios", {
+        await n.post("/api/comentarios", {
           data: {
-            autor: a == null ? void 0 : a.id,
-            comentario: w.comment,
-            tarea: r
+            autor: r == null ? void 0 : r.id,
+            comentario: f.comment,
+            tarea: s
           }
-        }), n(!0), p((v) => [f, ...v]), u();
-      } catch (f) {
-        console.error("Error al agregar comentario:", f);
+        }), a(!0), h((g) => [w, ...g]), d();
+      } catch (w) {
+        console.error("Error al agregar comentario:", w);
       }
     }), className: "flex flex-row items-center gap-3", children: [
-      /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
+      /* @__PURE__ */ o(Z, { className: "w-[28px] h-[28px]", children: [
         /* @__PURE__ */ e(
-          Z,
+          k,
           {
-            src: `${Le}${(x = (m = (g = a == null ? void 0 : a.imagen) == null ? void 0 : g.formats) == null ? void 0 : m.thumbnail) == null ? void 0 : x.url}`,
+            src: `${Ke}${(x = (m = (b = r == null ? void 0 : r.imagen) == null ? void 0 : b.formats) == null ? void 0 : m.thumbnail) == null ? void 0 : x.url}`,
             alt: "@shadcn"
           }
         ),
-        /* @__PURE__ */ e(k, { className: "border border-x-primary-pastel", children: ie(a == null ? void 0 : a.nombre) })
+        /* @__PURE__ */ e(ee, { className: "border border-x-primary-pastel", children: me(r == null ? void 0 : r.nombre) })
       ] }),
       /* @__PURE__ */ e(
-        Ge,
+        Ze,
         {
-          ...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((w, f) => /* @__PURE__ */ e(Ct, { comment: w }, f))
+    c.map((f, w) => /* @__PURE__ */ e(qt, { comment: f }, w))
   ] });
 }
-function Ft({ data: a }) {
+function Pt({ data: r }) {
   const t = {
     0: {
       color: "bg-gray-400",
@@ -914,59 +924,59 @@ function Ft({ data: a }) {
       color: "bg-success-regular",
       label: "Finalizada"
     }
-  }, r = (n) => n ? _e(new Date(n), "d MMM", { locale: re }) : "";
+  }, s = (a) => a ? De(new Date(a), "d MMM", { locale: oe }) : "";
   return /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-4", children: [
-      /* @__PURE__ */ e(Ye, { 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(ke, { 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: r == null ? void 0 : r.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;
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 border border-neutral-200 rounded-lg mt-3", children: r == null ? void 0 : r.map((a) => {
+      var n, l, i, d, 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(O, { 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("p", { className: "text-sm font-normal w-[400px] text-nowrap text-ellipsis overflow-hidden", children: n == null ? void 0 : n.texto_corto })
+              /* @__PURE__ */ e(U, { imageUrl: (d = (i = (l = (n = a.responsable) == null ? void 0 : n.image) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }),
+              /* @__PURE__ */ e("p", { className: "text-sm font-normal w-[400px] text-nowrap text-ellipsis overflow-hidden", children: a == null ? void 0 : a.texto_corto })
             ] }),
             /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-normal", children: r(n == null ? void 0 : n.createdAt) }),
+              /* @__PURE__ */ e("p", { className: "text-sm font-normal", children: s(a == null ? void 0 : a.createdAt) }),
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `w-4 h-4 bg-gray-400 block rounded-full ${((c = t[n == null ? void 0 : n.estatus]) == null ? void 0 : c.color) ?? "bg-gray-400"}`
+                  className: `w-4 h-4 bg-gray-400 block rounded-full ${((c = t[a == null ? void 0 : a.estatus]) == null ? void 0 : c.color) ?? "bg-gray-400"}`
                 }
               )
             ] })
           ]
         },
-        n.id
+        a.id
       );
     }) })
   ] });
 }
-const Tt = "https://devobp.imjmedia.com.mx";
-function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
-  var w, f, v, b, N, F, T, A, h, S, D;
-  const [n, l] = y(null), [s, i] = y(!1), [u, c] = y(null), { tasks_api: p } = E(), { user: d } = I();
-  _(() => {
-    if (a && r || s) {
-      const j = async () => {
-        const B = await p.get(`/api/detalleTarea/${r}`);
-        l(B == null ? void 0 : B.data);
-      }, M = async () => {
-        var U, Q;
-        const B = await p.get(`/api/users/${d.id}`), R = await p.post("/api/obtenerUsuarioOBP/", {
-          emailList: [(U = B == null ? void 0 : B.data) == null ? void 0 : U.email]
+const St = "https://devobp.imjmedia.com.mx";
+function Dt({ isOpen: r, setIsOpen: t, taskId: s }) {
+  var f, w, g, v, y, _, q, S, z, B, R;
+  const [a, n] = N(null), [l, i] = N(!1), [d, c] = N(null), { tasks_api: h } = E(), { user: u } = O();
+  T(() => {
+    if (r && s || l) {
+      const p = async () => {
+        const P = await h.get(`/api/detalleTarea/${s}`);
+        n(P == null ? void 0 : P.data);
+      }, A = async () => {
+        var I, L;
+        const P = await h.get(`/api/users/${u.id}`), j = await h.post("/api/obtenerUsuarioOBP/", {
+          emailList: [(I = P == null ? void 0 : P.data) == null ? void 0 : I.email]
         });
-        c((Q = R == null ? void 0 : R.data) == null ? void 0 : Q.data[0]);
+        c((L = j == null ? void 0 : j.data) == null ? void 0 : L.data[0]);
       };
-      j(), M();
+      p(), A();
     }
-  }, [a, r, s]);
-  const g = {
+  }, [r, s, l]);
+  const b = {
     0: {
       label: "Sin prioridad",
       color: "text-primary-regular",
@@ -987,18 +997,18 @@ function Pt({ isOpen: a, setIsOpen: t, taskId: r }) {
       color: "text-danger-regular",
       iconColor: "#C34335"
     }
-  }, m = (j) => j ? _e(j, "d MMM yyyy, h:mmaaa", {
-    locale: re
+  }, m = (p) => p ? De(p, "d MMM yyyy, h:mmaaa", {
+    locale: oe
   }) : "Fecha no disponible", x = [
     {
       id: 1,
       label: "Todo",
       component: /* @__PURE__ */ e(
-        _t,
+        At,
         {
-          taskId: r,
-          currentUser: u,
-          data: n,
+          taskId: s,
+          currentUser: d,
+          data: a,
           onNewComment: i
         }
       )
@@ -1006,232 +1016,276 @@ function Pt({ 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(Pt, { data: a == null ? void 0 : a.ids_t_dependientes })
     }
   ];
-  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ o(q, { children: [
+  return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: `fixed inset-0 bg-transparent bg-opacity-50 flex justify-center items-center z-20 ${a ? "pointer-events-auto block" : "pointer-events-none hidden"}`,
+        className: `fixed inset-0 bg-transparent bg-opacity-50 flex justify-center items-center z-20 ${r ? "pointer-events-auto block" : "pointer-events-none hidden"}`,
         onClick: () => t(!1)
       }
     ),
     /* @__PURE__ */ e(
       "section",
       {
-        className: `fixed top-0 bottom-0 bg-white bg-opacity-50 flex justify-center items-center w-[40rem] h-screen z-50 overflow-hidden transition-all ease-in-out duration-500 shadow-2xl ${a ? "right-0 pointer-events-auto block" : "right-[-100%] pointer-events-none hidden"}`,
+        className: `fixed top-0 bottom-0 bg-white bg-opacity-50 flex justify-center items-center w-[40rem] h-screen z-50 overflow-hidden transition-all ease-in-out duration-500 shadow-2xl ${r ? "right-0 pointer-events-auto block" : "right-[-100%] pointer-events-none hidden"}`,
         children: /* @__PURE__ */ o("div", { className: "flex w-full h-full flex-col overflow-y-scroll bg-white border-none shadow-xl px-4 py-6", children: [
           /* @__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("h3", { className: "text-lg font-semibold text-neutral-900", children: a == null ? void 0 : a.texto_corto }),
             /* @__PURE__ */ e(
-              Fe,
+              je,
               {
                 variant: "shadow",
                 size: "sm",
                 onClick: () => t(!1),
                 className: "bg-neutral-100 w-10 h-10",
-                children: /* @__PURE__ */ e(C, { icon: "x_outline" })
+                children: /* @__PURE__ */ e(F, { icon: "x_outline" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "w-full flex flex-row justify-between", children: /* @__PURE__ */ o("span", { className: "text-neutral-600 text-sm", children: [
-            n == null ? void 0 : n.campania,
+            a == null ? void 0 : a.campania,
             " / ",
-            n == null ? void 0 : n.nombre_medio
+            a == null ? void 0 : a.nombre_medio
           ] }) }),
           /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-3 mt-4", children: [
             /* @__PURE__ */ e("h6", { className: "text-neutral-900 font-semibold text-base", children: "Descripción" }),
-            /* @__PURE__ */ e("p", { className: "text-neutral-600 font-normal text-sm", children: (n == null ? void 0 : n.texto_largo) ?? "Sin descripción" })
+            /* @__PURE__ */ e("p", { className: "text-neutral-600 font-normal text-sm", children: (a == null ? void 0 : a.texto_largo) ?? "Sin descripción" })
           ] }),
           /* @__PURE__ */ e(
-            Xe,
+            et,
             {
               type: "single",
               collapsible: !0,
               defaultValue: "item-1",
               className: "w-full flex flex-col border border-neutral-200 rounded-xl mt-4",
-              children: /* @__PURE__ */ o(Je, { value: "item-1", className: "border-none", children: [
-                /* @__PURE__ */ e(Ze, { className: "text-neutral-900 font-medium text-sm w-full flex flex-row border-b border-neutral-200 p-4 ", children: "Detalles" }),
-                /* @__PURE__ */ e(ke, { className: "border-none", children: /* @__PURE__ */ o("div", { className: "w-full grid grid-cols-3 gap-4 p-4", children: [
+              children: /* @__PURE__ */ o(tt, { value: "item-1", className: "border-none", children: [
+                /* @__PURE__ */ e(at, { className: "text-neutral-900 font-medium text-sm w-full flex flex-row border-b border-neutral-200 p-4 ", children: "Detalles" }),
+                /* @__PURE__ */ e(rt, { className: "border-none", children: /* @__PURE__ */ o("div", { className: "w-full 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" }),
-                    (w = n == null ? void 0 : n.responsable) != null && w.nombre ? /* @__PURE__ */ o("div", { className: "flex flex-row gap-2 items-center", children: [
-                      /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
+                    (f = a == null ? void 0 : a.responsable) != null && f.nombre ? /* @__PURE__ */ o("div", { className: "flex flex-row gap-2 items-center", children: [
+                      /* @__PURE__ */ o(Z, { className: "w-[28px] h-[28px]", children: [
                         /* @__PURE__ */ e(
-                          Z,
+                          k,
                           {
-                            src: `${Tt}${(N = (b = (v = (f = n == null ? void 0 : n.responsable) == null ? void 0 : f.imagen) == null ? void 0 : v.formats) == null ? void 0 : b.thumbnail) == null ? void 0 : N.url}`,
+                            src: `${St}${(y = (v = (g = (w = a == null ? void 0 : a.responsable) == null ? void 0 : w.imagen) == null ? void 0 : g.formats) == null ? void 0 : v.thumbnail) == null ? void 0 : y.url}`,
                             alt: "@shadcn"
                           }
                         ),
-                        /* @__PURE__ */ e(k, { children: ie((F = n == null ? void 0 : n.responsable) == null ? void 0 : F.nombre) })
+                        /* @__PURE__ */ e(ee, { children: me((_ = a == null ? void 0 : a.responsable) == null ? void 0 : _.nombre) })
                       ] }),
-                      /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (T = n == null ? void 0 : n.responsable) == null ? void 0 : T.nombre })
+                      /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (q = a == null ? void 0 : a.responsable) == null ? void 0 : q.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: ((S = a == null ? void 0 : a.equipo) == null ? void 0 : S.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(
-                        C,
+                        F,
                         {
                           icon: "flag",
                           size: "xs",
                           strokeWidth: 5,
-                          color: (h = g[n == null ? void 0 : n.prioridad]) == null ? void 0 : h.iconColor
+                          color: (z = b[a == null ? void 0 : a.prioridad]) == null ? void 0 : z.iconColor
                         }
                       ),
                       /* @__PURE__ */ e(
                         "span",
                         {
-                          className: `text-sm text-neutral-600 font-normal ${(S = g[n == null ? void 0 : n.prioridad]) == null ? void 0 : S.color}`,
-                          children: ((D = g[n == null ? void 0 : n.prioridad]) == null ? void 0 : D.label) ?? "Sin prioridad"
+                          className: `text-sm text-neutral-600 font-normal ${(B = b[a == null ? void 0 : a.prioridad]) == null ? void 0 : B.color}`,
+                          children: ((R = b[a == null ? void 0 : a.prioridad]) == null ? void 0 : R.label) ?? "Sin prioridad"
                         }
                       )
                     ] })
                   ] }),
                   /* @__PURE__ */ o("div", { className: "flex flex-col w-auto gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm text-neutral-900 font-medium", children: "Lista" }),
-                    /* @__PURE__ */ e("div", { className: "flex flex-row gap-2", children: /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (n == null ? void 0 : n.lista) ?? "Sin lista" }) })
+                    /* @__PURE__ */ e("div", { className: "flex flex-row gap-2", children: /* @__PURE__ */ e("span", { className: "text-xs text-neutral-600 font-normal", children: (a == null ? void 0 : a.lista) ?? "Sin lista" }) })
                   ] }),
                   /* @__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: m(n == null ? void 0 : n.f_inicio_estimada) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(a == null ? void 0 : a.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: m(n == null ? void 0 : n.f_fin_estimada) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(a == null ? void 0 : a.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: m(n == null ? void 0 : n.ffin) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(a == null ? void 0 : a.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: m(n == null ? void 0 : n.createdAt) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(a == null ? void 0 : a.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: m(n == null ? void 0 : n.updatedAt) })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-neutral-600 font-normal", children: m(a == null ? void 0 : a.updatedAt) })
                   ] })
                 ] }) })
               ] })
             }
           ),
-          /* @__PURE__ */ e(Nt, { items: x })
+          /* @__PURE__ */ e(Ft, { items: x })
         ] })
       }
     )
   ] }) });
 }
-const At = ({
-  id: a,
-  task: t,
-  endDate: r,
-  users: n,
-  willBePaused: l,
-  nameProject: s,
-  idProject: i,
-  comments: u,
-  priority: c,
-  responsible: p,
-  nameRequiredTask: d,
-  statusRequiredTask: g,
-  status: m
+const Ie = ({
+  status: r,
+  nameRequiredTask: t,
+  statusRequiredTask: s,
+  id: a
 }) => {
-  const x = L(null), [w, f] = y(!1), { setElementPosition: v, position: b } = le(), { startWorking: N } = Ee(), F = L(!1), T = ({ children: h }) => {
-    const [S, D] = y();
-    return _(() => {
-      var j, M;
-      x.current && D(
-        ((b == null ? void 0 : b.x) ?? 0) - (((M = (j = x.current) == null ? void 0 : j.getBoundingClientRect()) == null ? void 0 : M.width) ?? 0)
+  const { setElementPosition: n, position: l } = ce(), { startWorking: i, completeTask: d } = te(), c = W(null), h = W(!1);
+  console.log(
+    {
+      status: r,
+      nameRequiredTask: t,
+      statusRequiredTask: s,
+      moreActionsRef: c,
+      isLoading: h,
+      position: l,
+      id: a
+    }
+  );
+  const u = ({ children: b }) => {
+    const [m, x] = N();
+    return T(() => {
+      var f, w;
+      c.current && x(
+        ((l == null ? void 0 : l.x) ?? 0) - (((w = (f = c.current) == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : w.width) ?? 0)
       );
-    }, [x == null ? void 0 : x.current, b == null ? void 0 : b.x]), b && X.createPortal(
+    }, [c == null ? void 0 : c.current, l == null ? void 0 : l.x]), l && ie.createPortal(
       /* @__PURE__ */ e(
         "div",
         {
-          className: `absolute w-fit h-fit ${S ? "block" : "hidden"}`,
-          style: { top: `${b == null ? void 0 : b.y}px`, left: `${S}px`, zIndex: 1 },
-          children: h
+          className: `absolute w-fit h-fit ${m ? "block" : "hidden"}`,
+          style: { top: `${l == null ? void 0 : l.y}px`, left: `${m}px`, zIndex: 1 },
+          children: b
         }
       ),
       document.body
     );
   };
-  return /* @__PURE__ */ o(q, { 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: [
+  return /* @__PURE__ */ o(D, { children: [
+    r < 2 && (t !== "" && s === 2 || !t) && /* @__PURE__ */ e(
+      "button",
+      {
+        ref: c,
+        onClick: () => {
+          n(c);
+        },
+        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(F, { icon: "elipsis", size: "xs" }) })
+      }
+    ),
+    /* @__PURE__ */ e(u, { children: h != null && h.current ? /* @__PURE__ */ e("div", { className: "w-max h-fit bg-bg-card rounded-lg p-l shadow-lg flex items-center gap-2 hover:bg-primary-light", children: /* @__PURE__ */ e("p", { className: "text-sm font-normal text-primary-pastel font-regular", children: "Moviendo..." }) }) : /* @__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",
+        onClick: () => {
+          h.current = !0, r === 0 ? i({ id: a }) : d({ id: a });
+        },
+        children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-normal text-texts-placeholder font-regular", children: r === 0 ? "Mover a trabajando" : "Mover a completadas" }),
           /* @__PURE__ */ e(
-            De,
+            F,
             {
-              id: a,
-              nameRequiredTask: d ?? "",
-              statusRequiredTask: g ?? 0,
-              status: m
+              icon: "arrow_right",
+              size: "xs",
+              strokeWidth: 4,
+              color: C.primary.regular
             }
-          ),
-          /* @__PURE__ */ e("p", { className: "title-text", onClick: () => f(!0), children: t })
-        ] }),
-        m < 2 && /* @__PURE__ */ e(
-          "button",
-          {
-            ref: x,
-            onClick: () => {
-              v(x);
-            },
-            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(C, { icon: "elipsis", size: "xs" }) })
-          }
-        ),
-        /* @__PURE__ */ e(T, { children: F != null && F.current ? /* @__PURE__ */ e("div", { className: "w-max h-fit bg-bg-card rounded-lg p-l shadow-lg flex items-center gap-2 hover:bg-primary-light", children: /* @__PURE__ */ e("p", { className: "text-sm font-normal text-primary-pastel font-regular", children: "Moviendo..." }) }) : /* @__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",
-            onClick: () => {
-              F.current = !0, m === 0 && N({ id: a });
-            },
-            children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-normal text-texts-placeholder font-regular", children: m === 0 ? "Mover a trabajando" : "Mover a completadas" }),
-              /* @__PURE__ */ e(
-                C,
-                {
-                  icon: "arrow_right",
-                  size: "xs",
-                  strokeWidth: 4,
-                  color: P.primary.regular
-                }
-              )
-            ]
-          }
-        ) })
-      ] }), {}),
+          )
+        ]
+      }
+    ) })
+  ] });
+}, jt = ({
+  id: r,
+  task: t,
+  endDate: s,
+  users: a,
+  willBePaused: n,
+  nameProject: l,
+  idProject: i,
+  comments: d,
+  priority: c,
+  difficulty: h,
+  responsible: u,
+  nameRequiredTask: b,
+  statusRequiredTask: m,
+  status: x
+}) => {
+  var q, S, z, B, R, p;
+  const [f, w] = N(!1), { reasignResponsible: g } = te(), v = () => /* @__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: [
+      x < 2 && /* @__PURE__ */ e(
+        Be,
+        {
+          id: r,
+          nameRequiredTask: b ?? "",
+          statusRequiredTask: m ?? 0,
+          status: x
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "title-text", onClick: () => w(!0), children: t })
+    ] }),
+    /* @__PURE__ */ e(
+      Ie,
+      {
+        id: r,
+        nameRequiredTask: b,
+        status: x,
+        statusRequiredTask: m
+      }
+    )
+  ] }), y = {
+    0: { title: "N/A", color: C.texts.placeholder },
+    1: { title: "Baja", color: C.primary.regular },
+    2: { title: "Media", color: C.success.regular },
+    3: { title: "Alta", color: C.danger.regular }
+  }, _ = {
+    0: { title: "Muy fácil", color: C.primary.regular },
+    1: { title: "Fácil", color: C.success.regular },
+    2: { title: "Media", color: C.warning.regular },
+    3: { title: "Difícil", color: C.danger.regular },
+    4: { title: "Muy difícil", color: C.danger.dark }
+  };
+  return /* @__PURE__ */ o(D, { 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(v, {}),
       /* @__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,
+            Re,
             {
-              responsible: p,
-              users: n.filter((h) => p ? h.id === p : !0).map(se),
-              onClick: () => {
+              responsible: u,
+              users: a.filter((A) => u ? A.id === u : !0).map(ue),
+              onClick: async (A, P) => {
+                await g({ idNewResponsible: A == null ? void 0 : A.id, id: r, typeOfSelect: P });
               }
             }
           ),
-          l && /* @__PURE__ */ e(
-            K,
+          n && /* @__PURE__ */ e(
+            M,
             {
               dispatch: /* @__PURE__ */ o("button", { className: "text-sm font-regular text-gray-400 flex items-center gap-2", children: [
-                /* @__PURE__ */ e(C, { icon: "pause", size: "s", strokeWidth: 2 }),
+                /* @__PURE__ */ e(F, { 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,28 +1293,70 @@ const At = ({
           )
         ] }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(C, { icon: "difficulty", size: "xs" }),
-          /* @__PURE__ */ e(Be, { priority: c, id: a }),
           /* @__PURE__ */ e(
-            C,
+            M,
+            {
+              dispatch: /* @__PURE__ */ e(
+                F,
+                {
+                  icon: "difficulty",
+                  size: "xs",
+                  color: (q = _[h ?? 0]) == null ? void 0 : q.color,
+                  strokeWidth: 4
+                }
+              ),
+              children: /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "text-sm font-regular p-5 bg-bg-card rounded-lg",
+                  style: { color: (S = _[h ?? 0]) == null ? void 0 : S.color },
+                  children: `Dificultad ${(z = _[h ?? 0]) == null ? void 0 : z.title}`
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            M,
+            {
+              dispatch: /* @__PURE__ */ e(
+                F,
+                {
+                  icon: "flag",
+                  size: "xs",
+                  color: (B = y[c ?? 0]) == null ? void 0 : B.color,
+                  strokeWidth: 4
+                }
+              ),
+              children: /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "text-sm font-regular p-5 bg-bg-card rounded-lg",
+                  style: { color: (R = y[c ?? 0]) == null ? void 0 : R.color },
+                  children: `Prioridad: ${(p = y[c ?? 0]) == null ? void 0 : p.title}`
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            F,
             {
               icon: "calendar",
               size: "xs",
               strokeWidth: 3,
-              color: P.texts.subtext
+              color: C.texts.subtext
             }
           ),
-          /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${r.getDate()} ${je(r.getMonth()).slice(0, 3)}` })
+          /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${s.getDate()} ${de(s.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(C, { icon: "comment", size: "xs", strokeWidth: 4 }),
-        /* @__PURE__ */ e("span", { className: "text-sm font-regular text-gray-400", children: u })
+      d > 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(F, { icon: "comment", size: "xs", strokeWidth: 4 }),
+        /* @__PURE__ */ e("span", { className: "text-sm font-regular text-gray-400", children: d })
       ] }) })
     ] }),
-    /* @__PURE__ */ e(Pt, { taskId: a, isOpen: w, setIsOpen: f })
+    /* @__PURE__ */ e(Dt, { taskId: r, isOpen: f, setIsOpen: w })
   ] });
-}, St = () => /* @__PURE__ */ o("div", { className: "bg-gray-200 h-[150px] w-full animate-pulse rounded-md flex flex-col gap-[50px] p-4", children: [
+}, Mt = () => /* @__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,42 +1366,42 @@ const At = ({
     /* @__PURE__ */ e("div", { className: "w-full h-[30px] bg-gray-300" }),
     /* @__PURE__ */ e("div", { className: "w-full h-[30px] bg-gray-300" })
   ] })
-] }), ee = ({ title: a, tasks: t, loadNextPage: r, isFetching: n, total: l }) => {
-  const s = L(null), i = L(null), u = L(!1);
-  _(() => {
-    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]);
-  const c = (d) => {
-    if (u.current) return;
-    const { scrollTop: g, clientHeight: m, scrollHeight: x } = d == null ? void 0 : d.target, w = g / (x - m) * 100;
-    w <= 95 || w >= 95 && (u.current = !0, r && r(), setTimeout(() => {
-      u.current = !1;
+] }), ae = ({ title: r, tasks: t, loadNextPage: s, isFetching: a, total: n }) => {
+  const l = W(null), i = W(null), d = W(!1);
+  T(() => {
+    var u;
+    l != null && l.current && (i != null && i.current) && (i.current.style.minHeight = `${((u = l == null ? void 0 : l.current) == null ? void 0 : u.clientHeight) - 50}px`);
+  }, [l == null ? void 0 : l.current]);
+  const c = (u) => {
+    if (d.current) return;
+    const { scrollTop: b, clientHeight: m, scrollHeight: x } = u == null ? void 0 : u.target, f = b / (x - m) * 100;
+    f <= 95 || f >= 95 && (d.current = !0, s && s(), setTimeout(() => {
+      d.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",
         Completadas: "border-success-regular"
-      }[a]}`,
+      }[r]}`,
       children: [
         /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-          /* @__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__ */ e("p", { className: "text-base", children: r }) }),
           /* @__PURE__ */ e("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-[4px]", children: [
             /* @__PURE__ */ e(
-              C,
+              F,
               {
                 icon: "group_files",
                 size: "xs",
                 strokeWidth: 5,
-                color: P.texts.placeholder
+                color: C.texts.placeholder
               }
             ),
-            /* @__PURE__ */ e("p", { className: "text-md text-texts-placeholder", children: l ?? 0 })
+            /* @__PURE__ */ e("p", { className: "text-md text-texts-placeholder", children: n ?? 0 })
           ] }) })
         ] }),
         /* @__PURE__ */ o(
@@ -1315,52 +1411,52 @@ const At = ({
             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(At, { ...d }, d.id)),
-              n ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e("p", { className: "text-center text-gray-500", children: "No hay más tareas por mostrar..." })
+              t == null ? void 0 : t.map((u) => /* @__PURE__ */ e(jt, { ...u }, u.id)),
+              a ? /* @__PURE__ */ e(Mt, {}) : /* @__PURE__ */ e("p", { className: "text-center text-gray-500", children: "No hay más tareas por mostrar..." })
             ]
           }
         )
       ]
     }
   );
-}, qt = () => {
-  var l;
-  const { defineFields: a } = $(), { tasksProject: t } = Y();
-  _(() => {
+}, $t = () => {
+  var n;
+  const { defineFields: r } = $(), { tasksProject: t } = X();
+  T(() => {
     (async () => {
-      let i = [...mt];
-      a(i);
+      let i = [...xt];
+      r(i);
     })();
   }, []);
-  let r = (l = t == null ? void 0 : t.data) == null ? void 0 : l.filter((s) => {
+  let s = (n = t == null ? void 0 : t.data) == null ? void 0 : n.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) => {
-    var u;
+    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 d;
     return /* @__PURE__ */ e(
-      ee,
+      ae,
       {
-        total: ((u = r == null ? void 0 : r[i]) == null ? void 0 : u.length) ?? 0,
-        title: s,
-        tasks: (r == null ? void 0 : r[i]) ?? [],
+        total: ((d = s == null ? void 0 : s[i]) == null ? void 0 : d.length) ?? 0,
+        title: l,
+        tasks: (s == null ? void 0 : s[i]) ?? [],
         isFetching: t == null ? void 0 : t.isFetching,
         isLoadingData: t == null ? void 0 : t.isLoading
       }
     );
   }) });
 };
-class Dt {
+class Et {
   static toKanbanTasks(t) {
-    var n, l, s, i, u, c, p, d, g, m, x;
-    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((w) => {
-      var f, v, b, N;
-      r != null && r.find((F) => F.id === w.idUser.id) || w.idUser && r.push({ id: w.idUser.id, name: w.idUser.nombre, image: (N = (b = (v = (f = w == null ? void 0 : w.userOBP) == null ? void 0 : f.imagen) == null ? void 0 : v.formats) == null ? void 0 : b.thumbnail) == null ? void 0 : N.url });
+    var a, n, l, i, d, c, h, u, b, m, x;
+    let s = [];
+    return t != null && t.responsable && s.push({ id: t.responsable.id, name: t.responsable.nombre, image: (d = (i = (l = (n = (a = t.responsable) == null ? void 0 : a.userOBP) == null ? void 0 : n.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }), (c = t == null ? void 0 : t.equipo) != null && c.miembros && t.equipo.miembros.forEach((f) => {
+      var w, g, v, y;
+      s != null && s.find((_) => _.id === f.idUser.id) || f.idUser && s.push({ id: f.idUser.id, name: f.idUser.nombre, image: (y = (v = (g = (w = f == null ? void 0 : f.userOBP) == null ? void 0 : w.imagen) == null ? void 0 : g.formats) == null ? void 0 : v.thumbnail) == null ? void 0 : y.url });
     }), {
       comments: 0,
-      nameProject: (p = t == null ? void 0 : t.proyecto) == null ? void 0 : p.nombre,
-      idProject: (d = t == null ? void 0 : t.proyecto) == null ? void 0 : d.id,
+      nameProject: (h = t == null ? void 0 : t.proyecto) == null ? void 0 : h.nombre,
+      idProject: (u = t == null ? void 0 : t.proyecto) == null ? void 0 : u.id,
       willBePaused: t.es_pausable,
       difficulty: t.nivel_dificultad,
       endDate: new Date(t.ffin),
@@ -1368,231 +1464,231 @@ class Dt {
       priority: t.prioridad ?? 0,
       status: t.estatus,
       task: t.texto_corto,
-      users: r,
-      responsible: ((g = t == null ? void 0 : t.responsable) == null ? void 0 : g.id) ?? null,
+      users: s,
+      responsible: ((b = t == null ? void 0 : t.responsable) == null ? void 0 : b.id) ?? null,
       statusRequiredTask: ((m = t.id_t_requerida) == null ? void 0 : m.estatus) ?? null,
       nameRequiredTask: ((x = t.id_t_requerida) == null ? void 0 : x.texto_corto) ?? null
     };
   }
 }
-const oe = async ({ filters: a, tasks_api: t }) => {
+const pe = async ({ filters: r, tasks_api: t }) => {
   try {
-    return (await t.get("/api/listado_tareas", { params: a })).data.tareas.map(z).map(Dt.toKanbanTasks);
-  } catch (r) {
-    throw console.log({ error: r }), `Error al obtener las tareas: ${r}`;
+    return (await t.get("/api/listado_tareas", { params: r })).data.tareas.map(Q).map(Et.toKanbanTasks);
+  } catch (s) {
+    throw console.log({ error: s }), `Error al obtener las tareas: ${s}`;
   }
-}, ce = (a) => {
+}, he = (r) => {
   var t;
-  if (a != null && a.hasNextPage) {
-    const r = (t = a == null ? void 0 : a.data) == null ? void 0 : t.pages[a.data.pages.length - 1];
-    (r == null ? void 0 : r.length) === 30 && (a == null || a.fetchNextPage());
+  if (r != null && r.hasNextPage) {
+    const s = (t = r == null ? void 0 : r.data) == null ? void 0 : t.pages[r.data.pages.length - 1];
+    (s == null ? void 0 : s.length) === 30 && (r == null || r.fetchNextPage());
   }
-}, W = (a) => ({
+}, H = (r) => ({
   pagination: {
-    page: a,
+    page: r,
     pageSize: 30,
     withCount: !0
   }
-}), jt = () => {
-  var p;
-  const a = H(), { tasks_api: t } = E(), { user: r } = I(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}), Lt = () => {
+  var h;
+  const r = V(), { tasks_api: t } = E(), { user: s } = O(), { filters: a } = $(), [n, l] = N(0), [i, d] = N({
     owner: {
-      user: r.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      user: s.id,
+      config: ((h = a == null ? void 0 : a.owner) == null ? void 0 : h.config) ?? "yo_y_mis_equipos"
     },
     status: "por_hacer"
-  }), c = ne({
+  }), c = le({
     initialPageParam: 1,
     queryKey: ["to_do_tasks", i],
-    queryFn: ({ pageParam: d }) => oe({
+    queryFn: ({ pageParam: u }) => pe({
       filters: {
         ...i,
         status: "por_hacer",
-        ...W(d)
+        ...H(u)
       },
       tasks_api: t,
-      page: d
+      page: u
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, g) => g.length + 1
+    getNextPageParam: (u, b) => b.length + 1
   });
-  return _(() => {
-    var d;
-    Object.keys(n).length > 0 && u({
-      ...n,
+  return T(() => {
+    var u;
+    Object.keys(a).length > 0 && d({
+      ...a,
       owner: {
-        user: r.id,
-        config: ((d = n == null ? void 0 : n.owner) == null ? void 0 : d.config) ?? "yo_y_mis_equipos"
+        user: s.id,
+        config: ((u = a == null ? void 0 : a.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
       },
       status: "por_hacer"
     });
-  }, [n]), _(() => {
-    a.invalidateQueries({
+  }, [a]), T(() => {
+    r.invalidateQueries({
       queryKey: ["to_do_tasks", i]
     });
-  }, [i]), _(() => {
+  }, [i]), T(() => {
     (async () => {
-      const g = await t.get("/api/listado_tareas", {
+      const b = await t.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "por_hacer",
-          ...W(1),
+          ...H(1),
           tasks_api: t,
           justCount: !0
         }
       });
-      s(g.data.total);
+      l(b.data.total);
     })();
   }, [i, c == null ? void 0 : c.data]), {
     //Properties
     toDoTasks: c,
-    total: l
+    total: n
   };
-}, $t = () => {
-  var n, l;
-  const { toDoTasks: a, total: t } = jt(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
-  return /* @__PURE__ */ e(ee, { 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 p;
-  const a = H(), { tasks_api: t } = E(), { user: r } = I(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}, zt = () => {
+  var a, n;
+  const { toDoTasks: r, total: t } = Lt(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
+  return /* @__PURE__ */ e(ae, { total: t, title: "Por hacer", tasks: s, loadNextPage: () => he(r), isFetching: r == null ? void 0 : r.isFetching, isLoadingData: r == null ? void 0 : r.isLoading });
+}, Bt = () => {
+  var h;
+  const r = V(), { tasks_api: t } = E(), { user: s } = O(), { filters: a } = $(), [n, l] = N(0), [i, d] = N({
     owner: {
-      user: r.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      user: s.id,
+      config: ((h = a == null ? void 0 : a.owner) == null ? void 0 : h.config) ?? "yo_y_mis_equipos"
     },
     status: "trabajando"
-  }), c = ne({
+  }), c = le({
     initialPageParam: 1,
-    queryKey: ["working_tasks", n],
-    queryFn: ({ pageParam: d }) => oe({
+    queryKey: ["working_tasks", a],
+    queryFn: ({ pageParam: u }) => pe({
       filters: {
         ...i,
         status: "trabajando",
-        ...W(d)
+        ...H(u)
       },
       tasks_api: t,
-      page: d
+      page: u
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, g) => g.length + 1
+    getNextPageParam: (u, b) => b.length + 1
   });
-  return _(() => {
-    var d;
-    Object.keys(n).length > 0 && u({
-      ...n,
+  return T(() => {
+    var u;
+    Object.keys(a).length > 0 && d({
+      ...a,
       owner: {
-        user: r.id,
-        config: ((d = n == null ? void 0 : n.owner) == null ? void 0 : d.config) ?? "yo_y_mis_equipos"
+        user: s.id,
+        config: ((u = a == null ? void 0 : a.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
       },
       status: "trabajando"
     });
-  }, [n]), _(() => {
-    a.invalidateQueries({
-      queryKey: ["working_tasks", n]
+  }, [a]), T(() => {
+    r.invalidateQueries({
+      queryKey: ["working_tasks", a]
     });
-  }, [i]), _(() => {
+  }, [i]), T(() => {
     (async () => {
-      const g = await t.get("/api/listado_tareas", {
+      const b = await t.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "trabajando",
-          ...W(1),
+          ...H(1),
           tasks_api: t,
           justCount: !0
         }
       });
-      s(g.data.total);
+      l(b.data.total);
     })();
   }, [i, c == null ? void 0 : c.data]), {
     //Properties
     workingTasks: c,
-    total: l
+    total: n
   };
-}, Bt = () => {
-  var n, l;
-  const { workingTasks: a, total: t } = Et(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
+}, Rt = () => {
+  var a, n;
+  const { workingTasks: r, total: t } = Bt(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
   return /* @__PURE__ */ e(
-    ee,
+    ae,
     {
       total: t,
       title: "Trabajando",
-      tasks: r,
-      loadNextPage: () => ce(a),
-      isFetching: a == null ? void 0 : a.isFetching
+      tasks: s,
+      loadNextPage: () => he(r),
+      isFetching: r == null ? void 0 : r.isFetching
     }
   );
-}, Lt = () => {
-  var p;
-  const a = H(), { user: t } = I(), { tasks_api: r } = E(), { filters: n } = $(), [l, s] = y(0), [i, u] = y({
+}, Kt = () => {
+  var h;
+  const r = V(), { user: t } = O(), { tasks_api: s } = E(), { filters: a } = $(), [n, l] = N(0), [i, d] = N({
     owner: {
       user: t.id,
-      config: ((p = n == null ? void 0 : n.owner) == null ? void 0 : p.config) ?? "yo_y_mis_equipos"
+      config: ((h = a == null ? void 0 : a.owner) == null ? void 0 : h.config) ?? "yo_y_mis_equipos"
     },
     status: "completadas"
-  }), c = ne({
+  }), c = le({
     initialPageParam: 1,
     queryKey: ["done_tasks", i],
-    queryFn: ({ pageParam: d }) => oe({
+    queryFn: ({ pageParam: u }) => pe({
       filters: {
         ...i,
         status: "completadas",
-        ...W(d)
+        ...H(u)
       },
-      tasks_api: r,
-      page: d
+      tasks_api: s,
+      page: u
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (d, g) => g.length + 1
+    getNextPageParam: (u, b) => b.length + 1
   });
-  return _(() => {
-    var d;
-    Object.keys(n).length > 0 && u({
-      ...n,
+  return T(() => {
+    var u;
+    Object.keys(a).length > 0 && d({
+      ...a,
       owner: {
         user: t.id,
-        config: ((d = n == null ? void 0 : n.owner) == null ? void 0 : d.config) ?? "yo_y_mis_equipos"
+        config: ((u = a == null ? void 0 : a.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
       },
       status: "completadas"
     });
-  }, [n]), _(() => {
-    a.invalidateQueries({
+  }, [a]), T(() => {
+    r.invalidateQueries({
       queryKey: ["done_tasks", i]
     });
-  }, [i]), _(() => {
+  }, [i]), T(() => {
     (async () => {
-      const g = await r.get("/api/listado_tareas", {
+      const b = await s.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "completadas",
-          ...W(1),
+          ...H(1),
           justCount: !0,
-          tasks_api: r
+          tasks_api: s
         }
       });
-      s(g.data.total);
+      l(b.data.total);
     })();
   }, [c == null ? void 0 : c.data, i]), {
     // Properties
     doneTasks: c,
-    total: l
+    total: n
   };
-}, Mt = () => {
-  var n, l;
-  const { doneTasks: a, total: t } = Lt(), r = [...((l = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : l.flat()) ?? []];
+}, It = () => {
+  var a, n;
+  const { doneTasks: r, total: t } = Kt(), s = [...((n = (a = r == null ? void 0 : r.data) == null ? void 0 : a.pages) == null ? void 0 : n.flat()) ?? []];
   return /* @__PURE__ */ e(
-    ee,
+    ae,
     {
       title: "Completadas",
-      tasks: r,
-      loadNextPage: () => ce(a),
-      isFetching: a == null ? void 0 : a.isFetching,
+      tasks: s,
+      loadNextPage: () => he(r),
+      isFetching: r == null ? void 0 : r.isFetching,
       total: t
     }
   );
 };
-class te {
+class ne {
   static toSalesmanUsers(t) {
     return {
       id: t.id,
@@ -1600,8 +1696,8 @@ class te {
     };
   }
 }
-const zt = () => {
-  const { tasks_api: a } = E(), { filters: t } = $(), { user: r } = I();
+const Wt = () => {
+  const { tasks_api: r } = E(), { filters: t } = $(), { user: s } = O();
   return {
     //methods
     getSalesmanAndProjects: async () => {
@@ -1609,7 +1705,7 @@ const zt = () => {
         i
         /* , projects */
       ] = await Promise.all([
-        a.get("/api/obtener-comerciales")
+        r.get("/api/obtener-comerciales")
         /* tasks_api.get('/api/listado_tareas', {
         	params: {
         		// ...filters,
@@ -1622,26 +1718,26 @@ const zt = () => {
         }), */
       ]);
       return {
-        salesmanUsers: i.data.map(te.toSalesmanUsers)
+        salesmanUsers: i.data.map(ne.toSalesmanUsers)
         // projects: projects.data.map(SalesmanUsersMapper.toSalesmanUsers),
       };
     },
     getProjects: async () => {
-      var u;
-      return (await a.get("/api/listado_tareas", {
+      var d;
+      return (await r.get("/api/listado_tareas", {
         params: {
           ...t,
           owner: {
-            user: r.id,
-            config: ((u = t == null ? void 0 : t.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
+            user: s.id,
+            config: ((d = t == null ? void 0 : t.owner) == null ? void 0 : d.config) ?? "yo_y_mis_equipos"
           },
           justProjects: !0
         }
-      })).data.map(te.toSalesmanUsers);
+      })).data.map(ne.toSalesmanUsers);
     },
-    getSalesmans: async () => (await a.get("/api/obtener-comerciales")).data.map(te.toSalesmanUsers)
+    getSalesmans: async () => (await r.get("/api/obtener-comerciales")).data.map(ne.toSalesmanUsers)
   };
-}, It = [
+}, Ot = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -1687,54 +1783,77 @@ const zt = () => {
     label: "Por dificultad",
     type: "select",
     id: "difficulty",
-    options: [{
-      id: 0,
-      name: "Muy facil"
-    }, {
-      id: 1,
-      name: "Facil"
-    }, {
-      id: 2,
-      name: "Media"
-    }, {
-      id: 3,
-      name: "Dificil"
-    }, {
-      id: 4,
-      name: "Muy dificil"
-    }]
+    options: [
+      {
+        id: 0,
+        name: "Muy facil"
+      },
+      {
+        id: 1,
+        name: "Facil"
+      },
+      {
+        id: 2,
+        name: "Media"
+      },
+      {
+        id: 3,
+        name: "Dificil"
+      },
+      {
+        id: 4,
+        name: "Muy dificil"
+      }
+    ]
   }
-], Rt = () => {
-  const { defineFields: a } = $(), { getSalesmanAndProjects: t } = zt();
-  return _(() => {
+], Ae = [
+  {
+    label: "Responsable",
+    type: "select",
+    id: "responsable.responsableType",
+    options: [
+      { id: "yo_y_mis_equipos", name: "Yo y mis equipos" },
+      { id: "mis_equipos", name: "Mis equipos" },
+      { id: "yo", name: "Yo" }
+    ]
+  },
+  {
+    label: "Por Ejecutivo",
+    type: "select",
+    id: "ejecutivo",
+    options: []
+  }
+], Qt = () => {
+  const { defineFields: r } = $(), { getSalesmanAndProjects: t } = Wt();
+  return T(() => {
     (async () => {
-      let n = [...It], {
-        salesmanUsers: l
+      let a = [...Ot], {
+        salesmanUsers: n
         /* , projects */
       } = await t();
-      a(n.map((s) => (s.id === "salesman.name" && (s.options = l), s)));
+      r(a.map((l) => (l.id === "salesman.name" && (l.options = n), l)));
     })();
   }, []), /* @__PURE__ */ o("div", { className: "flex gap-4 w-full h-full min-h-[100%] relative ", children: [
-    /* @__PURE__ */ e($t, {}),
-    /* @__PURE__ */ e(Bt, {}),
-    /* @__PURE__ */ e(Mt, {})
+    /* @__PURE__ */ e(zt, {}),
+    /* @__PURE__ */ e(Rt, {}),
+    /* @__PURE__ */ e(It, {})
   ] });
-}, Me = V({}), Ot = ({ children: a }) => {
-  const [t, r] = y([]);
-  _(() => {
+}, We = G({}), Ut = ({ children: r }) => {
+  const [t, s] = N([]);
+  T(() => {
     console.log({ selectedTasks: t });
   }, [t]);
-  const n = (l) => {
-    r((s) => s.includes(l) ? s.filter((i) => i !== l) : [...s, l]);
+  const a = (n) => {
+    s((l) => l.includes(n) ? l.filter((i) => i !== n) : [...l, n]);
   };
-  return /* @__PURE__ */ e(Me.Provider, { value: {
+  return /* @__PURE__ */ e(We.Provider, { value: {
     //properties
     selectedTasks: t,
     //methods
-    selectTask: n
-  }, children: a });
-}, Wt = () => G(Me), ze = () => {
-  const a = () => /* @__PURE__ */ o("div", { className: "w-full flex gap-m", children: [
+    selectTask: a
+  }, children: r });
+}, Ht = () => Y(We), Oe = () => {
+  const r = () => /* @__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" }),
     /* @__PURE__ */ e("div", { className: "w-[30px] h-[30px] min-w-[30px] min-h-[30px] bg-gray-200 rounded-lg animate-pulse" }),
@@ -1747,163 +1866,203 @@ const zt = () => {
     /* @__PURE__ */ e("div", { className: "w-[30px] h-[30px] min-w-[30px] min-h-[30px] bg-gray-200 rounded-lg animate-pulse" })
   ] });
   return /* @__PURE__ */ o("div", { className: "flex flex-col gap-m", children: [
-    /* @__PURE__ */ e(a, {}),
+    /* @__PURE__ */ e(r, {}),
     /* @__PURE__ */ o("div", { className: "pl-5 flex flex-col gap-m", children: [
-      /* @__PURE__ */ e(a, {}),
-      /* @__PURE__ */ e("div", { className: "pl-5", children: /* @__PURE__ */ e(a, {}) })
+      /* @__PURE__ */ e(r, {}),
+      /* @__PURE__ */ e("div", { className: "pl-5", children: /* @__PURE__ */ e(r, {}) })
     ] }),
-    /* @__PURE__ */ e(a, {}),
+    /* @__PURE__ */ e(r, {}),
     /* @__PURE__ */ o("div", { className: "pl-5 flex flex-col gap-m", children: [
-      /* @__PURE__ */ e(a, {}),
-      /* @__PURE__ */ e("div", { className: "pl-5", children: /* @__PURE__ */ e(a, {}) })
+      /* @__PURE__ */ e(r, {}),
+      /* @__PURE__ */ e("div", { className: "pl-5", children: /* @__PURE__ */ e(r, {}) })
     ] })
   ] });
-}, Ie = ({
-  startDate: a,
+}, Qe = ({
+  startDate: r,
   endDate: t
-}) => /* @__PURE__ */ o(q, { children: [
+}) => /* @__PURE__ */ o(D, { 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(C, { icon: "calendar", size: "xs", strokeWidth: 4, color: P.texts.subtext }),
+    /* @__PURE__ */ e(F, { icon: "calendar", size: "xs", strokeWidth: 4, color: C.texts.subtext }),
     /* @__PURE__ */ o("p", { className: "text-sm", children: [
       " ",
-      Ne(a)
+      qe(r)
     ] })
   ] }),
-  /* @__PURE__ */ e(C, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: P.texts.DEFAULT }),
+  /* @__PURE__ */ e(F, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: C.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(C, { icon: "calendar", size: "xs", strokeWidth: 4, color: P.texts.subtext }),
+    /* @__PURE__ */ e(F, { icon: "calendar", size: "xs", strokeWidth: 4, color: C.texts.subtext }),
     /* @__PURE__ */ o("p", { className: "text-sm", children: [
       " ",
-      Ne(t)
+      qe(t)
     ] })
   ] })
-] }), Kt = ({ id: a }) => /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ e(C, { icon: "pause", size: "xs", strokeWidth: 4, color: P.texts.subtext }) }) }), Re = ({ id: a, priority: t }) => /* @__PURE__ */ o(q, { 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(C, { icon: "align_center", size: "xs", strokeWidth: 4, color: P.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(Be, { 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(C, { icon: "difficulty", size: "xs", strokeWidth: 4, color: P.danger.regular }) })
-] }), Ut = ({ id: a }) => {
-  const { selectedTasks: t, selectTask: r } = Wt();
-  return /* @__PURE__ */ o(q, { 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(C, { icon: "check_outline", size: "xs", color: P.primary.regular, strokeWidth: 6 }) }) }),
-    /* @__PURE__ */ e("input", { className: "hidden", id: a.toString(), type: "checkbox", onChange: () => r(a) })
+] }), Vt = ({ id: r }) => /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e("button", { onClick: () => alert("pausar tarea " + r), children: /* @__PURE__ */ e(F, { icon: "pause", size: "xs", strokeWidth: 4, color: C.texts.subtext }) }) }), Ue = ({ id: r, priority: t, difficulty: s, endDate: a }) => {
+  var i, d;
+  const n = {
+    0: { title: "N/A", color: C.success.regular, bg: "bg-texts-placeholder border-texts-placeholder" },
+    1: { title: "Baja", color: C.success.regular, bg: "bg-success-medium border-success-pastel" },
+    2: { title: "Media", color: C.warning.regular, bg: "bg-warning-light border-warning-regular" },
+    3: { title: "Alta", color: C.danger.regular, bg: "bg-danger-light border-danger-regular" }
+  }, l = {
+    0: { title: "Muy fácil", color: C.success.dark, bg: "bg-success-medium border-success-regular" },
+    1: { title: "Fácil", color: C.success.regular, bg: "bg-success-medium border-success-pastel" },
+    2: { title: "Media", color: C.warning.regular, bg: "bg-warning-light border-warning-regular" },
+    3: { title: "Difícil", color: C.danger.regular, bg: "bg-danger-light border-danger-regular" },
+    4: { title: "Muy difícil", color: C.danger.dark, bg: "bg-danger-light border-danger-regular" }
+  };
+  return /* @__PURE__ */ o(D, { 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(M, { dispatch: /* @__PURE__ */ e(F, { icon: "align_center", size: "xs", strokeWidth: 4, color: C.texts.subtext }), children: /* @__PURE__ */ e("p", { className: "text-sm font-regular py-2 px-4 bg-bg-card rounded-lg", style: { color: "gray" }, children: "Espéralo muy pronto..." }) }) }),
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: `gap-s ${((i = l[s ?? 0]) == null ? void 0 : i.bg) ?? "bg-gray-100"} border rounded-md h-[30px] w-[30px] flex justify-center items-center`, children: /* @__PURE__ */ e(M, { dispatch: /* @__PURE__ */ e(F, { icon: "difficulty", size: "xs", color: l[s ?? 0].color, strokeWidth: 4 }), children: /* @__PURE__ */ e("p", { className: "text-sm font-regular p-5 bg-bg-card rounded-lg", style: { color: l[s ?? 0].color }, children: l[s ?? 0].title }) }) }),
+      /* @__PURE__ */ e("div", { className: `gap-s ${((d = n[t ?? 0]) == null ? void 0 : d.bg) ?? "bg-gray-100"} border rounded-md h-[30px] w-[30px] flex justify-center items-center`, children: /* @__PURE__ */ e(M, { dispatch: /* @__PURE__ */ e(F, { icon: "flag", size: "xs", color: n[t ?? 0].color, strokeWidth: 4 }), children: /* @__PURE__ */ e("p", { className: "text-sm font-regular p-5 bg-bg-card rounded-lg", style: { color: n[t ?? 0].color }, children: n[t ?? 0].title }) }) }),
+      /* @__PURE__ */ e(
+        F,
+        {
+          icon: "calendar",
+          size: "xs",
+          strokeWidth: 3,
+          color: C.texts.subtext
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-sm font-regular text-texts-subtext", children: `${a.getDate()} ${de(a.getMonth()).slice(0, 3)}` })
+    ] })
+  ] });
+}, Gt = ({ id: r }) => {
+  const { selectedTasks: t, selectTask: s } = Ht();
+  return /* @__PURE__ */ o(D, { children: [
+    /* @__PURE__ */ e("label", { className: "cursor-pointer w-[20px] h-[20px] border-2 border-gray-200 rounded-md flex justify-center items-center", htmlFor: r.toString(), children: /* @__PURE__ */ e("span", { className: `${t.includes(r) ? "opacity-100" : "opacity-0"} transition-opacity duration-500`, children: /* @__PURE__ */ e(F, { icon: "check_outline", size: "xs", color: C.primary.regular, strokeWidth: 6 }) }) }),
+    /* @__PURE__ */ e("input", { className: "hidden", id: r.toString(), type: "checkbox", onChange: () => s(r) })
   ] });
-}, Oe = ({ task: a }) => /* @__PURE__ */ e(
-  K,
+}, He = ({ task: r }) => /* @__PURE__ */ e(
+  M,
   {
-    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 })
+    dispatch: /* @__PURE__ */ e("p", { className: "text-sm text-texts-subtext max-w-[400px] truncate", children: r }),
+    children: /* @__PURE__ */ e("p", { className: "text-sm text-texts-subtext p-2 max-w-[400px]", children: r })
   }
-), Qt = ({ id: a }) => {
+), Yt = ({ id: r }) => {
   var n, l;
-  const { tasksProject: t } = Y(), r = (n = t == null ? void 0 : t.data) == null ? void 0 : n.find((s) => s.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(Ut, { id: a }),
-    /* @__PURE__ */ e(De, { 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(Kt, { id: a }),
+  const { tasksProject: t } = X(), { reasignResponsible: s } = te(), a = (n = t == null ? void 0 : t.data) == null ? void 0 : n.find((i) => i.id === r);
+  return /* @__PURE__ */ e("div", { className: "border-b border-gray-200 pb-3", children: /* @__PURE__ */ o("div", { className: "ml-[30px] mb-3 mt-1 p-2 flex flex-wrap items-center gap-xl rounded-md hover:bg-gray-100", children: [
+    !(a != null && a.nameRequiredTask) || (a == null ? void 0 : a.nameRequiredTask) !== "" && (a == null ? void 0 : a.statusRequiredTask) === 2 && /* @__PURE__ */ e(Gt, { id: r }),
+    /* @__PURE__ */ e(Be, { id: r, nameRequiredTask: (a == null ? void 0 : a.nameRequiredTask) ?? "", status: a == null ? void 0 : a.status, statusRequiredTask: (a == null ? void 0 : a.statusRequiredTask) ?? 0 }, r),
+    (a == null ? void 0 : a.willBePaused) && /* @__PURE__ */ e(Vt, { id: r }),
     /* @__PURE__ */ e(
-      $e,
+      Re,
       {
-        onClick: () => {
+        onClick: async (i, d) => {
+          await s({ idNewResponsible: i == null ? void 0 : i.id, id: r, typeOfSelect: d });
         },
-        responsible: r == null ? void 0 : r.responsible,
-        users: ((l = r == null ? void 0 : r.users) == null ? void 0 : l.map(se)) ?? []
+        responsible: a == null ? void 0 : a.responsible,
+        users: ((l = a == null ? void 0 : a.users) == null ? void 0 : l.map(ue)) ?? []
       }
     ),
-    /* @__PURE__ */ e(Oe, { task: (r == null ? void 0 : r.task) ?? "" }),
-    /* @__PURE__ */ e(Re, { id: a, priority: r == null ? void 0 : r.priority }),
-    /* @__PURE__ */ e(Ie, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate })
-  ] });
-}, We = ({ id: a }) => {
-  var s, i, u, c, p, d, g;
-  const { tasksProject: t, openTasks: r, openTask: n } = Y(), l = (s = t == null ? void 0 : t.data) == null ? void 0 : s.find((m) => m.id === a);
-  return l ? (console.log({ task: l }), /* @__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(C, { icon: "angle_down_outline", color: P.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(Oe, { task: (l == null ? void 0 : l.task) ?? "" }),
-      /* @__PURE__ */ e(Re, { id: a, priority: l == null ? void 0 : l.priority }),
-      /* @__PURE__ */ e(Ie, { startDate: l == null ? void 0 : l.startDate, endDate: l == null ? void 0 : l.endDate }),
+    /* @__PURE__ */ e(He, { task: (a == null ? void 0 : a.task) ?? "" }),
+    /* @__PURE__ */ e(Ue, { id: r, priority: a == null ? void 0 : a.priority, difficulty: a.difficulty, endDate: a == null ? void 0 : a.endDate }),
+    /* @__PURE__ */ e(Qe, { startDate: a == null ? void 0 : a.startDate, endDate: a == null ? void 0 : a.endDate }),
+    /* @__PURE__ */ e(
+      Ie,
+      {
+        id: r,
+        nameRequiredTask: a.nameRequiredTask,
+        status: a.status,
+        statusRequiredTask: a.statusRequiredTask
+      }
+    )
+  ] }) });
+}, Ve = ({ id: r }) => {
+  var l, i, d, c, h, u, b;
+  const { tasksProject: t, openTasks: s, openTask: a } = X(), n = (l = t == null ? void 0 : t.data) == null ? void 0 : l.find((m) => m.id === r);
+  return n ? /* @__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 p-2 rounded-md", children: [
+      /* @__PURE__ */ e("button", { className: `${s.includes(r) ? "" : "-rotate-90"} transition-all duration-300`, onClick: () => a(r), children: /* @__PURE__ */ e(F, { icon: "angle_down_outline", color: C.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 = n == null ? void 0 : n.tasks) == null ? void 0 : i.length) === 0 ? 1 : (d = n == null ? void 0 : n.tasks) == null ? void 0 : d.length }) }),
+      /* @__PURE__ */ e(He, { task: (n == null ? void 0 : n.task) ?? "" }),
+      /* @__PURE__ */ e(Ue, { id: r, priority: n == null ? void 0 : n.priority, difficulty: n.difficulty, endDate: n == null ? void 0 : n.endDate }),
+      /* @__PURE__ */ e(Qe, { startDate: n == null ? void 0 : n.startDate, endDate: n == null ? void 0 : n.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(C, { icon: "subtasks", size: "xs", strokeWidth: 5, color: P.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(F, { icon: "subtasks", size: "xs", strokeWidth: 5, color: C.texts.subtext }),
+        /* @__PURE__ */ e("p", { children: ((c = n == null ? void 0 : n.tasks) == null ? void 0 : c.length) === 0 ? 1 : (h = n == null ? void 0 : n.tasks) == null ? void 0 : h.length })
       ] })
     ] }),
-    r.includes(a) && /* @__PURE__ */ e("div", { className: "ml-[30px]", children: ((d = l == null ? void 0 : l.tasks) == null ? void 0 : d.length) > 0 ? (g = l == null ? void 0 : l.tasks) == null ? void 0 : g.map((m) => /* @__PURE__ */ e(We, { id: m == null ? void 0 : m.id })) : /* @__PURE__ */ e(Qt, { id: l == null ? void 0 : l.id }) })
-  ] })) : null;
-}, Ht = () => {
-  var n;
-  const { tasksProject: a, projectID: t } = Y();
-  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ e(ze, {});
-  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(Ot, { 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(We, { id: l.id }) })) }) });
-}, Vt = ({
-  setPath: a,
+    s.includes(r) && /* @__PURE__ */ e("div", { className: "ml-[30px]", children: ((u = n == null ? void 0 : n.tasks) == null ? void 0 : u.length) > 0 ? (b = n == null ? void 0 : n.tasks) == null ? void 0 : b.map((m) => /* @__PURE__ */ e(Ve, { id: m == null ? void 0 : m.id })) : /* @__PURE__ */ e(Yt, { id: n == null ? void 0 : n.id }) })
+  ] }) : null;
+}, Xt = () => {
+  var a;
+  const { tasksProject: r, projectID: t } = X();
+  if (r != null && r.isFetching || r != null && r.isLoading) return /* @__PURE__ */ e(Oe, {});
+  let s = [...(a = r == null ? void 0 : r.data) == null ? void 0 : a.filter((n) => n.isPrincipalTask)];
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-m h-full overflow-y-auto pb-3", children: /* @__PURE__ */ e(Ut, { project: t, children: s == null ? void 0 : s.sort((n, l) => n.orden - l.orden).map((n) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-m border-b border-gray-200  pb-m h-full", children: /* @__PURE__ */ e(Ve, { id: n.id }) })) }) });
+}, Jt = ({
+  setPath: r,
   setProject: t
 }) => {
-  const [r, n] = y([]), [l, s] = y(!0), [i, u] = y(0), [c, p] = y(10), [d, g] = y(0), [m, x] = y("nombre"), { defineFields: w } = $(), { tasks_api: f } = E(), v = async (h, S) => {
+  const [s, a] = N([]), [n, l] = N(!0), [i, d] = N(0), [c, h] = N(10), [u, b] = N(0), [m, x] = N("nombre"), { filters: f, defineFields: w } = $(), { tasks_api: g } = E(), { user: v } = O(), y = async (p, A) => {
+    var P, j, I;
     try {
-      s(!0);
-      const D = await f.get("/api/listado_campanias", {
+      l(!0);
+      const L = {
+        filters: {
+          search: (f == null ? void 0 : f.taskName) ?? "",
+          responsable: {
+            idUser: v.id,
+            responsableType: (P = f == null ? void 0 : f.responsable) == null ? void 0 : P.responsableType
+          },
+          ejecutivo: (f == null ? void 0 : f.ejecutivo) ?? ""
+        }
+      };
+      console.log("FiltrosPARAMS: ", L);
+      const K = await g.get("/api/listado_campanias", {
         params: {
           pagination: {
-            page: h,
-            pageSize: S
+            page: p,
+            pageSize: A
           },
-          orderBy: m
-          // Agregar orderBy a los parámetros
-          //agrega consulta de filtros
+          orderBy: m,
+          ...L
         }
-      }), j = z(D.data);
-      n(j), g(D.data.meta.total);
-    } catch (D) {
-      console.error("Error fetching data en Lista Campaña:", D);
+      }), J = Q(K == null ? void 0 : K.data);
+      a(J), b((I = (j = K == null ? void 0 : K.data) == null ? void 0 : j.meta) == null ? void 0 : I.total);
+    } catch (L) {
+      console.error("Error fetching data en Lista Campaña:", L);
     } finally {
-      s(!1);
+      l(!1);
+    }
+  }, _ = async () => {
+    try {
+      const p = await g.get("/api/obtener-comerciales");
+      return [...Ae].map((P) => (P.id === "ejecutivo" && (P.options = p.data.map((j) => ({
+        id: j.nombre,
+        name: j.nombre
+      }))), P));
+    } catch (p) {
+      return console.error("Error fetching salesman data:", p), [...Ae];
     }
   };
-  _(() => {
-    w([
-      {
-        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"
-      }
-    ]);
-  }, []), _(() => {
-    const h = Math.floor(i / c) + 1;
-    v(h, c);
-  }, [i, c, m]);
-  const b = (h) => {
-    u(h.first), p(h.rows);
-  }, N = [
+  T(() => {
+    (async () => {
+      const A = await _();
+      w(A);
+    })();
+  }, []), T(() => {
+    const p = Math.floor(i / c) + 1;
+    y(p, c);
+  }, [i, c, m, f]);
+  const q = (p) => {
+    d(p.first), h(p.rows);
+  }, S = [
     { label: "5 filas", value: 5 },
     { label: "10 filas", value: 10 },
     { label: "15 filas", value: 15 },
     { label: "20 filas", value: 20 },
     { label: "25 filas", value: 25 },
     { label: "50 filas", value: 50 }
-  ], F = (h) => {
-    const S = parseInt(h.target.value, 10);
-    p(S), b({ first: 0, rows: S });
-  }, T = (h) => {
-    x((S) => S === h ? `${h}:desc` : h);
-  }, A = (h) => m === h ? "↑↓" : m === `${h}:desc` ? "↓↑" : "↑↓";
-  return /* @__PURE__ */ e("div", { className: "table-container", children: l ? /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ e(ze, {}) }) : /* @__PURE__ */ o(q, { children: [
+  ], z = (p) => {
+    const A = parseInt(p.target.value, 10);
+    h(A), q({ first: 0, rows: A });
+  }, B = (p) => {
+    x((A) => A === p ? `${p}:desc` : p);
+  }, R = (p) => m === p ? "↑↓" : m === `${p}:desc` ? "↓↑" : "↑↓";
+  return /* @__PURE__ */ e("div", { className: "table-container", children: n ? /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ e(Oe, {}) }) : /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ o(
       "table",
       {
@@ -1914,15 +2073,15 @@ const zt = () => {
           borderSpacing: "0"
         },
         children: [
-          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
-            /* @__PURE__ */ o("th", { onClick: () => T("nombre"), children: [
-              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: A("nombre") }),
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { style: { color: "#F5F5F5" }, children: [
+            /* @__PURE__ */ o("th", { onClick: () => B("nombre"), children: [
+              /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: R("nombre") }),
               "Campaña"
             ] }),
             /* @__PURE__ */ e(
               "th",
               {
-                onClick: () => T("inicia"),
+                onClick: () => B("inicia"),
                 style: { textAlign: "center", whiteSpace: "nowrap" },
                 children: /* @__PURE__ */ o(
                   "div",
@@ -1933,10 +2092,10 @@ const zt = () => {
                       width: "fit-content"
                     },
                     children: [
-                      /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: A("inicia") }),
+                      /* @__PURE__ */ e("label", { style: { color: "#C4C4C4", fontSize: "10px" }, children: R("inicia") }),
                       " ",
                       /* @__PURE__ */ e(
-                        C,
+                        F,
                         {
                           icon: "calendar",
                           size: "xs",
@@ -1953,7 +2112,7 @@ const zt = () => {
             /* @__PURE__ */ e(
               "th",
               {
-                onClick: () => T("termina"),
+                onClick: () => B("termina"),
                 style: { whiteSpace: "nowrap", textAlign: "center" },
                 children: /* @__PURE__ */ o(
                   "div",
@@ -1971,11 +2130,11 @@ const zt = () => {
                             color: "#C4C4C4",
                             fontSize: "10px"
                           },
-                          children: A("termina")
+                          children: R("termina")
                         }
                       ),
                       /* @__PURE__ */ e(
-                        C,
+                        F,
                         {
                           icon: "calendar",
                           size: "xs",
@@ -1992,98 +2151,111 @@ const zt = () => {
             /* @__PURE__ */ e("th", { children: "Status" }),
             /* @__PURE__ */ e("th", { children: "Responsable" })
           ] }) }),
-          /* @__PURE__ */ e("tbody", { children: r == null ? void 0 : r.map((h, S) => {
-            var D, j, M, B, R, U, Q, de, ue, me, pe, he, xe, ge, fe, be;
-            return /* @__PURE__ */ o("tr", { className: "table-row", children: [
-              /* @__PURE__ */ e("td", { children: (D = h == null ? void 0 : h.campania) == null ? void 0 : D.nombre }),
-              /* @__PURE__ */ o("td", { children: [
-                " ",
-                (j = h == null ? void 0 : h.campania) == null ? void 0 : j.inicia
-              ] }),
-              /* @__PURE__ */ e("td", { children: (M = h == null ? void 0 : h.campania) == null ? void 0 : M.termina }),
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "15px",
-                    padding: "none",
-                    fontSize: "10px",
-                    width: "auto",
-                    minWidth: "170px"
-                  },
-                  children: [
-                    /* @__PURE__ */ o(
-                      "label",
-                      {
-                        style: {
-                          width: "50px",
-                          minWidth: "50px",
-                          textAlign: "right",
-                          color: "#000"
-                        },
-                        children: [
-                          h == null ? void 0 : h.progreso,
-                          "%"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        style: {
-                          position: "relative",
-                          height: "10px",
-                          flex: 1,
-                          backgroundColor: "#C4C4C4",
-                          borderRadius: "10px",
-                          overflow: "hidden"
-                        },
-                        children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("tbody", { children: s == null ? void 0 : s.map((p, A) => {
+            var P, j, I, L, K, J, ge, xe, fe, be, ye, we, ve, Ne, Ce, _e;
+            return /* @__PURE__ */ o(
+              "tr",
+              {
+                className: "table-row",
+                onClick: () => {
+                  t({
+                    id: p == null ? void 0 : p.id,
+                    project: p == null ? void 0 : p.nombre
+                  }), r("kanban-campania");
+                },
+                children: [
+                  /* @__PURE__ */ e("td", { children: (P = p == null ? void 0 : p.campania) == null ? void 0 : P.nombre }),
+                  /* @__PURE__ */ o("td", { children: [
+                    " ",
+                    (j = p == null ? void 0 : p.campania) == null ? void 0 : j.inicia
+                  ] }),
+                  /* @__PURE__ */ e("td", { children: (I = p == null ? void 0 : p.campania) == null ? void 0 : I.termina }),
+                  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "15px",
+                        padding: "none",
+                        fontSize: "10px",
+                        width: "auto",
+                        minWidth: "170px"
+                      },
+                      children: [
+                        /* @__PURE__ */ o(
+                          "label",
+                          {
+                            style: {
+                              width: "50px",
+                              minWidth: "50px",
+                              textAlign: "right",
+                              color: "#000"
+                            },
+                            children: [
+                              p == null ? void 0 : p.progreso,
+                              "%"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ e(
                           "div",
                           {
                             style: {
-                              position: "absolute",
-                              top: 0,
-                              left: 0,
-                              height: "100%",
-                              width: `${h.progreso}%`,
-                              backgroundColor: h.progreso === 100 ? "#039B59" : h.progreso > 50 ? "#3658C1" : h.progreso > 0 ? "#DC8921" : "#C4C4C4",
+                              position: "relative",
+                              height: "10px",
+                              flex: 1,
+                              backgroundColor: "#C4C4C4",
                               borderRadius: "10px",
-                              transition: "width 0.3s ease-in-out"
-                            }
+                              overflow: "hidden"
+                            },
+                            children: /* @__PURE__ */ e(
+                              "div",
+                              {
+                                style: {
+                                  position: "absolute",
+                                  top: 0,
+                                  left: 0,
+                                  height: "100%",
+                                  width: `${p.progreso}%`,
+                                  backgroundColor: p.progreso === 100 ? "#039B59" : p.progreso > 50 ? "#3658C1" : p.progreso > 0 ? "#DC8921" : "#C4C4C4",
+                                  borderRadius: "10px",
+                                  transition: "width 0.3s ease-in-out"
+                                }
+                              }
+                            )
                           }
                         )
-                      }
-                    )
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o("div", { className: "avatar-container", children: [
-                /* @__PURE__ */ o(J, { className: "w-[28px] h-[28px]", children: [
-                  /* @__PURE__ */ e(
-                    Z,
-                    {
-                      src: `${Le}${(de = (Q = (U = (R = (B = h == null ? void 0 : h.campania) == null ? void 0 : B.responsable) == null ? void 0 : R.imagen) == null ? void 0 : U.formats) == null ? void 0 : Q.thumbnail) == null ? void 0 : de.url}`,
-                      alt: (pe = (me = (ue = h == null ? void 0 : h.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 = h == null ? void 0 : h.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 = h == null ? void 0 : h.campania) == null ? void 0 : fe.responsable) == null ? void 0 : be.nombre })
-              ] }) })
-            ] }, S);
+                  ) }),
+                  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ o("div", { className: "avatar-container", children: [
+                    /* @__PURE__ */ o(Z, { className: "avatar w-[28px] h-[28px]", children: [
+                      /* @__PURE__ */ e(
+                        k,
+                        {
+                          src: `${Ke}${(xe = (ge = (J = (K = (L = p == null ? void 0 : p.campania) == null ? void 0 : L.responsable) == null ? void 0 : K.imagen) == null ? void 0 : J.formats) == null ? void 0 : ge.thumbnail) == null ? void 0 : xe.url}`,
+                          alt: (ye = (be = (fe = p == null ? void 0 : p.campania) == null ? void 0 : fe.responsable) == null ? void 0 : be.nombre) == null ? void 0 : ye.charAt(
+                            0
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        ee,
+                        {
+                          style: {
+                            boxShadow: "10px 5px 10px rgba(0, 0, 0, 0.5)"
+                          },
+                          children: (Ne = (ve = (we = p == null ? void 0 : p.campania) == null ? void 0 : we.responsable) == null ? void 0 : ve.nombre) == null ? void 0 : Ne.charAt(0)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "10px" }, children: (_e = (Ce = p == null ? void 0 : p.campania) == null ? void 0 : Ce.responsable) == null ? void 0 : _e.nombre })
+                  ] }) })
+                ]
+              },
+              A
+            );
           }) })
         ]
       }
@@ -2107,24 +2279,23 @@ const zt = () => {
                 textAlign: "left",
                 width: "auto",
                 height: "auto",
-                padding: "12px",
                 whiteSpace: "nowrap"
               },
               children: [
-                r.length,
+                s.length,
                 " elementos de ",
-                d
+                u
               ]
             }
           ),
           /* @__PURE__ */ e(
-            tt,
+            st,
             {
               first: i,
               rows: c,
-              totalRecords: d,
+              totalRecords: u,
               rowsPerPageOptions: [5, 10, 20, 50],
-              onPageChange: b,
+              onPageChange: q,
               className: "pagination",
               template: "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink"
             }
@@ -2144,16 +2315,16 @@ const zt = () => {
                   {
                     className: "select",
                     value: c,
-                    onChange: (h) => F(h),
-                    children: N.map((h) => /* @__PURE__ */ e(
+                    onChange: (p) => z(p),
+                    children: S.map((p) => /* @__PURE__ */ e(
                       "option",
                       {
                         className: "option-select",
-                        value: h.value,
+                        value: p.value,
                         style: { background: "#F5F5F5" },
-                        children: h.label
+                        children: p.label
                       },
-                      h.value
+                      p.value
                     ))
                   }
                 )
@@ -2164,54 +2335,55 @@ const zt = () => {
       }
     )
   ] }) });
-}, Gt = ({ path: a, tab: t, setPath: r, project: n, setProject: l }) => {
-  const s = {
-    "kanban-general": { kanban: /* @__PURE__ */ e(Rt, {}) },
+}, Zt = ({ path: r, tab: t, setPath: s, project: a, setProject: n }) => {
+  const l = {
+    "kanban-general": { kanban: /* @__PURE__ */ e(Qt, {}) },
     "lista-campanias": {
-      lista: /* @__PURE__ */ e(Vt, { setPath: r, setProject: l }),
+      lista: /* @__PURE__ */ e(Jt, { setPath: s, setProject: n }),
       gantt: /* @__PURE__ */ e("div", { children: "gantt-campanias" })
     },
     "kanban-campania": {
-      kanban: /* @__PURE__ */ e(qt, {}),
-      lista: /* @__PURE__ */ e(Ht, {}),
+      kanban: /* @__PURE__ */ e($t, {}),
+      lista: /* @__PURE__ */ e(Xt, {}),
       gantt: /* @__PURE__ */ e("div", { children: "kanban-campania-gantt" })
     }
   };
-  return a === "kanban-campania" ? /* @__PURE__ */ e(ut, { project: n == null ? void 0 : n.id, children: s[a][t] }) : s[a][t];
-}, Yt = ({ path: a }) => /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(() => {
-  const { selectPath: r, updateFilters: n, applyFilters: l } = $(), [s, i] = y("kanban"), [u, c] = y(a), [p, d] = y({
+  return r === "kanban-campania" ? /* @__PURE__ */ e(gt, { project: a == null ? void 0 : a.id, children: l[r][t] }) : l[r][t];
+}, kt = ({ path: r }) => /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ e(() => {
+  const { selectPath: s, updateFilters: a, applyFilters: n } = $(), [l, i] = N("kanban"), [d, c] = N(r), [h, u] = N({
     id: 1839,
     project: "Kanban de Campania"
-  }), [g, m] = y(""), x = L(null);
-  _(() => {
-    i("kanban"), r(u);
-  }, [a]), _(() => {
-    (g == null ? void 0 : g.trim()) === "" && n({
+  }), [b, m] = N(""), x = W(null);
+  T(() => {
+    i(d === "lista-campanias" ? "lista" : "kanban"), s(d);
+  }, [r, d]), T(() => {
+    (b == null ? void 0 : b.trim()) === "" && a({
       name: "taskName",
       value: null
-    }), l();
-  }, [g]);
-  const w = (N) => ({
+    }), n();
+  }, [b]);
+  const f = (y) => ({
     "kanban-general": "Kanban General",
     "lista-campanias": "Campanias",
-    "kanban-campania": `Kanban de ${p.project}`
-  })[N], f = (N) => {
-    c(N);
-  }, v = ["lista-campanias", "kanban-campania"], b = {
+    "kanban-campania": `Kanban de ${h.project}`
+  })[y], w = (y) => {
+    c(y);
+  }, g = ["lista-campanias", "kanban-campania"], v = {
     "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: w(u) }),
-        v.includes(u) && /* @__PURE__ */ e(
-          nt,
+        /* @__PURE__ */ e("h2", { className: "text-texts font-medium", children: f(d) }),
+        g.includes(d) && /* @__PURE__ */ e(
+          it,
           {
-            tabs: b[u],
-            renderItem: (N) => {
-              i(N);
-            }
+            tabs: v[d],
+            renderItem: (y) => {
+              i(y);
+            },
+            initialTab: l
           }
         )
       ] }),
@@ -2219,13 +2391,13 @@ const zt = () => {
         /* @__PURE__ */ e(
           "input",
           {
-            onChange: Pe(
-              (N) => {
-                var F, T, A;
-                n({
+            onChange: $e(
+              (y) => {
+                var _, q, S;
+                a({
                   name: "taskName",
-                  value: (T = (F = N == null ? void 0 : N.target) == null ? void 0 : F.value) == null ? void 0 : T.trim()
-                }), m((A = N == null ? void 0 : N.target) == null ? void 0 : A.value);
+                  value: (q = (_ = y == null ? void 0 : y.target) == null ? void 0 : _.value) == null ? void 0 : q.trim()
+                }), m((S = y == null ? void 0 : y.target) == null ? void 0 : S.value);
               },
               1e3
             ),
@@ -2235,7 +2407,7 @@ const zt = () => {
           }
         ),
         /* @__PURE__ */ e(
-          rt,
+          ot,
           {
             filterChildren: x,
             children: /* @__PURE__ */ e(
@@ -2243,42 +2415,42 @@ const zt = () => {
               {
                 ref: x,
                 className: "w-max max-w-[400px] h-fit bg-bg-card shadow-lg rounded-lg p-l",
-                children: /* @__PURE__ */ e(st, {})
+                children: /* @__PURE__ */ e(dt, {})
               }
             )
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "overflow-auto scrollbar-none", children: /* @__PURE__ */ e(
-      Gt,
+    /* @__PURE__ */ e("div", { className: "overflow-hidden scrollbar-none", children: /* @__PURE__ */ e(
+      Zt,
       {
-        path: u,
-        tab: s,
-        setPath: f,
-        project: p,
-        setProject: d
+        path: d,
+        tab: l,
+        setPath: w,
+        project: h,
+        setProject: u
       }
     ) })
   ] });
-}, {}) }), 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: [
+}, {}) }), ea = () => /* @__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" })
-] }) }) }), 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: [
+] }) }) }), ta = () => /* @__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" })
-] }) }) }), 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 l = { user: t, url: r };
-  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(dt, { ...l, children: /* @__PURE__ */ e(ct, { ...l, children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ o(Qe, { client: n, children: [
-    /* @__PURE__ */ e(Yt, { path: a }),
+] }) }) }), ga = ({ path: r, user: t, url: s }) => {
+  const a = new Ge();
+  if (!t) return /* @__PURE__ */ e(ea, {});
+  if (!t.accessToken) return /* @__PURE__ */ e(ta, {});
+  let n = { user: t, url: s };
+  return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(ht, { ...n, children: /* @__PURE__ */ e(pt, { ...n, children: /* @__PURE__ */ e("div", { className: "w-full h-full min-h-[100%] relative", children: /* @__PURE__ */ o(Ye, { client: a, children: [
+    /* @__PURE__ */ e(kt, { path: r }),
     " "
   ] }) }) }) }) });
 };
 export {
-  ua as AppTasks
+  ga as AppTasks
 };