@orbe-agro/client-core 5.3.86 → 5.3.89

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

@@ -1,70 +1,69 @@
-import { jsxs as r, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { useRef as N } from "react";
-import { useIssueStore as x } from "../store/issueStore.js";
-import { Avatar as n } from "../../../../../components/ui/Avatar/index.js";
+import { jsxs as t, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { useRef as g } from "react";
+import { useIssueStore as b } from "../store/issueStore.js";
+import { Avatar as i } 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 { Tabs as p } from "../../../../../components/ui/Tabs/index.js";
-import y from "../../../../../assets/svg/NoMedia.js";
-import u from "dayjs";
-import w from "lodash/cloneDeep";
-import j from "lodash/uniqueId";
-import M from "html-react-parser";
-import { TbDownload as T, TbTrash as Y } from "react-icons/tb";
-import C from "../../../../../components/ui/Input/Input.js";
-import D from "../../../../../components/ui/Card/Card.js";
-import c from "../../../../../components/ui/Tooltip/Tooltip.js";
-import o from "../../../../../components/ui/Button/Button.js";
-const { TabNav: d, TabList: I, TabContent: h } = p, k = (t) => ({
-  id: j("comment"),
+import { Tabs as d } from "../../../../../components/ui/Tabs/index.js";
+import N from "../../../../../assets/svg/NoMedia.js";
+import h from "dayjs";
+import x from "lodash/cloneDeep";
+import y from "lodash/uniqueId";
+import D from "html-react-parser";
+import { TbDownload as w, TbTrash as j } from "react-icons/tb";
+import M from "../../../../../components/ui/Input/Input.js";
+import T from "../../../../../components/ui/Card/Card.js";
+import n from "../../../../../components/ui/Tooltip/Tooltip.js";
+import c from "../../../../../components/ui/Button/Button.js";
+const { TabNav: l, TabList: Y, TabContent: o } = d, C = (r) => ({
+  id: y("comment"),
   name: "Angelina Gotelli",
   src: "/img/avatars/thumb-1.jpg",
-  message: t,
-  date: u().format("DD MMM YYYY")
-}), X = () => {
-  var i, l;
-  const { issueData: t, updateIssueData: f } = x(), m = N(null), v = () => {
-    if (m.current) {
-      const a = m.current.value, g = k(a), s = w(t.comments);
-      s == null || s.push(g), t.comments = s, f(t), m.current.value = "";
+  message: r,
+  date: h().format("DD MMM YYYY")
+}), Q = () => {
+  const { issueData: r, updateIssueData: p } = b(), s = g(null), u = () => {
+    if (s.current) {
+      const a = s.current.value, f = C(a), m = x(r.comments);
+      m?.push(f), r.comments = m, p(r), s.current.value = "";
     }
   };
-  return /* @__PURE__ */ r(p, { className: "mt-6", defaultValue: "comments", children: [
-    /* @__PURE__ */ r(I, { children: [
-      /* @__PURE__ */ e(d, { value: "comments", children: "Comments" }),
-      /* @__PURE__ */ e(d, { value: "attachments", children: "Attachments" })
+  return /* @__PURE__ */ t(d, { className: "mt-6", defaultValue: "comments", children: [
+    /* @__PURE__ */ t(Y, { children: [
+      /* @__PURE__ */ e(l, { value: "comments", children: "Comments" }),
+      /* @__PURE__ */ e(l, { value: "attachments", children: "Attachments" })
     ] }),
-    /* @__PURE__ */ r("div", { className: "p-4", children: [
-      /* @__PURE__ */ e(h, { value: "comments", children: /* @__PURE__ */ r("div", { className: "w-full", children: [
-        t.comments && ((i = t == null ? void 0 : t.comments) == null ? void 0 : i.length) > 0 && /* @__PURE__ */ e(b, { children: t.comments.map((a) => /* @__PURE__ */ r(
+    /* @__PURE__ */ t("div", { className: "p-4", children: [
+      /* @__PURE__ */ e(o, { value: "comments", children: /* @__PURE__ */ t("div", { className: "w-full", children: [
+        r.comments && r?.comments?.length > 0 && /* @__PURE__ */ e(v, { children: r.comments.map((a) => /* @__PURE__ */ t(
           "div",
           {
             className: "mb-3 flex",
             children: [
               /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
-                n,
+                i,
                 {
                   shape: "circle",
                   src: a.src
                 }
               ) }),
-              /* @__PURE__ */ r("div", { className: "ml-2 rtl:mr-2 p-3 rounded w-100", children: [
-                /* @__PURE__ */ r("div", { className: "flex items-center mb-2", children: [
+              /* @__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: a.name }),
-                  /* @__PURE__ */ r("span", { className: "mx-1", children: [
+                  /* @__PURE__ */ t("span", { className: "mx-1", children: [
                     " ",
                     "|",
                     " "
                   ] }),
-                  /* @__PURE__ */ e("span", { children: u(
+                  /* @__PURE__ */ e("span", { children: h(
                     a.date
                   ).format(
                     "DD MMMM YYYY"
                   ) })
                 ] }),
-                /* @__PURE__ */ e("div", { children: M(
+                /* @__PURE__ */ e("div", { children: D(
                   a.message || ""
                 ) })
               ] })
@@ -72,19 +71,19 @@ const { TabNav: d, TabList: I, TabContent: h } = p, k = (t) => ({
           },
           a.id
         )) }),
-        /* @__PURE__ */ r("div", { className: "mb-3 flex gap-2", children: [
+        /* @__PURE__ */ t("div", { className: "mb-3 flex gap-2", children: [
           /* @__PURE__ */ e(
-            n,
+            i,
             {
               shape: "circle",
               src: "/img/avatars/thumb-1.jpg"
             }
           ),
-          /* @__PURE__ */ r("div", { className: "w-full relative", children: [
+          /* @__PURE__ */ t("div", { className: "w-full relative", children: [
             /* @__PURE__ */ e(
-              C,
+              M,
               {
-                ref: m,
+                ref: s,
                 textArea: !0,
                 placeholder: "Write comment"
               }
@@ -93,15 +92,15 @@ const { TabNav: d, TabList: I, TabContent: h } = p, k = (t) => ({
               "div",
               {
                 className: "cursor-pointer font-semibold text-primary ",
-                onClick: () => v(),
+                onClick: () => u(),
                 children: "Send"
               }
             ) })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ e(h, { value: "attachments", children: t.attachments && ((l = t == null ? void 0 : t.attachments) == null ? void 0 : l.length) > 0 ? /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-2", children: t.attachments.map((a) => /* @__PURE__ */ r(
-        D,
+      /* @__PURE__ */ e(o, { 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((a) => /* @__PURE__ */ t(
+        T,
         {
           bodyClass: "px-3 pt-3 pb-1",
           className: "bg-gray-100 dark:bg-gray-700 shadow-none",
@@ -115,26 +114,26 @@ const { TabNav: d, TabList: I, TabContent: h } = p, k = (t) => ({
                 src: a.src
               }
             ),
-            /* @__PURE__ */ r("div", { className: "mt-1 flex justify-between items-center", children: [
-              /* @__PURE__ */ r("div", { children: [
+            /* @__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: a.name }),
                 /* @__PURE__ */ e("span", { className: "text-xs", children: a.size })
               ] }),
-              /* @__PURE__ */ r("div", { className: "flex items-center", children: [
-                /* @__PURE__ */ e(c, { title: "Download", children: /* @__PURE__ */ e(
-                  o,
+              /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ e(n, { title: "Download", children: /* @__PURE__ */ e(
+                  c,
                   {
                     variant: "plain",
                     size: "xs",
-                    icon: /* @__PURE__ */ e(T, {})
+                    icon: /* @__PURE__ */ e(w, {})
                   }
                 ) }),
-                /* @__PURE__ */ e(c, { title: "Delete", children: /* @__PURE__ */ e(
-                  o,
+                /* @__PURE__ */ e(n, { title: "Delete", children: /* @__PURE__ */ e(
+                  c,
                   {
                     variant: "plain",
                     size: "xs",
-                    icon: /* @__PURE__ */ e(Y, {})
+                    icon: /* @__PURE__ */ e(j, {})
                   }
                 ) })
               ] })
@@ -142,14 +141,14 @@ const { TabNav: d, TabList: I, TabContent: h } = p, k = (t) => ({
           ]
         },
         a.id
-      )) }) : /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 items-center justify-center", children: [
-        /* @__PURE__ */ e(y, { height: 150, width: 150 }),
+      )) }) : /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 items-center justify-center", children: [
+        /* @__PURE__ */ e(N, { height: 150, width: 150 }),
         /* @__PURE__ */ e("p", { className: "font-semibold", children: "No attachments" })
       ] }) })
     ] })
   ] });
 };
 export {
-  X as default
+  Q as default
 };
 //# sourceMappingURL=IssueFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n    return {\n        id: uniqueId('comment'),\n        name: 'Angelina Gotelli',\n        src: '/img/avatars/thumb-1.jpg',\n        message: message,\n        date: dayjs().format('DD MMM YYYY'),\n    }\n}\n\nconst IssueFooter = () => {\n    const { issueData, updateIssueData } = useIssueStore()\n\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const submitComment = () => {\n        if (commentInput.current) {\n            const message = commentInput.current.value\n            const comment = createCommentObject(message)\n            const comments = cloneDeep(issueData.comments)\n            comments?.push(comment)\n            issueData.comments = comments\n            updateIssueData(issueData)\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <Tabs className=\"mt-6\" defaultValue=\"comments\">\n            <TabList>\n                <TabNav value=\"comments\">Comments</TabNav>\n                <TabNav value=\"attachments\">Attachments</TabNav>\n            </TabList>\n            <div className=\"p-4\">\n                <TabContent value=\"comments\">\n                    <div className=\"w-full\">\n                        {issueData.comments &&\n                            issueData?.comments?.length > 0 && (\n                                <>\n                                    {issueData.comments.map((comment) => (\n                                        <div\n                                            key={comment.id}\n                                            className=\"mb-3 flex\"\n                                        >\n                                            <div className=\"mt-2\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={comment.src}\n                                                />\n                                            </div>\n                                            <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n                                                <div className=\"flex items-center mb-2\">\n                                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {comment.name}\n                                                    </span>\n                                                    <span className=\"mx-1\">\n                                                        {' '}\n                                                        |{' '}\n                                                    </span>\n                                                    <span>\n                                                        {dayjs(\n                                                            comment.date,\n                                                        ).format(\n                                                            'DD MMMM YYYY',\n                                                        )}\n                                                    </span>\n                                                </div>\n                                                <div>\n                                                    {ReactHtmlParser(\n                                                        comment.message || '',\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    ))}\n                                </>\n                            )}\n                        <div className=\"mb-3 flex gap-2\">\n                            <Avatar\n                                shape=\"circle\"\n                                src=\"/img/avatars/thumb-1.jpg\"\n                            />\n                            <div className=\"w-full relative\">\n                                <Input\n                                    ref={commentInput}\n                                    textArea\n                                    placeholder=\"Write comment\"\n                                />\n                                <div className=\"absolute bottom-4 right-4\">\n                                    <div\n                                        className=\"cursor-pointer font-semibold text-primary \"\n                                        onClick={() => submitComment()}\n                                    >\n                                        Send\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </TabContent>\n                <TabContent value=\"attachments\">\n                    {issueData.attachments &&\n                    issueData?.attachments?.length > 0 ? (\n                        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n                            {issueData.attachments.map((file) => (\n                                <Card\n                                    key={file.id}\n                                    bodyClass=\"px-3 pt-3 pb-1\"\n                                    className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n                                    bordered={false}\n                                >\n                                    <img\n                                        className=\"max-w-full rounded-lg\"\n                                        alt={file.name}\n                                        src={file.src}\n                                    />\n                                    <div className=\"mt-1 flex justify-between items-center\">\n                                        <div>\n                                            <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                {file.name}\n                                            </div>\n                                            <span className=\"text-xs\">\n                                                {file.size}\n                                            </span>\n                                        </div>\n                                        <div className=\"flex items-center\">\n                                            <Tooltip title=\"Download\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbDownload />}\n                                                />\n                                            </Tooltip>\n                                            <Tooltip title=\"Delete\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbTrash />}\n                                                />\n                                            </Tooltip>\n                                        </div>\n                                    </div>\n                                </Card>\n                            ))}\n                        </div>\n                    ) : (\n                        <div className=\"flex flex-col gap-2 items-center justify-center\">\n                            <NoMedia height={150} width={150} />\n                            <p className=\"font-semibold\">No attachments</p>\n                        </div>\n                    )}\n                </TabContent>\n            </div>\n        </Tabs>\n    )\n}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","_a","Avatar","ReactHtmlParser","Input","_b","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}
+{"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n    return {\n        id: uniqueId('comment'),\n        name: 'Angelina Gotelli',\n        src: '/img/avatars/thumb-1.jpg',\n        message: message,\n        date: dayjs().format('DD MMM YYYY'),\n    }\n}\n\nconst IssueFooter = () => {\n    const { issueData, updateIssueData } = useIssueStore()\n\n    const commentInput = useRef<HTMLInputElement>(null)\n\n    const submitComment = () => {\n        if (commentInput.current) {\n            const message = commentInput.current.value\n            const comment = createCommentObject(message)\n            const comments = cloneDeep(issueData.comments)\n            comments?.push(comment)\n            issueData.comments = comments\n            updateIssueData(issueData)\n            commentInput.current.value = ''\n        }\n    }\n\n    return (\n        <Tabs className=\"mt-6\" defaultValue=\"comments\">\n            <TabList>\n                <TabNav value=\"comments\">Comments</TabNav>\n                <TabNav value=\"attachments\">Attachments</TabNav>\n            </TabList>\n            <div className=\"p-4\">\n                <TabContent value=\"comments\">\n                    <div className=\"w-full\">\n                        {issueData.comments &&\n                            issueData?.comments?.length > 0 && (\n                                <>\n                                    {issueData.comments.map((comment) => (\n                                        <div\n                                            key={comment.id}\n                                            className=\"mb-3 flex\"\n                                        >\n                                            <div className=\"mt-2\">\n                                                <Avatar\n                                                    shape=\"circle\"\n                                                    src={comment.src}\n                                                />\n                                            </div>\n                                            <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n                                                <div className=\"flex items-center mb-2\">\n                                                    <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                        {comment.name}\n                                                    </span>\n                                                    <span className=\"mx-1\">\n                                                        {' '}\n                                                        |{' '}\n                                                    </span>\n                                                    <span>\n                                                        {dayjs(\n                                                            comment.date,\n                                                        ).format(\n                                                            'DD MMMM YYYY',\n                                                        )}\n                                                    </span>\n                                                </div>\n                                                <div>\n                                                    {ReactHtmlParser(\n                                                        comment.message || '',\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </div>\n                                    ))}\n                                </>\n                            )}\n                        <div className=\"mb-3 flex gap-2\">\n                            <Avatar\n                                shape=\"circle\"\n                                src=\"/img/avatars/thumb-1.jpg\"\n                            />\n                            <div className=\"w-full relative\">\n                                <Input\n                                    ref={commentInput}\n                                    textArea\n                                    placeholder=\"Write comment\"\n                                />\n                                <div className=\"absolute bottom-4 right-4\">\n                                    <div\n                                        className=\"cursor-pointer font-semibold text-primary \"\n                                        onClick={() => submitComment()}\n                                    >\n                                        Send\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </TabContent>\n                <TabContent value=\"attachments\">\n                    {issueData.attachments &&\n                    issueData?.attachments?.length > 0 ? (\n                        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n                            {issueData.attachments.map((file) => (\n                                <Card\n                                    key={file.id}\n                                    bodyClass=\"px-3 pt-3 pb-1\"\n                                    className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n                                    bordered={false}\n                                >\n                                    <img\n                                        className=\"max-w-full rounded-lg\"\n                                        alt={file.name}\n                                        src={file.src}\n                                    />\n                                    <div className=\"mt-1 flex justify-between items-center\">\n                                        <div>\n                                            <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                                                {file.name}\n                                            </div>\n                                            <span className=\"text-xs\">\n                                                {file.size}\n                                            </span>\n                                        </div>\n                                        <div className=\"flex items-center\">\n                                            <Tooltip title=\"Download\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbDownload />}\n                                                />\n                                            </Tooltip>\n                                            <Tooltip title=\"Delete\">\n                                                <Button\n                                                    variant=\"plain\"\n                                                    size=\"xs\"\n                                                    icon={<TbTrash />}\n                                                />\n                                            </Tooltip>\n                                        </div>\n                                    </div>\n                                </Card>\n                            ))}\n                        </div>\n                    ) : (\n                        <div className=\"flex flex-col gap-2 items-center justify-center\">\n                            <NoMedia height={150} width={150} />\n                            <p className=\"font-semibold\">No attachments</p>\n                        </div>\n                    )}\n                </TabContent>\n            </div>\n        </Tabs>\n    )\n}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","Avatar","ReactHtmlParser","Input","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,EAAE,QAAAA,GAAQ,SAAAC,GAAS,YAAAC,EAAA,IAAeC,GAElCC,IAAsB,CAACC,OAClB;AAAA,EACH,IAAIC,EAAS,SAAS;AAAA,EACtB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAAD;AAAA,EACA,MAAME,IAAQ,OAAO,aAAa;AAAA,IAIpCC,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA,GAEjCC,IAAeC,EAAyB,IAAI,GAE5CC,IAAgB,MAAM;AACxB,QAAIF,EAAa,SAAS;AACtB,YAAMP,IAAUO,EAAa,QAAQ,OAC/BG,IAAUX,EAAoBC,CAAO,GACrCW,IAAWC,EAAUR,EAAU,QAAQ;AAC7C,MAAAO,GAAU,KAAKD,CAAO,GACtBN,EAAU,WAAWO,GACrBN,EAAgBD,CAAS,GACzBG,EAAa,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACJ;AAEA,SACI,gBAAAM,EAACf,GAAA,EAAK,WAAU,QAAO,cAAa,YAChC,UAAA;AAAA,IAAA,gBAAAe,EAACjB,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAkB,EAACnB,GAAA,EAAO,OAAM,YAAW,UAAA,YAAQ;AAAA,MACjC,gBAAAmB,EAACnB,GAAA,EAAO,OAAM,eAAc,UAAA,cAAA,CAAW;AAAA,IAAA,GAC3C;AAAA,IACA,gBAAAkB,EAAC,OAAA,EAAI,WAAU,OACX,UAAA;AAAA,MAAA,gBAAAC,EAACjB,KAAW,OAAM,YACd,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,UACV,UAAA;AAAA,QAAAT,EAAU,YACPA,GAAW,UAAU,SAAS,4BAErB,UAAAA,EAAU,SAAS,IAAI,CAACM,MACrB,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,OAAM;AAAA,kBACN,KAAKL,EAAQ;AAAA,gBAAA;AAAA,cAAA,GAErB;AAAA,cACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,kBAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,kDACX,UAAAJ,EAAQ,MACb;AAAA,kBACA,gBAAAG,EAAC,QAAA,EAAK,WAAU,QACX,UAAA;AAAA,oBAAA;AAAA,oBAAI;AAAA,oBACH;AAAA,kBAAA,GACN;AAAA,oCACC,QAAA,EACI,UAAAX;AAAA,oBACGQ,EAAQ;AAAA,kBAAA,EACV;AAAA,oBACE;AAAA,kBAAA,EACJ,CACJ;AAAA,gBAAA,GACJ;AAAA,kCACC,OAAA,EACI,UAAAM;AAAA,kBACGN,EAAQ,WAAW;AAAA,gBAAA,EACvB,CACJ;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UA/BKA,EAAQ;AAAA,QAAA,CAiCpB,GACL;AAAA,QAER,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,OAAM;AAAA,cACN,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,gBAAAF,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,KAAKV;AAAA,gBACL,UAAQ;AAAA,gBACR,aAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAEhB,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAS,MAAML,EAAA;AAAA,gBAClB,UAAA;AAAA,cAAA;AAAA,YAAA,EAED,CACJ;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ,EAAA,CACJ;AAAA,wBACCZ,GAAA,EAAW,OAAM,eACb,UAAAO,EAAU,eACXA,GAAW,aAAa,SAAS,IAC7B,gBAAAU,EAAC,SAAI,WAAU,8CACV,YAAU,YAAY,IAAI,CAACI,MACxB,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,WAAU;AAAA,UACV,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,KAAKI,EAAK;AAAA,gBACV,KAAKA,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAEd,gBAAAL,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,gBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kDACV,UAAAI,EAAK,MACV;AAAA,gBACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,WACX,YAAK,KAAA,CACV;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,gBAAA,gBAAAC,EAACM,GAAA,EAAQ,OAAM,YACX,UAAA,gBAAAN;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,wBAAOC,GAAA,CAAA,CAAW;AAAA,kBAAA;AAAA,gBAAA,GAE1B;AAAA,gBACA,gBAAAR,EAACM,GAAA,EAAQ,OAAM,UACX,UAAA,gBAAAN;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,wBAAOE,GAAA,CAAA,CAAQ;AAAA,kBAAA;AAAA,gBAAA,EACnB,CACJ;AAAA,cAAA,EAAA,CACJ;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAnCKL,EAAK;AAAA,MAAA,CAqCjB,EAAA,CACL,IAEA,gBAAAL,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,QAAA,gBAAAC,EAACU,GAAA,EAAQ,QAAQ,KAAK,OAAO,KAAK;AAAA,QAClC,gBAAAV,EAAC,KAAA,EAAE,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,MAAA,EAAA,CAC/C,EAAA,CAER;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { useState as m, useRef as S, useEffect as F } from "react";
-import { Avatar as C } from "../../../../../components/ui/Avatar/index.js";
+import { useState as c, useRef as S, useEffect as F } from "react";
+import { Avatar as b } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Dialog/index.js";
 import "../../../../../components/ui/Input/index.js";
@@ -13,35 +13,35 @@ import { apiGetProjectMembers as L } from "../../../../../services/ProjectServic
 import { components as T } from "react-select";
 import { TbChecks as z } from "react-icons/tb";
 import P from "swr/mutation";
-import a from "../../../../../components/ui/Button/Button.js";
+import n from "../../../../../components/ui/Button/Button.js";
 import V from "../../../../../components/ui/Dialog/Dialog.js";
 import { Form as q } from "../../../../../components/ui/Form/Form.js";
-import b from "../../../../../components/ui/Form/FormItem.js";
+import u from "../../../../../components/ui/Form/FormItem.js";
 import A from "../../../../../components/ui/Input/Input.js";
 import B from "../../../../../components/ui/Select/Select.js";
 const { MultiValueLabel: G } = T, H = ({
-  innerProps: s,
-  label: o,
+  innerProps: o,
+  label: i,
   data: t,
   isSelected: l
 }) => /* @__PURE__ */ r(
   "div",
   {
     className: `flex items-center justify-between p-2 ${l ? "bg-gray-100 dark:bg-gray-500" : "hover:bg-gray-50 dark:hover:bg-gray-600"}`,
-    ...s,
+    ...o,
     children: [
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(C, { shape: "circle", size: 20, src: t.img }),
-        /* @__PURE__ */ e("span", { className: "font-semibold heading-text", children: o })
+        /* @__PURE__ */ e(b, { shape: "circle", size: 20, src: t.img }),
+        /* @__PURE__ */ e("span", { className: "font-semibold heading-text", children: i })
       ] }),
       l && /* @__PURE__ */ e(z, { className: "text-emerald-500 text-xl" })
     ]
   }
-), W = ({ children: s, ...o }) => {
-  const { img: t } = o.data;
-  return /* @__PURE__ */ e(G, { ...o, children: /* @__PURE__ */ r("div", { className: "inline-flex items-center", children: [
+), W = ({ children: o, ...i }) => {
+  const { img: t } = i.data;
+  return /* @__PURE__ */ e(G, { ...i, children: /* @__PURE__ */ r("div", { className: "inline-flex items-center", children: [
     /* @__PURE__ */ e(
-      C,
+      b,
       {
         className: "mr-2 rtl:ml-2",
         shape: "circle",
@@ -49,56 +49,55 @@ const { MultiValueLabel: G } = T, H = ({
         src: t
       }
     ),
-    s
+    o
   ] }) });
-}, pe = (s) => {
-  const { title: o, isContentEdit: t, onEdit: l, onChange: v, selected: y } = s, [x, n] = m(!1), [N, g] = m(!1), [d, h] = m(!1), [f, k] = m([]), u = S(null), { smaller: j } = I(), { trigger: O } = P(
+}, pe = (o) => {
+  const { title: i, isContentEdit: t, onEdit: l, onChange: C, selected: v } = o, [y, s] = c(!1), [x, p] = c(!1), [m, g] = c(!1), [h, N] = c([]), f = S(null), { smaller: k } = I(), { trigger: j } = P(
     ["/api/projects/members"],
     () => L(),
     {
-      onSuccess: (i) => {
-        const c = i == null ? void 0 : i.allMembers.map((p) => ({
-          value: p.id,
-          label: p.name,
-          img: p.img
+      onSuccess: (a) => {
+        const M = a?.allMembers.map((d) => ({
+          value: d.id,
+          label: d.name,
+          img: d.img
         }));
-        k(c);
+        N(M);
       }
     }
-  ), w = async () => {
-    f.length === 0 && (g(!0), await O(), g(!1));
+  ), O = async () => {
+    h.length === 0 && (p(!0), await j(), p(!1));
   };
   F(() => {
-    if (d) {
-      const i = setTimeout(
-        () => h(!1),
+    if (m) {
+      const a = setTimeout(
+        () => g(!1),
         2e3
       );
       return () => {
-        clearTimeout(i);
+        clearTimeout(a);
       };
     }
-  }, [d]);
-  const M = (i) => {
-    var c;
-    v(i), (c = u.current) == null || c.handleCloseDrawer();
+  }, [m]);
+  const w = (a) => {
+    C(a), f.current?.handleCloseDrawer();
   };
   return /* @__PURE__ */ r(D, { children: [
     /* @__PURE__ */ r("div", { className: "flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4", children: [
       /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
-        j.xl && /* @__PURE__ */ e(E, { ref: u, title: "Navigation", children: /* @__PURE__ */ e(
+        k.xl && /* @__PURE__ */ e(E, { ref: f, title: "Navigation", children: /* @__PURE__ */ e(
           R,
           {
-            selected: y,
-            onChange: M
+            selected: v,
+            onChange: w
           }
         ) }),
-        /* @__PURE__ */ e("h3", { children: o })
+        /* @__PURE__ */ e("h3", { children: i })
       ] }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(a, { onClick: () => n(!0), children: "Share" }),
+        /* @__PURE__ */ e(n, { onClick: () => s(!0), children: "Share" }),
         /* @__PURE__ */ e(
-          a,
+          n,
           {
             disabled: t,
             variant: "solid",
@@ -111,32 +110,32 @@ const { MultiValueLabel: G } = T, H = ({
     /* @__PURE__ */ r(
       V,
       {
-        isOpen: x,
+        isOpen: y,
         width: 640,
-        onClose: () => n(!1),
-        onRequestClose: () => n(!1),
+        onClose: () => s(!1),
+        onRequestClose: () => s(!1),
         children: [
           /* @__PURE__ */ e("h5", { children: "Share this project" }),
           /* @__PURE__ */ r(q, { className: "my-6", children: [
-            /* @__PURE__ */ e(b, { label: "Copy link", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(u, { label: "Copy link", children: /* @__PURE__ */ e(
               A,
               {
                 readOnly: !0,
                 value: "https://edge.themenate.net/concepts/projects/project-details/27",
                 suffix: /* @__PURE__ */ e(
-                  a,
+                  n,
                   {
                     type: "button",
                     variant: "solid",
                     size: "sm",
                     customColorClass: () => "bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200",
-                    onClick: () => h(!0),
-                    children: d ? "Copied" : "Copy"
+                    onClick: () => g(!0),
+                    children: m ? "Copied" : "Copy"
                   }
                 )
               }
             ) }),
-            /* @__PURE__ */ e(b, { label: "Or share to members", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(u, { label: "Or share to members", children: /* @__PURE__ */ e(
               B,
               {
                 isMulti: !0,
@@ -145,19 +144,19 @@ const { MultiValueLabel: G } = T, H = ({
                   Option: H,
                   MultiValueLabel: W
                 },
-                options: f,
-                isLoading: N,
-                onFocus: w
+                options: h,
+                isLoading: x,
+                onFocus: O
               }
             ) })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex items-center justify-end gap-2", children: [
-            /* @__PURE__ */ e(a, { onClick: () => n(!1), children: "Cancel" }),
+            /* @__PURE__ */ e(n, { onClick: () => s(!1), children: "Cancel" }),
             /* @__PURE__ */ e(
-              a,
+              n,
               {
                 variant: "solid",
-                onClick: () => n(!1),
+                onClick: () => s(!1),
                 children: "Share"
               }
             )

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n    title: string\n    isContentEdit: boolean\n    onEdit: (value: boolean) => void\n    selected: string\n    onChange: (value: string) => void\n}\n\ntype Member = {\n    id: string\n    name: string\n    img: string\n}\n\ntype MemberOption = {\n    label: string\n    value: string\n    img: string\n}\n\ntype GetProjectMembersResponse = {\n    participantMembers: Member[]\n    allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n    const { title, isContentEdit, onEdit, onChange, selected } = props\n\n    const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n    const [loading, setLoading] = useState(false)\n\n    const [copied, setCopied] = useState(false)\n\n    const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    const { trigger } = useSWRMutation(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMemberOptions(members)\n            },\n        },\n    )\n\n    const handleFocus = async () => {\n        if (memberOptions.length === 0) {\n            setLoading(true)\n            await trigger()\n            setLoading(false)\n        }\n    }\n\n    useEffect(() => {\n        if (copied) {\n            const copyFeedbackInterval = setTimeout(\n                () => setCopied(false),\n                2000,\n            )\n\n            return () => {\n                clearTimeout(copyFeedbackInterval)\n            }\n        }\n    }, [copied])\n\n    const handleNavigationChange = (val: string) => {\n        onChange(val)\n        drawerRef.current?.handleCloseDrawer()\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n                <div className=\"flex items-center gap-4\">\n                    {smaller.xl && (\n                        <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                            <ProjectDetailsNavigation\n                                selected={selected}\n                                onChange={handleNavigationChange}\n                            />\n                        </ToggleDrawer>\n                    )}\n                    <h3>{title}</h3>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                    <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n                    <Button\n                        disabled={isContentEdit}\n                        variant=\"solid\"\n                        onClick={() => onEdit(!isContentEdit)}\n                    >\n                        {isContentEdit ? 'Editing' : 'Edit'}\n                    </Button>\n                </div>\n            </div>\n            <Dialog\n                isOpen={isDialogOpen}\n                width={640}\n                onClose={() => setIsDialogOpen(false)}\n                onRequestClose={() => setIsDialogOpen(false)}\n            >\n                <h5>Share this project</h5>\n                <Form className=\"my-6\">\n                    <FormItem label=\"Copy link\">\n                        <Input\n                            readOnly\n                            value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n                            suffix={\n                                <Button\n                                    type=\"button\"\n                                    variant=\"solid\"\n                                    size=\"sm\"\n                                    customColorClass={() =>\n                                        'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n                                    }\n                                    onClick={() => setCopied(true)}\n                                >\n                                    {copied ? 'Copied' : 'Copy'}\n                                </Button>\n                            }\n                        />\n                    </FormItem>\n                    <FormItem label=\"Or share to members\">\n                        <Select<MemberOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            options={memberOptions}\n                            isLoading={loading}\n                            onFocus={handleFocus}\n                        />\n                    </FormItem>\n                </Form>\n                <div className=\"flex items-center justify-end gap-2\">\n                    <Button onClick={() => setIsDialogOpen(false)}>\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        onClick={() => setIsDialogOpen(false)}\n                    >\n                        Share\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","_a","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n    title: string\n    isContentEdit: boolean\n    onEdit: (value: boolean) => void\n    selected: string\n    onChange: (value: string) => void\n}\n\ntype Member = {\n    id: string\n    name: string\n    img: string\n}\n\ntype MemberOption = {\n    label: string\n    value: string\n    img: string\n}\n\ntype GetProjectMembersResponse = {\n    participantMembers: Member[]\n    allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n    const { title, isContentEdit, onEdit, onChange, selected } = props\n\n    const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n    const [loading, setLoading] = useState(false)\n\n    const [copied, setCopied] = useState(false)\n\n    const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n    const drawerRef = useRef<ToggleDrawerRef>(null)\n\n    const { smaller } = useResponsive()\n\n    const { trigger } = useSWRMutation(\n        ['/api/projects/members'],\n        () => apiGetProjectMembers<GetProjectMembersResponse>(),\n        {\n            onSuccess: (data) => {\n                const members = data?.allMembers.map((item) => ({\n                    value: item.id,\n                    label: item.name,\n                    img: item.img,\n                }))\n                setMemberOptions(members)\n            },\n        },\n    )\n\n    const handleFocus = async () => {\n        if (memberOptions.length === 0) {\n            setLoading(true)\n            await trigger()\n            setLoading(false)\n        }\n    }\n\n    useEffect(() => {\n        if (copied) {\n            const copyFeedbackInterval = setTimeout(\n                () => setCopied(false),\n                2000,\n            )\n\n            return () => {\n                clearTimeout(copyFeedbackInterval)\n            }\n        }\n    }, [copied])\n\n    const handleNavigationChange = (val: string) => {\n        onChange(val)\n        drawerRef.current?.handleCloseDrawer()\n    }\n\n    return (\n        <>\n            <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n                <div className=\"flex items-center gap-4\">\n                    {smaller.xl && (\n                        <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n                            <ProjectDetailsNavigation\n                                selected={selected}\n                                onChange={handleNavigationChange}\n                            />\n                        </ToggleDrawer>\n                    )}\n                    <h3>{title}</h3>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                    <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n                    <Button\n                        disabled={isContentEdit}\n                        variant=\"solid\"\n                        onClick={() => onEdit(!isContentEdit)}\n                    >\n                        {isContentEdit ? 'Editing' : 'Edit'}\n                    </Button>\n                </div>\n            </div>\n            <Dialog\n                isOpen={isDialogOpen}\n                width={640}\n                onClose={() => setIsDialogOpen(false)}\n                onRequestClose={() => setIsDialogOpen(false)}\n            >\n                <h5>Share this project</h5>\n                <Form className=\"my-6\">\n                    <FormItem label=\"Copy link\">\n                        <Input\n                            readOnly\n                            value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n                            suffix={\n                                <Button\n                                    type=\"button\"\n                                    variant=\"solid\"\n                                    size=\"sm\"\n                                    customColorClass={() =>\n                                        'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n                                    }\n                                    onClick={() => setCopied(true)}\n                                >\n                                    {copied ? 'Copied' : 'Copy'}\n                                </Button>\n                            }\n                        />\n                    </FormItem>\n                    <FormItem label=\"Or share to members\">\n                        <Select<MemberOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            options={memberOptions}\n                            isLoading={loading}\n                            onFocus={handleFocus}\n                        />\n                    </FormItem>\n                </Form>\n                <div className=\"flex items-center justify-end gap-2\">\n                    <Button onClick={() => setIsDialogOpen(false)}>\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        onClick={() => setIsDialogOpen(false)}\n                    >\n                        Share\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}