@orbe-agro/client-core 3.3.8 → 3.3.10

package/dist/lib/@ecme/views/concepts/projects/ScrumBoard/components/TicketContent.js

@@ -1,102 +1,134 @@
-import { jsx as e, Fragment as v, jsxs as a } from "react/jsx-runtime";
-import { useState as D, useRef as K, useEffect as F } from "react";
-import { useScrumBoardStore as R } from "../store/scrumBoardStore.js";
+import { jsx as e, Fragment as g, jsxs as a } from "react/jsx-runtime";
+import { useState as L, useRef as de, useEffect as oe } from "react";
+import { useScrumBoardStore as he } from "../store/scrumBoardStore.js";
 import "../../../../../components/ui/Spinner/index.js";
-import { Avatar as g } from "../../../../../components/ui/Avatar/index.js";
+import { Avatar as y } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Tooltip/index.js";
 import "../../../../../components/ui/Card/index.js";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Input/index.js";
-import { Dropdown as h } from "../../../../../components/ui/Dropdown/index.js";
+import { Dropdown as f } from "../../../../../components/ui/Dropdown/index.js";
 import "../../../../../components/ui/CloseButton/index.js";
 import "../../../../../components/ui/Tag/index.js";
-import { Tabs as L } from "../../../../../components/ui/Tabs/index.js";
+import { Tabs as B } from "../../../../../components/ui/Tabs/index.js";
 import "../../../../../components/ui/Badge/index.js";
 import "../../../../../components/ui/ScrollBar/index.js";
-import V from "../../../../../assets/svg/NoMedia.js";
-import W from "../../../../../components/shared/UsersAvatarGroup.js";
-import j from "dayjs";
-import p from "lodash/cloneDeep";
-import { TbPlus as I, TbDownload as $, TbTrash as q } from "react-icons/tb";
-import H from "lodash/isEmpty";
-import { createUID as J, taskLabelColors as T, labelList as Q } from "../utils.js";
-import b from "../../../../../components/ui/Tooltip/Tooltip.js";
-import c from "../../../../../components/ui/Button/Button.js";
-import X from "../../../../../components/ui/Spinner/Spinner.js";
-import Z from "../../../../../components/ui/CloseButton/CloseButton.js";
-import _ from "../../../../../components/ui/ScrollBar/ScrollBar.js";
-import A from "../../../../../components/ui/Tag/Tag.js";
-import ee from "../../../../../components/ui/Badge/Badge.js";
-import re from "../../../../../components/ui/Input/Input.js";
-import ae from "../../../../../components/ui/Card/Card.js";
-const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
-  id: J(10),
+import pe from "../../../../../assets/svg/NoMedia.js";
+import fe from "../../../../../components/shared/UsersAvatarGroup.js";
+import ue from "dayjs";
+import u from "lodash/cloneDeep";
+import { TbPlus as E, TbDownload as xe, TbTrash as ve } from "react-icons/tb";
+import Ne from "lodash/isEmpty";
+import { createUID as be, taskLabelColors as S, labelList as ge } from "../utils.js";
+import { useNavigate as ye } from "react-router-dom";
+import C from "../../../../../components/ui/Tooltip/Tooltip.js";
+import n from "../../../../../components/ui/Button/Button.js";
+import ke from "../../../../../components/ui/Spinner/Spinner.js";
+import Ce from "../../../../../components/ui/CloseButton/CloseButton.js";
+import we from "../../../../../components/ui/ScrollBar/ScrollBar.js";
+import k from "../../../../../components/ui/Tag/Tag.js";
+import ze from "../../../../../components/ui/Badge/Badge.js";
+import Ae from "../../../../../components/ui/Input/Input.js";
+import je from "../../../../../components/ui/Card/Card.js";
+const { TabNav: I, TabList: Te, TabContent: P } = B, Me = (d) => ({
+  id: be(10),
   name: "Angelina Gotelli",
   src: "/img/avatars/thumb-1.jpg",
-  message: l,
+  message: d,
   date: /* @__PURE__ */ new Date()
-}), ie = () => /* @__PURE__ */ e(b, { title: "Add More", wrapperClass: "flex", children: /* @__PURE__ */ e(
-  c,
+}), Le = () => /* @__PURE__ */ e(C, { title: "Add More", wrapperClass: "flex", children: /* @__PURE__ */ e(
+  n,
   {
-    icon: /* @__PURE__ */ e(I, {}),
+    icon: /* @__PURE__ */ e(E, {}),
     customColorClass: () => "border-2 border-dashed hover:ring-0 h-[30px] w-[30px] text-sm",
     size: "sm",
     shape: "circle"
   }
-) }), Ye = ({ onTicketClose: l }) => {
-  var w, C, k, M;
-  const { updateColumns: B, ticketId: N, columns: m, boardMembers: f } = R(), [t, d] = D({}), [O, y] = D(!1), o = K(null), P = async () => {
-    y(!0);
+) }), dr = ({
+  onTicketClose: d,
+  showAssignedTo: U = !0,
+  showLabels: Y = !0,
+  showDueDate: G = !0,
+  showDescription: K = !0,
+  showUserInitiator: R = !0,
+  showUserResponder: $ = !0,
+  showStatus: F = !0,
+  showActionsTicket: W = !0,
+  showCloseTicket: q = !0,
+  showChangeButton: H = !0,
+  showAceitarButton: J = !0,
+  showConcluirButton: Q = !0,
+  showTransferirButton: X = !0,
+  showCancelarButton: Z = !0,
+  showEditarButton: _ = !0,
+  descriptionTitle: V = "Descrição",
+  dueDateTitle: D = "Data",
+  userInitiatorTitle: O = "Participante 1",
+  userResponderTitle: ee = "Participante 2",
+  statusTitle: re = "Status",
+  onOpenDialog: c,
+  goView: x,
+  columns: o
+}) => {
+  var A, j, T, M;
+  const te = ye(), { updateColumns: ae, ticketId: w, boardMembers: v } = he(), [t, h] = L({}), [se, z] = L(!1), p = de(null), ie = async () => {
+    z(!0);
     let r = {};
-    for (const s in m)
-      if (Object.hasOwnProperty.call(m, s)) {
-        const n = m[s].find((u) => u.id === N);
-        n && (r = n);
+    for (const s in o)
+      if (Object.hasOwnProperty.call(o, s)) {
+        const l = o[s].find((b) => b.id === w);
+        l && (r = l);
       }
-    d(r), y(!1);
+    h(r), z(!1);
   };
-  F(() => {
-    H(t) ? P() : E();
+  oe(() => {
+    Ne(t) ? ie() : le();
   }, [t, t]);
-  const Y = () => {
-    if (o.current) {
-      const r = o.current.value, s = se(r), i = p(t.comments);
-      i == null || i.push(s), d((n) => ({
-        ...n,
+  const ce = () => {
+    if (p.current) {
+      const r = p.current.value, s = Me(r), i = u(t.comments);
+      i == null || i.push(s), h((l) => ({
+        ...l,
         comments: i
-      })), o.current.value = "";
+      })), p.current.value = "";
     }
-  }, x = () => {
-    l == null || l();
-  }, E = () => {
-    const r = p(m);
+  }, m = () => {
+    d == null || d();
+  }, le = () => {
+    const r = u(o);
     for (const s in r)
-      Object.hasOwnProperty.call(r, s) && r[s].forEach((n, u) => {
-        n.id === N && (r[s][u] = t);
+      Object.hasOwnProperty.call(r, s) && r[s].forEach((l, b) => {
+        l.id === w && (r[s][b] = t);
       });
-    B(r);
-  }, G = (r) => {
-    const s = f.find((n) => n.id === r), i = p(t.members);
-    i == null || i.push(s), d((n) => ({
-      ...n,
+    ae(r);
+  }, ne = (r) => {
+    const s = v.find((l) => l.id === r), i = u(t.members);
+    i == null || i.push(s), h((l) => ({
+      ...l,
       members: i
     }));
-  }, U = (r) => {
-    const s = p(t.labels);
-    s == null || s.push(r), d((i) => ({ ...i, labels: s }));
+  }, me = (r) => {
+    const s = u(t.labels);
+    s == null || s.push(r), h((i) => ({ ...i, labels: s }));
+  }, N = {
+    NOVO: "dark:bg-green-200 dark:text-gray-900",
+    CONCLUIDO: "dark:bg-green-200 dark:text-gray-900",
+    CANCELADO: "bg-rose-200 dark:bg-rose-200 dark:text-gray-900"
+  }, Se = (r) => {
+    te(r);
   };
-  return /* @__PURE__ */ e(v, { children: O ? /* @__PURE__ */ e("div", { className: "flex justify-center items-center min-h-[300px]", children: /* @__PURE__ */ e(X, { size: 40 }) }) : /* @__PURE__ */ a(v, { children: [
+  return /* @__PURE__ */ e(g, { children: se ? /* @__PURE__ */ e("div", { className: "flex justify-center items-center min-h-[300px]", children: /* @__PURE__ */ e(ke, { size: 40 }) }) : /* @__PURE__ */ a(g, { children: [
     /* @__PURE__ */ e("div", { className: "flex gap-2 mb-10", children: /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
       /* @__PURE__ */ e("h4", { children: t.name }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Z, { onClick: x }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Ce, { onClick: m }) })
     ] }) }) }),
-    /* @__PURE__ */ a(_, { className: "max-h-[700px] overflow-y-auto", children: [
+    /* @__PURE__ */ a(we, { className: "max-h-[700px] overflow-y-auto", children: [
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-6", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
+        U && /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
           /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: "Assigned to:" }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ e(
-              W,
+              fe,
               {
                 className: "gap-1",
                 avatarProps: {
@@ -107,23 +139,23 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
                 users: t.members
               }
             ),
-            f.length !== ((w = t.members) == null ? void 0 : w.length) && /* @__PURE__ */ e(
-              h,
+            v.length !== ((A = t.members) == null ? void 0 : A.length) && /* @__PURE__ */ e(
+              f,
               {
-                renderTitle: /* @__PURE__ */ e(ie, {}),
-                children: f.map(
+                renderTitle: /* @__PURE__ */ e(Le, {}),
+                children: v.map(
                   (r) => {
                     var s;
                     return !((s = t.members) != null && s.some(
                       (i) => i.id === r.id
                     )) && /* @__PURE__ */ e(
-                      h.Item,
+                      f.Item,
                       {
                         eventKey: r.id,
-                        onSelect: G,
+                        onSelect: ne,
                         children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ a("div", { className: "flex items-center", children: [
                           /* @__PURE__ */ e(
-                            g,
+                            y,
                             {
                               shape: "circle",
                               size: 22,
@@ -141,44 +173,44 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
+        Y && /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
           /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: "Label:" }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-            (C = t.labels) == null ? void 0 : C.map((r) => /* @__PURE__ */ e(
-              A,
+            (j = t.labels) == null ? void 0 : j.map((r) => /* @__PURE__ */ e(
+              k,
               {
-                className: T[r],
+                className: S[r],
                 children: r
               },
               r
             )),
             /* @__PURE__ */ e(
-              h,
+              f,
               {
                 renderTitle: /* @__PURE__ */ e(
-                  A,
+                  k,
                   {
                     className: "border-dashed cursor-pointer border-2 bg-transparent dark:bg-transparent border-gray-300 dark:border-gray-500 hover:border-primary hover:text-primary",
-                    prefix: /* @__PURE__ */ e(I, {}),
+                    prefix: /* @__PURE__ */ e(E, {}),
                     children: "Add Label"
                   }
                 ),
                 placement: "bottom-end",
-                children: Q.map(
+                children: ge.map(
                   (r) => {
                     var s;
                     return !((s = t.labels) != null && s.includes(
                       r
                     )) && /* @__PURE__ */ e(
-                      h.Item,
+                      f.Item,
                       {
                         eventKey: r,
-                        onSelect: U,
+                        onSelect: me,
                         children: /* @__PURE__ */ a("div", { className: "flex items-center", children: [
                           /* @__PURE__ */ e(
-                            ee,
+                            ze,
                             {
-                              innerClass: `${T[r]}`
+                              innerClass: `${S[r]}`
                             }
                           ),
                           /* @__PURE__ */ e("span", { className: "ml-2 rtl:mr-2", children: r })
@@ -192,32 +224,48 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
-          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: "Due date:" }),
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: j(t.dueDate).format(
-            "MMMM DD"
-          ) })
+        R && /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
+          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: O }),
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: t.userInitiator })
+        ] }),
+        $ && /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
+          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: ee }),
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: t.userResponder })
+        ] }),
+        G && /* @__PURE__ */ a("div", { className: "flex items-center min-h-[30px]", children: [
+          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: D }),
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: t.dueDate })
         ] }),
-        t.description && /* @__PURE__ */ a("div", { className: "flex", children: [
-          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: "Description:" }),
+        K && /* @__PURE__ */ a("div", { className: "flex", children: [
+          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: V }),
           /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ e("p", { children: t.description }) })
+        ] }),
+        F && /* @__PURE__ */ a("div", { className: "flex", children: [
+          /* @__PURE__ */ e("div", { className: "font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]", children: re }),
+          /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ e(
+            k,
+            {
+              className: `${(N == null ? void 0 : N[t.status]) ?? "default-color"}`,
+              children: t.status
+            }
+          ) })
         ] })
       ] }),
-      /* @__PURE__ */ a(L, { className: "mt-6", defaultValue: "comments", children: [
-        /* @__PURE__ */ a(te, { children: [
-          /* @__PURE__ */ e(z, { value: "comments", children: "Comments" }),
-          /* @__PURE__ */ e(z, { value: "attachments", children: "Attachments" })
+      t.attachments && t.attachments.length > 0 && /* @__PURE__ */ a(B, { className: "mt-6", defaultValue: "comments", children: [
+        /* @__PURE__ */ a(Te, { children: [
+          /* @__PURE__ */ e(I, { value: "comments", children: "Comments" }),
+          /* @__PURE__ */ e(I, { value: "attachments", children: "Attachments" })
         ] }),
         /* @__PURE__ */ a("div", { className: "p-4", children: [
-          /* @__PURE__ */ e(S, { value: "comments", children: /* @__PURE__ */ a("div", { className: "w-full", children: [
-            t.comments && ((k = t == null ? void 0 : t.comments) == null ? void 0 : k.length) > 0 && /* @__PURE__ */ e(v, { children: t.comments.map(
+          /* @__PURE__ */ e(P, { value: "comments", children: /* @__PURE__ */ a("div", { className: "w-full", children: [
+            t.comments && ((T = t == null ? void 0 : t.comments) == null ? void 0 : T.length) > 0 && /* @__PURE__ */ e(g, { children: t.comments.map(
               (r) => /* @__PURE__ */ a(
                 "div",
                 {
                   className: "mb-3 flex",
                   children: [
                     /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
-                      g,
+                      y,
                       {
                         shape: "circle",
                         src: r.src
@@ -231,7 +279,7 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
                           "|",
                           " "
                         ] }),
-                        /* @__PURE__ */ e("span", { children: j(
+                        /* @__PURE__ */ e("span", { children: ue(
                           r.date
                         ).format(
                           "DD MMMM YYYY"
@@ -246,7 +294,7 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
             ) }),
             /* @__PURE__ */ a("div", { className: "mb-3 flex gap-2", children: [
               /* @__PURE__ */ e(
-                g,
+                y,
                 {
                   shape: "circle",
                   src: "/img/avatars/thumb-1.jpg"
@@ -254,9 +302,9 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
               ),
               /* @__PURE__ */ a("div", { className: "w-full relative", children: [
                 /* @__PURE__ */ e(
-                  re,
+                  Ae,
                   {
-                    ref: o,
+                    ref: p,
                     textArea: !0,
                     placeholder: "Write comment"
                   }
@@ -265,16 +313,16 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
                   "div",
                   {
                     className: "cursor-pointer font-semibold text-primary ",
-                    onClick: () => Y(),
+                    onClick: () => ce(),
                     children: "Send"
                   }
                 ) })
               ] })
             ] })
           ] }) }),
-          /* @__PURE__ */ e(S, { value: "attachments", children: t.attachments && ((M = t == null ? void 0 : t.attachments) == null ? void 0 : M.length) > 0 ? /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-2", children: t.attachments.map(
+          /* @__PURE__ */ e(P, { value: "attachments", children: t.attachments && ((M = t == null ? void 0 : t.attachments) == null ? void 0 : M.length) > 0 ? /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-2", children: t.attachments.map(
             (r) => /* @__PURE__ */ a(
-              ae,
+              je,
               {
                 bodyClass: "px-3 pt-3 pb-1",
                 className: "bg-gray-100 dark:bg-gray-700 shadow-none",
@@ -294,20 +342,20 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
                       /* @__PURE__ */ e("span", { className: "text-xs", children: r.size })
                     ] }),
                     /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-                      /* @__PURE__ */ e(b, { title: "Download", children: /* @__PURE__ */ e(
-                        c,
+                      /* @__PURE__ */ e(C, { title: "Download", children: /* @__PURE__ */ e(
+                        n,
                         {
                           variant: "plain",
                           size: "xs",
-                          icon: /* @__PURE__ */ e($, {})
+                          icon: /* @__PURE__ */ e(xe, {})
                         }
                       ) }),
-                      /* @__PURE__ */ e(b, { title: "Delete", children: /* @__PURE__ */ e(
-                        c,
+                      /* @__PURE__ */ e(C, { title: "Delete", children: /* @__PURE__ */ e(
+                        n,
                         {
                           variant: "plain",
                           size: "xs",
-                          icon: /* @__PURE__ */ e(q, {})
+                          icon: /* @__PURE__ */ e(ve, {})
                         }
                       ) })
                     ] })
@@ -317,36 +365,109 @@ const { TabNav: z, TabList: te, TabContent: S } = L, se = (l) => ({
               r.id
             )
           ) }) : /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 items-center justify-center", children: [
-            /* @__PURE__ */ e(V, { height: 150, width: 150 }),
+            /* @__PURE__ */ e(
+              pe,
+              {
+                height: 150,
+                width: 150
+              }
+            ),
             /* @__PURE__ */ e("p", { className: "font-semibold", children: "No attachments" })
           ] }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "text-right mt-4", children: [
-      /* @__PURE__ */ e(
-        c,
+    W && /* @__PURE__ */ a("div", { className: "text-right mt-4", children: [
+      q && /* @__PURE__ */ e(
+        n,
         {
           className: "mr-2 rtl:ml-2",
           size: "sm",
           variant: "plain",
-          onClick: () => x(),
+          onClick: () => m(),
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ e(
-        c,
+      H && /* @__PURE__ */ e(
+        n,
         {
           variant: "solid",
           size: "sm",
-          onClick: () => x(),
+          onClick: () => m(),
           children: "Change"
         }
+      ),
+      _ && /* @__PURE__ */ e(
+        n,
+        {
+          variant: "solid",
+          size: "sm",
+          onClick: () => {
+            m(), x == null || x(Number(t.id));
+          },
+          children: "Visualizar"
+        }
+      ),
+      J && /* @__PURE__ */ e(
+        n,
+        {
+          variant: "solid",
+          size: "sm",
+          onClick: () => {
+            m(), c == null || c(
+              "aceitar",
+              Number(t.id)
+            );
+          },
+          children: "Aceitar"
+        }
+      ),
+      Q && /* @__PURE__ */ e(
+        n,
+        {
+          variant: "solid",
+          size: "sm",
+          onClick: () => {
+            m(), c == null || c(
+              "concluir",
+              Number(t.id)
+            );
+          },
+          children: "Concluir"
+        }
+      ),
+      Z && /* @__PURE__ */ e(
+        n,
+        {
+          variant: "solid",
+          size: "sm",
+          onClick: () => {
+            m(), c == null || c(
+              "cancelar",
+              Number(t.id)
+            );
+          },
+          children: "Cancelar"
+        }
+      ),
+      X && /* @__PURE__ */ e(
+        n,
+        {
+          variant: "solid",
+          size: "sm",
+          onClick: () => {
+            m(), c == null || c(
+              "transferir",
+              Number(t.id)
+            );
+          },
+          children: "Transferir"
+        }
       )
     ] })
   ] }) });
 };
 export {
-  Ye as default
+  dr as default
 };
 //# sourceMappingURL=TicketContent.js.map