@orbe-agro/client-core 5.3.85 → 5.3.89

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

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