@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/views/concepts/projects/Issue/components/IssueBody.js

@@ -1,30 +1,30 @@
-import { jsxs as a, jsx as t, Fragment as F } from "react/jsx-runtime";
-import { useRef as A, useState as B } from "react";
-import { useIssueStore as K } from "../store/issueStore.js";
-import { DatePicker as j } from "../../../../../components/ui/DatePicker/index.js";
-import { Avatar as E } from "../../../../../components/ui/Avatar/index.js";
-import { Dropdown as c } from "../../../../../components/ui/Dropdown/index.js";
+import { jsxs as a, jsx as t, Fragment as P } from "react/jsx-runtime";
+import { useRef as S, useState as F } from "react";
+import { useIssueStore as A } from "../store/issueStore.js";
+import { DatePicker as B } from "../../../../../components/ui/DatePicker/index.js";
+import { Avatar as K } from "../../../../../components/ui/Avatar/index.js";
+import { Dropdown as o } from "../../../../../components/ui/Dropdown/index.js";
 import "../../../../../components/ui/Tag/index.js";
 import "../../../../../components/ui/Badge/index.js";
 import "../../../../../components/shared/RichTextEditor/index.js";
-import H from "../../../../../components/shared/UsersAvatarGroup.js";
-import $ from "./IssueField.js";
-import d from "./IssueFieldDropdown.js";
-import m from "../../../../../utils/classNames.js";
-import p from "dayjs";
-import z from "html-react-parser";
-import { TbCheck as x, TbTag as R, TbCircle as U, TbFlag2Filled as G, TbFlag as O, TbUser as q, TbClock as J } from "react-icons/tb";
-import { useEditor as Q } from "@tiptap/react";
-import V from "@tiptap/starter-kit";
-import k from "../../../../../components/ui/Tag/Tag.js";
-import W from "../../../../../components/ui/Badge/Badge.js";
-import X from "../../../../../components/shared/RichTextEditor/RichTextEditor.js";
-const v = [
+import j from "../../../../../components/shared/UsersAvatarGroup.js";
+import E from "./IssueField.js";
+import c from "./IssueFieldDropdown.js";
+import d from "../../../../../utils/classNames.js";
+import m from "dayjs";
+import H from "html-react-parser";
+import { TbCheck as h, TbTag as $, TbCircle as z, TbFlag2Filled as R, TbFlag as U, TbUser as G, TbClock as O } from "react-icons/tb";
+import { useEditor as q } from "@tiptap/react";
+import J from "@tiptap/starter-kit";
+import b from "../../../../../components/ui/Tag/Tag.js";
+import Q from "../../../../../components/ui/Badge/Badge.js";
+import V from "../../../../../components/shared/RichTextEditor/RichTextEditor.js";
+const x = [
   { id: "1", title: "Bug" },
   { id: "2", title: "Live issue" },
   { id: "3", title: "Task" },
   { id: "4", title: "Optimization" }
-], N = {
+], k = {
   "Live issue": "bg-rose-200 dark:bg-rose-200 dark:text-gray-900",
   Task: "bg-blue-200 dark:bg-blue-200 dark:text-gray-900",
   Bug: "bg-amber-200 dark:bg-amber-200 dark:text-gray-900",
@@ -32,7 +32,7 @@ const v = [
   "In progress": "bg-sky-200 dark:bg-sky-200 dark:text-gray-900",
   Completed: "bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900",
   Pending: "bg-amber-200 dark:bg-amber-200 dark:text-gray-900"
-}, Y = ["Pending", "In progress", "Completed"], Z = ["Low", "Medium", "High"], y = {
+}, W = ["Pending", "In progress", "Completed"], X = ["Low", "Medium", "High"], v = {
   Low: {
     text: "text-success",
     bg: "bg-success"
@@ -45,45 +45,44 @@ const v = [
     text: "text-error",
     bg: "bg-error"
   }
-}, ve = () => {
-  var h, b;
-  const D = A(null), { issueData: s, updateIssueData: l, memberList: u } = K(), [w, f] = B(!1), n = () => ({ ...s }), C = (e) => {
+}, xe = () => {
+  const N = S(null), { issueData: s, updateIssueData: l, memberList: g } = A(), [y, u] = F(!1), n = () => ({ ...s }), D = (e) => {
     const r = n();
     if (r.labels.some((i) => i.id === e))
       r.labels = r.labels.filter(
         (i) => i.id !== e
       );
     else {
-      const i = v.find((g) => g.id === e);
+      const i = x.find((p) => p.id === e);
       i && r.labels.push(i);
     }
     l(r);
-  }, T = (e) => {
+  }, w = (e) => {
     const r = n();
     r.status = e, l(r);
-  }, L = (e) => {
+  }, C = (e) => {
     const r = n();
     r.priority = e, l(r);
-  }, I = (e) => {
+  }, T = (e) => {
     const r = n();
     if (r.assignees.some((i) => i.id === e))
       r.assignees = r.assignees.filter(
         (i) => i.id !== e
       );
     else {
-      const i = u.find((g) => g.id === e);
+      const i = g.find((p) => p.id === e);
       i && r.assignees.push(i);
     }
     l(r);
-  }, M = (e) => {
+  }, L = (e) => {
     const r = n();
-    r.dueDate = p(e).unix(), l(r);
-  }, P = (e) => {
+    r.dueDate = m(e).unix(), l(r);
+  }, I = (e) => {
     const r = n();
     r.description = e, l(r);
-  }, o = Q({
+  }, f = q({
     extensions: [
-      V.configure({
+      J.configure({
         bulletList: {
           keepMarks: !0
         },
@@ -99,40 +98,40 @@ const v = [
     },
     content: s.description,
     onUpdate({ editor: e }) {
-      P(e.getHTML());
+      I(e.getHTML());
     }
-  }), S = () => {
-    f(!0), o == null || o.chain().focus();
+  }), M = () => {
+    u(!0), f?.chain().focus();
   };
   return /* @__PURE__ */ a("div", { children: [
     /* @__PURE__ */ a("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-x-4", children: [
       /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ t(
-          d,
+          c,
           {
             title: "Label",
-            icon: /* @__PURE__ */ t(R, {}),
-            dropdownTrigger: /* @__PURE__ */ t(F, { children: (h = s.labels) == null ? void 0 : h.map((e, r) => /* @__PURE__ */ t(
-              k,
+            icon: /* @__PURE__ */ t($, {}),
+            dropdownTrigger: /* @__PURE__ */ t(P, { children: s.labels?.map((e, r) => /* @__PURE__ */ t(
+              b,
               {
-                className: `${N[e.title]}`,
+                className: `${k[e.title]}`,
                 children: e.title
               },
               e.title + r
             )) }),
-            children: v.map((e) => /* @__PURE__ */ t(
-              c.Item,
+            children: x.map((e) => /* @__PURE__ */ t(
+              o.Item,
               {
                 eventKey: e.id,
-                onSelect: C,
+                onSelect: D,
                 children: /* @__PURE__ */ a("div", { className: "flex items-center relative", children: [
                   s.labels.some(
                     (r) => r.id === e.id
-                  ) && /* @__PURE__ */ t(x, { className: "absolute text-primary ltr:left-[-5px] text-lg" }),
+                  ) && /* @__PURE__ */ t(h, { className: "absolute text-primary ltr:left-[-5px] text-lg" }),
                   /* @__PURE__ */ t(
                     "span",
                     {
-                      className: m(
+                      className: d(
                         s.labels.length > 0 && "mx-5"
                       ),
                       children: e.title
@@ -145,23 +144,23 @@ const v = [
           }
         ),
         /* @__PURE__ */ t(
-          d,
+          c,
           {
             title: "Status",
-            icon: /* @__PURE__ */ t(U, {}),
+            icon: /* @__PURE__ */ t(z, {}),
             dropdownTrigger: /* @__PURE__ */ t(
-              k,
+              b,
               {
-                className: `${N[s.status || ""]}`,
+                className: `${k[s.status || ""]}`,
                 children: s.status
               }
             ),
-            children: Y.map((e) => /* @__PURE__ */ t(
-              c.Item,
+            children: W.map((e) => /* @__PURE__ */ t(
+              o.Item,
               {
                 eventKey: e,
                 active: e === s.status,
-                onSelect: T,
+                onSelect: w,
                 children: /* @__PURE__ */ t("div", { className: "flex items-center relative", children: /* @__PURE__ */ t("span", { children: e }) })
               },
               e
@@ -169,54 +168,51 @@ const v = [
           }
         ),
         /* @__PURE__ */ t(
-          d,
+          c,
           {
             title: "Priority",
-            icon: /* @__PURE__ */ t(O, {}),
+            icon: /* @__PURE__ */ t(U, {}),
             dropdownTrigger: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ t(
-                G,
+                R,
                 {
-                  className: m(
+                  className: d(
                     "text-lg",
-                    `${(b = y[s.priority || ""]) == null ? void 0 : b.text}`
+                    `${v[s.priority || ""]?.text}`
                   )
                 }
               ),
               /* @__PURE__ */ t("span", { className: "font-semibold", children: s.priority })
             ] }),
-            children: Z.map((e) => {
-              var r;
-              return /* @__PURE__ */ t(
-                c.Item,
-                {
-                  eventKey: e,
-                  active: e === s.priority,
-                  onSelect: L,
-                  children: /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-                    /* @__PURE__ */ t(
-                      W,
-                      {
-                        innerClass: `${(r = y[e]) == null ? void 0 : r.bg}`
-                      }
-                    ),
-                    /* @__PURE__ */ t("span", { className: "ml-2 rtl:mr-2", children: e })
-                  ] })
-                },
-                e
-              );
-            })
+            children: X.map((e) => /* @__PURE__ */ t(
+              o.Item,
+              {
+                eventKey: e,
+                active: e === s.priority,
+                onSelect: C,
+                children: /* @__PURE__ */ a("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ t(
+                    Q,
+                    {
+                      innerClass: `${v[e]?.bg}`
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "ml-2 rtl:mr-2", children: e })
+                ] })
+              },
+              e
+            ))
           }
         )
       ] }),
       /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ t(
-          d,
+          c,
           {
             title: "Assigned to",
-            icon: /* @__PURE__ */ t(q, {}),
+            icon: /* @__PURE__ */ t(G, {}),
             dropdownTrigger: /* @__PURE__ */ t(
-              H,
+              j,
               {
                 className: "gap-1",
                 avatarProps: {
@@ -227,31 +223,31 @@ const v = [
                 users: s.assignees
               }
             ),
-            children: u.map((e) => /* @__PURE__ */ t(
-              c.Item,
+            children: g.map((e) => /* @__PURE__ */ t(
+              o.Item,
               {
                 eventKey: e.id,
-                onSelect: I,
+                onSelect: T,
                 children: /* @__PURE__ */ a(
                   "div",
                   {
-                    className: m(
+                    className: d(
                       "flex items-center justify-between relative"
                     ),
                     children: [
                       s.assignees.some(
                         (r) => r.id === e.id
-                      ) && /* @__PURE__ */ t(x, { className: "absolute text-primary ltr:left-[-5px] text-lg" }),
+                      ) && /* @__PURE__ */ t(h, { className: "absolute text-primary ltr:left-[-5px] text-lg" }),
                       /* @__PURE__ */ a(
                         "div",
                         {
-                          className: m(
+                          className: d(
                             "flex items-center gap-2",
                             s.labels.length > 0 && "mx-5"
                           ),
                           children: [
                             /* @__PURE__ */ t(
-                              E,
+                              K,
                               {
                                 shape: "circle",
                                 size: 22,
@@ -270,18 +266,18 @@ const v = [
             ))
           }
         ),
-        /* @__PURE__ */ t($, { title: "Due date", icon: /* @__PURE__ */ t(J, {}), children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative", children: [
-          /* @__PURE__ */ t("span", { className: "font-semibold", children: p.unix(s.dueDate || 0).format("MMMM DD") }),
+        /* @__PURE__ */ t(E, { title: "Due date", icon: /* @__PURE__ */ t(O, {}), children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative", children: [
+          /* @__PURE__ */ t("span", { className: "font-semibold", children: m.unix(s.dueDate || 0).format("MMMM DD") }),
           /* @__PURE__ */ t(
-            j,
+            B,
             {
               className: "opacity-0 cursor-pointer absolute",
-              value: p.unix(s.dueDate || p().unix()).toDate(),
+              value: m.unix(s.dueDate || m().unix()).toDate(),
               inputtable: !1,
               inputPrefix: null,
               inputSuffix: null,
               clearable: !1,
-              onChange: (e) => M(e)
+              onChange: (e) => L(e)
             }
           )
         ] }) })
@@ -289,29 +285,29 @@ const v = [
     ] }),
     /* @__PURE__ */ a("div", { className: "mt-8", children: [
       /* @__PURE__ */ t("h5", { className: "mb-4", children: "Description" }),
-      w ? /* @__PURE__ */ t(
-        X,
+      y ? /* @__PURE__ */ t(
+        V,
         {
-          ref: D,
+          ref: N,
           content: s.description,
-          customEditor: o,
-          onBlur: () => f(!1)
+          customEditor: f,
+          onBlur: () => u(!1)
         }
       ) : /* @__PURE__ */ t(
         "div",
         {
           className: "mt-2 prose max-w-full cursor-pointer",
           role: "button",
-          onClick: S,
-          children: /* @__PURE__ */ t("div", { className: "prose-p:text-sm prose-p:dark:text-gray-400", children: z(s.description || "") })
+          onClick: M,
+          children: /* @__PURE__ */ t("div", { className: "prose-p:text-sm prose-p:dark:text-gray-400", children: H(s.description || "") })
         }
       )
     ] })
   ] });
 };
 export {
-  ve as default,
-  v as labelList,
-  N as taskLabelColors
+  xe as default,
+  x as labelList,
+  k as taskLabelColors
 };
 //# sourceMappingURL=IssueBody.js.map

package/dist/@ecme/views/concepts/projects/Issue/components/IssueBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n    TbTag,\n    TbCircle,\n    TbFlag,\n    TbFlag2Filled,\n    TbUser,\n    TbClock,\n    TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n    { id: '1', title: 'Bug' },\n    { id: '2', title: 'Live issue' },\n    { id: '3', title: 'Task' },\n    { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n    'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n    Low: {\n        text: 'text-success',\n        bg: 'bg-success',\n    },\n    Medium: {\n        text: 'text-warning',\n        bg: 'bg-warning',\n    },\n    High: {\n        text: 'text-error',\n        bg: 'bg-error',\n    },\n}\n\nconst IssueBody = () => {\n    const descriptionInput = useRef<RichTextEditorRef>(null)\n\n    const { issueData, updateIssueData, memberList } = useIssueStore()\n\n    const [editDescription, setEditDescription] = useState(false)\n\n    const createNewData = () => {\n        return { ...issueData }\n    }\n\n    const handleAddLabelClick = (value: string) => {\n        const newData = createNewData()\n        if (newData.labels.some((label) => label.id === value)) {\n            newData.labels = newData.labels.filter(\n                (label) => label.id !== value,\n            )\n        } else {\n            const label = labelList.find((label) => label.id === value)\n            if (label) {\n                newData.labels.push(label)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleChangeStatusClick = (value: string) => {\n        const newData = createNewData()\n        newData.status = value\n        updateIssueData(newData)\n    }\n\n    const handlePriorityChange = (value: string) => {\n        const newData = createNewData()\n        newData.priority = value\n        updateIssueData(newData)\n    }\n\n    const handleAddMember = (value: string) => {\n        const newData = createNewData()\n        if (newData.assignees.some((member) => member.id === value)) {\n            newData.assignees = newData.assignees.filter(\n                (member) => member.id !== value,\n            )\n        } else {\n            const member = memberList.find((member) => member.id === value)\n            if (member) {\n                newData.assignees.push(member)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleDueDateChange = (date: Date) => {\n        const newData = createNewData()\n        newData.dueDate = dayjs(date).unix()\n        updateIssueData(newData)\n    }\n\n    const handleDescriptionChange = (value: string) => {\n        const newData = createNewData()\n        newData.description = value\n        updateIssueData(newData)\n    }\n\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content: issueData.description,\n        onUpdate({ editor }) {\n            handleDescriptionChange(editor.getHTML())\n        },\n    })\n\n    const handleDescriptionClick = () => {\n        setEditDescription(true)\n        editor?.chain().focus()\n    }\n\n    return (\n        <div>\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Label\"\n                        icon={<TbTag />}\n                        dropdownTrigger={\n                            <>\n                                {issueData.labels?.map((label, index) => (\n                                    <Tag\n                                        key={label.title + index}\n                                        className={`${\n                                            taskLabelColors[label.title]\n                                        }`}\n                                    >\n                                        {label.title}\n                                    </Tag>\n                                ))}\n                            </>\n                        }\n                    >\n                        {labelList.map((label) => (\n                            <Dropdown.Item\n                                key={label.title}\n                                eventKey={label.id}\n                                onSelect={handleAddLabelClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    {issueData.labels.some(\n                                        (labelitem) =>\n                                            labelitem.id === label.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <span\n                                        className={classNames(\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        {label.title}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Status\"\n                        icon={<TbCircle />}\n                        dropdownTrigger={\n                            <Tag\n                                className={`${\n                                    taskLabelColors[issueData.status || '']\n                                }`}\n                            >\n                                {issueData.status}\n                            </Tag>\n                        }\n                    >\n                        {statusList.map((status) => (\n                            <Dropdown.Item\n                                key={status}\n                                eventKey={status}\n                                active={status === issueData.status}\n                                onSelect={handleChangeStatusClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    <span>{status}</span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Priority\"\n                        icon={<TbFlag />}\n                        dropdownTrigger={\n                            <div className=\"flex items-center gap-2\">\n                                <TbFlag2Filled\n                                    className={classNames(\n                                        'text-lg',\n                                        `${\n                                            flagColors[issueData.priority || '']\n                                                ?.text\n                                        }`,\n                                    )}\n                                />\n                                <span className=\"font-semibold\">\n                                    {issueData.priority}\n                                </span>\n                            </div>\n                        }\n                    >\n                        {priorityList.map((priority) => (\n                            <Dropdown.Item\n                                key={priority}\n                                eventKey={priority}\n                                active={priority === issueData.priority}\n                                onSelect={handlePriorityChange}\n                            >\n                                <div className=\"flex items-center\">\n                                    <Badge\n                                        innerClass={`${flagColors[priority]?.bg}`}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                        {priority}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                </div>\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Assigned to\"\n                        icon={<TbUser />}\n                        dropdownTrigger={\n                            <UsersAvatarGroup\n                                className=\"gap-1\"\n                                avatarProps={{\n                                    className: 'cursor-pointer',\n                                }}\n                                avatarGroupProps={{ maxCount: 4 }}\n                                chained={false}\n                                users={issueData.assignees}\n                            />\n                        }\n                    >\n                        {memberList.map((member) => (\n                            <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={handleAddMember}\n                            >\n                                <div\n                                    className={classNames(\n                                        'flex items-center justify-between relative',\n                                    )}\n                                >\n                                    {issueData.assignees.some(\n                                        (assignee) => assignee.id === member.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <div\n                                        className={classNames(\n                                            'flex items-center gap-2',\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        <Avatar\n                                            shape=\"circle\"\n                                            size={22}\n                                            src={member.img}\n                                        />\n                                        <span>{member.name}</span>\n                                    </div>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\n                        <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(issueData.dueDate || 0)\n                                    .format('MMMM DD')}\n                            </span>\n                            <DatePicker\n                                className=\"opacity-0 cursor-pointer absolute\"\n                                value={dayjs\n                                    .unix(issueData.dueDate || dayjs().unix())\n                                    .toDate()}\n                                inputtable={false}\n                                inputPrefix={null}\n                                inputSuffix={null}\n                                clearable={false}\n                                onChange={(date) =>\n                                    handleDueDateChange(date as Date)\n                                }\n                            />\n                        </div>\n                    </IssueField>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-4\">Description</h5>\n                {editDescription ? (\n                    <RichTextEditor\n                        ref={descriptionInput}\n                        content={issueData.description}\n                        customEditor={editor}\n                        onBlur={() => setEditDescription(false)}\n                    />\n                ) : (\n                    <div\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\n                        role=\"button\"\n                        onClick={handleDescriptionClick}\n                    >\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n                            {ReactHtmlParser(issueData.description || '')}\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}
+{"version":3,"file":"IssueBody.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n    TbTag,\n    TbCircle,\n    TbFlag,\n    TbFlag2Filled,\n    TbUser,\n    TbClock,\n    TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n    { id: '1', title: 'Bug' },\n    { id: '2', title: 'Live issue' },\n    { id: '3', title: 'Task' },\n    { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n    Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n    Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n    Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n    'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n    Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n    Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n    Low: {\n        text: 'text-success',\n        bg: 'bg-success',\n    },\n    Medium: {\n        text: 'text-warning',\n        bg: 'bg-warning',\n    },\n    High: {\n        text: 'text-error',\n        bg: 'bg-error',\n    },\n}\n\nconst IssueBody = () => {\n    const descriptionInput = useRef<RichTextEditorRef>(null)\n\n    const { issueData, updateIssueData, memberList } = useIssueStore()\n\n    const [editDescription, setEditDescription] = useState(false)\n\n    const createNewData = () => {\n        return { ...issueData }\n    }\n\n    const handleAddLabelClick = (value: string) => {\n        const newData = createNewData()\n        if (newData.labels.some((label) => label.id === value)) {\n            newData.labels = newData.labels.filter(\n                (label) => label.id !== value,\n            )\n        } else {\n            const label = labelList.find((label) => label.id === value)\n            if (label) {\n                newData.labels.push(label)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleChangeStatusClick = (value: string) => {\n        const newData = createNewData()\n        newData.status = value\n        updateIssueData(newData)\n    }\n\n    const handlePriorityChange = (value: string) => {\n        const newData = createNewData()\n        newData.priority = value\n        updateIssueData(newData)\n    }\n\n    const handleAddMember = (value: string) => {\n        const newData = createNewData()\n        if (newData.assignees.some((member) => member.id === value)) {\n            newData.assignees = newData.assignees.filter(\n                (member) => member.id !== value,\n            )\n        } else {\n            const member = memberList.find((member) => member.id === value)\n            if (member) {\n                newData.assignees.push(member)\n            }\n        }\n        updateIssueData(newData)\n    }\n\n    const handleDueDateChange = (date: Date) => {\n        const newData = createNewData()\n        newData.dueDate = dayjs(date).unix()\n        updateIssueData(newData)\n    }\n\n    const handleDescriptionChange = (value: string) => {\n        const newData = createNewData()\n        newData.description = value\n        updateIssueData(newData)\n    }\n\n    const editor = useEditor({\n        extensions: [\n            StarterKit.configure({\n                bulletList: {\n                    keepMarks: true,\n                },\n                orderedList: {\n                    keepMarks: true,\n                },\n            }),\n        ],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content: issueData.description,\n        onUpdate({ editor }) {\n            handleDescriptionChange(editor.getHTML())\n        },\n    })\n\n    const handleDescriptionClick = () => {\n        setEditDescription(true)\n        editor?.chain().focus()\n    }\n\n    return (\n        <div>\n            <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Label\"\n                        icon={<TbTag />}\n                        dropdownTrigger={\n                            <>\n                                {issueData.labels?.map((label, index) => (\n                                    <Tag\n                                        key={label.title + index}\n                                        className={`${\n                                            taskLabelColors[label.title]\n                                        }`}\n                                    >\n                                        {label.title}\n                                    </Tag>\n                                ))}\n                            </>\n                        }\n                    >\n                        {labelList.map((label) => (\n                            <Dropdown.Item\n                                key={label.title}\n                                eventKey={label.id}\n                                onSelect={handleAddLabelClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    {issueData.labels.some(\n                                        (labelitem) =>\n                                            labelitem.id === label.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <span\n                                        className={classNames(\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        {label.title}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Status\"\n                        icon={<TbCircle />}\n                        dropdownTrigger={\n                            <Tag\n                                className={`${\n                                    taskLabelColors[issueData.status || '']\n                                }`}\n                            >\n                                {issueData.status}\n                            </Tag>\n                        }\n                    >\n                        {statusList.map((status) => (\n                            <Dropdown.Item\n                                key={status}\n                                eventKey={status}\n                                active={status === issueData.status}\n                                onSelect={handleChangeStatusClick}\n                            >\n                                <div className=\"flex items-center relative\">\n                                    <span>{status}</span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueFieldDropdown\n                        title=\"Priority\"\n                        icon={<TbFlag />}\n                        dropdownTrigger={\n                            <div className=\"flex items-center gap-2\">\n                                <TbFlag2Filled\n                                    className={classNames(\n                                        'text-lg',\n                                        `${\n                                            flagColors[issueData.priority || '']\n                                                ?.text\n                                        }`,\n                                    )}\n                                />\n                                <span className=\"font-semibold\">\n                                    {issueData.priority}\n                                </span>\n                            </div>\n                        }\n                    >\n                        {priorityList.map((priority) => (\n                            <Dropdown.Item\n                                key={priority}\n                                eventKey={priority}\n                                active={priority === issueData.priority}\n                                onSelect={handlePriorityChange}\n                            >\n                                <div className=\"flex items-center\">\n                                    <Badge\n                                        innerClass={`${flagColors[priority]?.bg}`}\n                                    />\n                                    <span className=\"ml-2 rtl:mr-2\">\n                                        {priority}\n                                    </span>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                </div>\n                <div className=\"flex flex-col\">\n                    <IssueFieldDropdown\n                        title=\"Assigned to\"\n                        icon={<TbUser />}\n                        dropdownTrigger={\n                            <UsersAvatarGroup\n                                className=\"gap-1\"\n                                avatarProps={{\n                                    className: 'cursor-pointer',\n                                }}\n                                avatarGroupProps={{ maxCount: 4 }}\n                                chained={false}\n                                users={issueData.assignees}\n                            />\n                        }\n                    >\n                        {memberList.map((member) => (\n                            <Dropdown.Item\n                                key={member.name}\n                                eventKey={member.id}\n                                onSelect={handleAddMember}\n                            >\n                                <div\n                                    className={classNames(\n                                        'flex items-center justify-between relative',\n                                    )}\n                                >\n                                    {issueData.assignees.some(\n                                        (assignee) => assignee.id === member.id,\n                                    ) && (\n                                        <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n                                    )}\n                                    <div\n                                        className={classNames(\n                                            'flex items-center gap-2',\n                                            issueData.labels.length > 0 &&\n                                                'mx-5',\n                                        )}\n                                    >\n                                        <Avatar\n                                            shape=\"circle\"\n                                            size={22}\n                                            src={member.img}\n                                        />\n                                        <span>{member.name}</span>\n                                    </div>\n                                </div>\n                            </Dropdown.Item>\n                        ))}\n                    </IssueFieldDropdown>\n                    <IssueField title=\"Due date\" icon={<TbClock />}>\n                        <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n                            <span className=\"font-semibold\">\n                                {dayjs\n                                    .unix(issueData.dueDate || 0)\n                                    .format('MMMM DD')}\n                            </span>\n                            <DatePicker\n                                className=\"opacity-0 cursor-pointer absolute\"\n                                value={dayjs\n                                    .unix(issueData.dueDate || dayjs().unix())\n                                    .toDate()}\n                                inputtable={false}\n                                inputPrefix={null}\n                                inputSuffix={null}\n                                clearable={false}\n                                onChange={(date) =>\n                                    handleDueDateChange(date as Date)\n                                }\n                            />\n                        </div>\n                    </IssueField>\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-4\">Description</h5>\n                {editDescription ? (\n                    <RichTextEditor\n                        ref={descriptionInput}\n                        content={issueData.description}\n                        customEditor={editor}\n                        onBlur={() => setEditDescription(false)}\n                    />\n                ) : (\n                    <div\n                        className=\"mt-2 prose max-w-full cursor-pointer\"\n                        role=\"button\"\n                        onClick={handleDescriptionClick}\n                    >\n                        <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n                            {ReactHtmlParser(issueData.description || '')}\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}