@orbe-agro/client-core 5.2.7 → 5.2.8

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

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