@imj_media/tareas 0.1.49 → 1.0.0

package/dist/tareas.es.js

@@ -1,55 +1,17 @@
-import { jsx as t, jsxs as c, Fragment as E } from "react/jsx-runtime";
+import { jsxs as c, Fragment as $, jsx as t } from "react/jsx-runtime";
 import "@imj_media/imj-ui/styles.css";
-import { useQueryClient as et, useQuery as ct, useMutation as it, useInfiniteQuery as ut, QueryClient as Gt, QueryClientProvider as Xt } from "@tanstack/react-query";
-import { useState as v, useEffect as T, useRef as Y, createContext as at, useContext as rt } from "react";
-import { Tooltip as L, Icons as F } from "@imj_media/tasks-modules";
+import { useQueryClient as et, useQuery as ct, useMutation as it, useInfiniteQuery as ut, QueryClient as Yt, QueryClientProvider as Gt } from "@tanstack/react-query";
+import { useState as y, useRef as Y, useEffect as q, createContext as at, useContext as rt } from "react";
+import { Icons as P, Tooltip as K } from "@imj_media/tasks-modules";
 import nt from "react-dom";
-import kt from "axios";
+import At from "axios";
 import St from "qs";
-import { parseISO as Zt, formatDistanceToNow as Jt, format as Dt } from "date-fns";
+import { parseISO as Xt, formatDistanceToNow as Zt, format as Dt } from "date-fns";
 import { es as mt } from "date-fns/locale";
-import { Button as Mt, Input as Vt, Label as te, Accordion as ee, AccordionItem as ae, AccordionTrigger as re, AccordionContent as ne } from "@imj_media/imj-ui";
-import { useForm as le } from "react-hook-form";
+import { Button as Mt, Input as Jt, Label as Vt, Accordion as te, AccordionItem as ee, AccordionTrigger as ae, AccordionContent as re } from "@imj_media/imj-ui";
+import { useForm as ne } from "react-hook-form";
 import { Paginator as se } from "primereact/paginator";
-const ie = ({ label: a, active: e, onClick: l, disabled: n }) => n ? /* @__PURE__ */ t(
-  L,
-  {
-    dispatch: /* @__PURE__ */ t("button", { className: "tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help", children: a }),
-    children: /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card", children: /* @__PURE__ */ t("p", { className: "tw-text-texts-placeholder tw-text-lg tw-font-semibold", children: "Espéralo muy pronto..." }) })
-  }
-) : /* @__PURE__ */ t(
-  "button",
-  {
-    disabled: n,
-    onClick: l,
-    className: `${e ? "tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis" : ""} tw-text-xl tw-font-semibold ${n ? "tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg" : "tw-text-texts-subtext"}`,
-    children: a
-  }
-), oe = ({ tabs: a, renderItem: e, initialTab: l }) => {
-  const [n, r] = v(l ?? a[0].toLowerCase());
-  T(() => {
-    l && r(l);
-  }, [l]);
-  const s = (i) => {
-    r(i), e(i);
-  };
-  return /* @__PURE__ */ t("div", { className: "tw-flex", children: a.map((i, d) => /* @__PURE__ */ t(
-    "div",
-    {
-      className: `${d === 0 ? "tw-border-l-2" : ""} tw-border-r-2 tw-border-gray-200 tw-px-m`,
-      children: /* @__PURE__ */ t(
-        ie,
-        {
-          onClick: () => s(i.toLowerCase()),
-          label: i,
-          active: i.toLowerCase() === n,
-          disabled: ["gantt"].includes(i.toLowerCase())
-        },
-        d
-      )
-    }
-  )) });
-}, p = {
+const p = {
   bg: {
     DEFAULT: "#EFEFEF",
     content: "#FAFAFA",
@@ -134,41 +96,41 @@ const ie = ({ label: a, active: e, onClick: l, disabled: n }) => n ? /* @__PURE_
     black_regular: "#252525"
   }
 }, pt = () => {
-  const [a, e] = v(null);
+  const [a, e] = y(null);
   return {
     //Properties
     position: a,
     //Methods
-    setElementPosition: (s) => {
+    setElementPosition: (l) => {
       var g;
-      let i = (g = s.current) == null ? void 0 : g.getBoundingClientRect(), d = (i == null ? void 0 : i.x) + ((i == null ? void 0 : i.width) ?? 0), o = (i == null ? void 0 : i.y) + (i == null ? void 0 : i.height);
+      let i = (g = l.current) == null ? void 0 : g.getBoundingClientRect(), d = (i == null ? void 0 : i.x) + ((i == null ? void 0 : i.width) ?? 0), o = (i == null ? void 0 : i.y) + (i == null ? void 0 : i.height);
       e(a ? null : { x: d ?? 0, y: o ?? 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: () => {
       e(null);
     }
   };
-}, ce = ({
+}, le = ({
   children: a,
   filterChildren: e
 }) => {
-  const { position: l, setElementPosition: n } = pt(), r = Y(null), s = ({ children: i }) => {
-    const [d, o] = v();
-    return T(() => {
-      var g, u;
+  const { position: s, setElementPosition: n } = pt(), r = Y(null), l = ({ children: i }) => {
+    const [d, o] = y();
+    return q(() => {
+      var g, m;
       e.current && o(
-        ((l == null ? void 0 : l.x) ?? 0) - (((u = (g = e.current) == null ? void 0 : g.getBoundingClientRect()) == null ? void 0 : u.width) ?? 0)
+        ((s == null ? void 0 : s.x) ?? 0) - (((m = (g = e.current) == null ? void 0 : g.getBoundingClientRect()) == null ? void 0 : m.width) ?? 0)
       );
-    }, [e == null ? void 0 : e.current, l == null ? void 0 : l.x]), l && nt.createPortal(
+    }, [e == null ? void 0 : e.current, s == null ? void 0 : s.x]), s && nt.createPortal(
       /* @__PURE__ */ t(
         "div",
         {
           className: `tw-absolute tw-w-fit tw-h-fit ${d ? "tw-block" : "tw-hidden"}`,
-          style: { top: `${l == null ? void 0 : l.y}px`, left: `${d}px`, zIndex: 1 },
+          style: { top: `${s == null ? void 0 : s.y}px`, left: `${d}px`, zIndex: 1 },
           "data-portal-host": !0,
           children: i
         }
@@ -176,7 +138,7 @@ const ie = ({ label: a, active: e, onClick: l, disabled: n }) => n ? /* @__PURE_
       document.body
     );
   };
-  return /* @__PURE__ */ c(E, { children: [
+  return /* @__PURE__ */ c($, { children: [
     /* @__PURE__ */ c(
       "label",
       {
@@ -184,7 +146,7 @@ const ie = ({ label: a, active: e, onClick: l, disabled: n }) => n ? /* @__PURE_
         htmlFor: "filter-button",
         className: "tw-flex tw-cursor-pointer tw-text-xl tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-[30px] tw-shadow-button-primary hover:tw-shadow-button-primary-hover",
         children: [
-          /* @__PURE__ */ t(F, { icon: "filter", size: "xs", strokeWidth: 5, color: p.primary.regular }),
+          /* @__PURE__ */ t(P, { icon: "filter", size: "xs", strokeWidth: 5, color: p.primary.regular }),
           "Filtrar"
         ]
       }
@@ -199,74 +161,77 @@ const ie = ({ label: a, active: e, onClick: l, disabled: n }) => n ? /* @__PURE_
         }
       }
     ),
-    /* @__PURE__ */ t(s, { children: a })
+    /* @__PURE__ */ t(l, { children: a })
   ] });
 }, Tt = (a) => {
   let e = {};
-  return Object.entries(a).forEach(([l, n]) => {
-    if (l.includes(".")) {
-      let [r, s] = l.split(".");
-      e[r] = e[r] || {}, e[r][s] = n;
+  return Object.entries(a).forEach(([s, n]) => {
+    if (s.includes(".")) {
+      let [r, l] = s.split(".");
+      e[r] = e[r] || {}, e[r][l] = n;
     } else
-      e[l] = n;
+      e[s] = n;
   }), e;
-}, Et = at({}), we = ({ children: a }) => {
-  const [e, l] = v({}), [n, r] = v({}), [s, i] = v([]), [d, o] = v(""), g = ({ name: h, value: m }) => {
-    function b(N) {
-      return !isNaN(N) && N !== null && N !== "" ? parseFloat(N) : null;
+}, Et = at({}), ie = ({ children: a }) => {
+  const [e, s] = y({}), [n, r] = y({}), [l, i] = y([]), [d, o] = y(""), g = ({ name: x, value: u }) => {
+    function h(v) {
+      return !isNaN(v) && v !== null && v !== "" ? parseFloat(v) : null;
     }
-    let _ = b(m);
-    r((N) => {
-      let C = { ...N }, P = s == null ? void 0 : s.find(
-        (j) => j.label.toLowerCase().replace(/ /g, "_") === h
+    let _ = h(u);
+    r((v) => {
+      let C = { ...v }, T = l == null ? void 0 : l.find(
+        (k) => k.label.toLowerCase().replace(/ /g, "_") === x
       );
-      return P ? C[P.id] = _ ?? m : C[h] = _ ?? m, C;
+      return T ? C[T.id] = _ ?? u : C[x] = _ ?? u, C;
     });
   };
-  T(() => {
-    let h = s.map((m) => m.id === "owner.config" ? [m.id, "yo_y_mis_equipos"] : m.id === "dependency" ? [m.id, "ambas"] : [m.id, null]);
-    r(Object.fromEntries(h));
-  }, [s]);
-  const u = () => {
-    let h = s.map((m) => m.id === "owner.config" ? [m.id, "yo_y_mis_equipos"] : m.id === "dependency" ? [m.id, "ambas"] : [m.id, null]);
-    r(Object.fromEntries(h)), l(Tt(Object.fromEntries(h)));
-  }, y = () => {
-    let h = Tt(n);
-    console.log({ filtersWithEstructure: h }), l(h);
+  q(() => {
+    let x = l.map((u) => u.id === "owner.config" ? [u.id, "yo_y_mis_equipos"] : u.id === "dependency" ? [u.id, "ambas"] : [u.id, null]);
+    r((u) => {
+      let h = { search: u == null ? void 0 : u.search, taskName: u == null ? void 0 : u.taskName };
+      return h = { ...h, ...Object.fromEntries(x) }, h;
+    });
+  }, [l]);
+  const m = () => {
+    let x = l.map((u) => u.id === "owner.config" ? [u.id, "yo_y_mis_equipos"] : u.id === "dependency" ? [u.id, "ambas"] : [u.id, null]);
+    r(Object.fromEntries(x)), s(Tt(Object.fromEntries(x)));
+  }, b = () => {
+    let x = Tt(n);
+    s(x);
   };
   return /* @__PURE__ */ t(
     Et.Provider,
     {
       value: {
         //properties
-        fields: s,
+        fields: l,
         filters: e,
         path: d,
         //methods
         defineFields: i,
         updateFilters: g,
-        cleanFilters: u,
-        applyFilters: y,
+        cleanFilters: m,
+        applyFilters: b,
         initialFilters: n,
         selectPath: o
       },
       children: a
     }
   );
-}, R = () => rt(Et);
-function $t(a, e = 300, l = { leading: !1, trailing: !0 }) {
+}, U = () => rt(Et);
+function oe(a, e = 300, s = { leading: !1, trailing: !0 }) {
   let n, r = null;
-  return function(...s) {
-    const i = Date.now(), d = l.leading && !r;
-    clearTimeout(n), d && a(...s), r = i, n = setTimeout(() => {
-      l.trailing && (!l.leading || i - r >= e) && (a(...s), r = null);
+  return function(...l) {
+    const i = Date.now(), d = s.leading && !r;
+    clearTimeout(n), d && a(...l), r = i, n = setTimeout(() => {
+      s.trailing && (!s.leading || i - r >= e) && (a(...l), r = null);
     }, e);
   };
 }
-const O = ({
+const Q = ({
   imageUrl: a = "https://www.uv.unach.mx/assets/img/prueba/directorio/userM.png",
   alt: e = "avatar",
-  size: l = "s"
+  size: s = "s"
 }) => {
   const n = {
     xs: "tw-w-[24px] tw-h-[24px] tw-min-w-[24px] tw-min-h-[24px]",
@@ -275,7 +240,7 @@ const O = ({
     l: "tw-w-[36px] tw-h-[36px] tw-min-w-[36px] tw-min-h-[36px]",
     xl: "tw-w-[40px] tw-h-[40px] tw-min-w-[40px] tw-min-h-[40px]",
     xxl: "tw-w-[44px] tw-h-[44px] tw-min-w-[44px] tw-min-h-[44px]"
-  }[l];
+  }[s];
   return /* @__PURE__ */ t(
     "img",
     {
@@ -288,8 +253,8 @@ const O = ({
   options: a,
   onselect: e
 }) => {
-  const [l, n] = v(null), r = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), s = [...a].filter(
-    (i) => i.name.toLowerCase().includes((l == null ? void 0 : l.toLowerCase()) ?? "")
+  const [s, n] = y(null), r = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), l = [...a].filter(
+    (i) => i.name.toLowerCase().includes((s == null ? void 0 : s.toLowerCase()) ?? "")
   );
   return /* @__PURE__ */ c("div", { className: "tw-h-fit tw-w-full tw-min-w-max", children: [
     /* @__PURE__ */ c("div", { className: "tw-relative tw-flex tw-items-center", children: [
@@ -297,16 +262,16 @@ const O = ({
         "input",
         {
           id: r,
-          value: l ?? "",
+          value: s ?? "",
           onChange: (i) => n(i.target.value),
           type: "text",
           className: "tw-w-full tw-h-[32px] tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2",
           placeholder: "Buscar"
         }
       ),
-      /* @__PURE__ */ t("div", { className: "tw-absolute tw-right-[8px]", children: /* @__PURE__ */ t(F, { icon: "search", size: "xs", strokeWidth: 3 }) })
+      /* @__PURE__ */ t("div", { className: "tw-absolute tw-right-[8px]", children: /* @__PURE__ */ t(P, { icon: "search", size: "xs", strokeWidth: 3 }) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max", children: s.map((i) => /* @__PURE__ */ c(
+    /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-flex tw-flex-col tw-gap-s tw-overflow-y-auto tw-max-h-[120px] tw-min-w-max", children: l.map((i) => /* @__PURE__ */ c(
       "button",
       {
         onClick: () => {
@@ -314,33 +279,33 @@ const O = ({
         },
         className: "tw-flex tw-gap-s tw-items-center tw-max-w-[200px] tw-min-w-full  hover:tw-bg-primary-light tw-cursor-pointer",
         children: [
-          i.image && /* @__PURE__ */ t(O, { imageUrl: i.image, alt: i.name }),
+          i.image && /* @__PURE__ */ t(Q, { imageUrl: i.image, alt: i.name }),
           /* @__PURE__ */ t("p", { className: "tw-text-s tw-py-m tw-font-normal tw-text-texts-subtext tw-content-text tw-truncate", children: i.name })
         ]
       }
     )) })
   ] });
-}, de = ({ error: a, options: e, onSelect: l, initialValue: n }) => {
-  const [r, s] = v(!1), [i, d] = v((n == null ? void 0 : n.name) ?? null);
-  return T(() => {
+}, ce = ({ error: a, options: e, onSelect: s, initialValue: n }) => {
+  const [r, l] = y(!1), [i, d] = y((n == null ? void 0 : n.name) ?? null);
+  return q(() => {
     n && d(n);
   }, [n]), /* @__PURE__ */ c("div", { className: "tw-relative", children: [
-    /* @__PURE__ */ c("div", { onBlur: () => s(!1), onClick: () => s(!r), className: `tw-z-[1] tw-cursor-pointer tw-w-full tw-bg-bg-card ${a ? "tw-shadow-danger-regular tw-border-2 tw-border-danger-regular" : "tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${a ? "tw-text-danger-regular" : i ? "tw-text-texts-subtext" : "tw-text-texts-placeholder"}`, children: [
+    /* @__PURE__ */ c("div", { onBlur: () => l(!1), onClick: () => l(!r), className: `tw-z-[1] tw-cursor-pointer tw-w-full tw-bg-bg-card ${a ? "tw-shadow-danger-regular tw-border-2 tw-border-danger-regular" : "tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${a ? "tw-text-danger-regular" : i ? "tw-text-texts-subtext" : "tw-text-texts-placeholder"}`, children: [
       /* @__PURE__ */ t("p", { children: (i == null ? void 0 : i.name) ?? "Selecciona una opción" }),
-      /* @__PURE__ */ t(F, { icon: "angle_down_outline", color: a ? p.danger.regular : p.texts.placeholder })
+      /* @__PURE__ */ t(P, { icon: "angle_down_outline", color: a ? p.danger.regular : p.texts.placeholder })
     ] }),
     r && /* @__PURE__ */ t("div", { className: "absolute tw-w-full tw-shadow-md tw-rounded-lg tw-z-[10]", children: /* @__PURE__ */ t(
       gt,
       {
         onselect: (o) => {
-          d(o), s(!1), l && l(o);
+          d(o), l(!1), s && s(o);
         },
         options: e
       }
     ) })
   ] });
-}, ue = () => {
-  const { fields: a, updateFilters: e, cleanFilters: l, applyFilters: n, initialFilters: r } = R();
+}, we = () => {
+  const { fields: a, updateFilters: e, cleanFilters: s, applyFilters: n, initialFilters: r } = U();
   return /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-l tw-min-w-[250px] tw-z-[100]", children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center", children: [
       /* @__PURE__ */ t("p", { className: "tw-text-texts tw-text-2xl", children: "Filtros" }),
@@ -348,41 +313,41 @@ const O = ({
         "button",
         {
           className: "tw-text-lg tw-font-semibold tw-flex tw-cursor-pointer tw-items-center tw-gap-m tw-p-s tw-text-texts-enfasis tw-fill-texts-enfasis tw-bg-bg tw-rounded-lg tw-px-l tw-h-fit tw-shadow-button-primary hover:tw-shadow-button-primary-hover",
-          onClick: l,
+          onClick: s,
           children: "Limpiar"
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m", children: a == null ? void 0 : a.map((s, i) => {
+    /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m", children: a == null ? void 0 : a.map((l, i) => {
       var d;
       return /* @__PURE__ */ c("div", { style: { zIndex: 10 - i }, children: [
-        /* @__PURE__ */ t("p", { className: "tw-text-xl z-[1]", children: s.label }),
-        (s == null ? void 0 : s.type) === "select" ? /* @__PURE__ */ t("div", { className: "tw-relative tw-z-[10]", children: /* @__PURE__ */ t(
-          de,
+        /* @__PURE__ */ t("p", { className: "tw-text-xl z-[1]", children: l.label }),
+        (l == null ? void 0 : l.type) === "select" ? /* @__PURE__ */ t("div", { className: "tw-relative tw-z-[10]", children: /* @__PURE__ */ t(
+          ce,
           {
             error: !1,
-            options: s == null ? void 0 : s.options,
+            options: l == null ? void 0 : l.options,
             onSelect: (o) => {
               e({
-                name: s == null ? void 0 : s.id,
+                name: l == null ? void 0 : l.id,
                 value: o == null ? void 0 : o.id
               });
             },
-            initialValue: (d = s == null ? void 0 : s.options) == null ? void 0 : d.find((o) => o.id === (r == null ? void 0 : r[s == null ? void 0 : s.id]))
+            initialValue: (d = l == null ? void 0 : l.options) == null ? void 0 : d.find((o) => o.id === (r == null ? void 0 : r[l == null ? void 0 : l.id]))
           }
         ) }) : /* @__PURE__ */ t(
           "input",
           {
             className: "tw-w-full tw-h-[30px] tw-shadow-input tw-rounded-lg tw-p-s",
-            type: s.type,
-            value: r == null ? void 0 : r[s == null ? void 0 : s.id],
-            name: s.label.toLowerCase().replace(/ /g, "_"),
-            onChange: $t(
+            type: l.type,
+            value: r == null ? void 0 : r[l == null ? void 0 : l.id],
+            name: l.label.toLowerCase().replace(/ /g, "_"),
+            onChange: oe(
               (o) => {
-                var g, u;
+                var g, m;
                 return e({
                   name: (g = o == null ? void 0 : o.target) == null ? void 0 : g.name,
-                  value: (u = o == null ? void 0 : o.target) == null ? void 0 : u.value
+                  value: (m = o == null ? void 0 : o.target) == null ? void 0 : m.value
                 });
               },
               1e3
@@ -401,34 +366,34 @@ const O = ({
     )
   ] });
 }, G = (a) => {
-  const e = (n) => Object.prototype.toString.call(n) === "[object Object]", l = (n) => n.attributes ? {
+  const e = (n) => Object.prototype.toString.call(n) === "[object Object]", s = (n) => n.attributes ? {
     id: n.id,
     ...n.attributes
   } : n;
   if (Array.isArray(a))
     return a.map((n) => G(n));
   if (e(a)) {
-    Array.isArray(a.data) ? a = [...a.data] : e(a.data) ? a = l({ ...a.data }) : a.data === null ? a = null : a = l(a);
+    Array.isArray(a.data) ? a = [...a.data] : e(a.data) ? a = s({ ...a.data }) : a.data === null ? a = null : a = s(a);
     for (const n in a)
       a[n] = G(a[n]);
     return a;
   }
   return a;
 };
-class me {
+class de {
   static toCampaignTasks(e) {
-    var n, r, s, i, d, o, g, u, y, h, m, b;
-    let l = [];
-    return e != null && e.responsable && l.push({
+    var n, r, l, i, d, o, g, m, b, x, u, h;
+    let s = [];
+    return e != null && e.responsable && s.push({
       id: e.responsable.id,
       name: e.responsable.nombre,
-      image: (d = (i = (s = (r = (n = e.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : r.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url
+      image: (d = (i = (l = (r = (n = e.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : r.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url
     }), (o = e == null ? void 0 : e.equipo) != null && o.miembros && e.equipo.miembros.forEach((_) => {
-      var N, C, P, j;
-      l != null && l.find((f) => f.id === _.idUser.id) || _.idUser && l.push({
+      var v, C, T, k;
+      s != null && s.find((f) => f.id === _.idUser.id) || _.idUser && s.push({
         id: _.idUser.id,
         name: _.idUser.nombre,
-        image: (j = (P = (C = (N = _ == null ? void 0 : _.userOBP) == null ? void 0 : N.imagen) == null ? void 0 : C.formats) == null ? void 0 : P.thumbnail) == null ? void 0 : j.url
+        image: (k = (T = (C = (v = _ == null ? void 0 : _.userOBP) == null ? void 0 : v.imagen) == null ? void 0 : C.formats) == null ? void 0 : T.thumbnail) == null ? void 0 : k.url
       });
     }), {
       isPrincipalTask: (e == null ? void 0 : e.tarea_principal) ?? !1,
@@ -442,15 +407,15 @@ class me {
       endDate: new Date((e == null ? void 0 : e.ffin) ?? null),
       startDate: new Date((e == null ? void 0 : e.finicio) ?? null),
       mediumName: (e == null ? void 0 : e.nombre_medio) ?? null,
-      users: l,
+      users: s,
       repeatsToDo: (e == null ? void 0 : e.repeticiones) ?? null,
       repeats: (e == null ? void 0 : e.repeticiones_realizadas) ?? null,
-      comments: ((u = e == null ? void 0 : e.comentarios) == null ? void 0 : u.length) ?? null,
+      comments: ((m = e == null ? void 0 : e.comentarios) == null ? void 0 : m.length) ?? null,
       willBePaused: e == null ? void 0 : e.es_pausable,
-      statusRequiredTask: ((y = e == null ? void 0 : e.id_t_requerida) == null ? void 0 : y.estatus) ?? null,
-      nameRequiredTask: ((h = e == null ? void 0 : e.id_t_requerida) == null ? void 0 : h.texto_corto) ?? null,
-      responsible: ((m = e == null ? void 0 : e.responsable) == null ? void 0 : m.id) ?? null,
-      tasks: ((b = e == null ? void 0 : e.tareas) == null ? void 0 : b.map((_) => ({
+      statusRequiredTask: ((b = e == null ? void 0 : e.id_t_requerida) == null ? void 0 : b.estatus) ?? null,
+      nameRequiredTask: ((x = e == null ? void 0 : e.id_t_requerida) == null ? void 0 : x.texto_corto) ?? null,
+      responsible: ((u = e == null ? void 0 : e.responsable) == null ? void 0 : u.id) ?? null,
+      tasks: ((h = e == null ? void 0 : e.tareas) == null ? void 0 : h.map((_) => ({
         id: _.id,
         name: _.texto_corto,
         status: _.estatus
@@ -458,51 +423,51 @@ class me {
     };
   }
 }
-const pe = async ({ filters: a, tasks_api: e, project: l }) => {
+const ue = async ({ filters: a, tasks_api: e, project: s }) => {
   try {
     const n = await e.get("/api/listado_tareas_flujo", {
       params: {
         ...a,
         project: {
-          id: l
+          id: s
         },
         includeAllTasks: !0
       }
     });
-    return G(n.data.tareas).map(me.toCampaignTasks);
+    return G(n.data.tareas).map(de.toCampaignTasks);
   } catch (n) {
     console.log(n);
   }
-}, Bt = at({}), ge = ({ children: a, user: e, url: l, mode: n }) => {
-  const r = n === "prod" ? "https://services.imjmedia.com.mx" : "https://devobp.imjmedia.com.mx", s = kt.create({
-    baseURL: l,
+}, $t = at({}), me = ({ children: a, user: e, url: s, mode: n }) => {
+  const r = n === "prod" ? "https://services.imjmedia.com.mx" : "https://devobp.imjmedia.com.mx", l = At.create({
+    baseURL: s,
     headers: {
       Authorization: `Bearer ${e.accessToken}`
     },
     paramsSerializer: (o) => St.stringify(o, { encodeValuesOnly: !0 })
   }), i = () => r, d = (o) => o === "undefined" ? "" : `${r}${o}`;
   return /* @__PURE__ */ t(
-    Bt.Provider,
+    $t.Provider,
     {
       value: {
         //methods
-        tasks_api: s,
+        tasks_api: l,
         getOBPUrlApi: i,
         getImageOBP: d
       },
       children: a
     }
   );
-}, $ = () => rt(Bt), zt = at({}), he = ({ children: a, user: e, url: l }) => {
-  const n = kt.create({
-    baseURL: l,
+}, B = () => rt($t), Bt = at({}), pe = ({ children: a, user: e, url: s }) => {
+  const n = At.create({
+    baseURL: s,
     headers: {
       Authorization: `Bearer ${e.accessToken}`
     },
     paramsSerializer: (r) => St.stringify(r, { encodeValuesOnly: !0 })
   });
   return /* @__PURE__ */ t(
-    zt.Provider,
+    Bt.Provider,
     {
       value: {
         //properties
@@ -513,29 +478,30 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
       children: a
     }
   );
-}, X = () => rt(zt), Lt = at({}), xe = ({ children: a, project: e }) => {
-  var N;
-  const l = et(), [n, r] = v([]), [s, i] = v([]), { tasks_api: d } = $(), { filters: o } = R(), { user: g } = X(), [u, y] = v({
+}, X = () => rt(Bt), zt = at({}), ge = ({ children: a, project: e }) => {
+  var v;
+  const s = et(), [n, r] = y([]), [l, i] = y([]), { tasks_api: d } = B(), { filters: o } = U(), { user: g } = X(), [m, b] = y({
     owner: {
       user: g.id,
-      config: ((N = o == null ? void 0 : o.owner) == null ? void 0 : N.config) ?? "yo_y_mis_equipos"
+      config: ((v = o == null ? void 0 : o.owner) == null ? void 0 : v.config) ?? "yo_y_mis_equipos"
     },
     project: {
       id: e
     }
-  }), h = ct({
+  }), x = ct({
     queryKey: ["tasksProject", o, e],
-    queryFn: () => pe({
+    queryFn: () => ue({
       filters: {
-        ...u
+        ...m,
+        taskName: o == null ? void 0 : o.taskName
       },
       project: e,
       tasks_api: d
     })
   });
-  T(() => {
+  q(() => {
     var C;
-    Object.keys(o).length > 0 && y({
+    Object.keys(o).length > 0 && b({
       ...o,
       owner: {
         user: g.id,
@@ -545,33 +511,33 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
         id: e
       }
     });
-  }, [o]), T(() => {
-    l.invalidateQueries({
+  }, [o]), q(() => {
+    console.log("entraaaaa kanabn", o, m), s.invalidateQueries({
       queryKey: ["tasksProject", o, e]
     });
-  }, [u]);
-  const m = (C) => {
-    r((P) => [...P, C]);
-  }, b = (C) => {
-    i((P) => P.includes(C) ? P.filter((j) => j !== C) : [...P, C]);
+  }, [m]);
+  const u = (C) => {
+    r((T) => [...T, C]);
+  }, h = (C) => {
+    i((T) => T.includes(C) ? T.filter((k) => k !== C) : [...T, C]);
   }, _ = e ?? null;
   return /* @__PURE__ */ t(
-    Lt.Provider,
+    zt.Provider,
     {
       value: {
         //properties
-        tasksProject: h,
+        tasksProject: x,
         selectedTasks: n,
         projectID: _,
-        openTasks: s,
+        openTasks: l,
         //methods
-        selectTask: m,
-        openTask: b
+        selectTask: u,
+        openTask: h
       },
       children: a
     }
   );
-}, lt = () => rt(Lt), fe = [
+}, st = () => rt(zt), he = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -622,8 +588,18 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
       name: "Muy dificil"
     }]
   }
-], st = () => {
-  const { tasks_api: a } = $(), { user: e } = X(), { filters: l, path: n } = R(), r = et(), { projectID: s } = lt(), i = async ({ id: f }) => (await a.put(`/api/tareas/${f}`, {
+], xe = () => /* @__PURE__ */ c("div", { className: "tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4", children: [
+  /* @__PURE__ */ c("div", { className: "tw-flex tw-h-[30px] tw-gap-3", children: [
+    /* @__PURE__ */ t("div", { className: "tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full" }),
+    /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-bg-gray-300" }),
+    /* @__PURE__ */ t("div", { className: "tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full" })
+  ] }),
+  /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]", children: [
+    /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-[30px] tw-bg-gray-300" }),
+    /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-[30px] tw-bg-gray-300" })
+  ] })
+] }), lt = () => {
+  const { tasks_api: a } = B(), { user: e } = X(), { filters: s, path: n } = U(), r = et(), { projectID: l } = st(), i = async ({ id: f }) => (await a.put(`/api/tareas/${f}`, {
     data: {
       estatus: 1,
       responsable: e == null ? void 0 : e.id,
@@ -633,30 +609,30 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
     id_task: f,
     ended_at: (/* @__PURE__ */ new Date()).toISOString(),
     id_user: e == null ? void 0 : e.id
-  })).data, o = async ({ id: f, repeats: x }) => (await a.put(`/api/tareas/${f}`, {
+  })).data, o = async ({ id: f, repeats: N }) => (await a.put(`/api/tareas/${f}`, {
     data: {
-      repeticiones_realizadas: x,
+      repeticiones_realizadas: N,
       updated_by: e == null ? void 0 : e.id
     }
   })).data, g = async ({
     id: f,
-    idNewResponsible: x,
-    typeOfSelect: q
+    idNewResponsible: N,
+    typeOfSelect: j
   }) => {
-    let B = {
+    let F = {
       updated_by: e == null ? void 0 : e.id
     };
-    return q === "responsible" && (B = { ...B, responsable: x }), q === "team" && (B = {
-      ...B,
+    return j === "responsible" && (F = { ...F, responsable: N }), j === "team" && (F = {
+      ...F,
       responsable: null,
-      equipo: x
+      equipo: N
     }), (await a.put(`/api/tareas/${f}`, {
-      data: B
+      data: F
     })).data;
-  }, u = async ({ id: f, data: x, user: q }) => {
-  }, y = async ({ id: f }) => {
-    await h({ id: f });
-  }, { mutateAsync: h } = it({
+  }, m = async ({ id: f, data: N, user: j }) => {
+  }, b = async ({ id: f }) => {
+    await x({ id: f });
+  }, { mutateAsync: x } = it({
     mutationFn: i,
     onSuccess: () => {
       const f = {
@@ -664,11 +640,11 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
         "kanban-campania": "tasksProject"
       };
       try {
-        n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], l] }), r.invalidateQueries({ queryKey: ["working_tasks", l] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
-          queryKey: ["tasksProject", l, s]
+        n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], s] }), r.invalidateQueries({ queryKey: ["working_tasks", s] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
+          queryKey: ["tasksProject", s, l]
         }));
-      } catch (x) {
-        console.error("Error updating the element:", x);
+      } catch (N) {
+        console.error("Error updating the element:", N);
       }
     },
     onError: (f) => {
@@ -677,7 +653,7 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
     onMutate: async ({ id: f }) => {
       await r.cancelQueries({ queryKey: ["working_tasks"] }), await r.cancelQueries({ queryKey: ["to_do_tasks"] });
     }
-  }), { mutateAsync: m } = it({
+  }), { mutateAsync: u } = it({
     mutationFn: d,
     onSuccess: () => {
       const f = {
@@ -685,13 +661,13 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
         "kanban-campania": "tasksProject"
       };
       try {
-        r.setQueryData([f[n], l], (x) => {
-          console.log({ oldData: x });
-        }), n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], l] }), r.invalidateQueries({ queryKey: ["done_tasks", l] }), r.invalidateQueries({ queryKey: ["working_tasks", l] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
-          queryKey: ["tasksProject", l, s]
+        r.setQueryData([f[n], s], (N) => {
+          console.log({ oldData: N });
+        }), n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], s] }), r.invalidateQueries({ queryKey: ["done_tasks", s] }), r.invalidateQueries({ queryKey: ["working_tasks", s] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
+          queryKey: ["tasksProject", s, l]
         }));
-      } catch (x) {
-        console.error("Error invalidating queries:", x);
+      } catch (N) {
+        console.error("Error invalidating queries:", N);
       }
     },
     onError: (f) => {
@@ -700,7 +676,7 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
     onMutate: async ({ id: f }) => {
       await r.cancelQueries({ queryKey: ["working_tasks"] }), await r.cancelQueries({ queryKey: ["done_tasks"] }), await r.cancelQueries({ queryKey: ["to_do_tasks"] });
     }
-  }), { mutateAsync: b } = it({
+  }), { mutateAsync: h } = it({
     mutationFn: o,
     onSuccess: () => {
       const f = {
@@ -708,11 +684,11 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
         "kanban-campania": "tasksProject"
       };
       try {
-        n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], l] }), r.invalidateQueries({ queryKey: ["done_tasks", l] }), r.invalidateQueries({ queryKey: ["working_tasks", l] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
-          queryKey: ["tasksProject", l, s]
+        n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], s] }), r.invalidateQueries({ queryKey: ["done_tasks", s] }), r.invalidateQueries({ queryKey: ["working_tasks", s] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
+          queryKey: ["tasksProject", s, l]
         }));
-      } catch (x) {
-        console.error("Error invalidating queries:", x);
+      } catch (N) {
+        console.error("Error invalidating queries:", N);
       }
     },
     onError: (f) => {
@@ -729,11 +705,11 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
         "kanban-campania": "tasksProject"
       };
       try {
-        n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], l] }), r.invalidateQueries({ queryKey: ["done_tasks", l] }), r.invalidateQueries({ queryKey: ["working_tasks", l] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
-          queryKey: ["tasksProject", l, s]
+        n === "kanban-general" && (r.invalidateQueries({ queryKey: [f[n], s] }), r.invalidateQueries({ queryKey: ["done_tasks", s] }), r.invalidateQueries({ queryKey: ["working_tasks", s] })), n === "kanban-campania" && (r.invalidateQueries({ queryKey: ["tasksProject"] }), r.invalidateQueries({
+          queryKey: ["tasksProject", s, l]
         }));
-      } catch (x) {
-        console.error("Error invalidating queries:", x);
+      } catch (N) {
+        console.error("Error invalidating queries:", N);
       }
     },
     onError: (f) => {
@@ -745,44 +721,44 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
   });
   return {
     //* Methods
-    updateTask: u,
-    startWorking: y,
+    updateTask: m,
+    startWorking: b,
     completeTask: async ({ id: f }) => {
-      await m({ id: f });
+      await u({ id: f });
     },
-    reasignResponsible: async ({ id: f, idNewResponsible: x, typeOfSelect: q }) => {
-      await _({ id: f, idNewResponsible: x, typeOfSelect: q });
+    reasignResponsible: async ({ id: f, idNewResponsible: N, typeOfSelect: j }) => {
+      await _({ id: f, idNewResponsible: N, typeOfSelect: j });
     },
-    updateUnitys: async ({ repeats: f, id: x }) => {
-      await b({ repeats: f, id: x });
+    updateUnitys: async ({ repeats: f, id: N }) => {
+      await h({ repeats: f, id: N });
     },
-    pauseTask: async ({ id: f, motiveId: x }) => {
-      console.log({ taksId: f, motivoId: x, user: e == null ? void 0 : e.id });
+    pauseTask: async ({ id: f, motiveId: N }) => {
+      console.log({ taksId: f, motivoId: N, user: e == null ? void 0 : e.id });
     }
   };
-}, be = ({ id: a }) => {
-  const [e, l] = v(!1), { completeTask: n } = st();
+}, fe = ({ id: a }) => {
+  const [e, s] = y(!1), { completeTask: n } = lt();
   return { checked: e, checkTask: () => {
-    l(!e), n({ id: a });
+    s(!e), n({ id: a });
   } };
-}, Rt = ({ id: a, nameRequiredTask: e, statusRequiredTask: l, status: n }) => {
-  const { checked: r, checkTask: s } = be({ id: a });
+}, Lt = ({ id: a, nameRequiredTask: e, statusRequiredTask: s, status: n }) => {
+  const { checked: r, checkTask: l } = fe({ id: a });
   let i = Math.random().toString();
-  return /* @__PURE__ */ c(E, { children: [
+  return /* @__PURE__ */ c($, { children: [
     n === 2 && /* @__PURE__ */ t(
       "div",
       {
         className: "tw-bg-success-regular tw-rounded-full tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all",
-        children: /* @__PURE__ */ t(F, { icon: "circle_checked", color: "white", strokeWidth: 4, size: "xs" })
+        children: /* @__PURE__ */ t(P, { icon: "circle_checked", color: "white", strokeWidth: 4, size: "xs" })
       }
     ),
-    e !== "" && l === 2 || !e ? n === 1 ? /* @__PURE__ */ t(
+    e !== "" && s === 2 || !e ? n === 1 ? /* @__PURE__ */ t(
       "label",
       {
         htmlFor: i,
         className: r ? "tw-bg-success-regular tw-rounded-full tw-w-[20px] tw-h-[20px] tw-flex tw-items-center tw-justify-center tw-mx-[2px] tw-transition-all" : "tw-transition-colors",
         children: /* @__PURE__ */ t(
-          F,
+          P,
           {
             icon: r ? "check_outline" : "circle_checked",
             color: r ? "white" : p.texts.placeholder,
@@ -791,11 +767,11 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
           }
         )
       }
-    ) : /* @__PURE__ */ t(E, { children: " " }) : /* @__PURE__ */ t(
-      L,
+    ) : /* @__PURE__ */ t($, { children: " " }) : /* @__PURE__ */ t(
+      K,
       {
         dispatch: /* @__PURE__ */ t("label", { className: "tw-cursor-help", children: /* @__PURE__ */ t(
-          F,
+          P,
           {
             icon: "info_circle",
             color: p.warning.regular,
@@ -817,17 +793,17 @@ const pe = async ({ filters: a, tasks_api: e, project: l }) => {
       {
         id: i,
         checked: r,
-        onChange: s,
+        onChange: l,
         type: "checkbox",
         className: "tw-hidden"
       }
     )
   ] });
-}, qt = ({ trigger: a, user: e, showUser: l = !0 }) => /* @__PURE__ */ t(L, { dispatch: a, children: l && /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: [
-  /* @__PURE__ */ t(O, { imageUrl: e.image ?? "", alt: e.name }),
+}, qt = ({ trigger: a, user: e, showUser: s = !0 }) => /* @__PURE__ */ t(K, { dispatch: a, children: s && /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: [
+  /* @__PURE__ */ t(Q, { imageUrl: e.image ?? "", alt: e.name }),
   /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: e.name })
 ] }) });
-class ye {
+class be {
   static toDomain(e) {
     return {
       id: e.id,
@@ -836,23 +812,23 @@ class ye {
     };
   }
 }
-const ve = () => {
-  const { tasks_api: a } = $();
+const ye = () => {
+  const { tasks_api: a } = B();
   return { teams: ct({
     queryKey: ["teams", "all"],
     queryFn: async () => {
-      const l = await a.get("/api/equipos");
-      return G(l.data).map(ye.toDomain);
+      const s = await a.get("/api/equipos");
+      return G(s.data).map(be.toDomain);
     }
   }) };
 };
 class Ne {
   static toUsers(e) {
-    var l, n, r;
+    var s, n, r;
     return {
       id: e.id,
       name: e.nombre,
-      image: (r = (n = (l = e.imagen) == null ? void 0 : l.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : r.url,
+      image: (r = (n = (s = e.imagen) == null ? void 0 : s.formats) == null ? void 0 : n.thumbnail) == null ? void 0 : r.url,
       tasksUser: {
         email: e.tasksUser.email,
         id: e.tasksUser.id,
@@ -861,7 +837,7 @@ class Ne {
     };
   }
 }
-const _e = async ({
+const ve = async ({
   tasks_api: a
 }) => {
   try {
@@ -870,100 +846,100 @@ const _e = async ({
   } catch (e) {
     throw console.log("Error al obtener los usuarios comerciales", e), `Error al obtener los usuarios comerciales: ${e}`;
   }
-}, Ce = () => {
-  const { tasks_api: a } = $();
+}, _e = () => {
+  const { tasks_api: a } = B();
   return {
     users: ct({
       queryKey: ["users"],
-      queryFn: () => _e({ tasks_api: a }),
+      queryFn: () => ve({ tasks_api: a }),
       staleTime: 1e3 * 60 * 60 * 24
     })
   };
 }, ht = (a) => new Intl.DateTimeFormat("es-MX", { month: "long" }).format(a);
-function Fe(a) {
-  const e = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], l = new Date(a).getDay();
-  return e[l];
+function Ce(a) {
+  const e = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], s = new Date(a).getDay();
+  return e[s];
 }
 const jt = (a) => {
-  let e = a || /* @__PURE__ */ new Date(), l = e.getDate(), n = ht(e.getMonth()).slice(0, 3), r = e.getFullYear().toString().slice(-2), s = Fe(e).slice(0, 3);
-  return `${s.charAt(0).toUpperCase() + s.slice(1)} ${l} ${n.charAt(0).toUpperCase() + n.slice(1)} ${r}`;
+  let e = a || /* @__PURE__ */ new Date(), s = e.getDate(), n = ht(e.getMonth()).slice(0, 3), r = e.getFullYear().toString().slice(-2), l = Ce(e).slice(0, 3);
+  return `${l.charAt(0).toUpperCase() + l.slice(1)} ${s} ${n.charAt(0).toUpperCase() + n.slice(1)} ${r}`;
 }, xt = (a, e) => ({
   ...a,
   image: a.image ? `${e}${a.image}` : ""
-}), Kt = ({
+}), Rt = ({
   users: a,
   onClick: e,
-  responsible: l
+  responsible: s
 }) => {
-  const { getOBPUrlApi: n } = $();
+  const { getOBPUrlApi: n } = B();
   let r = `button-assign-users-${Math.random().toString(36).substring(2, 15)}`;
-  const { setElementPosition: s, position: i, clearPosition: d } = pt(), o = Y(null), g = () => l ? null : a.length > 3 && /* @__PURE__ */ t(
-    L,
+  const { setElementPosition: l, position: i, clearPosition: d } = pt(), o = Y(null), g = () => s ? null : a.length > 3 && /* @__PURE__ */ t(
+    K,
     {
       dispatch: /* @__PURE__ */ t("div", { className: "tw-w-[28px] tw-h-[28px] tw-rounded-full tw-bg-primary-regular tw-flex tw-items-center tw-justify-center tw-border-2 tw-border-white tw-ml-[-8px]", children: /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-white ", children: `+${a.length - 3}` }) }),
-      children: /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: a == null ? void 0 : a.slice(3).map((m, b) => /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 ", children: [
-        /* @__PURE__ */ t(O, { imageUrl: m.image ?? "", alt: m.name }, b),
-        /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: m.name })
-      ] }, b)) })
+      children: /* @__PURE__ */ t("div", { className: "tw-bg-bg-card tw-w-fit tw-h-fit tw-p-2 tw-rounded-lg tw-border-containers", children: a == null ? void 0 : a.slice(3).map((u, h) => /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2 ", children: [
+        /* @__PURE__ */ t(Q, { imageUrl: u.image ?? "", alt: u.name }, h),
+        /* @__PURE__ */ t("p", { className: "tw-text-s tw-font-bold tw-text-texts-subtext", children: u.name })
+      ] }, h)) })
     }
-  ), u = () => {
-    if (l) {
-      let m = a.find(
-        (b) => b.id === l
+  ), m = () => {
+    if (s) {
+      let u = a.find(
+        (h) => h.id === s
       );
       return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         qt,
         {
           trigger: /* @__PURE__ */ t(
-            O,
+            Q,
             {
-              imageUrl: m == null ? void 0 : m.image,
-              alt: m == null ? void 0 : m.name
+              imageUrl: u == null ? void 0 : u.image,
+              alt: u == null ? void 0 : u.name
             },
-            l
+            s
           ),
-          user: m,
+          user: u,
           showUser: !(i != null && i.x)
         }
       ) });
     }
-    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((m, b) => /* @__PURE__ */ t("div", { className: `${b === 0 ? "" : "tw-ml-[-8px]"}`, children: /* @__PURE__ */ t(
+    return (a == null ? void 0 : a.length) > 0 && a.slice(0, 3).map((u, h) => /* @__PURE__ */ t("div", { className: `${h === 0 ? "" : "tw-ml-[-8px]"}`, children: /* @__PURE__ */ t(
       qt,
       {
-        trigger: /* @__PURE__ */ t(O, { imageUrl: m.image, alt: m.name }, b),
-        user: m,
+        trigger: /* @__PURE__ */ t(Q, { imageUrl: u.image, alt: u.name }, h),
+        user: u,
         showUser: !(i != null && i.x)
       }
     ) }));
-  }, y = ({ children: m }) => /* @__PURE__ */ t(
+  }, b = ({ children: u }) => /* @__PURE__ */ t(
     "label",
     {
       ref: o,
       htmlFor: r,
       className: "tw-cursor-pointer tw-flex tw-items-center",
-      children: m
+      children: u
     }
   );
   if (a.length === 0)
-    return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(F, { icon: "user", size: "xs", strokeWidth: 3 }) });
-  const h = () => {
+    return /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(P, { icon: "user", size: "xs", strokeWidth: 3 }) });
+  const x = () => {
     var f;
-    const [m, b] = v(), [_, N] = v("team"), { teams: C } = ve(), { users: P } = Ce();
-    T(() => {
-      var x, q;
-      o.current && b(((i == null ? void 0 : i.x) ?? 0) - (((q = (x = o.current) == null ? void 0 : x.getBoundingClientRect()) == null ? void 0 : q.width) ?? 0));
+    const [u, h] = y(), [_, v] = y("team"), { teams: C } = ye(), { users: T } = _e();
+    q(() => {
+      var N, j;
+      o.current && h(((i == null ? void 0 : i.x) ?? 0) - (((j = (N = o.current) == null ? void 0 : N.getBoundingClientRect()) == null ? void 0 : j.width) ?? 0));
     }, [o == null ? void 0 : o.current, i == null ? void 0 : i.x]);
-    const j = () => {
-      const x = [
+    const k = () => {
+      const N = [
         { id: "team", label: "Equipo" },
         { id: "responsible", label: "Responsable" }
       ];
-      return /* @__PURE__ */ t("div", { className: "tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold", children: x.map((q, B) => /* @__PURE__ */ t(
+      return /* @__PURE__ */ t("div", { className: "tw-w-full tw-flex tw-justify-center tw-gap-l tw-text-texts-placeholder tw-font-bold", children: N.map((j, F) => /* @__PURE__ */ t(
         "button",
         {
-          className: `tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${_ === q.id ? "tw-text-primary-pastel" : ""} ${B === x.length - 1 ? "tw-border-r-0" : " tw-border-r-2"}`,
-          onClick: () => N(q.id),
-          children: q.label
+          className: `tw-w-full tw-text-sm tw-border-texts-placeholder tw-text-center ${_ === j.id ? "tw-text-primary-pastel" : ""} ${F === N.length - 1 ? "tw-border-r-0" : " tw-border-r-2"}`,
+          onClick: () => v(j.id),
+          children: j.label
         }
       )) });
     };
@@ -972,21 +948,21 @@ const jt = (a) => {
         "div",
         {
           "data-portal-host": !0,
-          className: `absolute tw-w-[300px] tw-h-fit ${m ? "tw-block" : "tw-hidden"}`,
-          style: { top: `${i == null ? void 0 : i.y}px`, left: `${m}px`, zIndex: 1 },
+          className: `absolute tw-w-[300px] tw-h-fit ${u ? "tw-block" : "tw-hidden"}`,
+          style: { top: `${i == null ? void 0 : i.y}px`, left: `${u}px`, zIndex: 1 },
           children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-m tw-bg-bg-card tw-border-cards tw-rounded-lg tw-p-2 tw-max-h-[200px] tw-overflow-y-hidden", children: [
-            /* @__PURE__ */ t(j, {}),
+            /* @__PURE__ */ t(k, {}),
             /* @__PURE__ */ t(
               gt,
               {
-                options: _ === "team" ? C.data.map((x) => ({
-                  id: x.id,
-                  name: x.name,
+                options: _ === "team" ? C.data.map((N) => ({
+                  id: N.id,
+                  name: N.name,
                   image: ""
-                })) : (f = P.data) == null ? void 0 : f.map((x) => xt(x, n())),
-                onselect: (x) => {
-                  var q;
-                  d(), e && e((q = x.tasksUser) == null ? void 0 : q.id, _);
+                })) : (f = T.data) == null ? void 0 : f.map((N) => xt(N, n())),
+                onselect: (N) => {
+                  var j;
+                  d(), e && e((j = N.tasksUser) == null ? void 0 : j.id, _);
                 }
               }
             )
@@ -996,9 +972,9 @@ const jt = (a) => {
       document.body
     );
   };
-  return /* @__PURE__ */ c(E, { children: [
-    /* @__PURE__ */ c(y, { children: [
-      u(),
+  return /* @__PURE__ */ c($, { children: [
+    /* @__PURE__ */ c(b, { children: [
+      m(),
       g()
     ] }),
     /* @__PURE__ */ t(
@@ -1006,25 +982,25 @@ const jt = (a) => {
       {
         className: "tw-hidden",
         id: r,
-        onClick: () => s(o)
+        onClick: () => l(o)
       }
     ),
-    /* @__PURE__ */ t(h, {})
+    /* @__PURE__ */ t(x, {})
   ] });
 };
-function Pe({ items: a }) {
+function Fe({ items: a }) {
   var n;
-  const [e, l] = v(1);
-  return /* @__PURE__ */ c(E, { children: [
-    /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4", children: a.map((r, s) => /* @__PURE__ */ t(
+  const [e, s] = y(1);
+  return /* @__PURE__ */ c($, { children: [
+    /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-mb-2 tw-border-b tw-border-neutral-100 tw-bg-white tw-mt-4", children: a.map((r, l) => /* @__PURE__ */ t(
       "div",
       {
-        className: `tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${s !== 0 ? "tw-px-3" : ""}`,
+        className: `tw-border-r tw-border-neutral-100 tw-pr-3 tw-py-1 ${l !== 0 ? "tw-px-3" : ""}`,
         children: /* @__PURE__ */ t(
           Mt,
           {
             variant: "ghost",
-            onClick: () => l(r.id),
+            onClick: () => s(r.id),
             className: `tw-text-xl tw-font-normal rounded-none tw-py-1 tw-h-12 ${e === r.id ? "tw-text-primary tw-border-b tw-border-primary" : "tw-text-neutral-400 tw-border-b-0"}`,
             children: r.label
           },
@@ -1036,15 +1012,15 @@ function Pe({ items: a }) {
     /* @__PURE__ */ t("div", { className: "tw-pt-4 tw-flex-1 tw-overflow-y-auto tw-bg-white", children: (n = a.find((r) => r.id === e)) == null ? void 0 : n.component })
   ] });
 }
-function Te({ comment: a }) {
-  var r, s, i, d, o;
-  const { getImageOBP: e } = $(), l = (d = (i = (s = (r = a == null ? void 0 : a.autor) == null ? void 0 : r.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url;
+function Pe({ comment: a }) {
+  var r, l, i, d, o;
+  const { getImageOBP: e } = B(), s = (d = (i = (l = (r = a == null ? void 0 : a.autor) == null ? void 0 : r.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url;
   function n(g) {
-    const u = Zt(g);
-    return Jt(u, { locale: mt, addSuffix: !0 });
+    const m = Xt(g);
+    return Zt(m, { locale: mt, addSuffix: !0 });
   }
   return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-gap-3 tw-items-start", children: [
-    /* @__PURE__ */ t(O, { size: "xxl", imageUrl: l ? e(l) : "", alt: "@shadcn" }),
+    /* @__PURE__ */ t(Q, { size: "xxl", imageUrl: s ? e(s) : "", alt: "@shadcn" }),
     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-1", children: [
       /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-gap-2", children: [
         /* @__PURE__ */ t("p", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: (o = a == null ? void 0 : a.autor) == null ? void 0 : o.nombre }),
@@ -1054,21 +1030,21 @@ function Te({ comment: a }) {
     ] })
   ] }) });
 }
-function qe({ currentUser: a, data: e, taskId: l, onNewComment: n }) {
-  var m, b, _;
-  const { tasks_api: r, getImageOBP: s } = $(), { register: i, handleSubmit: d, reset: o } = le(), [g, u] = v([]), y = (_ = (b = (m = a == null ? void 0 : a.imagen) == null ? void 0 : m.formats) == null ? void 0 : b.thumbnail) == null ? void 0 : _.url;
-  return T(() => {
+function Te({ currentUser: a, data: e, taskId: s, onNewComment: n }) {
+  var u, h, _;
+  const { tasks_api: r, getImageOBP: l } = B(), { register: i, handleSubmit: d, reset: o } = ne(), [g, m] = y([]), b = (_ = (h = (u = a == null ? void 0 : a.imagen) == null ? void 0 : u.formats) == null ? void 0 : h.thumbnail) == null ? void 0 : _.url;
+  return q(() => {
     if (e != null && e.comentarios) {
-      const N = [...e.comentarios].sort(
-        (C, P) => new Date(P.createdAt).getTime() - new Date(C.createdAt).getTime()
+      const v = [...e.comentarios].sort(
+        (C, T) => new Date(T.createdAt).getTime() - new Date(C.createdAt).getTime()
       );
-      u(N);
+      m(v);
     }
   }, [e]), /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-h-full tw-gap-4", children: [
     /* @__PURE__ */ c(
       "form",
       {
-        onSubmit: d(async (N) => {
+        onSubmit: d(async (v) => {
           try {
             const C = {
               autor: {
@@ -1077,25 +1053,25 @@ function qe({ currentUser: a, data: e, taskId: l, onNewComment: n }) {
                 nombre: a == null ? void 0 : a.nombre,
                 imagen: a == null ? void 0 : a.imagen
               },
-              comentario: N == null ? void 0 : N.comment,
+              comentario: v == null ? void 0 : v.comment,
               createdAt: (/* @__PURE__ */ new Date()).toISOString()
             };
             await r.post("/api/comentarios", {
               data: {
                 autor: a == null ? void 0 : a.id,
-                comentario: N.comment,
-                tarea: l
+                comentario: v.comment,
+                tarea: s
               }
-            }), n(!0), u((P) => [C, ...P]), o();
+            }), n(!0), m((T) => [C, ...T]), o();
           } catch (C) {
             console.error("Error al agregar comentario:", C);
           }
         }),
         className: "tw-flex tw-flex-row tw-items-center tw-gap-3",
         children: [
-          /* @__PURE__ */ t(O, { size: "xxl", imageUrl: y ? s(y) : "", alt: "@shadcn" }),
+          /* @__PURE__ */ t(Q, { size: "xxl", imageUrl: b ? l(b) : "", alt: "@shadcn" }),
           /* @__PURE__ */ t(
-            Vt,
+            Jt,
             {
               ...i("comment", { required: !0 }),
               autoComplete: "off",
@@ -1106,10 +1082,10 @@ function qe({ currentUser: a, data: e, taskId: l, onNewComment: n }) {
         ]
       }
     ),
-    g && g.map((N, C) => /* @__PURE__ */ t(Te, { comment: N }, C))
+    g && g.map((v, C) => /* @__PURE__ */ t(Pe, { comment: v }, C))
   ] });
 }
-function je({ data: a }) {
+function qe({ data: a }) {
   const e = {
     0: {
       color: "tw-bg-gray-400",
@@ -1127,25 +1103,25 @@ function je({ data: a }) {
       color: "tw-bg-success-regular",
       label: "Finalizada"
     }
-  }, l = (n) => n ? Dt(new Date(n), "d MMM", { locale: mt }) : "";
+  }, s = (n) => n ? Dt(new Date(n), "d MMM", { locale: mt }) : "";
   return /* @__PURE__ */ c("div", { children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-center tw-gap-4", children: [
-      /* @__PURE__ */ t(te, { className: "tw-text-2xl tw-font-medium tw-text-neutral-900", children: "Tareas dependientes" }),
+      /* @__PURE__ */ t(Vt, { className: "tw-text-2xl tw-font-medium tw-text-neutral-900", children: "Tareas dependientes" }),
       /* @__PURE__ */ t("span", { className: "tw-text-lg tw-font-normal tw-text-neutral-600 tw-bg-[#E1EBF9] tw-w-10 tw-h-10 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-primary", children: a == null ? void 0 : a.length })
     ] }),
     /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-2 tw-border tw-border-neutral-200 tw-rounded-lg tw-mt-3", children: a == null ? void 0 : a.map((n) => {
-      var r, s, i, d, o;
+      var r, l, i, d, o;
       return /* @__PURE__ */ c(
         "div",
         {
           className: "tw-flex tw-flex-row tw-w-full tw-items-center tw-justify-between tw-gap-s tw-border-b tw-border-neutral-200 tw-py-1 tw-px-2",
           children: [
             /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2", children: [
-              /* @__PURE__ */ t(O, { imageUrl: (d = (i = (s = (r = n.responsable) == null ? void 0 : r.image) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }),
+              /* @__PURE__ */ t(Q, { imageUrl: (d = (i = (l = (r = n.responsable) == null ? void 0 : r.image) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }),
               /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal tw-w-[400px] tw-text-nowrap tw-text-ellipsis tw-overflow-hidden", children: n == null ? void 0 : n.texto_corto })
             ] }),
             /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-1", children: [
-              /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal", children: l(n == null ? void 0 : n.createdAt) }),
+              /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal", children: s(n == null ? void 0 : n.createdAt) }),
               /* @__PURE__ */ t(
                 "div",
                 {
@@ -1160,24 +1136,24 @@ function je({ data: a }) {
     }) })
   ] });
 }
-function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
-  var P, j, f, x, q, B, W, Q, z, w, A, D;
-  const [n, r] = v(null), [s, i] = v(!1), [d, o] = v(!1), [g, u] = v(null), y = (x = (f = (j = (P = n == null ? void 0 : n.responsable) == null ? void 0 : P.imagen) == null ? void 0 : j.formats) == null ? void 0 : f.thumbnail) == null ? void 0 : x.url, { tasks_api: h, getImageOBP: m } = $(), { user: b } = X();
-  T(() => {
-    if (a && l || s) {
-      const k = async () => {
-        const S = await h.get(`/api/detalleTarea/${l}`);
-        r(S == null ? void 0 : S.data);
-      }, K = async () => {
-        var U, H;
-        const S = await h.get(`/api/users/${b.id}`), M = await h.post("/api/obtenerUsuarioOBP/", {
-          emailList: [(U = S == null ? void 0 : S.data) == null ? void 0 : U.email]
+function je({ isOpen: a, setIsOpen: e, taskId: s }) {
+  var T, k, f, N, j, F, z, L, R, w, A, M;
+  const [n, r] = y(null), [l, i] = y(!1), [d, o] = y(!1), [g, m] = y(null), b = (N = (f = (k = (T = n == null ? void 0 : n.responsable) == null ? void 0 : T.imagen) == null ? void 0 : k.formats) == null ? void 0 : f.thumbnail) == null ? void 0 : N.url, { tasks_api: x, getImageOBP: u } = B(), { user: h } = X();
+  q(() => {
+    if (a && s || l) {
+      const S = async () => {
+        const D = await x.get(`/api/detalleTarea/${s}`);
+        r(D == null ? void 0 : D.data);
+      }, I = async () => {
+        var O, H;
+        const D = await x.get(`/api/users/${h.id}`), E = await x.post("/api/obtenerUsuarioOBP/", {
+          emailList: [(O = D == null ? void 0 : D.data) == null ? void 0 : O.email]
         });
-        u((H = M == null ? void 0 : M.data) == null ? void 0 : H.data[0]);
+        m((H = E == null ? void 0 : E.data) == null ? void 0 : H.data[0]);
       };
-      k(), K();
+      S(), I();
     }
-  }, [a, l, s]);
+  }, [a, s, l]);
   const _ = {
     0: {
       label: "Sin prioridad",
@@ -1199,16 +1175,16 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
       color: "tw-text-danger-regular",
       iconColor: "#C34335"
     }
-  }, N = (k) => k ? Dt(k, "d MMM yyyy, h:mmaaa", {
+  }, v = (S) => S ? Dt(S, "d MMM yyyy, h:mmaaa", {
     locale: mt
   }) : "Fecha no disponible", C = [
     {
       id: 1,
       label: "Todo",
       component: /* @__PURE__ */ t(
-        qe,
+        Te,
         {
-          taskId: l,
+          taskId: s,
           currentUser: g,
           data: n,
           onNewComment: i
@@ -1218,11 +1194,11 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
     {
       id: 2,
       label: "Dependencias",
-      component: /* @__PURE__ */ t(je, { data: n == null ? void 0 : n.ids_t_dependientes })
+      component: /* @__PURE__ */ t(qe, { data: n == null ? void 0 : n.ids_t_dependientes })
     }
   ];
   return a && nt.createPortal(
-    /* @__PURE__ */ c(E, { children: [
+    /* @__PURE__ */ c($, { children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -1237,7 +1213,7 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
           children: /* @__PURE__ */ c("div", { className: "tw-flex tw-w-full tw-h-full tw-flex-col tw-overflow-y-scroll tw-bg-white tw-border-none tw-shadow-xl tw-px-6 tw-py-10", children: [
             /* @__PURE__ */ c("div", { className: "tw-w-full tw-flex tw-items-center tw-flex-row tw-justify-between tw-pb-4 tw-gap-10 tw-border-none", children: [
               /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-start tw-gap-2 tw-relative", children: [
-                ((q = n == null ? void 0 : n.id_t_requerida) == null ? void 0 : q.id) && /* @__PURE__ */ c(E, { children: [
+                ((j = n == null ? void 0 : n.id_t_requerida) == null ? void 0 : j.id) && /* @__PURE__ */ c($, { children: [
                   /* @__PURE__ */ t(
                     "div",
                     {
@@ -1245,7 +1221,7 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
                       onMouseOver: () => o(!0),
                       onMouseLeave: () => o(!1),
                       children: /* @__PURE__ */ t(
-                        F,
+                        P,
                         {
                           icon: "info_circle",
                           color: p.warning.regular,
@@ -1263,7 +1239,7 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
                       className: "tw-p-l tw-max-w-[400px] tw-absolute tw-w-fit tw-bg-warning-light tw-rounded-lg tw-border-l-[5px] tw-border-warning-regular tw-text-warning-dark tw-text-xs tw-flex tw-flex-col tw-gap-m",
                       children: [
                         /* @__PURE__ */ t("p", { className: "tw-font-bold", children: "Requiere completar su tarea requerida:" }),
-                        /* @__PURE__ */ t("p", { className: "tw-text-2xl tw-text-neutral-600 tw-font-normal", children: (B = n == null ? void 0 : n.id_t_requerida) == null ? void 0 : B.texto_corto })
+                        /* @__PURE__ */ t("p", { className: "tw-text-2xl tw-text-neutral-600 tw-font-normal", children: (F = n == null ? void 0 : n.id_t_requerida) == null ? void 0 : F.texto_corto })
                       ]
                     }
                   )
@@ -1277,7 +1253,7 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
                   size: "sm",
                   onClick: () => e(!1),
                   className: "tw-bg-neutral-100 tw-w-12 tw-h-12",
-                  children: /* @__PURE__ */ t(F, { icon: "x_outline" })
+                  children: /* @__PURE__ */ t(P, { icon: "x_outline" })
                 }
               )
             ] }),
@@ -1291,38 +1267,38 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
               /* @__PURE__ */ t("p", { className: "tw-text-neutral-600 tw-font-normal tw-text-sm", children: (n == null ? void 0 : n.texto_largo) ?? "Sin descripción" })
             ] }),
             /* @__PURE__ */ t(
-              ee,
+              te,
               {
                 type: "single",
                 collapsible: !0,
                 defaultValue: "item-1",
                 className: "tw-w-full tw-flex tw-flex-col tw-border tw-border-neutral-200 tw-rounded-xl tw-mt-6",
-                children: /* @__PURE__ */ c(ae, { value: "item-1", className: "tw-border-none", children: [
-                  /* @__PURE__ */ t(re, { className: "tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4", children: "Detalles" }),
-                  /* @__PURE__ */ t(ne, { className: "tw-border-none", children: /* @__PURE__ */ c("div", { className: "tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4", children: [
+                children: /* @__PURE__ */ c(ee, { value: "item-1", className: "tw-border-none", children: [
+                  /* @__PURE__ */ t(ae, { className: "tw-text-neutral-900 tw-font-medium tw-text-2xl tw-w-full tw-flex tw-flex-row tw-border-b tw-border-neutral-200 tw-p-4", children: "Detalles" }),
+                  /* @__PURE__ */ t(re, { className: "tw-border-none", children: /* @__PURE__ */ c("div", { className: "tw-w-full tw-grid tw-grid-cols-3 tw-gap-4 tw-p-4", children: [
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Responsable" }),
-                      (W = n == null ? void 0 : n.responsable) != null && W.nombre ? /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-gap-2 tw-items-center", children: [
+                      (z = n == null ? void 0 : n.responsable) != null && z.nombre ? /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-gap-2 tw-items-center", children: [
                         /* @__PURE__ */ t(
-                          O,
+                          Q,
                           {
                             size: "xxl",
-                            imageUrl: y ? m(y) : "",
+                            imageUrl: b ? u(b) : "",
                             alt: "@shadcn"
                           }
                         ),
-                        /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: (Q = n == null ? void 0 : n.responsable) == null ? void 0 : Q.nombre })
+                        /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: (L = n == null ? void 0 : n.responsable) == null ? void 0 : L.nombre })
                       ] }) : /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: "Sin responsable" })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Equipo asignado" }),
-                      /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-gap-2", children: /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: ((z = n == null ? void 0 : n.equipo) == null ? void 0 : z.nombre) ?? "Sin equipo" }) })
+                      /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-row tw-gap-2", children: /* @__PURE__ */ t("span", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: ((R = n == null ? void 0 : n.equipo) == null ? void 0 : R.nombre) ?? "Sin equipo" }) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Prioridad" }),
                       /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-center tw-gap-2", children: [
                         /* @__PURE__ */ t(
-                          F,
+                          P,
                           {
                             icon: "flag",
                             size: "xs",
@@ -1334,7 +1310,7 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
                           "span",
                           {
                             className: `tw-text-lg tw-text-neutral-600 tw-font-normal ${(A = _[n == null ? void 0 : n.prioridad]) == null ? void 0 : A.color}`,
-                            children: ((D = _[n == null ? void 0 : n.prioridad]) == null ? void 0 : D.label) ?? "Sin prioridad"
+                            children: ((M = _[n == null ? void 0 : n.prioridad]) == null ? void 0 : M.label) ?? "Sin prioridad"
                           }
                         )
                       ] })
@@ -1345,29 +1321,29 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Fecha estimada de inicio" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: N(n == null ? void 0 : n.f_inicio_estimada) })
+                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: v(n == null ? void 0 : n.f_inicio_estimada) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Fecha estimada de fin" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: N(n == null ? void 0 : n.f_fin_estimada) })
+                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: v(n == null ? void 0 : n.f_fin_estimada) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Fecha de fin" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: N(n == null ? void 0 : n.ffin) })
+                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: v(n == null ? void 0 : n.ffin) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Creado" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: N(n == null ? void 0 : n.createdAt) })
+                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: v(n == null ? void 0 : n.createdAt) })
                     ] }),
                     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-w-auto tw-gap-2", children: [
                       /* @__PURE__ */ t("span", { className: "tw-text-xl tw-text-neutral-900 tw-font-medium", children: "Última modificación" }),
-                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: N(n == null ? void 0 : n.updatedAt) })
+                      /* @__PURE__ */ t("p", { className: "tw-text-lg tw-text-neutral-600 tw-font-normal", children: v(n == null ? void 0 : n.updatedAt) })
                     ] })
                   ] }) })
                 ] })
               }
             ),
-            /* @__PURE__ */ t(Pe, { items: C })
+            /* @__PURE__ */ t(Fe, { items: C })
           ] })
         }
       )
@@ -1375,10 +1351,10 @@ function Ae({ isOpen: a, setIsOpen: e, taskId: l }) {
     document.body
   );
 }
-const Ut = ({ status: a, nameRequiredTask: e, statusRequiredTask: l, id: n }) => {
-  const { setElementPosition: r, position: s } = pt(), { startWorking: i, completeTask: d } = st(), o = Y(null), g = Y(!1);
-  return /* @__PURE__ */ c(E, { children: [
-    (e !== "" && l === 2 && l === 2 || !e) && /* @__PURE__ */ t(
+const Kt = ({ status: a, nameRequiredTask: e, statusRequiredTask: s, id: n }) => {
+  const { setElementPosition: r, position: l } = pt(), { startWorking: i, completeTask: d } = lt(), o = Y(null), g = Y(!1);
+  return /* @__PURE__ */ c($, { children: [
+    (e !== "" && s === 2 && s === 2 || !e) && /* @__PURE__ */ t(
       "button",
       {
         ref: o,
@@ -1388,24 +1364,24 @@ const Ut = ({ status: a, nameRequiredTask: e, statusRequiredTask: l, id: n }) =>
           );
         },
         className: "tw-flex tw-items-center tw-justify-center tw-text-sm tw-font-extrabold tw-bg-bg tw-hover:filter-[drop-shadow(0_0_10px_#000000)] tw-rounded-full tw-w-[24px] tw-h-[24px] tw-m-block",
-        children: /* @__PURE__ */ t("span", { className: "tw-rotate-90", children: /* @__PURE__ */ t(F, { icon: "elipsis", size: "xs" }) })
+        children: /* @__PURE__ */ t("span", { className: "tw-rotate-90", children: /* @__PURE__ */ t(P, { icon: "elipsis", size: "xs" }) })
       }
     ),
-    /* @__PURE__ */ t(({ children: h }) => {
-      const [m, b] = v();
-      return T(() => {
-        var _, N;
-        o.current && b(
-          ((s == null ? void 0 : s.x) ?? 0) - (((N = (_ = o.current) == null ? void 0 : _.getBoundingClientRect()) == null ? void 0 : N.width) ?? 0)
+    /* @__PURE__ */ t(({ children: x }) => {
+      const [u, h] = y();
+      return q(() => {
+        var _, v;
+        o.current && h(
+          ((l == null ? void 0 : l.x) ?? 0) - (((v = (_ = o.current) == null ? void 0 : _.getBoundingClientRect()) == null ? void 0 : v.width) ?? 0)
         );
-      }, [o == null ? void 0 : o.current, s == null ? void 0 : s.x]), s && nt.createPortal(
+      }, [o == null ? void 0 : o.current, l == null ? void 0 : l.x]), l && nt.createPortal(
         /* @__PURE__ */ t(
           "div",
           {
             "data-portal-host": !0,
-            className: `tw-absolute tw-w-fit tw-h-fit ${m ? "tw-block" : "tw-hidden"}`,
-            style: { top: `${s == null ? void 0 : s.y}px`, left: `${m}px`, zIndex: 1 },
-            children: h
+            className: `tw-absolute tw-w-fit tw-h-fit ${u ? "tw-block" : "tw-hidden"}`,
+            style: { top: `${l == null ? void 0 : l.y}px`, left: `${u}px`, zIndex: 1 },
+            children: x
           }
         ),
         document.body
@@ -1420,7 +1396,7 @@ const Ut = ({ status: a, nameRequiredTask: e, statusRequiredTask: l, id: n }) =>
         children: [
           /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-normal tw-text-texts-placeholder tw-font-regular", children: a === 0 ? "Mover a trabajando" : "Mover a completadas" }),
           /* @__PURE__ */ t(
-            F,
+            P,
             {
               icon: "arrow_right",
               size: "xs",
@@ -1441,7 +1417,7 @@ class ke {
     };
   }
 }
-const Se = async ({
+const Ae = async ({
   tasks_api: a
 }) => {
   try {
@@ -1450,25 +1426,25 @@ const Se = async ({
   } catch (e) {
     throw console.log("Error al obtener los usuarios comerciales", e), `Error al obtener los usuarios comerciales: ${e}`;
   }
-}, De = () => {
-  const { tasks_api: a } = $();
+}, Se = () => {
+  const { tasks_api: a } = B();
   return { pauseReasons: ct({
     queryKey: ["pause_task_reasons"],
-    queryFn: () => Se({
+    queryFn: () => Ae({
       tasks_api: a
     }),
     staleTime: 1e3 * 60 * 60 * 24
     // mantains the data for 24 hours
   }) };
-}, Me = ({ id: a, task: e, isActive: l, closeModal: n }) => {
-  const { pauseTask: r } = st(), [s, i] = v(), [d, o] = v(!1), [g, u] = v(!1), { pauseReasons: y } = De(), h = () => {
-    if (!s) {
+}, De = ({ id: a, task: e, isActive: s, closeModal: n }) => {
+  const { pauseTask: r } = lt(), [l, i] = y(), [d, o] = y(!1), [g, m] = y(!1), { pauseReasons: b } = Se(), x = () => {
+    if (!l) {
       o(!0);
       return;
     }
-    r({ id: a, motiveId: s.id }), n();
+    r({ id: a, motiveId: l.id }), n();
   };
-  return l && nt.createPortal(
+  return s && nt.createPortal(
     /* @__PURE__ */ t("div", { className: "tw-w-screen tw-h-screen tw-fixed tw-top-0 tw-left-0 tw-flex tw-items-center tw-justify-center ", children: /* @__PURE__ */ c("div", { className: "tw-rounded-lg tw-p-4 tw-shadow-gray-600 tw-bg-warning-light tw-border-l-4 tw-border-warning-regular tw-max-w-[350px]", children: [
       /* @__PURE__ */ c("p", { className: "tw-text-xl tw-font-bold tw-text-warning-regular", children: [
         "Pausar tarea: ",
@@ -1477,17 +1453,17 @@ const Se = async ({
       /* @__PURE__ */ c("div", { className: "tw-my-5 tw-flex tw-flex-col tw-gap-l", children: [
         /* @__PURE__ */ c("div", { className: "tw-relative", children: [
           /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-normal tw-text-warning-regular", children: "Seleccione la razón por la cual se realizará la pausa" }),
-          /* @__PURE__ */ c("div", { onBlur: () => u(!1), onClick: () => u(!g), className: `tw-w-full tw-bg-bg-card ${d ? "tw-shadow-danger-regular tw-border-2 tw-border-danger-regular" : "tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${d ? "tw-text-danger-regular" : s ? "tw-text-texts-subtext" : "tw-text-texts-placeholder"}`, children: [
-            /* @__PURE__ */ t("p", { children: (s == null ? void 0 : s.name) ?? "Selecciona una razón" }),
-            /* @__PURE__ */ t(F, { icon: "angle_down_outline", color: d ? p.danger.regular : p.texts.placeholder })
+          /* @__PURE__ */ c("div", { onBlur: () => m(!1), onClick: () => m(!g), className: `tw-w-full tw-bg-bg-card ${d ? "tw-shadow-danger-regular tw-border-2 tw-border-danger-regular" : "tw-shadow-input"} tw-h-[30px] tw-rounded-md tw-flex tw-justify-between tw-items-center tw-pl-2 ${d ? "tw-text-danger-regular" : l ? "tw-text-texts-subtext" : "tw-text-texts-placeholder"}`, children: [
+            /* @__PURE__ */ t("p", { children: (l == null ? void 0 : l.name) ?? "Selecciona una razón" }),
+            /* @__PURE__ */ t(P, { icon: "angle_down_outline", color: d ? p.danger.regular : p.texts.placeholder })
           ] }),
           g && /* @__PURE__ */ t("div", { className: "absolute w-full tw-shadow-md tw-rounded-lg", children: /* @__PURE__ */ t(
             gt,
             {
-              onselect: (m) => {
-                i(m), u(!1);
+              onselect: (u) => {
+                i(u), m(!1);
               },
-              options: y == null ? void 0 : y.data.map((m) => ({ id: m.id, name: m.motivo_imj }))
+              options: b == null ? void 0 : b.data.map((u) => ({ id: u.id, name: u.motivo_imj }))
             }
           ) })
         ] }),
@@ -1495,44 +1471,44 @@ const Se = async ({
           /* @__PURE__ */ t("button", { onClick: () => {
             n(), i(null);
           }, className: "tw-bg-danger-light tw-px-l tw-py-s tw-border-2 tw-border-danger-medium tw-rounded-md tw-w-full tw-text-danger-dark tw-font-bold hover:tw-border-danger-regular", children: "Cancelar" }),
-          /* @__PURE__ */ t("button", { onClick: h, className: "tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular", children: "Pausar" })
+          /* @__PURE__ */ t("button", { onClick: x, className: "tw-w-full tw-bg-primary-light tw-px-l tw-py-s tw-border-2 tw-border-primary-medium tw-rounded-md tw-text-primary-dark tw-font-bold hover:tw-border-primary-regular", children: "Pausar" })
         ] })
       ] })
     ] }) }),
     document.body
   );
-}, Ee = ({
+}, Me = ({
   id: a,
   task: e,
-  endDate: l,
+  endDate: s,
   users: n,
   willBePaused: r,
-  nameProject: s,
+  nameProject: l,
   comments: i,
   priority: d,
   difficulty: o,
   responsible: g,
-  nameRequiredTask: u,
-  statusRequiredTask: y,
-  status: h,
-  repeatsToDo: m,
-  repeats: b,
+  nameRequiredTask: m,
+  statusRequiredTask: b,
+  status: x,
+  repeatsToDo: u,
+  repeats: h,
   medioName: _
 }) => {
-  var S, M, U, H, V, tt;
-  const [N, C] = v(!1), [P, j] = v(!1), {
+  var D, E, O, H, V, tt;
+  const [v, C] = y(!1), [T, k] = y(!1), {
     reasignResponsible: f,
-    updateUnitys: x
+    updateUnitys: N
     /* , pauseTask */
-  } = st(), { getOBPUrlApi: q } = $(), [B, W] = v(b ?? 0), Q = !!(m && b === m), z = !m || m === 1, w = h === 0, A = () => /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative", children: [
+  } = lt(), { getOBPUrlApi: j } = B(), [F, z] = y(h ?? 0), L = !!(u && h === u), R = !u || u === 1, w = x === 0, A = () => /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative", children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-row tw-items-start tw-gap-[8px] tw-w-[calc(100%-32px)]", children: [
-      h < 2 && (Q || z || w) && /* @__PURE__ */ t(
-        Rt,
+      x < 2 && (L || R || w) && /* @__PURE__ */ t(
+        Lt,
         {
           id: a,
-          nameRequiredTask: u ?? "",
-          statusRequiredTask: y ?? 0,
-          status: h
+          nameRequiredTask: m ?? "",
+          statusRequiredTask: b ?? 0,
+          status: x
         }
       ),
       /* @__PURE__ */ t(
@@ -1544,46 +1520,46 @@ const Se = async ({
         }
       )
     ] }),
-    (Q || z || w) && /* @__PURE__ */ t(
-      Ut,
+    (L || R || w) && /* @__PURE__ */ t(
+      Kt,
       {
         id: a,
-        nameRequiredTask: u,
-        status: h,
-        statusRequiredTask: y
+        nameRequiredTask: m,
+        status: x,
+        statusRequiredTask: b
       }
     )
-  ] }), D = {
+  ] }), M = {
     0: { title: "N/A", color: p.texts.placeholder },
     1: { title: "Baja", color: p.primary.regular },
     2: { title: "Media", color: p.success.regular },
     3: { title: "Alta", color: p.danger.regular }
-  }, k = {
+  }, S = {
     0: { title: "Muy fácil", color: p.primary.regular },
     1: { title: "Fácil", color: p.success.regular },
     2: { title: "Media", color: p.warning.regular },
     3: { title: "Difícil", color: p.danger.regular },
     4: { title: "Muy difícil", color: p.danger.dark }
-  }, K = (I) => {
-    W((Z) => I === "minus" ? Math.max(0, Z - 1) : Math.min(m, Z + 1));
+  }, I = (W) => {
+    z((Z) => W === "minus" ? Math.max(0, Z - 1) : Math.min(u, Z + 1));
   };
-  return /* @__PURE__ */ c(E, { children: [
+  return /* @__PURE__ */ c($, { children: [
     /* @__PURE__ */ c("div", { className: "tw-bg-white tw-border-cards tw-max-w-[350px] tw-rounded-lg tw-relative tw-h-fit tw-p-[12px_12px] hover:tw-border-active hover:tw-bg-active tw-cursor-pointer", children: [
       /* @__PURE__ */ t(A, {}),
       /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-[4px] tw-py-2", children: [
-        /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate", children: s }),
+        /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-regular tw-text-texts-subtext tw-max-w-[250px] tw-truncate", children: l }),
         _ && /* @__PURE__ */ t("p", { className: "tw-text-xl", children: _ })
       ] }),
       /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-items-center tw-w-full tw-h-fit tw-relative tw-pt-5 tw-pb-1", children: [
         /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-relative", children: [
           /* @__PURE__ */ t(
-            Kt,
+            Rt,
             {
               responsible: g,
-              users: n.filter((I) => g ? I.id === g : !0).map((I) => xt(I, q())),
-              onClick: async (I, Z) => {
+              users: n.filter((W) => g ? W.id === g : !0).map((W) => xt(W, j())),
+              onClick: async (W, Z) => {
                 await f({
-                  idNewResponsible: I,
+                  idNewResponsible: W,
                   id: a,
                   typeOfSelect: Z
                 });
@@ -1591,15 +1567,15 @@ const Se = async ({
             }
           ),
           r && /* @__PURE__ */ t(
-            L,
+            K,
             {
               dispatch: /* @__PURE__ */ t(
                 "button",
                 {
                   disabled: !0,
-                  onClick: () => j(!0),
+                  onClick: () => k(!0),
                   className: "tw-text-sm tw-font-regular tw-text-gray-400 tw-flex tw-items-center tw-gap-2",
-                  children: /* @__PURE__ */ t(F, { icon: "pause", size: "s", strokeWidth: 2 })
+                  children: /* @__PURE__ */ t(P, { icon: "pause", size: "s", strokeWidth: 2 })
                 }
               ),
               children: /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-regular tw-text-white tw-p-5", children: "En camino..." })
@@ -1609,14 +1585,14 @@ const Se = async ({
         /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-m tw-items-center tw-flex-wrap", children: [
           /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-2", children: [
             /* @__PURE__ */ t(
-              L,
+              K,
               {
                 dispatch: /* @__PURE__ */ t(
-                  F,
+                  P,
                   {
                     icon: "difficulty",
                     size: "xs",
-                    color: (S = k[o ?? 0]) == null ? void 0 : S.color,
+                    color: (D = S[o ?? 0]) == null ? void 0 : D.color,
                     strokeWidth: 4
                   }
                 ),
@@ -1624,21 +1600,21 @@ const Se = async ({
                   "p",
                   {
                     className: "tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",
-                    style: { color: (M = k[o ?? 0]) == null ? void 0 : M.color },
-                    children: `Dificultad ${(U = k[o ?? 0]) == null ? void 0 : U.title}`
+                    style: { color: (E = S[o ?? 0]) == null ? void 0 : E.color },
+                    children: `Dificultad ${(O = S[o ?? 0]) == null ? void 0 : O.title}`
                   }
                 )
               }
             ),
             /* @__PURE__ */ t(
-              L,
+              K,
               {
                 dispatch: /* @__PURE__ */ t(
-                  F,
+                  P,
                   {
                     icon: "flag",
                     size: "xs",
-                    color: (H = D[d ?? 0]) == null ? void 0 : H.color,
+                    color: (H = M[d ?? 0]) == null ? void 0 : H.color,
                     strokeWidth: 4
                   }
                 ),
@@ -1646,15 +1622,15 @@ const Se = async ({
                   "p",
                   {
                     className: "tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",
-                    style: { color: (V = D[d ?? 0]) == null ? void 0 : V.color },
-                    children: `Prioridad: ${(tt = D[d ?? 0]) == null ? void 0 : tt.title}`
+                    style: { color: (V = M[d ?? 0]) == null ? void 0 : V.color },
+                    children: `Prioridad: ${(tt = M[d ?? 0]) == null ? void 0 : tt.title}`
                   }
                 )
               }
             ),
-            !m || m && h === 0 && /* @__PURE__ */ c(E, { children: [
+            !u || u && x === 0 && /* @__PURE__ */ c($, { children: [
               /* @__PURE__ */ t(
-                F,
+                P,
                 {
                   icon: "calendar",
                   size: "xs",
@@ -1662,20 +1638,20 @@ const Se = async ({
                   color: p.texts.subtext
                 }
               ),
-              /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-regular tw-text-texts-subtext", children: `${l.getDate()} ${ht(
-                l.getMonth()
+              /* @__PURE__ */ t("p", { className: "tw-text-sm tw-font-regular tw-text-texts-subtext", children: `${s.getDate()} ${ht(
+                s.getMonth()
               ).slice(0, 3)}` })
             ] })
           ] }),
-          h === 1 && m && m > 0 && /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-m", children: [
+          x === 1 && u && u > 0 && /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-m", children: [
             /* @__PURE__ */ t("p", { className: "tw-text-xs tw-text-texts-placeholder ", children: "unidades" }),
             /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => K("minus"),
+                onClick: () => I("minus"),
                 className: "tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",
                 children: /* @__PURE__ */ t(
-                  F,
+                  P,
                   {
                     icon: "circle_minus",
                     size: "xs",
@@ -1685,14 +1661,14 @@ const Se = async ({
                 )
               }
             ),
-            /* @__PURE__ */ t("p", { className: "tw-text-xs tw-text-texts-placeholder", children: `${B ?? 0} / ${m ?? 0}` }),
+            /* @__PURE__ */ t("p", { className: "tw-text-xs tw-text-texts-placeholder", children: `${F ?? 0} / ${u ?? 0}` }),
             /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => K("plus"),
+                onClick: () => I("plus"),
                 className: "tw-flex tw-items-center tw-justify-center tw-bg-gray-200 tw-w-[0] tw-rounded-full hover:tw-bg-gray-400",
                 children: /* @__PURE__ */ t(
-                  F,
+                  P,
                   {
                     icon: "circle_plus",
                     size: "xs",
@@ -1707,7 +1683,7 @@ const Se = async ({
               {
                 className: "tw-text-xs tw-bg-primary-medium tw-rounded-md tw-py-s tw-px-m tw-text-primary-regular",
                 onClick: () => {
-                  x({ repeats: B, id: a });
+                  N({ repeats: F, id: a });
                 },
                 children: "Agregar"
               }
@@ -1721,51 +1697,41 @@ const Se = async ({
           onClick: () => C(!0),
           className: "tw-flex tw-items-center tw-gap-2",
           children: [
-            /* @__PURE__ */ t(F, { icon: "comment", size: "xs", strokeWidth: 4 }),
+            /* @__PURE__ */ t(P, { icon: "comment", size: "xs", strokeWidth: 4 }),
             /* @__PURE__ */ t("span", { className: "tw-text-xl tw-font-regular tw-text-gray-400", children: i })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ t(Ae, { taskId: a, isOpen: N, setIsOpen: C }),
+    /* @__PURE__ */ t(je, { taskId: a, isOpen: v, setIsOpen: C }),
     /* @__PURE__ */ t(
-      Me,
+      De,
       {
         id: a,
         task: e,
-        isActive: P,
-        closeModal: () => j(!1)
+        isActive: T,
+        closeModal: () => k(!1)
       }
     )
   ] });
-}, $e = () => /* @__PURE__ */ c("div", { className: "tw-bg-gray-200 tw-h-[150px] tw-w-full tw-animate-pulse tw-rounded-md tw-flex tw-flex-col tw-gap-[50px] tw-p-4", children: [
-  /* @__PURE__ */ c("div", { className: "tw-flex tw-h-[30px] tw-gap-3", children: [
-    /* @__PURE__ */ t("div", { className: "tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full" }),
-    /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-bg-gray-300" }),
-    /* @__PURE__ */ t("div", { className: "tw-w-[30px] tw-min-w-[30px] tw-h-full tw-bg-gray-300 tw-rounded-full" })
-  ] }),
-  /* @__PURE__ */ c("div", { className: "tw-flex tw-justify-between tw-w-full tw-h-[30px] tw-gap-[50px]", children: [
-    /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-[30px] tw-bg-gray-300" }),
-    /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-[30px] tw-bg-gray-300" })
-  ] })
-] }), wt = ({ title: a, tasks: e, loadNextPage: l, isFetching: n, total: r }) => {
-  const s = Y(null), i = Y(null), d = Y(!1);
-  T(() => {
-    var u;
-    s != null && s.current && (i != null && i.current) && (i.current.style.minHeight = `${((u = s == null ? void 0 : s.current) == null ? void 0 : u.clientHeight) - 300}px`);
-  }, [s == null ? void 0 : s.current]);
-  const o = (u) => {
+}, wt = ({ title: a, tasks: e, loadNextPage: s, isFetching: n, total: r }) => {
+  const l = Y(null), i = Y(null), d = Y(!1);
+  q(() => {
+    var m;
+    l != null && l.current && (i != null && i.current) && (i.current.style.minHeight = `${((m = l == null ? void 0 : l.current) == null ? void 0 : m.clientHeight) - 300}px`);
+  }, [l == null ? void 0 : l.current]);
+  const o = (m) => {
     if (d.current) return;
-    const { scrollTop: y, clientHeight: h, scrollHeight: m } = u == null ? void 0 : u.target, b = y / (m - h) * 100;
-    b <= 95 || b >= 95 && (d.current = !0, l && l(), setTimeout(() => {
+    const { scrollTop: b, clientHeight: x, scrollHeight: u } = m == null ? void 0 : m.target, h = b / (u - x) * 100;
+    h <= 95 || h >= 95 && (d.current = !0, s && s(), setTimeout(() => {
       d.current = !1;
     }, 200));
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: s,
-      className: `tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-pb-[200px] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${{
+      ref: l,
+      className: `tw-flex tw-flex-col tw-bg-containers tw-w-fit tw-max-w-[400px] tw-min-w-[400px] tw-h-full tw-min-h-[100%] tw-relative tw-p-[16px] tw-rounded-lg tw-overflow-hidden tw-border-t-4 ${{
         "Por hacer": "tw-border-texts-placeholder",
         Trabajando: "tw-border-primary-regular",
         Completadas: "tw-border-success-regular"
@@ -1775,7 +1741,7 @@ const Se = async ({
           /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-gap-[8px]", children: /* @__PURE__ */ t("p", { className: "tw-text-2xl", children: a }) }),
           /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-gap-[8px]", children: /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-[4px]", children: [
             /* @__PURE__ */ t(
-              F,
+              P,
               {
                 icon: "group_files",
                 size: "xs",
@@ -1793,54 +1759,54 @@ const Se = async ({
             className: "tw-flex tw-flex-col tw-gap-[12px] tw-overflow-y-auto tw-scrollbar-none tw-pt-4 tw-pb-[200px] tw-h-full",
             onScroll: o,
             children: [
-              e == null ? void 0 : e.map((u) => /* @__PURE__ */ t(Ee, { ...u }, u.id)),
-              n ? /* @__PURE__ */ t($e, {}) : /* @__PURE__ */ t("p", { className: "tw-text-center tw-text-gray-500 tw-text-2xl", children: "No hay más tareas por mostrar..." })
+              e == null ? void 0 : e.map((m) => /* @__PURE__ */ t(Me, { ...m }, m.id)),
+              n ? /* @__PURE__ */ t(xe, {}) : /* @__PURE__ */ t("p", { className: "tw-text-center tw-text-gray-500 tw-text-2xl", children: "No hay más tareas por mostrar..." })
             ]
           }
         )
       ]
     }
   );
-}, Be = () => {
+}, Ee = () => {
   var r;
-  const { defineFields: a } = R(), { tasksProject: e } = lt();
-  T(() => {
+  const { defineFields: a } = U(), { tasksProject: e } = st();
+  q(() => {
     (async () => {
-      let i = [...fe];
+      let i = [...he];
       a(i);
     })();
   }, []);
-  let l = (r = e == null ? void 0 : e.data) == null ? void 0 : r.filter((s) => {
+  let s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.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__ */ t("div", { className: "tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: ["Por hacer", "Trabajando", "Completadas"].map((s, i) => {
+    return ((i = l == null ? void 0 : l.tasks) == null ? void 0 : i.length) === 0;
+  }).reduce((l, i) => (l[i.status] = l[i.status] || [], l[i.status].push(i), l), {});
+  return /* @__PURE__ */ t("div", { className: "tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: ["Por hacer", "Trabajando", "Completadas"].map((l, i) => {
     var d;
     return /* @__PURE__ */ t(
       wt,
       {
-        total: ((d = l == null ? void 0 : l[i]) == null ? void 0 : d.length) ?? 0,
-        title: s,
-        tasks: (l == null ? void 0 : l[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: e == null ? void 0 : e.isFetching,
         isLoadingData: e == null ? void 0 : e.isLoading
       }
     );
   }) });
 };
-class ze {
+class $e {
   static toKanbanTasks(e) {
-    var n, r, s, i, d, o, g, u, y, h, m;
-    let l = [];
-    return e != null && e.responsable && l.push({ id: e.responsable.id, name: e.responsable.nombre, image: (d = (i = (s = (r = (n = e.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : r.imagen) == null ? void 0 : s.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }), (o = e == null ? void 0 : e.equipo) != null && o.miembros && e.equipo.miembros.forEach((b) => {
-      var _, N, C, P;
-      l != null && l.find((j) => j.id === b.idUser.id) || b.idUser && l.push({ id: b.idUser.id, name: b.idUser.nombre, image: (P = (C = (N = (_ = b == null ? void 0 : b.userOBP) == null ? void 0 : _.imagen) == null ? void 0 : N.formats) == null ? void 0 : C.thumbnail) == null ? void 0 : P.url });
+    var n, r, l, i, d, o, g, m, b, x, u;
+    let s = [];
+    return e != null && e.responsable && s.push({ id: e.responsable.id, name: e.responsable.nombre, image: (d = (i = (l = (r = (n = e.responsable) == null ? void 0 : n.userOBP) == null ? void 0 : r.imagen) == null ? void 0 : l.formats) == null ? void 0 : i.thumbnail) == null ? void 0 : d.url }), (o = e == null ? void 0 : e.equipo) != null && o.miembros && e.equipo.miembros.forEach((h) => {
+      var _, v, C, T;
+      s != null && s.find((k) => k.id === h.idUser.id) || h.idUser && s.push({ id: h.idUser.id, name: h.idUser.nombre, image: (T = (C = (v = (_ = h == null ? void 0 : h.userOBP) == null ? void 0 : _.imagen) == null ? void 0 : v.formats) == null ? void 0 : C.thumbnail) == null ? void 0 : T.url });
     }), {
       repeats: e == null ? void 0 : e.repeticiones_realizadas,
       repeatsToDo: e == null ? void 0 : e.repeticiones,
       comments: 0,
       nameProject: (g = e == null ? void 0 : e.proyecto) == null ? void 0 : g.nombre,
-      idProject: (u = e == null ? void 0 : e.proyecto) == null ? void 0 : u.id,
+      idProject: (m = e == null ? void 0 : e.proyecto) == null ? void 0 : m.id,
       willBePaused: e.es_pausable,
       difficulty: e.nivel_dificultad,
       endDate: new Date(e.ffin),
@@ -1848,25 +1814,25 @@ class ze {
       priority: e.prioridad ?? 0,
       status: e.estatus,
       task: e.texto_corto,
-      users: l,
-      responsible: ((y = e == null ? void 0 : e.responsable) == null ? void 0 : y.id) ?? null,
-      statusRequiredTask: ((h = e.id_t_requerida) == null ? void 0 : h.estatus) ?? null,
-      nameRequiredTask: ((m = e.id_t_requerida) == null ? void 0 : m.texto_corto) ?? null,
+      users: s,
+      responsible: ((b = e == null ? void 0 : e.responsable) == null ? void 0 : b.id) ?? null,
+      statusRequiredTask: ((x = e.id_t_requerida) == null ? void 0 : x.estatus) ?? null,
+      nameRequiredTask: ((u = e.id_t_requerida) == null ? void 0 : u.texto_corto) ?? null,
       medioName: (e == null ? void 0 : e.nombre_medio) ?? null
     };
   }
 }
 const ft = async ({ filters: a, tasks_api: e }) => {
   try {
-    return (await e.get("/api/listado_tareas", { params: a })).data.tareas.map(G).map(ze.toKanbanTasks);
-  } catch (l) {
-    throw console.log({ error: l }), `Error al obtener las tareas: ${l}`;
+    return (await e.get("/api/listado_tareas", { params: a })).data.tareas.map(G).map($e.toKanbanTasks);
+  } catch (s) {
+    throw console.log({ error: s }), `Error al obtener las tareas: ${s}`;
   }
 }, bt = (a) => {
   var e;
   if (a != null && a.hasNextPage) {
-    const l = (e = a == null ? void 0 : a.data) == null ? void 0 : e.pages[a.data.pages.length - 1];
-    (l == null ? void 0 : l.length) === 30 && (a == null || a.fetchNextPage());
+    const s = (e = a == null ? void 0 : a.data) == null ? void 0 : e.pages[a.data.pages.length - 1];
+    (s == null ? void 0 : s.length) === 30 && (a == null || a.fetchNextPage());
   }
 }, J = (a) => ({
   pagination: {
@@ -1874,47 +1840,47 @@ const ft = async ({ filters: a, tasks_api: e }) => {
     pageSize: 30,
     withCount: !0
   }
-}), Le = () => {
+}), Be = () => {
   var g;
-  const a = et(), { tasks_api: e } = $(), { user: l } = X(), { filters: n } = R(), [r, s] = v(0), [i, d] = v({
+  const a = et(), { tasks_api: e } = B(), { user: s } = X(), { filters: n } = U(), [r, l] = y(0), [i, d] = y({
     owner: {
-      user: l.id,
+      user: s.id,
       config: ((g = n == null ? void 0 : n.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos"
     },
     status: "por_hacer"
   }), o = ut({
     initialPageParam: 1,
     queryKey: ["to_do_tasks", i],
-    queryFn: ({ pageParam: u }) => ft({
+    queryFn: ({ pageParam: m }) => ft({
       filters: {
         ...i,
         status: "por_hacer",
-        ...J(u)
+        ...J(m)
       },
       tasks_api: e,
-      page: u
+      page: m
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (u, y) => y.length + 1
+    getNextPageParam: (m, b) => b.length + 1
   });
-  return T(() => {
-    var u;
+  return q(() => {
+    var m;
     Object.keys(n).length > 0 && d({
       ...n,
       owner: {
-        user: l.id,
-        config: ((u = n == null ? void 0 : n.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
+        user: s.id,
+        config: ((m = n == null ? void 0 : n.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
       },
       status: "por_hacer"
     });
-  }, [n]), T(() => {
+  }, [n]), q(() => {
     a.invalidateQueries({
       queryKey: ["to_do_tasks", i]
     });
-  }, [i]), T(() => {
+  }, [i]), q(() => {
     (async () => {
-      const y = await e.get("/api/listado_tareas", {
+      const b = await e.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "por_hacer",
@@ -1923,58 +1889,58 @@ const ft = async ({ filters: a, tasks_api: e }) => {
           justCount: !0
         }
       });
-      s(y.data.total);
+      l(b.data.total);
     })();
   }, [i, o == null ? void 0 : o.data]), {
     //Properties
     toDoTasks: o,
     total: r
   };
-}, Re = () => {
+}, ze = () => {
   var n, r;
-  const { toDoTasks: a, total: e } = Le(), l = [...((r = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : r.flat()) ?? []];
-  return /* @__PURE__ */ t(wt, { total: e, title: "Por hacer", tasks: l, loadNextPage: () => bt(a), isFetching: a == null ? void 0 : a.isFetching, isLoadingData: a == null ? void 0 : a.isLoading });
-}, Ke = () => {
+  const { toDoTasks: a, total: e } = Be(), s = [...((r = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : r.flat()) ?? []];
+  return /* @__PURE__ */ t(wt, { total: e, title: "Por hacer", tasks: s, loadNextPage: () => bt(a), isFetching: a == null ? void 0 : a.isFetching, isLoadingData: a == null ? void 0 : a.isLoading });
+}, Le = () => {
   var g;
-  const a = et(), { tasks_api: e } = $(), { user: l } = X(), { filters: n } = R(), [r, s] = v(0), [i, d] = v({
+  const a = et(), { tasks_api: e } = B(), { user: s } = X(), { filters: n } = U(), [r, l] = y(0), [i, d] = y({
     owner: {
-      user: l.id,
+      user: s.id,
       config: ((g = n == null ? void 0 : n.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos"
     },
     status: "trabajando"
   }), o = ut({
     initialPageParam: 1,
     queryKey: ["working_tasks", i],
-    queryFn: ({ pageParam: u }) => ft({
+    queryFn: ({ pageParam: m }) => ft({
       filters: {
         ...i,
         status: "trabajando",
-        ...J(u)
+        ...J(m)
       },
       tasks_api: e,
-      page: u
+      page: m
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (u, y) => y.length + 1
+    getNextPageParam: (m, b) => b.length + 1
   });
-  return T(() => {
-    var u;
+  return q(() => {
+    var m;
     Object.keys(n).length > 0 && d({
       ...n,
       owner: {
-        user: l.id,
-        config: ((u = n == null ? void 0 : n.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
+        user: s.id,
+        config: ((m = n == null ? void 0 : n.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
       },
       status: "trabajando"
     });
-  }, [n]), T(() => {
+  }, [n]), q(() => {
     a.invalidateQueries({
       queryKey: ["working_tasks", i]
     });
-  }, [i]), T(() => {
+  }, [i]), q(() => {
     (async () => {
-      const y = await e.get("/api/listado_tareas", {
+      const b = await e.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "trabajando",
@@ -1983,29 +1949,29 @@ const ft = async ({ filters: a, tasks_api: e }) => {
           justCount: !0
         }
       });
-      s(y.data.total);
+      l(b.data.total);
     })();
   }, [i, o == null ? void 0 : o.data]), {
     //Properties
     workingTasks: o,
     total: r
   };
-}, Ue = () => {
+}, Re = () => {
   var n, r;
-  const { workingTasks: a, total: e } = Ke(), l = [...((r = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : r.flat()) ?? []];
+  const { workingTasks: a, total: e } = Le(), s = [...((r = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : r.flat()) ?? []];
   return /* @__PURE__ */ t(
     wt,
     {
       total: e,
       title: "Trabajando",
-      tasks: l,
+      tasks: s,
       loadNextPage: () => bt(a),
       isFetching: a == null ? void 0 : a.isFetching
     }
   );
-}, Ie = () => {
+}, Ke = () => {
   var g;
-  const a = et(), { user: e } = X(), { tasks_api: l } = $(), { filters: n } = R(), [r, s] = v(0), [i, d] = v({
+  const a = et(), { user: e } = X(), { tasks_api: s } = B(), { filters: n } = U(), [r, l] = y(0), [i, d] = y({
     owner: {
       user: e.id,
       config: ((g = n == null ? void 0 : n.owner) == null ? void 0 : g.config) ?? "yo_y_mis_equipos"
@@ -2014,59 +1980,59 @@ const ft = async ({ filters: a, tasks_api: e }) => {
   }), o = ut({
     initialPageParam: 1,
     queryKey: ["done_tasks", i],
-    queryFn: ({ pageParam: u }) => ft({
+    queryFn: ({ pageParam: m }) => ft({
       filters: {
         ...i,
         status: "completadas",
-        ...J(u)
+        ...J(m)
       },
-      tasks_api: l,
-      page: u
+      tasks_api: s,
+      page: m
     }),
     staleTime: 1e3 * 60 * 60 * 24,
     // mantains the data for 24 hours
-    getNextPageParam: (u, y) => y.length + 1
+    getNextPageParam: (m, b) => b.length + 1
   });
-  return T(() => {
-    var u;
+  return q(() => {
+    var m;
     Object.keys(n).length > 0 && d({
       ...n,
       owner: {
         user: e.id,
-        config: ((u = n == null ? void 0 : n.owner) == null ? void 0 : u.config) ?? "yo_y_mis_equipos"
+        config: ((m = n == null ? void 0 : n.owner) == null ? void 0 : m.config) ?? "yo_y_mis_equipos"
       },
       status: "completadas"
     });
-  }, [n]), T(() => {
+  }, [n]), q(() => {
     a.invalidateQueries({
       queryKey: ["done_tasks", i]
     });
-  }, [i]), T(() => {
+  }, [i]), q(() => {
     (async () => {
-      const y = await l.get("/api/listado_tareas", {
+      const b = await s.get("/api/listado_tareas", {
         params: {
           ...i,
           status: "completadas",
           ...J(1),
           justCount: !0,
-          tasks_api: l
+          tasks_api: s
         }
       });
-      s(y.data.total);
+      l(b.data.total);
     })();
   }, [o == null ? void 0 : o.data, i]), {
     // Properties
     doneTasks: o,
     total: r
   };
-}, Oe = () => {
+}, Ue = () => {
   var n, r;
-  const { doneTasks: a, total: e } = Ie(), l = [...((r = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : r.flat()) ?? []];
+  const { doneTasks: a, total: e } = Ke(), s = [...((r = (n = a == null ? void 0 : a.data) == null ? void 0 : n.pages) == null ? void 0 : r.flat()) ?? []];
   return /* @__PURE__ */ t(
     wt,
     {
       title: "Completadas",
-      tasks: l,
+      tasks: s,
       loadNextPage: () => bt(a),
       isFetching: a == null ? void 0 : a.isFetching,
       total: e
@@ -2081,8 +2047,8 @@ class ot {
     };
   }
 }
-const We = () => {
-  const { tasks_api: a } = $(), { filters: e } = R(), { user: l } = X();
+const Ie = () => {
+  const { tasks_api: a } = B(), { filters: e } = U(), { user: s } = X();
   return {
     //methods
     getSalesmanAndProjects: async () => {
@@ -2093,7 +2059,7 @@ const We = () => {
           params: {
             ...e,
             owner: {
-              user: l == null ? void 0 : l.id,
+              user: s == null ? void 0 : s.id,
               config: ((o = e == null ? void 0 : e.owner) == null ? void 0 : o.config) ?? "yo_y_mis_equipos"
             },
             justProjects: !0
@@ -2111,7 +2077,7 @@ const We = () => {
         params: {
           ...e,
           owner: {
-            user: l.id,
+            user: s.id,
             config: ((d = e == null ? void 0 : e.owner) == null ? void 0 : d.config) ?? "yo_y_mis_equipos"
           },
           justProjects: !0
@@ -2120,7 +2086,7 @@ const We = () => {
     },
     getSalesmans: async () => (await a.get("/api/obtener-comerciales")).data.map(ot.toSalesmanUsers)
   };
-}, Qe = [
+}, Oe = [
   {
     label: "Tipo de dependencia",
     type: "select",
@@ -2189,7 +2155,7 @@ const We = () => {
       }
     ]
   }
-], At = [
+], kt = [
   {
     label: "Responsable",
     type: "select",
@@ -2206,35 +2172,35 @@ const We = () => {
     id: "ejecutivo",
     options: []
   }
-], He = () => {
-  const { defineFields: a } = R(), { getSalesmanAndProjects: e } = We();
-  return T(() => {
+], We = () => {
+  const { defineFields: a } = U(), { getSalesmanAndProjects: e } = Ie();
+  return q(() => {
     (async () => {
-      let n = [...Qe], { salesmanUsers: r, projects: s } = await e();
+      let n = [...Oe], { salesmanUsers: r, projects: l } = await e();
       a(
-        n.map((i) => (i.id === "project.id" && (i.options = s), i.id === "salesman.id" && (i.options = r), i))
+        n.map((i) => (i.id === "project.id" && (i.options = l), i.id === "salesman.id" && (i.options = r), i))
       );
     })();
   }, []), /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-4 tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: [
+    /* @__PURE__ */ t(ze, {}),
     /* @__PURE__ */ t(Re, {}),
-    /* @__PURE__ */ t(Ue, {}),
-    /* @__PURE__ */ t(Oe, {})
+    /* @__PURE__ */ t(Ue, {})
   ] });
-}, It = at({}), Ye = ({ children: a }) => {
-  const [e, l] = v([]);
-  T(() => {
+}, Ut = at({}), Qe = ({ children: a }) => {
+  const [e, s] = y([]);
+  q(() => {
     console.log({ selectedTasks: e });
   }, [e]);
   const n = (r) => {
-    l((s) => s.includes(r) ? s.filter((i) => i !== r) : [...s, r]);
+    s((l) => l.includes(r) ? l.filter((i) => i !== r) : [...l, r]);
   };
-  return /* @__PURE__ */ t(It.Provider, { value: {
+  return /* @__PURE__ */ t(Ut.Provider, { value: {
     //properties
     selectedTasks: e,
     //methods
     selectTask: n
   }, children: a });
-}, Ge = () => rt(It), Ot = () => {
+}, He = () => rt(Ut), It = () => {
   const a = () => /* @__PURE__ */ c("div", { className: "tw-w-full tw-flex tw-gap-m", children: [
     /* @__PURE__ */ t("div", { className: "tw-w-[30px] tw-h-[30px] tw-min-w-[30px] tw-min-h-[30px] tw-bg-gray-200 tw-rounded-full tw-animate-pulse" }),
     /* @__PURE__ */ t("div", { className: "tw-w-[30%] tw-h-[30px] tw-bg-gray-200 tw-rounded-md tw-animate-pulse" }),
@@ -2259,26 +2225,26 @@ const We = () => {
       /* @__PURE__ */ t("div", { className: "tw-pl-5", children: /* @__PURE__ */ t(a, {}) })
     ] })
   ] });
-}, Wt = ({ startDate: a, endDate: e }) => /* @__PURE__ */ c(E, { children: [
+}, Ot = ({ startDate: a, endDate: e }) => /* @__PURE__ */ c($, { children: [
   /* @__PURE__ */ c("div", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl", children: [
-    /* @__PURE__ */ t(F, { icon: "calendar", size: "xs", strokeWidth: 4, color: p.texts.subtext }),
+    /* @__PURE__ */ t(P, { icon: "calendar", size: "xs", strokeWidth: 4, color: p.texts.subtext }),
     /* @__PURE__ */ c("p", { className: "tw-text-lg", children: [
       " ",
       jt(a)
     ] })
   ] }),
-  /* @__PURE__ */ t(F, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: p.texts.DEFAULT }),
+  /* @__PURE__ */ t(P, { icon: "arrow_right", size: "xs", strokeWidth: 4, color: p.texts.DEFAULT }),
   /* @__PURE__ */ c("div", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-fit tw-flex tw-justify-center tw-items-center tw-px-xxxl", children: [
-    /* @__PURE__ */ t(F, { icon: "calendar", size: "xs", strokeWidth: 4, color: p.texts.subtext }),
+    /* @__PURE__ */ t(P, { icon: "calendar", size: "xs", strokeWidth: 4, color: p.texts.subtext }),
     /* @__PURE__ */ c("p", { className: "tw-text-lg", children: [
       " ",
       jt(e)
     ] })
   ] })
-] }), Xe = ({ id: a }) => /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ t(F, { icon: "pause", size: "xs", strokeWidth: 4, color: p.texts.subtext }) }) }), Qt = ({
+] }), Ye = ({ id: a }) => /* @__PURE__ */ t($, { children: /* @__PURE__ */ t("button", { onClick: () => alert("pausar tarea " + a), children: /* @__PURE__ */ t(P, { icon: "pause", size: "xs", strokeWidth: 4, color: p.texts.subtext }) }) }), Wt = ({
   id: a,
   priority: e,
-  difficulty: l,
+  difficulty: s,
   endDate: n
 }) => {
   var i, d;
@@ -2303,7 +2269,7 @@ const We = () => {
       color: p.danger.regular,
       bg: "tw-bg-danger-light tw-border-danger-regular"
     }
-  }, s = {
+  }, l = {
     0: {
       title: "Muy fácil",
       color: p.success.dark,
@@ -2330,12 +2296,12 @@ const We = () => {
       bg: "tw-bg-danger-light tw-border-danger-regular"
     }
   };
-  return /* @__PURE__ */ c(E, { children: [
+  return /* @__PURE__ */ c($, { children: [
     /* @__PURE__ */ t("button", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center hover:tw-bg-gray-200", children: /* @__PURE__ */ t(
-      L,
+      K,
       {
         dispatch: /* @__PURE__ */ t(
-          F,
+          P,
           {
             icon: "align_center",
             size: "xs",
@@ -2357,16 +2323,16 @@ const We = () => {
       /* @__PURE__ */ t(
         "div",
         {
-          className: `tw-gap-s ${((i = s[l ?? 0]) == null ? void 0 : i.bg.replace(/\bbg-|border-/g, "tw-$&")) ?? "tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,
+          className: `tw-gap-s ${((i = l[s ?? 0]) == null ? void 0 : i.bg.replace(/\bbg-|border-/g, "tw-$&")) ?? "tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,
           children: /* @__PURE__ */ t(
-            L,
+            K,
             {
               dispatch: /* @__PURE__ */ t(
-                F,
+                P,
                 {
                   icon: "difficulty",
                   size: "xs",
-                  color: s[l ?? 0].color,
+                  color: l[s ?? 0].color,
                   strokeWidth: 4
                 }
               ),
@@ -2374,8 +2340,8 @@ const We = () => {
                 "p",
                 {
                   className: "tw-text-sm tw-font-regular tw-p-5 tw-bg-bg-card tw-rounded-lg",
-                  style: { color: s[l ?? 0].color },
-                  children: s[l ?? 0].title
+                  style: { color: l[s ?? 0].color },
+                  children: l[s ?? 0].title
                 }
               )
             }
@@ -2387,10 +2353,10 @@ const We = () => {
         {
           className: `tw-gap-s ${((d = r[e ?? 0]) == null ? void 0 : d.bg.replace(/\bbg-|border-/g, "tw-$&")) ?? "tw-bg-gray-100"} tw-border tw-rounded-md tw-h-[30px] tw-w-[30px] tw-flex tw-justify-center tw-items-center`,
           children: /* @__PURE__ */ t(
-            L,
+            K,
             {
               dispatch: /* @__PURE__ */ t(
-                F,
+                P,
                 {
                   icon: "flag",
                   size: "xs",
@@ -2410,13 +2376,13 @@ const We = () => {
           )
         }
       ),
-      /* @__PURE__ */ t(F, { icon: "calendar", size: "xs", strokeWidth: 3, color: p.texts.subtext }),
+      /* @__PURE__ */ t(P, { icon: "calendar", size: "xs", strokeWidth: 3, color: p.texts.subtext }),
       /* @__PURE__ */ t("p", { className: "tw-text-xl tw-font-regular tw-text-texts-subtext", children: `${n.getDate()} ${ht(n.getMonth()).slice(0, 3)}` })
     ] })
   ] });
-}, Ze = ({ id: a }) => {
-  const { selectedTasks: e, selectTask: l } = Ge();
-  return /* @__PURE__ */ c(E, { children: [
+}, Ge = ({ id: a }) => {
+  const { selectedTasks: e, selectTask: s } = He();
+  return /* @__PURE__ */ c($, { children: [
     /* @__PURE__ */ t(
       "label",
       {
@@ -2427,7 +2393,7 @@ const We = () => {
           {
             className: `${e.includes(a) ? "tw-opacity-100" : "tw-opacity-0"} tw-transition-opacity tw-duration-500`,
             children: /* @__PURE__ */ t(
-              F,
+              P,
               {
                 icon: "check_outline",
                 size: "xs",
@@ -2445,23 +2411,23 @@ const We = () => {
         className: "tw-hidden",
         id: a.toString(),
         type: "checkbox",
-        onChange: () => l(a)
+        onChange: () => s(a)
       }
     )
   ] });
-}, Ht = ({ task: a }) => /* @__PURE__ */ t(
-  L,
+}, Qt = ({ task: a }) => /* @__PURE__ */ t(
+  K,
   {
     dispatch: /* @__PURE__ */ t("p", { className: "tw-text-xl tw-text-texts-subtext tw-max-w-[400px] tw-truncate", children: a }),
     children: /* @__PURE__ */ t("p", { className: "tw-text-xl tw-text-texts-subtext tw-p-2 tw-max-w-[400px]", children: a })
   }
-), Je = ({ id: a }) => {
-  var s, i;
-  const { tasksProject: e } = lt(), { reasignResponsible: l } = st(), { getOBPUrlApi: n } = $(), r = (s = e == null ? void 0 : e.data) == null ? void 0 : s.find((d) => d.id === a);
+), Xe = ({ id: a }) => {
+  var l, i;
+  const { tasksProject: e } = st(), { reasignResponsible: s } = lt(), { getOBPUrlApi: n } = B(), r = (l = e == null ? void 0 : e.data) == null ? void 0 : l.find((d) => d.id === a);
   return /* @__PURE__ */ t("div", { className: "tw-border-b tw-border-gray-200 tw-pb-3", children: /* @__PURE__ */ c("div", { className: "tw-ml-[30px] tw-mb-3 tw-mt-1 tw-p-2 tw-flex tw-flex-wrap tw-items-center tw-gap-xl tw-rounded-md hover:tw-bg-gray-100", children: [
-    !(r != null && r.nameRequiredTask) || (r == null ? void 0 : r.nameRequiredTask) !== "" && (r == null ? void 0 : r.statusRequiredTask) === 2 && /* @__PURE__ */ t(Ze, { id: a }),
+    !(r != null && r.nameRequiredTask) || (r == null ? void 0 : r.nameRequiredTask) !== "" && (r == null ? void 0 : r.statusRequiredTask) === 2 && /* @__PURE__ */ t(Ge, { id: a }),
     /* @__PURE__ */ t(
-      Rt,
+      Lt,
       {
         id: a,
         nameRequiredTask: (r == null ? void 0 : r.nameRequiredTask) ?? "",
@@ -2470,13 +2436,13 @@ const We = () => {
       },
       a
     ),
-    (r == null ? void 0 : r.willBePaused) && /* @__PURE__ */ t(Xe, { id: a }),
+    (r == null ? void 0 : r.willBePaused) && /* @__PURE__ */ t(Ye, { id: a }),
     /* @__PURE__ */ t(
-      Kt,
+      Rt,
       {
         onClick: async (d, o) => {
           var g;
-          await l({
+          await s({
             idNewResponsible: (g = d == null ? void 0 : d.tasksUser) == null ? void 0 : g.id,
             id: a,
             typeOfSelect: o
@@ -2486,9 +2452,9 @@ const We = () => {
         users: ((i = r == null ? void 0 : r.users) == null ? void 0 : i.map((d) => xt(d, n()))) ?? []
       }
     ),
-    /* @__PURE__ */ t(Ht, { task: (r == null ? void 0 : r.task) ?? "" }),
+    /* @__PURE__ */ t(Qt, { task: (r == null ? void 0 : r.task) ?? "" }),
     /* @__PURE__ */ t(
-      Qt,
+      Wt,
       {
         id: a,
         priority: r == null ? void 0 : r.priority,
@@ -2496,9 +2462,9 @@ const We = () => {
         endDate: r == null ? void 0 : r.endDate
       }
     ),
-    /* @__PURE__ */ t(Wt, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate }),
+    /* @__PURE__ */ t(Ot, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate }),
     /* @__PURE__ */ t(
-      Ut,
+      Kt,
       {
         id: a,
         nameRequiredTask: r.nameRequiredTask,
@@ -2507,23 +2473,23 @@ const We = () => {
       }
     )
   ] }) });
-}, Yt = ({ id: a }) => {
-  var s, i, d, o, g, u, y;
-  const { tasksProject: e, openTasks: l, openTask: n } = lt(), r = (s = e == null ? void 0 : e.data) == null ? void 0 : s.find((h) => h.id === a);
+}, Ht = ({ id: a }) => {
+  var l, i, d, o, g, m, b;
+  const { tasksProject: e, openTasks: s, openTask: n } = st(), r = (l = e == null ? void 0 : e.data) == null ? void 0 : l.find((x) => x.id === a);
   return r ? /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-gap-m tw-mb-2 tw-overflow-y-auto", children: [
     /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-gap-m tw-flex-wrap hover:tw-bg-gray-100 tw-p-2 tw-rounded-md", children: [
       /* @__PURE__ */ t(
         "button",
         {
-          className: `${l.includes(a) ? "" : "tw--rotate-90"} tw-transition-all tw-duration-300`,
+          className: `${s.includes(a) ? "" : "tw--rotate-90"} tw-transition-all tw-duration-300`,
           onClick: () => n(a),
-          children: /* @__PURE__ */ t(F, { icon: "angle_down_outline", color: p.texts.subtext })
+          children: /* @__PURE__ */ t(P, { icon: "angle_down_outline", color: p.texts.subtext })
         }
       ),
       /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-justify-center tw-min-w-[28px] tw-min-h-[28px] tw-w-fit tw-h-[28px] tw-mx-1 tw-bg-primary-medium tw-rounded-full", children: /* @__PURE__ */ t("p", { className: "tw-text-xl tw-text-primary", children: ((i = r == null ? void 0 : r.tasks) == null ? void 0 : i.length) === 0 ? 1 : (d = r == null ? void 0 : r.tasks) == null ? void 0 : d.length }) }),
-      /* @__PURE__ */ t(Ht, { task: (r == null ? void 0 : r.task) ?? "" }),
+      /* @__PURE__ */ t(Qt, { task: (r == null ? void 0 : r.task) ?? "" }),
       /* @__PURE__ */ t(
-        Qt,
+        Wt,
         {
           id: a,
           priority: r == null ? void 0 : r.priority,
@@ -2531,88 +2497,88 @@ const We = () => {
           endDate: r == null ? void 0 : r.endDate
         }
       ),
-      /* @__PURE__ */ t(Wt, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate }),
+      /* @__PURE__ */ t(Ot, { startDate: r == null ? void 0 : r.startDate, endDate: r == null ? void 0 : r.endDate }),
       /* @__PURE__ */ c("button", { className: "tw-gap-s tw-bg-gray-100 tw-rounded-md tw-h-[30px] tw-flex tw-justify-center tw-items-center tw-w-fit tw-px-m hover:tw-bg-gray-200", children: [
-        /* @__PURE__ */ t(F, { icon: "subtasks", size: "xs", strokeWidth: 5, color: p.texts.subtext }),
+        /* @__PURE__ */ t(P, { icon: "subtasks", size: "xs", strokeWidth: 5, color: p.texts.subtext }),
         /* @__PURE__ */ t("p", { className: "tw-text-xl", children: ((o = r == null ? void 0 : r.tasks) == null ? void 0 : o.length) === 0 ? 1 : (g = r == null ? void 0 : r.tasks) == null ? void 0 : g.length })
       ] })
     ] }),
-    l.includes(a) && /* @__PURE__ */ t("div", { className: "tw-ml-[30px]", children: ((u = r == null ? void 0 : r.tasks) == null ? void 0 : u.length) > 0 ? (y = r == null ? void 0 : r.tasks) == null ? void 0 : y.map((h) => /* @__PURE__ */ t(Yt, { id: h == null ? void 0 : h.id })) : /* @__PURE__ */ t(Je, { id: r == null ? void 0 : r.id }) })
+    s.includes(a) && /* @__PURE__ */ t("div", { className: "tw-ml-[30px]", children: ((m = r == null ? void 0 : r.tasks) == null ? void 0 : m.length) > 0 ? (b = r == null ? void 0 : r.tasks) == null ? void 0 : b.map((x) => /* @__PURE__ */ t(Ht, { id: x == null ? void 0 : x.id })) : /* @__PURE__ */ t(Xe, { id: r == null ? void 0 : r.id }) })
   ] }) : null;
-}, Ve = () => {
+}, Ze = () => {
   var n;
-  const { tasksProject: a, projectID: e } = lt();
-  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ t(Ot, {});
-  let l = [...(n = a == null ? void 0 : a.data) == null ? void 0 : n.filter((r) => r.isPrincipalTask)];
-  return /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m", children: /* @__PURE__ */ t(Ye, { project: e, children: l == null ? void 0 : l.sort((r, s) => r.orden - s.orden).map((r) => /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ", children: /* @__PURE__ */ t(Yt, { id: r.id }) })) }) });
-}, ta = ({
+  const { tasksProject: a, projectID: e } = st();
+  if (a != null && a.isFetching || a != null && a.isLoading) return /* @__PURE__ */ t(It, {});
+  let s = [...(n = a == null ? void 0 : a.data) == null ? void 0 : n.filter((r) => r.isPrincipalTask)];
+  return /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m", children: /* @__PURE__ */ t(Qe, { project: e, children: s == null ? void 0 : s.sort((r, l) => r.orden - l.orden).map((r) => /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-col tw-gap-m tw-border-b tw-border-gray-200 tw-pb-m ", children: /* @__PURE__ */ t(Ht, { id: r.id }) })) }) });
+}, Je = ({
   setPath: a,
   setProject: e
 }) => {
-  const [l, n] = v([]), [r, s] = v(!0), [i, d] = v(0), [o, g] = v(10), [u, y] = v(0), [h, m] = v("nombre"), { filters: b, defineFields: _ } = R(), { tasks_api: N, getImageOBP: C } = $(), { user: P } = X(), j = async (w, A) => {
-    var D, k, K;
+  const [s, n] = y([]), [r, l] = y(!0), [i, d] = y(0), [o, g] = y(10), [m, b] = y(0), [x, u] = y("nombre"), { filters: h, defineFields: _ } = U(), { tasks_api: v, getImageOBP: C } = B(), { user: T } = X(), k = async (w, A) => {
+    var M, S, I;
     try {
-      s(!0);
-      const S = {
+      l(!0);
+      const D = {
         filters: {
-          search: (b == null ? void 0 : b.taskName) ?? "",
+          search: (h == null ? void 0 : h.search) ?? "",
           responsable: {
-            idUser: P.id,
-            responsableType: (D = b == null ? void 0 : b.responsable) == null ? void 0 : D.responsableType
+            idUser: T.id,
+            responsableType: (M = h == null ? void 0 : h.responsable) == null ? void 0 : M.responsableType
           },
-          ejecutivo: (b == null ? void 0 : b.ejecutivo) ?? ""
+          ejecutivo: (h == null ? void 0 : h.ejecutivo) ?? ""
         }
-      }, M = await N.get("/api/listado_campanias", {
+      }, E = await v.get("/api/listado_campanias", {
         params: {
           pagination: {
             page: w,
             pageSize: A
           },
-          orderBy: h,
-          ...S
+          orderBy: x,
+          ...D
         }
-      }), U = G(M == null ? void 0 : M.data);
-      n(U), y((K = (k = M == null ? void 0 : M.data) == null ? void 0 : k.meta) == null ? void 0 : K.total);
-    } catch (S) {
-      console.error("Error fetching data en Lista Campaña:", S);
+      }), O = G(E == null ? void 0 : E.data);
+      n(O), b((I = (S = E == null ? void 0 : E.data) == null ? void 0 : S.meta) == null ? void 0 : I.total);
+    } catch (D) {
+      console.error("Error fetching data en Lista Campaña:", D);
     } finally {
-      s(!1);
+      l(!1);
     }
   }, f = async () => {
     try {
-      const w = await N.get("/api/obtener-comerciales");
-      return [...At].map((D) => (D.id === "ejecutivo" && (D.options = w.data.map((k) => ({
-        id: k.nombre,
-        name: k.nombre
-      }))), D));
+      const w = await v.get("/api/obtener-comerciales");
+      return [...kt].map((M) => (M.id === "ejecutivo" && (M.options = w.data.map((S) => ({
+        id: S.nombre,
+        name: S.nombre
+      }))), M));
     } catch (w) {
-      return console.error("Error fetching salesman data:", w), [...At];
+      return console.error("Error fetching salesman data:", w), [...kt];
     }
   };
-  T(() => {
+  q(() => {
     (async () => {
       const A = await f();
       _(A);
     })();
-  }, []), T(() => {
+  }, []), q(() => {
     const w = Math.floor(i / o) + 1;
-    j(w, o);
-  }, [i, o, h, b]);
-  const x = (w) => {
+    k(w, o);
+  }, [i, o, x, h]);
+  const N = (w) => {
     d(w.first), g(w.rows);
-  }, q = [
+  }, j = [
     { 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 }
-  ], B = (w) => {
+  ], F = (w) => {
     const A = parseInt(w.target.value, 10);
-    g(A), x({ first: 0, rows: A });
-  }, W = (w) => {
-    m((A) => A === w ? `${w}:desc` : w);
-  }, Q = (w) => h === w ? "↑↓" : h === `${w}:desc` ? "↓↑" : "↑↓", z = (w) => ({
+    g(A), N({ first: 0, rows: A });
+  }, z = (w) => {
+    u((A) => A === w ? `${w}:desc` : w);
+  }, L = (w) => x === w ? "↑↓" : x === `${w}:desc` ? "↓↑" : "↑↓", R = (w) => ({
     padding: "auto",
     backgroundColor: p.silver.silver_light,
     borderRadius: "50%",
@@ -2634,11 +2600,11 @@ const We = () => {
       className: "tw-w-full tw-p-4 tw-rounded-lg tw-shadow-md",
       style: {
         background: p.bg.content,
-        height: "calc(100vh - 200px)",
         display: "flex",
-        flexDirection: "column"
+        flexDirection: "column",
+        height: "100%"
       },
-      children: r ? /* @__PURE__ */ t("div", { className: "tw-w-full", children: /* @__PURE__ */ t(Ot, {}) }) : /* @__PURE__ */ t(E, { children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-h-full", children: [
+      children: r ? /* @__PURE__ */ t("div", { className: "tw-w-full", children: /* @__PURE__ */ t(It, {}) }) : /* @__PURE__ */ t($, { children: /* @__PURE__ */ c("div", { className: "tw-flex tw-flex-col tw-h-full", children: [
         /* @__PURE__ */ t("div", { className: "tw-flex-1 tw-overflow-auto", children: /* @__PURE__ */ c(
           "table",
           {
@@ -2659,7 +2625,7 @@ const We = () => {
                     /* @__PURE__ */ t(
                       "th",
                       {
-                        onClick: () => W("nombre"),
+                        onClick: () => z("nombre"),
                         style: {
                           color: p.gray.gray_dark,
                           textAlign: "left"
@@ -2672,7 +2638,7 @@ const We = () => {
                               style: {
                                 color: p.gray.gray_dark
                               },
-                              children: Q("nombre")
+                              children: L("nombre")
                             }
                           ),
                           "Campaña"
@@ -2682,7 +2648,7 @@ const We = () => {
                     /* @__PURE__ */ t(
                       "th",
                       {
-                        onClick: () => W("inicia"),
+                        onClick: () => z("inicia"),
                         className: "tw-whitespace-nowrap",
                         style: {
                           color: p.gray.gray_dark,
@@ -2696,9 +2662,9 @@ const We = () => {
                               color: p.gray.gray_dark
                             },
                             children: [
-                              Q("inicia"),
+                              L("inicia"),
                               /* @__PURE__ */ t(
-                                F,
+                                P,
                                 {
                                   icon: "calendar",
                                   size: "xs",
@@ -2723,7 +2689,7 @@ const We = () => {
                     /* @__PURE__ */ t(
                       "th",
                       {
-                        onClick: () => W("termina"),
+                        onClick: () => z("termina"),
                         className: "tw-whitespace-nowrap",
                         style: {
                           color: p.gray.gray_dark,
@@ -2737,11 +2703,11 @@ const We = () => {
                                 color: "#C4C4C4",
                                 fontSize: "10px"
                               },
-                              children: Q("termina")
+                              children: L("termina")
                             }
                           ),
                           /* @__PURE__ */ t(
-                            F,
+                            P,
                             {
                               icon: "calendar",
                               size: "xs",
@@ -2776,8 +2742,8 @@ const We = () => {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ t("tbody", { children: l == null ? void 0 : l.map((w, A) => {
-                var D, k, K, S, M, U, H, V, tt, I, Z, yt, vt, Nt, _t, Ct, Ft, Pt;
+              /* @__PURE__ */ t("tbody", { children: s == null ? void 0 : s.map((w, A) => {
+                var M, S, I, D, E, O, H, V, tt, W, Z, yt, Nt, vt, _t, Ct, Ft, Pt;
                 return /* @__PURE__ */ c(
                   "tr",
                   {
@@ -2799,9 +2765,9 @@ const We = () => {
                       dt.currentTarget.style.backgroundColor = A % 2 === 0 ? "#F5F5F5" : "#FAFAFA";
                     },
                     children: [
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (D = w == null ? void 0 : w.campania) == null ? void 0 : D.nombre }),
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (k = w == null ? void 0 : w.campania) == null ? void 0 : k.inicia }),
-                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (K = w == null ? void 0 : w.campania) == null ? void 0 : K.termina }),
+                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (M = w == null ? void 0 : w.campania) == null ? void 0 : M.nombre }),
+                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (S = w == null ? void 0 : w.campania) == null ? void 0 : S.inicia }),
+                      /* @__PURE__ */ t("td", { className: "tw-text-s", children: (I = w == null ? void 0 : w.campania) == null ? void 0 : I.termina }),
                       /* @__PURE__ */ t("td", { className: "tw-text-s", children: /* @__PURE__ */ c(
                         "div",
                         {
@@ -2851,12 +2817,12 @@ const We = () => {
                       ) }),
                       /* @__PURE__ */ t("td", { className: "tw-text-s", children: /* @__PURE__ */ c("div", { className: "tw-flex tw-items-center tw-justify-center tw-text-s", children: [
                         /* @__PURE__ */ t(
-                          O,
+                          Q,
                           {
-                            imageUrl: (V = (H = (U = (M = (S = w == null ? void 0 : w.campania) == null ? void 0 : S.responsable) == null ? void 0 : M.imagen) == null ? void 0 : U.formats) == null ? void 0 : H.thumbnail) != null && V.url ? C(
-                              (vt = (yt = (Z = (I = (tt = w == null ? void 0 : w.campania) == null ? void 0 : tt.responsable) == null ? void 0 : I.imagen) == null ? void 0 : Z.formats) == null ? void 0 : yt.thumbnail) == null ? void 0 : vt.url
+                            imageUrl: (V = (H = (O = (E = (D = w == null ? void 0 : w.campania) == null ? void 0 : D.responsable) == null ? void 0 : E.imagen) == null ? void 0 : O.formats) == null ? void 0 : H.thumbnail) != null && V.url ? C(
+                              (Nt = (yt = (Z = (W = (tt = w == null ? void 0 : w.campania) == null ? void 0 : tt.responsable) == null ? void 0 : W.imagen) == null ? void 0 : Z.formats) == null ? void 0 : yt.thumbnail) == null ? void 0 : Nt.url
                             ) : "",
-                            alt: (Ct = (_t = (Nt = w == null ? void 0 : w.campania) == null ? void 0 : Nt.responsable) == null ? void 0 : _t.nombre) == null ? void 0 : Ct.charAt(
+                            alt: (Ct = (_t = (vt = w == null ? void 0 : w.campania) == null ? void 0 : vt.responsable) == null ? void 0 : _t.nombre) == null ? void 0 : Ct.charAt(
                               0
                             )
                           }
@@ -2888,9 +2854,9 @@ const We = () => {
                   },
                   className: "tw-text-s tw-whitespace-nowrap",
                   children: [
-                    l.length,
+                    s.length,
                     " elementos de ",
-                    u
+                    m
                   ]
                 }
               ),
@@ -2899,9 +2865,9 @@ const We = () => {
                 {
                   first: i,
                   rows: o,
-                  totalRecords: u,
+                  totalRecords: m,
                   rowsPerPageOptions: [5, 10, 20, 50],
-                  onPageChange: x,
+                  onPageChange: N,
                   className: "tw-flex tw-justify-center tw-items-center tw-w-full tw-p-2 tw-gap-1 tw-rounded-lg",
                   style: {
                     display: "flex",
@@ -2919,7 +2885,7 @@ const We = () => {
                       {
                         onClick: w.onClick,
                         disabled: w.disabled,
-                        style: z(w.disabled),
+                        style: R(w.disabled),
                         className: "tw-flex tw-items-center tw-justify-center tw-text-s",
                         children: "<<"
                       }
@@ -2929,7 +2895,7 @@ const We = () => {
                       {
                         onClick: w.onClick,
                         disabled: w.disabled,
-                        style: z(w.disabled),
+                        style: R(w.disabled),
                         className: "tw-text-s",
                         children: "<"
                       }
@@ -2939,7 +2905,7 @@ const We = () => {
                       {
                         onClick: w.onClick,
                         disabled: w.disabled,
-                        style: z(w.disabled),
+                        style: R(w.disabled),
                         className: "tw-text-s",
                         children: ">"
                       }
@@ -2949,7 +2915,7 @@ const We = () => {
                       {
                         onClick: w.onClick,
                         disabled: w.disabled,
-                        style: z(w.disabled),
+                        style: R(w.disabled),
                         className: "tw-text-s",
                         children: ">>"
                       }
@@ -2960,7 +2926,7 @@ const We = () => {
                         onClick: (A) => w.onClick(A),
                         className: `tw-flex tw-items-center tw-justify-center tw-text-s ${w.className.includes("p-highlight") ? "highlighted" : ""}`,
                         style: {
-                          ...z(!1),
+                          ...R(!1),
                           backgroundColor: w.className.includes(
                             "p-highlight"
                           ) ? "#E1EBF9" : p.silver.silver_light,
@@ -2985,8 +2951,8 @@ const We = () => {
                       borderRadius: "4px"
                     },
                     value: o,
-                    onChange: (w) => B(w),
-                    children: q.map((w) => /* @__PURE__ */ t(
+                    onChange: (w) => F(w),
+                    children: j.map((w) => /* @__PURE__ */ t(
                       "option",
                       {
                         value: w.value,
@@ -3005,55 +2971,114 @@ const We = () => {
       ] }) })
     }
   );
-}, ea = ({ path: a, tab: e, setPath: l, project: n, setProject: r }) => {
-  const s = {
-    "kanban-general": { kanban: /* @__PURE__ */ t(He, {}) },
+}, Ve = ({ path: a, tab: e, setPath: s, project: n, setProject: r }) => {
+  const l = {
+    "kanban-general": { kanban: /* @__PURE__ */ t(We, {}) },
     "lista-campanias": {
-      lista: /* @__PURE__ */ t(ta, { setPath: l, setProject: r }),
+      lista: /* @__PURE__ */ t(Je, { setPath: s, setProject: r }),
       gantt: /* @__PURE__ */ t("div", { children: "gantt-campanias" })
     },
     "kanban-campania": {
-      kanban: /* @__PURE__ */ t(Be, {}),
-      lista: /* @__PURE__ */ t(Ve, {}),
+      kanban: /* @__PURE__ */ t(Ee, {}),
+      lista: /* @__PURE__ */ t(Ze, {}),
       gantt: /* @__PURE__ */ t("div", { children: "kanban-campania-gantt" })
     }
   };
-  return a === "kanban-campania" ? /* @__PURE__ */ t(xe, { project: n == null ? void 0 : n.id, children: s[a][e] }) : s[a][e];
-}, aa = ({ path: a }) => /* @__PURE__ */ t(we, { children: /* @__PURE__ */ t(() => {
-  const { selectPath: l, updateFilters: n, applyFilters: r, filters: s } = R(), [i, d] = v("kanban"), [o, g] = v(a), [u, y] = v({
+  return a === "kanban-campania" ? /* @__PURE__ */ t(ge, { project: n == null ? void 0 : n.id, children: l[a][e] }) : l[a][e];
+}, ta = ({ label: a, active: e, onClick: s, disabled: n }) => n ? /* @__PURE__ */ t(
+  K,
+  {
+    dispatch: /* @__PURE__ */ t("button", { className: "tw-text-texts-placeholder tw-text-xl tw-font-semibold tw-cursor-help", children: a }),
+    children: /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-justify-center tw-px-3 tw-py-2 tw-bg-bg-card tw-rounded-lg tw-border tw-border-border-card", children: /* @__PURE__ */ t("p", { className: "tw-text-texts-placeholder tw-text-lg tw-font-semibold", children: "Espéralo muy pronto..." }) })
+  }
+) : /* @__PURE__ */ t(
+  "button",
+  {
+    disabled: n,
+    onClick: s,
+    className: `${e ? "tw-text-texts-enfasis tw-border-b-2 tw-border-texts-enfasis" : ""} tw-text-xl tw-font-semibold ${n ? "tw-cursor-not-allowed tw-text-texts-placeholder tw-text-lg" : "tw-text-texts-subtext"}`,
+    children: a
+  }
+), ea = ({ tabs: a, renderItem: e, initialTab: s }) => {
+  const [n, r] = y(s ?? a[0].toLowerCase());
+  q(() => {
+    s && r(s);
+  }, [s]);
+  const l = (i) => {
+    r(i), e(i);
+  };
+  return /* @__PURE__ */ t("div", { className: "tw-flex", children: a.map((i, d) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${d === 0 ? "tw-border-l-2" : ""} tw-border-r-2 tw-border-gray-200 tw-px-m`,
+      children: /* @__PURE__ */ t(
+        ta,
+        {
+          onClick: () => l(i.toLowerCase()),
+          label: i,
+          active: i.toLowerCase() === n,
+          disabled: ["gantt"].includes(i.toLowerCase())
+        },
+        d
+      )
+    }
+  )) });
+}, aa = ({ path: a }) => /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(() => {
+  const { selectPath: s, updateFilters: n, applyFilters: r, filters: l } = U(), [i, d] = y("kanban"), [o, g] = y(a), [m, b] = y({
     id: 1704,
     project: "Kanban de Campania"
-  }), [h, m] = v((s == null ? void 0 : s.taskName) ?? ""), [b, _] = v(""), N = Y(null);
-  T(() => {
-    d(o === "lista-campanias" ? "lista" : "kanban"), l(o);
-  }, [a, o]), T(() => {
-    (h == null ? void 0 : h.trim()) === "" && n({
-      name: "taskName",
+  }), [x, u] = y([
+    { path: "lista-campanias", search: (l == null ? void 0 : l.search) ?? "" },
+    { path: "kanban-campania", search: (l == null ? void 0 : l.taskName) ?? "" },
+    { path: "kanban-general", search: (l == null ? void 0 : l.taskName) ?? "" }
+  ]), [h, _] = y(), v = Y(null);
+  q(() => {
+    var F;
+    d(o === "lista-campanias" ? "lista" : "kanban"), s(o), _(((F = x.find((z) => z.path === o)) == null ? void 0 : F.search) ?? "");
+  }, [a, o]), q(() => {
+    var F;
+    ((F = N()) == null ? void 0 : F.trim()) === "" && n({
+      name: o === "lista-campanias" ? "search" : "taskName",
       value: null
     }), r();
-  }, [b]), T(() => {
-    m((s == null ? void 0 : s.taskName) ?? "");
-  }, [s == null ? void 0 : s.taskName]);
-  const C = (x) => ({
+  }, [x]);
+  const C = (F) => ({
     "kanban-general": "Kanban General",
     "lista-campanias": "Campanias",
-    "kanban-campania": `Kanban de ${u.project}`
-  })[x], P = (x) => {
-    g(x);
-  }, j = ["lista-campanias", "kanban-campania"], f = {
+    "kanban-campania": `Kanban de ${m.project}`
+  })[F], T = (F) => {
+    g(F);
+  }, k = ["lista-campanias", "kanban-campania"], f = {
     "lista-campanias": ["lista", "gantt"],
     "kanban-campania": ["kanban", "lista", "gantt"]
+  }, N = () => {
+    var F;
+    return ((F = x.find((z) => z.path === o)) == null ? void 0 : F.search) ?? "";
+  }, j = (F) => {
+    u(
+      (z) => z.map((L) => L.path === o ? { ...L, search: F } : L)
+    );
   };
-  return /* @__PURE__ */ c("div", { className: "tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden", children: [
+  return q(() => {
+    const F = setTimeout(() => {
+      n({
+        name: o === "lista-campanias" ? "search" : "taskName",
+        value: h == null ? void 0 : h.trim()
+      }), j(h);
+    }, 500);
+    return () => {
+      clearTimeout(F);
+    };
+  }, [h]), /* @__PURE__ */ c("div", { className: "tw-bg-bg-card tw-p-m tw-rounded-lg tw-border tw-border-gray-200 tw-flex tw-flex-col tw-gap-m tw-w-full tw-h-full tw-min-h-[100%] tw-relative tw-overflow-hidden", children: [
     /* @__PURE__ */ c("div", { className: "tw-w-full tw-justify-between tw-flex tw-items-end tw-border-b tw-border-gray-200 tw-pb-m tw-px-l tw-flex-wrap tw-gap-l", children: [
       /* @__PURE__ */ c("div", { className: "tw-flex tw-gap-xl", children: [
         o === "kanban-campania" && /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => P("lista-campanias"),
+            onClick: () => T("lista-campanias"),
             className: "tw-flex tw-items-center tw-text-primary hover:tw-text-primary/80 tw-transition-colors",
             children: /* @__PURE__ */ t(
-              F,
+              P,
               {
                 icon: "arrow_left",
                 size: "xs",
@@ -3065,12 +3090,12 @@ const We = () => {
           }
         ),
         /* @__PURE__ */ t("h2", { className: "tw-text-texts tw-font-medium", children: C(o) }),
-        j.includes(o) && /* @__PURE__ */ t(
-          oe,
+        k.includes(o) && /* @__PURE__ */ t(
+          ea,
           {
             tabs: f[o],
-            renderItem: (x) => {
-              d(x);
+            renderItem: (F) => {
+              d(F);
             },
             initialTab: i
           }
@@ -3080,13 +3105,8 @@ const We = () => {
         /* @__PURE__ */ t(
           "input",
           {
-            onChange: (x) => {
-              m(x.target.value), $t(() => {
-                n({
-                  name: "taskName",
-                  value: x.target.value.trim()
-                }), _(x.target.value);
-              }, 1e3)();
+            onChange: (F) => {
+              _(F.target.value);
             },
             type: "text",
             placeholder: "Buscar",
@@ -3095,29 +3115,29 @@ const We = () => {
           }
         ),
         /* @__PURE__ */ t(
-          ce,
+          le,
           {
-            filterChildren: N,
+            filterChildren: v,
             children: /* @__PURE__ */ t(
               "div",
               {
-                ref: N,
+                ref: v,
                 className: "tw-w-max tw-max-w-[400px] tw-h-fit tw-bg-bg-card tw-shadow-lg tw-rounded-lg tw-p-l",
-                children: /* @__PURE__ */ t(ue, {})
+                children: /* @__PURE__ */ t(we, {})
               }
             )
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%]", children: /* @__PURE__ */ t(
-      ea,
+    /* @__PURE__ */ t("div", { className: "tw-overflow-y-auto tw-scrollbar-none tw-max-h-[100%] tw-h-full", children: /* @__PURE__ */ t(
+      Ve,
       {
         path: o,
         tab: i,
-        setPath: P,
-        project: u,
-        setProject: y
+        setPath: T,
+        project: m,
+        setProject: b
       }
     ) })
   ] });
@@ -3129,12 +3149,12 @@ const We = () => {
   /* @__PURE__ */ t("div", { className: "tw-w-10 tw-h-10 tw-bg-primary-regular tw-rounded-full tw-animate-pulse" }),
   /* @__PURE__ */ t("p", { className: "tw-text-l tw-text-texts-enfasis", children: "No encontramos tu acceso" }),
   /* @__PURE__ */ t("p", { className: "tw-text-sm tw-text-texts-placeholder", children: "por favor, contacta al administrador" })
-] }) }) }), fa = ({ path: a, user: e, url: l, mode: n }) => {
-  const r = new Gt();
+] }) }) }), fa = ({ path: a, user: e, url: s, mode: n }) => {
+  const r = new Yt();
   if (!e) return /* @__PURE__ */ t(ra, {});
   if (!e.accessToken) return /* @__PURE__ */ t(na, {});
-  let s = { user: e, url: l, mode: n };
-  return /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(he, { ...s, children: /* @__PURE__ */ t(ge, { ...s, children: /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ c(Xt, { client: r, children: [
+  let l = { user: e, url: s, mode: n };
+  return /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(pe, { ...l, children: /* @__PURE__ */ t(me, { ...l, children: /* @__PURE__ */ t("div", { className: "tw-w-full tw-h-full tw-min-h-[100%] tw-relative", children: /* @__PURE__ */ c(Gt, { client: r, children: [
     /* @__PURE__ */ t(aa, { path: a }),
     " "
   ] }) }) }) }) });