@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/view/Activity/ActivityEvent.js

@@ -1,15 +1,15 @@
-import { jsx as e, Fragment as c, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, Fragment as a, jsxs as l } from "react/jsx-runtime";
 import "../../ui/Badge/index.js";
 import "../../ui/Card/index.js";
 import "../../ui/Tag/index.js";
-import y from "classnames";
-import u from "html-react-parser";
-import f from "../../../utils/isLastChild.js";
-import C from "dayjs";
-import { CREATE_TICKET as k, ASSIGN_TICKET as E, ADD_FILES_TO_TICKET as I, ADD_TAGS_TO_TICKET as _, COMMENT_MENTION as A, COMMENT as w, UPDATE_TICKET as D } from "./constants.js";
-import g from "../../ui/Tag/Tag.js";
-import b from "../../ui/Card/Card.js";
-import T from "../../ui/Badge/Badge.js";
+import f from "classnames";
+import h from "html-react-parser";
+import o from "../../../utils/isLastChild.js";
+import g from "dayjs";
+import { CREATE_TICKET as b, ASSIGN_TICKET as T, ADD_FILES_TO_TICKET as v, ADD_TAGS_TO_TICKET as y, COMMENT_MENTION as C, COMMENT as k, UPDATE_TICKET as E } from "./constants.js";
+import N from "../../ui/Tag/Tag.js";
+import p from "../../ui/Card/Card.js";
+import x from "../../ui/Badge/Badge.js";
 const t = {
   0: {
     label: "Completed",
@@ -26,26 +26,22 @@ const t = {
     bgClass: "bg-amber-500",
     textClass: "text-amber-500"
   }
-}, v = {
+}, u = {
   "Live Issue": "bg-rose-500",
   Backend: "bg-blue-500",
   Bug: "bg-amber-400",
   "Low priority": "bg-indigo-500"
-}, i = ({ value: s }) => /* @__PURE__ */ e(c, { children: C.unix(s).format("hh:mm A") }), r = ({ children: s, className: a }) => /* @__PURE__ */ e("span", { className: y("font-bold heading-text", a), children: s }), U = ({ data: s, compact: a }) => {
-  var d, o, N, p;
-  const h = {
+}, n = ({ value: s }) => /* @__PURE__ */ e(a, { children: g.unix(s).format("hh:mm A") }), r = ({ children: s, className: c }) => /* @__PURE__ */ e("span", { className: f("font-bold heading-text", c), children: s }), B = ({ data: s, compact: c }) => {
+  const d = {
     // eslint-disable-next-line  @typescript-eslint/no-explicit-any
-    replace: (m) => {
-      var n, x;
-      return m.type === "tag" && (m == null ? void 0 : m.name) === "strong" ? /* @__PURE__ */ e(r, { children: (n = m == null ? void 0 : m.children[0]) == null ? void 0 : n.data }, (x = m == null ? void 0 : m.children[0]) == null ? void 0 : x.data) : m.data;
-    }
+    replace: (m) => m.type === "tag" && m?.name === "strong" ? /* @__PURE__ */ e(r, { children: m?.children[0]?.data }, m?.children[0]?.data) : m.data
   };
   switch (s.type) {
-    case D:
-      return a ? /* @__PURE__ */ l(c, { children: [
+    case E:
+      return c ? /* @__PURE__ */ l(a, { children: [
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-y-0.5", children: [
           /* @__PURE__ */ e(r, { children: s.userName }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "mt-2", children: [
           /* @__PURE__ */ e("span", { className: "mx-1", children: "has change " }),
@@ -53,7 +49,7 @@ const t = {
           /* @__PURE__ */ e("span", { className: "mx-1", children: " status to " }),
           /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-1", children: [
             /* @__PURE__ */ e(
-              T,
+              x,
               {
                 className: t[s.status || 0].bgClass
               }
@@ -68,21 +64,21 @@ const t = {
         /* @__PURE__ */ e("span", { className: "mx-1", children: " status to " }),
         /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-1", children: [
           /* @__PURE__ */ e(
-            T,
+            x,
             {
               className: t[s.status || 0].bgClass
             }
           ),
           /* @__PURE__ */ e(r, { children: t[s.status || 0].label })
         ] }),
-        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
       ] });
-    case w:
-      return /* @__PURE__ */ l(c, { children: [
-        a ? /* @__PURE__ */ l(c, { children: [
+    case k:
+      return /* @__PURE__ */ l(a, { children: [
+        c ? /* @__PURE__ */ l(a, { children: [
           /* @__PURE__ */ l("div", { className: "flex flex-col gap-y-0.5", children: [
             /* @__PURE__ */ e(r, { children: s.userName }),
-            /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+            /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
           ] }),
           /* @__PURE__ */ l("div", { className: "mt-2", children: [
             /* @__PURE__ */ e("span", { className: "mx-1", children: "comment on your" }),
@@ -92,23 +88,23 @@ const t = {
           /* @__PURE__ */ e(r, { children: s.userName }),
           /* @__PURE__ */ e("span", { className: "mx-1", children: "comment on your" }),
           /* @__PURE__ */ e(r, { children: "Post" }),
-          /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+          /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
         ] }),
         /* @__PURE__ */ e(
-          b,
+          p,
           {
             bordered: !1,
             className: "mt-4 bg-gray-100 dark:bg-gray-700 shadow-none",
-            children: u(s.comment || "", h)
+            children: h(s.comment || "", d)
           }
         )
       ] });
-    case A:
-      return /* @__PURE__ */ l(c, { children: [
-        a ? /* @__PURE__ */ l(c, { children: [
+    case C:
+      return /* @__PURE__ */ l(a, { children: [
+        c ? /* @__PURE__ */ l(a, { children: [
           /* @__PURE__ */ l("div", { className: "flex flex-col gap-y-0.5", children: [
             /* @__PURE__ */ e(r, { children: s.userName }),
-            /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+            /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
           ] }),
           /* @__PURE__ */ l("div", { className: "mt-2", children: [
             /* @__PURE__ */ e("span", { className: "mx-1", children: "mentioned you in a comment" }),
@@ -118,34 +114,34 @@ const t = {
           /* @__PURE__ */ e(r, { children: s.userName }),
           /* @__PURE__ */ e("span", { className: "mx-1", children: "mentioned you in a comment" }),
           /* @__PURE__ */ e(r, { children: "Post" }),
-          /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+          /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
         ] }),
         /* @__PURE__ */ e(
-          b,
+          p,
           {
             bordered: !1,
             className: "mt-4 bg-gray-100 dark:bg-gray-700 shadow-none",
-            children: u(s.comment || "", h)
+            children: h(s.comment || "", d)
           }
         )
       ] });
-    case _:
-      return a ? /* @__PURE__ */ l(c, { children: [
+    case y:
+      return c ? /* @__PURE__ */ l(a, { children: [
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-y-0.5", children: [
           /* @__PURE__ */ e(r, { children: s.userName }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "mt-2", children: [
           /* @__PURE__ */ e("span", { className: "mx-1", children: "added tags " }),
-          (d = s == null ? void 0 : s.tags) == null ? void 0 : d.map((m, n) => /* @__PURE__ */ e(
-            g,
+          s?.tags?.map((m, i) => /* @__PURE__ */ e(
+            N,
             {
               prefix: !0,
               className: "mx-1",
-              prefixClass: `${v[m]}`,
+              prefixClass: `${u[m]}`,
               children: m
             },
-            m + n
+            m + i
           ))
         ] })
       ] }) : /* @__PURE__ */ l("div", { children: [
@@ -154,32 +150,32 @@ const t = {
           " "
         ] }),
         /* @__PURE__ */ e("span", { className: "mx-1", children: "added tags " }),
-        /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1", children: (o = s == null ? void 0 : s.tags) == null ? void 0 : o.map((m, n) => /* @__PURE__ */ e(
-          g,
+        /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1", children: s?.tags?.map((m, i) => /* @__PURE__ */ e(
+          N,
           {
             prefix: !0,
-            prefixClass: `${v[m]}`,
+            prefixClass: `${u[m]}`,
             children: m
           },
-          m + n
+          m + i
         )) }),
-        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
       ] });
-    case I:
-      return a ? /* @__PURE__ */ l(c, { children: [
+    case v:
+      return c ? /* @__PURE__ */ l(a, { children: [
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-y-0.5", children: [
           /* @__PURE__ */ e(r, { children: s.userName }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "mt-2", children: [
           /* @__PURE__ */ e("span", { className: "mx-1", children: "added" }),
-          (N = s == null ? void 0 : s.files) == null ? void 0 : N.map((m, n) => /* @__PURE__ */ l(r, { children: [
+          s?.files?.map((m, i) => /* @__PURE__ */ l(r, { children: [
             m,
-            !f((s == null ? void 0 : s.files) || [], n) && /* @__PURE__ */ l("span", { className: "ltr:mr-1 rtl:ml-1", children: [
+            !o(s?.files || [], i) && /* @__PURE__ */ l("span", { className: "ltr:mr-1 rtl:ml-1", children: [
               ",",
               " "
             ] })
-          ] }, m + n))
+          ] }, m + i))
         ] })
       ] }) : /* @__PURE__ */ l("div", { className: "inline-flex items-center flex-wrap", children: [
         /* @__PURE__ */ l(r, { children: [
@@ -187,29 +183,29 @@ const t = {
           " "
         ] }),
         /* @__PURE__ */ e("span", { className: "mx-1", children: "added" }),
-        (p = s == null ? void 0 : s.files) == null ? void 0 : p.map((m, n) => /* @__PURE__ */ l(r, { children: [
+        s?.files?.map((m, i) => /* @__PURE__ */ l(r, { children: [
           m,
-          !f((s == null ? void 0 : s.files) || [], n) && /* @__PURE__ */ e("span", { className: "ltr:mr-1 rtl:ml-1", children: ", " })
-        ] }, m + n)),
+          !o(s?.files || [], i) && /* @__PURE__ */ e("span", { className: "ltr:mr-1 rtl:ml-1", children: ", " })
+        ] }, m + i)),
         /* @__PURE__ */ e("span", { className: "mx-1", children: "to ticket" }),
         /* @__PURE__ */ l(r, { children: [
           s.ticket,
           " "
         ] }),
-        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
       ] });
-    case E:
-      return a ? /* @__PURE__ */ l(c, { children: [
+    case T:
+      return c ? /* @__PURE__ */ l(a, { children: [
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-y-0.5", children: [
           /* @__PURE__ */ e(r, { children: s.userName }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+          /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "mt-2", children: [
           /* @__PURE__ */ e("span", { className: "mx-1", children: "assigned ticket" }),
           /* @__PURE__ */ e(r, { children: s.ticket }),
           /* @__PURE__ */ e("span", { className: "mx-1", children: "to" }),
           /* @__PURE__ */ l(r, { children: [
-            s == null ? void 0 : s.assignee,
+            s?.assignee,
             " "
           ] })
         ] })
@@ -225,9 +221,9 @@ const t = {
           s.assignee,
           " "
         ] }),
-        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
       ] });
-    case k:
+    case b:
       return /* @__PURE__ */ l("div", { className: "inline-flex items-center flex-wrap", children: [
         /* @__PURE__ */ l(r, { children: [
           s.userName,
@@ -235,13 +231,13 @@ const t = {
         ] }),
         /* @__PURE__ */ e("span", { className: "mx-1", children: "has created ticket" }),
         /* @__PURE__ */ e(r, { children: s.ticket }),
-        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(i, { value: s.dateTime }) })
+        /* @__PURE__ */ e("span", { className: "ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold", children: /* @__PURE__ */ e(n, { value: s.dateTime }) })
       ] });
     default:
       return null;
   }
 };
 export {
-  U as default
+  B as default
 };
 //# sourceMappingURL=ActivityEvent.js.map

package/dist/@ecme/components/view/Activity/ActivityEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityEvent.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityEvent.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport classNames from 'classnames'\nimport ReactHtmlParser from 'html-react-parser'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport {\n    UPDATE_TICKET,\n    COMMENT,\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    CREATE_TICKET,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n} from './constants'\nimport type { CommonProps } from '@/@types/common'\nimport type { HTMLReactParserOptions } from 'html-react-parser'\n\ntype ActivityEventProps = {\n    data: {\n        type: string\n        dateTime: number\n        ticket?: string\n        status?: number\n        userName: string\n        userImg?: string\n        comment?: string\n        tags?: string[]\n        files?: string[]\n        assignee?: string\n    }\n    compact?: boolean\n}\n\nconst ticketStatus: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Completed',\n        bgClass: 'bg-emerald-500',\n        textClass: 'text-emerald-500',\n    },\n    1: {\n        label: 'In progress',\n        bgClass: 'bg-blue-500',\n        textClass: 'text-blue-500',\n    },\n    2: {\n        label: 'Ready to test',\n        bgClass: 'bg-amber-500',\n        textClass: 'text-amber-500',\n    },\n}\n\nconst taskLabelColors: Record<string, string> = {\n    'Live Issue': 'bg-rose-500',\n    Backend: 'bg-blue-500',\n    Bug: 'bg-amber-400',\n    'Low priority': 'bg-indigo-500',\n}\n\nconst UnixDateTime = ({ value }: { value: number }) => {\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\n}\n\nconst HighlightedText = ({ children, className }: CommonProps) => {\n    return (\n        <span className={classNames('font-bold heading-text', className)}>\n            {children}\n        </span>\n    )\n}\n\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\n    const options: HTMLReactParserOptions = {\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        replace: (node: any) => {\n            if (node.type === 'tag' && node?.name === 'strong') {\n                return (\n                    <HighlightedText key={node?.children[0]?.data}>\n                        {node?.children[0]?.data}\n                    </HighlightedText>\n                )\n            }\n            return node.data\n        },\n    }\n\n    switch (data.type) {\n        case UPDATE_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">has change </span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\"> status to </span>\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Badge\n                                className={\n                                    ticketStatus[data.status || 0].bgClass\n                                }\n                            />\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\n                                {ticketStatus[data.status || 0].label}\n                            </HighlightedText>\n                        </span>\n                    </div>\n                </>\n            ) : (\n                <p className=\"my-1\">\n                    <HighlightedText>{data.userName}</HighlightedText>\n                    <span className=\"mx-1\">has change </span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\"> status to </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        <Badge\n                            className={ticketStatus[data.status || 0].bgClass}\n                        />\n                        <HighlightedText>\n                            {ticketStatus[data.status || 0].label}\n                        </HighlightedText>\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </p>\n            )\n        case COMMENT:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">comment on your</span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">comment on your</span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case COMMENT_MENTION:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">\n                                    mentioned you in a comment\n                                </span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"my-1\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">\n                                mentioned you in a comment\n                            </span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case ADD_TAGS_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added tags </span>\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                className=\"mx-1\"\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added tags </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ADD_FILES_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added</span>\n                        {data?.files?.map((file, index) => (\n                            <HighlightedText key={file + index}>\n                                {file}\n                                {!isLastChild(data?.files || [], index) && (\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\n                                        ,{' '}\n                                    </span>\n                                )}\n                            </HighlightedText>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added</span>\n                    {data?.files?.map((file, index) => (\n                        <HighlightedText key={file + index}>\n                            {file}\n                            {!isLastChild(data?.files || [], index) && (\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\n                            )}\n                        </HighlightedText>\n                    ))}\n                    <span className=\"mx-1\">to ticket</span>\n                    <HighlightedText>{data.ticket} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ASSIGN_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">assigned ticket</span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\">to</span>\n                        <HighlightedText>{data?.assignee} </HighlightedText>\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">assigned ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\">to</span>\n                    <HighlightedText>{data.assignee} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case CREATE_TICKET:\n            return (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">has created ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        default:\n            return null\n    }\n}\n\nexport default ActivityEvent\n"],"names":["ticketStatus","taskLabelColors","UnixDateTime","value","dayjs","HighlightedText","children","className","classNames","ActivityEvent","data","compact","options","node","jsx","_a","_b","UPDATE_TICKET","jsxs","Fragment","Badge","COMMENT","Card","ReactHtmlParser","COMMENT_MENTION","ADD_TAGS_TO_TICKET","label","index","Tag","ADD_FILES_TO_TICKET","_c","file","isLastChild","_d","ASSIGN_TICKET","CREATE_TICKET"],"mappings":"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"}
+{"version":3,"file":"ActivityEvent.js","sources":["../../../../../lib/@ecme/components/view/Activity/ActivityEvent.tsx"],"sourcesContent":["import Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport classNames from 'classnames'\nimport ReactHtmlParser from 'html-react-parser'\nimport isLastChild from '@/utils/isLastChild'\nimport dayjs from 'dayjs'\nimport {\n    UPDATE_TICKET,\n    COMMENT,\n    ADD_TAGS_TO_TICKET,\n    ADD_FILES_TO_TICKET,\n    CREATE_TICKET,\n    COMMENT_MENTION,\n    ASSIGN_TICKET,\n} from './constants'\nimport type { CommonProps } from '@/@types/common'\nimport type { HTMLReactParserOptions } from 'html-react-parser'\n\ntype ActivityEventProps = {\n    data: {\n        type: string\n        dateTime: number\n        ticket?: string\n        status?: number\n        userName: string\n        userImg?: string\n        comment?: string\n        tags?: string[]\n        files?: string[]\n        assignee?: string\n    }\n    compact?: boolean\n}\n\nconst ticketStatus: Record<\n    number,\n    {\n        label: string\n        bgClass: string\n        textClass: string\n    }\n> = {\n    0: {\n        label: 'Completed',\n        bgClass: 'bg-emerald-500',\n        textClass: 'text-emerald-500',\n    },\n    1: {\n        label: 'In progress',\n        bgClass: 'bg-blue-500',\n        textClass: 'text-blue-500',\n    },\n    2: {\n        label: 'Ready to test',\n        bgClass: 'bg-amber-500',\n        textClass: 'text-amber-500',\n    },\n}\n\nconst taskLabelColors: Record<string, string> = {\n    'Live Issue': 'bg-rose-500',\n    Backend: 'bg-blue-500',\n    Bug: 'bg-amber-400',\n    'Low priority': 'bg-indigo-500',\n}\n\nconst UnixDateTime = ({ value }: { value: number }) => {\n    return <>{dayjs.unix(value).format('hh:mm A')}</>\n}\n\nconst HighlightedText = ({ children, className }: CommonProps) => {\n    return (\n        <span className={classNames('font-bold heading-text', className)}>\n            {children}\n        </span>\n    )\n}\n\nconst ActivityEvent = ({ data, compact }: ActivityEventProps) => {\n    const options: HTMLReactParserOptions = {\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        replace: (node: any) => {\n            if (node.type === 'tag' && node?.name === 'strong') {\n                return (\n                    <HighlightedText key={node?.children[0]?.data}>\n                        {node?.children[0]?.data}\n                    </HighlightedText>\n                )\n            }\n            return node.data\n        },\n    }\n\n    switch (data.type) {\n        case UPDATE_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">has change </span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\"> status to </span>\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Badge\n                                className={\n                                    ticketStatus[data.status || 0].bgClass\n                                }\n                            />\n                            <HighlightedText className=\"ml-1 rtl:mr-1\">\n                                {ticketStatus[data.status || 0].label}\n                            </HighlightedText>\n                        </span>\n                    </div>\n                </>\n            ) : (\n                <p className=\"my-1\">\n                    <HighlightedText>{data.userName}</HighlightedText>\n                    <span className=\"mx-1\">has change </span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\"> status to </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        <Badge\n                            className={ticketStatus[data.status || 0].bgClass}\n                        />\n                        <HighlightedText>\n                            {ticketStatus[data.status || 0].label}\n                        </HighlightedText>\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </p>\n            )\n        case COMMENT:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">comment on your</span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"gap-1 inline-flex items-center flex-wrap\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">comment on your</span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case COMMENT_MENTION:\n            return (\n                <>\n                    {compact ? (\n                        <>\n                            <div className=\"flex flex-col gap-y-0.5\">\n                                <HighlightedText>\n                                    {data.userName}\n                                </HighlightedText>\n                                <span className=\"text-xs font-semibold\">\n                                    <UnixDateTime value={data.dateTime} />\n                                </span>\n                            </div>\n                            <div className=\"mt-2\">\n                                <span className=\"mx-1\">\n                                    mentioned you in a comment\n                                </span>\n                                <HighlightedText>Post</HighlightedText>\n                            </div>\n                        </>\n                    ) : (\n                        <p className=\"my-1\">\n                            <HighlightedText>{data.userName}</HighlightedText>\n                            <span className=\"mx-1\">\n                                mentioned you in a comment\n                            </span>\n                            <HighlightedText>Post</HighlightedText>\n                            <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                                <UnixDateTime value={data.dateTime} />\n                            </span>\n                        </p>\n                    )}\n                    <Card\n                        bordered={false}\n                        className=\"mt-4 bg-gray-100 dark:bg-gray-700 shadow-none\"\n                    >\n                        {ReactHtmlParser(data.comment || '', options)}\n                    </Card>\n                </>\n            )\n        case ADD_TAGS_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added tags </span>\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                className=\"mx-1\"\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added tags </span>\n                    <span className=\"inline-flex items-center gap-1\">\n                        {data?.tags?.map((label, index) => (\n                            <Tag\n                                key={label + index}\n                                prefix\n                                prefixClass={`${taskLabelColors[label]}`}\n                            >\n                                {label}\n                            </Tag>\n                        ))}\n                    </span>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ADD_FILES_TO_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">added</span>\n                        {data?.files?.map((file, index) => (\n                            <HighlightedText key={file + index}>\n                                {file}\n                                {!isLastChild(data?.files || [], index) && (\n                                    <span className=\"ltr:mr-1 rtl:ml-1\">\n                                        ,{' '}\n                                    </span>\n                                )}\n                            </HighlightedText>\n                        ))}\n                    </div>\n                </>\n            ) : (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">added</span>\n                    {data?.files?.map((file, index) => (\n                        <HighlightedText key={file + index}>\n                            {file}\n                            {!isLastChild(data?.files || [], index) && (\n                                <span className=\"ltr:mr-1 rtl:ml-1\">, </span>\n                            )}\n                        </HighlightedText>\n                    ))}\n                    <span className=\"mx-1\">to ticket</span>\n                    <HighlightedText>{data.ticket} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case ASSIGN_TICKET:\n            return compact ? (\n                <>\n                    <div className=\"flex flex-col gap-y-0.5\">\n                        <HighlightedText>{data.userName}</HighlightedText>\n                        <span className=\"text-xs font-semibold\">\n                            <UnixDateTime value={data.dateTime} />\n                        </span>\n                    </div>\n                    <div className=\"mt-2\">\n                        <span className=\"mx-1\">assigned ticket</span>\n                        <HighlightedText>{data.ticket}</HighlightedText>\n                        <span className=\"mx-1\">to</span>\n                        <HighlightedText>{data?.assignee} </HighlightedText>\n                    </div>\n                </>\n            ) : (\n                <div>\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">assigned ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"mx-1\">to</span>\n                    <HighlightedText>{data.assignee} </HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        case CREATE_TICKET:\n            return (\n                <div className=\"inline-flex items-center flex-wrap\">\n                    <HighlightedText>{data.userName} </HighlightedText>\n                    <span className=\"mx-1\">has created ticket</span>\n                    <HighlightedText>{data.ticket}</HighlightedText>\n                    <span className=\"ml-1 rtl:mr-1 md;ml-3 rtl:md:mr-3 font-semibold\">\n                        <UnixDateTime value={data.dateTime} />\n                    </span>\n                </div>\n            )\n        default:\n            return null\n    }\n}\n\nexport default ActivityEvent\n"],"names":["ticketStatus","taskLabelColors","UnixDateTime","value","dayjs","HighlightedText","children","className","classNames","ActivityEvent","data","compact","options","node","jsx","UPDATE_TICKET","jsxs","Fragment","Badge","COMMENT","Card","ReactHtmlParser","COMMENT_MENTION","ADD_TAGS_TO_TICKET","label","index","Tag","ADD_FILES_TO_TICKET","file","isLastChild","ASSIGN_TICKET","CREATE_TICKET"],"mappings":"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"}

package/dist/@ecme/components/view/ChatBox/components/Attachment.js

@@ -1,9 +1,8 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "../../../../utils/fileSizeUnit.js";
-import { TbFile as u } from "react-icons/tb";
-const x = ({ attachments: l }) => /* @__PURE__ */ r("div", { className: "flex flex-col", children: l && l.map((e, n) => {
-  var o, s;
-  const d = e.mediaUrl + n;
+import s from "../../../../utils/fileSizeUnit.js";
+import { TbFile as n } from "react-icons/tb";
+const c = ({ attachments: l }) => /* @__PURE__ */ r("div", { className: "flex flex-col", children: l && l.map((e, o) => {
+  const d = e.mediaUrl + o;
   return e.type === "image" ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
     "img",
     {
@@ -35,10 +34,10 @@ const x = ({ attachments: l }) => /* @__PURE__ */ r("div", { className: "flex fl
       className: "flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline",
       href: e.mediaUrl,
       children: [
-        /* @__PURE__ */ r(u, { className: "text-3xl heading-text" }),
+        /* @__PURE__ */ r(n, { className: "text-3xl heading-text" }),
         /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ r("div", { className: "heading-text font-bold", children: (o = e.source) == null ? void 0 : o.name }),
-          /* @__PURE__ */ r("div", { className: "heading-text", children: a((s = e.source) == null ? void 0 : s.size) })
+          /* @__PURE__ */ r("div", { className: "heading-text font-bold", children: e.source?.name }),
+          /* @__PURE__ */ r("div", { className: "heading-text", children: s(e.source?.size) })
         ] })
       ]
     },
@@ -46,6 +45,6 @@ const x = ({ attachments: l }) => /* @__PURE__ */ r("div", { className: "flex fl
   );
 }) });
 export {
-  x as default
+  c as default
 };
 //# sourceMappingURL=Attachment.js.map

package/dist/@ecme/components/view/ChatBox/components/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\nimport { TbFile } from 'react-icons/tb'\n\nexport type AttatchmentProps = {\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n}\n\nconst Attachment = ({ attachments }: AttatchmentProps) => {\n    return (\n        <div className=\"flex flex-col\">\n            {attachments &&\n                attachments.map((attachment, index) => {\n                    const key = attachment.mediaUrl + index\n\n                    if (attachment.type === 'image') {\n                        return (\n                            <div key={key}>\n                                <img\n                                    className=\"rounded-xl my-2\"\n                                    src={attachment.mediaUrl}\n                                    alt=\"\"\n                                />\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'video') {\n                        return (\n                            <div key={key}>\n                                <a\n                                    href={attachment.mediaUrl}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <video\n                                        className=\"rounded-xl my-2\"\n                                        src={attachment.mediaUrl}\n                                    />\n                                </a>\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'audio') {\n                        return (\n                            <div key={key}>\n                                <audio controls>\n                                    <source src={attachment.mediaUrl} />\n                                    Your browser does not support the audio\n                                    element.\n                                </audio>\n                            </div>\n                        )\n                    }\n\n                    return (\n                        <a\n                            key={key}\n                            download\n                            className=\"flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline\"\n                            href={attachment.mediaUrl}\n                        >\n                            <TbFile className=\"text-3xl heading-text\" />\n                            <div>\n                                <div className=\"heading-text font-bold\">\n                                    {attachment.source?.name}\n                                </div>\n                                <div className=\"heading-text\">\n                                    {fileSizeUnit(attachment.source?.size)}\n                                </div>\n                            </div>\n                        </a>\n                    )\n                })}\n        </div>\n    )\n}\n\nexport default Attachment\n"],"names":["Attachment","attachments","jsx","attachment","index","key","jsxs","TbFile","_a","_b"],"mappings":";;;AAWA,MAAMA,IAAa,CAAC,EAAE,aAAAC,QAEd,gBAAAC,EAAC,SAAI,WAAU,iBACV,eACGD,EAAY,IAAI,CAACE,GAAYC,MAAU;;AACnC,QAAMC,IAAMF,EAAW,WAAWC;AAElC,SAAID,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAKC,EAAW;AAAA,MAChB,KAAI;AAAA,IAAA;AAAA,EAAA,KAJFE,CAMV,IAIJF,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAMC,EAAW;AAAA,MACjB,QAAO;AAAA,MACP,KAAI;AAAA,MAEJ,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAKC,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,EAAA,KATEE,CAWV,IAIJF,EAAW,SAAS,UAEhB,gBAAAD,EAAC,OAAA,EACG,UAAA,gBAAAI,EAAC,SAAA,EAAM,UAAQ,IACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAA,EAAO,KAAKC,EAAW,SAAA,CAAU;AAAA,IAAE;AAAA,EAAA,EAAA,CAGxC,KALME,CAMV,IAKJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAMH,EAAW;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAD,EAACK,GAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,0BACzC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0BACV,WAAAM,IAAAL,EAAW,WAAX,gBAAAK,EAAmB,MACxB;AAAA,UACA,gBAAAN,EAAC,SAAI,WAAU,gBACV,aAAaO,IAAAN,EAAW,WAAX,gBAAAM,EAAmB,IAAI,EAAA,CACzC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKJ;AAAA,EAAA;AAgBjB,CAAC,EAAA,CACT;"}
+{"version":3,"file":"Attachment.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/Attachment.tsx"],"sourcesContent":["import fileSizeUnit from '@/utils/fileSizeUnit'\nimport { TbFile } from 'react-icons/tb'\n\nexport type AttatchmentProps = {\n    attachments?: Array<{\n        type: 'image' | 'video' | 'audio' | 'misc'\n        source: File\n        mediaUrl: string\n    }>\n}\n\nconst Attachment = ({ attachments }: AttatchmentProps) => {\n    return (\n        <div className=\"flex flex-col\">\n            {attachments &&\n                attachments.map((attachment, index) => {\n                    const key = attachment.mediaUrl + index\n\n                    if (attachment.type === 'image') {\n                        return (\n                            <div key={key}>\n                                <img\n                                    className=\"rounded-xl my-2\"\n                                    src={attachment.mediaUrl}\n                                    alt=\"\"\n                                />\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'video') {\n                        return (\n                            <div key={key}>\n                                <a\n                                    href={attachment.mediaUrl}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <video\n                                        className=\"rounded-xl my-2\"\n                                        src={attachment.mediaUrl}\n                                    />\n                                </a>\n                            </div>\n                        )\n                    }\n\n                    if (attachment.type === 'audio') {\n                        return (\n                            <div key={key}>\n                                <audio controls>\n                                    <source src={attachment.mediaUrl} />\n                                    Your browser does not support the audio\n                                    element.\n                                </audio>\n                            </div>\n                        )\n                    }\n\n                    return (\n                        <a\n                            key={key}\n                            download\n                            className=\"flex items-center gap-2 p-2 rounded-xl border border-gray-300 dark:border-gray-600 min-w-[250px] bg-white dark:bg-gray-600 my-2 no-underline\"\n                            href={attachment.mediaUrl}\n                        >\n                            <TbFile className=\"text-3xl heading-text\" />\n                            <div>\n                                <div className=\"heading-text font-bold\">\n                                    {attachment.source?.name}\n                                </div>\n                                <div className=\"heading-text\">\n                                    {fileSizeUnit(attachment.source?.size)}\n                                </div>\n                            </div>\n                        </a>\n                    )\n                })}\n        </div>\n    )\n}\n\nexport default Attachment\n"],"names":["Attachment","attachments","jsx","attachment","index","key","jsxs","TbFile"],"mappings":";;;AAWA,MAAMA,IAAa,CAAC,EAAE,aAAAC,QAEd,gBAAAC,EAAC,SAAI,WAAU,iBACV,eACGD,EAAY,IAAI,CAACE,GAAYC,MAAU;AACnC,QAAMC,IAAMF,EAAW,WAAWC;AAElC,SAAID,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAKC,EAAW;AAAA,MAChB,KAAI;AAAA,IAAA;AAAA,EAAA,KAJFE,CAMV,IAIJF,EAAW,SAAS,4BAEf,OAAA,EACG,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAMC,EAAW;AAAA,MACjB,QAAO;AAAA,MACP,KAAI;AAAA,MAEJ,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAKC,EAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB;AAAA,EAAA,KATEE,CAWV,IAIJF,EAAW,SAAS,UAEhB,gBAAAD,EAAC,OAAA,EACG,UAAA,gBAAAI,EAAC,SAAA,EAAM,UAAQ,IACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAA,EAAO,KAAKC,EAAW,SAAA,CAAU;AAAA,IAAE;AAAA,EAAA,EAAA,CAGxC,KALME,CAMV,IAKJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAMH,EAAW;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAD,EAACK,GAAA,EAAO,WAAU,wBAAA,CAAwB;AAAA,0BACzC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0BACV,UAAAC,EAAW,QAAQ,MACxB;AAAA,UACA,gBAAAD,EAAC,SAAI,WAAU,gBACV,YAAaC,EAAW,QAAQ,IAAI,EAAA,CACzC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAbKE;AAAA,EAAA;AAgBjB,CAAC,EAAA,CACT;"}

package/dist/@ecme/components/view/ChatBox/components/ChatInput.js

@@ -1,51 +1,49 @@
-import { jsxs as i, jsx as e, Fragment as d } from "react/jsx-runtime";
-import { useState as x, useRef as g } from "react";
+import { jsxs as a, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { useState as d, useRef as x } from "react";
 import "../../../ui/Button/index.js";
 import "../../../ui/Upload/index.js";
-import v from "../../../ui/hooks/index.js";
-import { TbPhotoPlus as y, TbArrowRight as b } from "react-icons/tb";
-import c from "../../../ui/Upload/Upload.js";
-import w from "../../../ui/Button/Button.js";
-const { useMergeRef: R } = v, K = (f) => {
-  const [l, a] = x([]), { placeholder: u, onInputChange: t, ref: m = null } = f, r = g(null), s = () => {
-    r.current && (r.current.value = ""), a([]);
-  }, p = () => {
-    var n, o;
-    (n = r.current) != null && n.value && (t == null || t({
-      value: ((o = r.current) == null ? void 0 : o.value) || "",
-      attachments: l
-    }), s());
-  }, h = (n) => {
-    var o;
-    n.key === "Enter" && (t == null || t({
-      value: ((o = r.current) == null ? void 0 : o.value) || "",
-      attachments: l
-    }), s());
+import g from "../../../ui/hooks/index.js";
+import { TbPhotoPlus as v, TbArrowRight as y } from "react-icons/tb";
+import s from "../../../ui/Upload/Upload.js";
+import b from "../../../ui/Button/Button.js";
+const { useMergeRef: C } = g, D = (i) => {
+  const [r, n] = d([]), { placeholder: c, onInputChange: l, ref: u = null } = i, t = x(null), o = () => {
+    t.current && (t.current.value = ""), n([]);
+  }, f = () => {
+    t.current?.value && (l?.({
+      value: t.current?.value || "",
+      attachments: r
+    }), o());
+  }, p = (h) => {
+    h.key === "Enter" && (l?.({
+      value: t.current?.value || "",
+      attachments: r
+    }), o());
   };
-  return /* @__PURE__ */ i("div", { className: "border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col", children: [
-    l.length > 0 && /* @__PURE__ */ e(
-      c,
+  return /* @__PURE__ */ a("div", { className: "border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col", children: [
+    r.length > 0 && /* @__PURE__ */ e(
+      s,
       {
-        fileList: l,
+        fileList: r,
         fileListClass: "flex gap-4",
         fileItemClass: "flex gap-8",
-        onFileRemove: a,
-        children: /* @__PURE__ */ e(d, {})
+        onFileRemove: n,
+        children: /* @__PURE__ */ e(m, {})
       }
     ),
-    /* @__PURE__ */ i("div", { className: "flex items-center gap-2 w-full h-[50px]", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2 w-full h-[50px]", children: [
       /* @__PURE__ */ e(
-        c,
+        s,
         {
-          fileList: l,
+          fileList: r,
           showList: !1,
-          onChange: a,
+          onChange: n,
           children: /* @__PURE__ */ e(
             "button",
             {
               className: "text-xl heading-text hover:text-primary px-1 py-2",
               type: "button",
-              children: /* @__PURE__ */ e(y, {})
+              children: /* @__PURE__ */ e(v, {})
             }
           )
         }
@@ -53,26 +51,26 @@ const { useMergeRef: R } = v, K = (f) => {
       /* @__PURE__ */ e(
         "input",
         {
-          ref: R(r, m),
+          ref: C(t, u),
           className: "flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text",
-          placeholder: u,
-          onKeyDown: h
+          placeholder: c,
+          onKeyDown: p
         }
       ),
       /* @__PURE__ */ e(
-        w,
+        b,
         {
           size: "xs",
           shape: "circle",
           variant: "solid",
-          icon: /* @__PURE__ */ e(b, {}),
-          onClick: p
+          icon: /* @__PURE__ */ e(y, {}),
+          onClick: f
         }
       )
     ] })
   ] });
 };
 export {
-  K as default
+  D as default
 };
 //# sourceMappingURL=ChatInput.js.map

package/dist/@ecme/components/view/ChatBox/components/ChatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":["useMergeRef","hooks","ChatInput","props","attachments","setAttachments","useState","placeholder","onInputChange","ref","inputRef","useRef","handleInputClear","handleChange","_a","_b","handleKeyDown","event","jsxs","jsx","Upload","Fragment","TbPhotoPlus","Button","TbArrowRight"],"mappings":";;;;;;;;AAaA,MAAM,EAAE,aAAAA,MAAgBC,GAElBC,IAAY,CAACC,MAA0B;AACzC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,CAAA,CAAE,GAEnD,EAAE,aAAAC,GAAa,eAAAC,GAAe,KAAAC,IAAM,SAASN,GAE7CO,IAAWC,EAAyB,IAAI,GAExCC,IAAmB,MAAM;AAC3B,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ,KAE7BL,EAAe,CAAA,CAAE;AAAA,EACrB,GAEMQ,IAAe,MAAM;;AACvB,KAAIC,IAAAJ,EAAS,YAAT,QAAAI,EAAkB,UAClBN,KAAA,QAAAA,EAAgB;AAAA,MACZ,SAAOO,IAAAL,EAAS,YAAT,gBAAAK,EAAkB,UAAS;AAAA,MAClC,aAAAX;AAAA,IAAA,IAEJQ,EAAA;AAAA,EAER,GAEMI,IAAgB,CAACC,MAA2C;;AAC9D,IAAIA,EAAM,QAAQ,YACdT,KAAA,QAAAA,EAAgB;AAAA,MACZ,SAAOM,IAAAJ,EAAS,YAAT,gBAAAI,EAAkB,UAAS;AAAA,MAClC,aAAAV;AAAA,IAAA,IAEJQ,EAAA;AAAA,EAER;AAEA,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAAd,EAAY,SAAS,KAClB,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUhB;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAcC;AAAA,QAEd,UAAA,gBAAAc,EAAAE,GAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUhB;AAAA,UACV,UAAU;AAAA,UACV,UAAUC;AAAA,UAEV,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,4BAACG,GAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKnB,EAAYU,GAAUD,CAAG;AAAA,UAC9B,WAAU;AAAA,UACV,aAAAF;AAAA,UACA,WAAWS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAa;AAAA,UACpB,SAASX;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ChatInput.js","sources":["../../../../../../lib/@ecme/components/view/ChatBox/components/ChatInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Button from '@/components/ui/Button'\nimport Upload from '@/components/ui/Upload'\nimport hooks from '@/components/ui/hooks'\nimport { TbPhotoPlus, TbArrowRight } from 'react-icons/tb'\nimport type { KeyboardEvent, Ref } from 'react'\n\nexport type ChatInputProps = {\n    placeholder?: string\n    onInputChange?: (payload: { value: string; attachments: File[] }) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst { useMergeRef } = hooks\n\nconst ChatInput = (props: ChatInputProps) => {\n    const [attachments, setAttachments] = useState<File[]>([])\n\n    const { placeholder, onInputChange, ref = null } = props\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleInputClear = () => {\n        if (inputRef.current) {\n            inputRef.current.value = ''\n        }\n        setAttachments([])\n    }\n\n    const handleChange = () => {\n        if (inputRef.current?.value) {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            onInputChange?.({\n                value: inputRef.current?.value || '',\n                attachments,\n            })\n            handleInputClear()\n        }\n    }\n\n    return (\n        <div className=\"border-2 border-gray-200 dark:border-gray-700 rounded-xl min-h-[50px] px-3 flex flex-col\">\n            {attachments.length > 0 && (\n                <Upload\n                    fileList={attachments}\n                    fileListClass=\"flex gap-4\"\n                    fileItemClass=\"flex gap-8\"\n                    onFileRemove={setAttachments}\n                >\n                    <></>\n                </Upload>\n            )}\n            <div className=\"flex items-center gap-2 w-full h-[50px]\">\n                <Upload\n                    fileList={attachments}\n                    showList={false}\n                    onChange={setAttachments}\n                >\n                    <button\n                        className=\"text-xl heading-text hover:text-primary px-1 py-2\"\n                        type=\"button\"\n                    >\n                        <TbPhotoPlus />\n                    </button>\n                </Upload>\n                <input\n                    ref={useMergeRef(inputRef, ref)}\n                    className=\"flex-1 h-full placeholder:text-gray-400 bg-transparent focus:outline-none heading-text\"\n                    placeholder={placeholder}\n                    onKeyDown={handleKeyDown}\n                />\n                <Button\n                    size=\"xs\"\n                    shape=\"circle\"\n                    variant=\"solid\"\n                    icon={<TbArrowRight />}\n                    onClick={handleChange}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ChatInput\n"],"names":["useMergeRef","hooks","ChatInput","props","attachments","setAttachments","useState","placeholder","onInputChange","ref","inputRef","useRef","handleInputClear","handleChange","handleKeyDown","event","jsxs","jsx","Upload","Fragment","TbPhotoPlus","Button","TbArrowRight"],"mappings":";;;;;;;;AAaA,MAAM,EAAE,aAAAA,MAAgBC,GAElBC,IAAY,CAACC,MAA0B;AACzC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAiB,CAAA,CAAE,GAEnD,EAAE,aAAAC,GAAa,eAAAC,GAAe,KAAAC,IAAM,SAASN,GAE7CO,IAAWC,EAAyB,IAAI,GAExCC,IAAmB,MAAM;AAC3B,IAAIF,EAAS,YACTA,EAAS,QAAQ,QAAQ,KAE7BL,EAAe,CAAA,CAAE;AAAA,EACrB,GAEMQ,IAAe,MAAM;AACvB,IAAIH,EAAS,SAAS,UAClBF,IAAgB;AAAA,MACZ,OAAOE,EAAS,SAAS,SAAS;AAAA,MAClC,aAAAN;AAAA,IAAA,CACH,GACDQ,EAAA;AAAA,EAER,GAEME,IAAgB,CAACC,MAA2C;AAC9D,IAAIA,EAAM,QAAQ,YACdP,IAAgB;AAAA,MACZ,OAAOE,EAAS,SAAS,SAAS;AAAA,MAClC,aAAAN;AAAA,IAAA,CACH,GACDQ,EAAA;AAAA,EAER;AAEA,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,4FACV,UAAA;AAAA,IAAAZ,EAAY,SAAS,KAClB,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUd;AAAA,QACV,eAAc;AAAA,QACd,eAAc;AAAA,QACd,cAAcC;AAAA,QAEd,UAAA,gBAAAY,EAAAE,GAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGV,gBAAAH,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUd;AAAA,UACV,UAAU;AAAA,UACV,UAAUC;AAAA,UAEV,UAAA,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,4BAACG,GAAA,CAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,MAEJ,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKjB,EAAYU,GAAUD,CAAG;AAAA,UAC9B,WAAU;AAAA,UACV,aAAAF;AAAA,UACA,WAAWO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEf,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,wBAAOC,GAAA,EAAa;AAAA,UACpB,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACb,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}