@dxs-ts/eveli-ide 0.0.430 → 0.0.431

package/build/{eveli-task-composer-v2/TaskNotes.d.ts → eveli-task-composer-v2-notes/EveliTaskNotes.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { TaskApi } from '../api-task';
-import { TaskCardStyleDefinition } from './cardThemeConfig';
-export declare const TaskNotes: React.FC<{
+import { TaskCardStyleDefinition } from '../eveli-task-composer-v2/cardThemeConfig';
+export declare const EveliTaskNotes: React.FC<{
     task: TaskApi.Task;
     style: TaskCardStyleDefinition;
 }>;

package/build/eveli-task-composer-v2-notes/index.d.ts

@@ -0,0 +1 @@
+export * from './EveliTaskNotes';

package/build/index.js

@@ -57044,7 +57044,7 @@ function UK(e) {
     })
   };
 }
-const DS = { tag: "eveli-ide-0.0.430", built: "22/07/2025" }, wx = we("worker/rest/api/version.GET")({
+const DS = { tag: "eveli-ide-0.0.431", built: "22/07/2025" }, wx = we("worker/rest/api/version.GET")({
   hook: $K
 });
 function $K(e) {
@@ -69955,49 +69955,8 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   /* @__PURE__ */ i(Vi, { value: e, label: "Card Style", onChange: (a) => {
     t(a.target.value);
   }, children: Object.entries(jre).map(([a, r]) => /* @__PURE__ */ i(lt, { value: a, children: r }, a)) })
-] }), eie = (e) => e ? (e instanceof Date ? Pe.fromJSDate(e) : Pe.fromISO(e)).setLocale("fi").toLocaleString(Pe.DATE_SHORT) : "--", tie = ({ task: e, style: t }) => {
-  var s;
-  const n = aie(), a = ((s = e.comments) == null ? void 0 : s.filter((o) => !o.external)) || [];
-  if (!a || a.length === 0)
-    return /* @__PURE__ */ i(W, { children: "No notes" });
-  const r = (o, l) => o.length <= l ? o : o.slice(0, l) + "…";
-  return /* @__PURE__ */ E(nie, { className: n.notesContainer, children: [
-    a.slice(0, 3).map((o) => /* @__PURE__ */ i(R, { children: /* @__PURE__ */ E(W, { children: [
-      /* @__PURE__ */ E(R, { display: "flex", alignItems: "center", children: [
-        /* @__PURE__ */ i(Pf, { sx: { fontSize: "7pt", mr: 1, color: "primary.main" } }),
-        /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypography }, className: n.noteBody, children: `${r(o.commentText, 200)}` })
-      ] }),
-      /* @__PURE__ */ i(rt, {}),
-      /* @__PURE__ */ i(R, { display: "flex", alignItems: "center", justifyContent: "flex-end", children: /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypographySmall }, className: n.noteAuthor, children: `${o.userName} noted on ${eie(o.created)}` }) })
-    ] }) }, o.id)),
-    a.length > 3 && /* @__PURE__ */ E(F, { sx: { ...t.bodyTypography }, children: [
-      "...",
-      a.length - 3,
-      " more..."
-    ] })
-  ] });
-}, HN = "TaskNotes", nie = fe("div", {
-  name: HN,
-  slot: "Notes",
-  overridesResolver: (e, t) => [
-    t.notesContainer
-  ]
-})(({ theme: e }) => ({
-  "& .TaskNotes-noteBody": {
-    fontWeight: 400,
-    marginLeft: 1
-  },
-  "& .TaskNotes-noteAuthor": {
-    textAlign: "right",
-    color: e.palette.text.disabled
-  }
-})), aie = () => He({
-  notesContainer: ["notesContainer"],
-  noteBody: ["noteBody"],
-  noteAuthor: ["noteAuthor"],
-  noteBackground: ["noteBackground"]
-}, (n) => Ue(HN, n), {}), rie = ({ task: e }) => {
-  const t = iie();
+] }), eie = ({ task: e }) => {
+  const t = tie();
   if (!e.assignedUser || typeof name != "string")
     return /* @__PURE__ */ i(Ek, { children: /* @__PURE__ */ i(F, { children: "--" }) });
   const n = e.assignedUser.substring(0, e.assignedUser.indexOf(" ")), a = e.assignedUser.substring(e.assignedUser.indexOf(" ") + 1), r = n.substring(0, 1), s = a.substring(0, 1);
@@ -70011,8 +69970,8 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       /* @__PURE__ */ i(F, { variant: "caption", children: "user@gmail.com" })
     ] })
   ] });
-}, VN = "TaskAssigneeClassName", Ek = fe("div", {
-  name: VN,
+}, HN = "TaskAssigneeClassName", Ek = fe("div", {
+  name: HN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70028,13 +69987,13 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     width: "35px",
     boxShadow: "0 4px 12px rgba(0, 0, 0, 0.2)"
   }
-})), iie = () => He({
+})), tie = () => He({
   root: ["root"]
-}, (n) => Ue(VN, n), {}), sie = ({ task: e }) => {
-  const t = oie();
+}, (n) => Ue(HN, n), {}), nie = ({ task: e }) => {
+  const t = aie();
   return !e.assignedRoles || e.assignedRoles.length === 0 ? /* @__PURE__ */ i(yk, { children: /* @__PURE__ */ i(F, { children: "--" }) }) : /* @__PURE__ */ i(yk, { className: t.root, children: e.assignedRoles.map((n, a) => /* @__PURE__ */ i(Qt, { label: n, variant: "filled" }, a)) });
-}, zN = "TaskRolesRootClassName", yk = fe("div", {
-  name: zN,
+}, VN = "TaskRolesRootClassName", yk = fe("div", {
+  name: VN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70050,15 +70009,15 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     color: e.palette.background.default,
     boxShadow: "0 4px 12px rgba(0, 0, 0, 0.2)"
   }
-})), oie = () => He({
+})), aie = () => He({
   root: ["root"]
-}, (n) => Ue(zN, n), {}), lie = ({ task: e, style: t }) => {
-  const { getOneFeedback: n } = ei(), [a, r] = C.useState(), s = uie();
+}, (n) => Ue(VN, n), {}), rie = ({ task: e, style: t }) => {
+  const { getOneFeedback: n } = ei(), [a, r] = C.useState(), s = sie();
   return C.useEffect(() => {
     n(e.taskRef).then((o) => {
       r(o), console.log("Setting feedback:", o);
     });
-  }, [e.taskRef]), !a || !a.content ? /* @__PURE__ */ i(F, { sx: { ...t.bodyTypography }, children: "No feedback" }) : /* @__PURE__ */ E(cie, { className: s.root, children: [
+  }, [e.taskRef]), !a || !a.content ? /* @__PURE__ */ i(F, { sx: { ...t.bodyTypography }, children: "No feedback" }) : /* @__PURE__ */ E(iie, { className: s.root, children: [
     /* @__PURE__ */ E(R, { display: "flex", flexDirection: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ E(R, { flexDirection: "column", alignItems: "center", children: [
         /* @__PURE__ */ i(F, { className: s.feedbackCategories, sx: { ...t.bodyTypography }, children: a.content.main }),
@@ -70079,8 +70038,8 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       a.content.question
     ] })
   ] });
-}, GN = "CustomerFeedback", cie = fe("div", {
-  name: GN,
+}, zN = "CustomerFeedback", iie = fe("div", {
+  name: zN,
   slot: "Message",
   overridesResolver: (e, t) => [
     t.root
@@ -70105,20 +70064,20 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   "& .CustomerFeedback-feedbackCategories": {
     fontWeight: 500
   }
-})), uie = () => He({
+})), sie = () => He({
   root: ["root"],
   publishedNotifier: ["publishedNotifier"],
   feedbackCategories: ["feedbackCategories"]
-}, (n) => Ue(GN, n), {}), die = ({ task: e, style: t }) => {
-  const n = fie();
-  return /* @__PURE__ */ i(pie, { className: n.root, style: t, children: /* @__PURE__ */ E(R, { className: n.file, children: [
+}, (n) => Ue(zN, n), {}), oie = ({ task: e, style: t }) => {
+  const n = cie();
+  return /* @__PURE__ */ i(lie, { className: n.root, style: t, children: /* @__PURE__ */ E(R, { className: n.file, children: [
     /* @__PURE__ */ i($O, { className: n.fileIcon }),
     /* @__PURE__ */ i(F, { sx: { ...t }, children: "file-name.jpg" }),
     /* @__PURE__ */ i(R, { flexGrow: 1 }),
     /* @__PURE__ */ i(_e, { color: "error", children: /* @__PURE__ */ i(zc, { className: n.deleteIcon }) })
   ] }) });
-}, WN = "TaskFiles", pie = fe("div", {
-  name: WN,
+}, GN = "TaskFiles", lie = fe("div", {
+  name: GN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70148,21 +70107,21 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   "& .TaskFiles-deleteIcon": {
     color: e.palette.error.main
   }
-})), fie = () => He({
+})), cie = () => He({
   root: ["root"],
   file: ["file"],
   fileIcon: ["fileIcon"],
   deleteIcon: ["deleteIcon"]
-}, (n) => Ue(WN, n), {}), mie = ({ task: e, style: t }) => {
+}, (n) => Ue(GN, n), {}), uie = ({ task: e, style: t }) => {
   var l;
-  const n = gie(), a = ((l = e.comments) == null ? void 0 : l.filter((c) => c.external).sort((c, u) => Pe.fromISO(u.created).toMillis() - Pe.fromISO(c.created).toMillis())) || [], r = a.slice(0, 3), s = (c) => {
+  const n = pie(), a = ((l = e.comments) == null ? void 0 : l.filter((c) => c.external).sort((c, u) => Pe.fromISO(u.created).toMillis() - Pe.fromISO(c.created).toMillis())) || [], r = a.slice(0, 3), s = (c) => {
     try {
       return Pe.fromISO(c).setLocale("fi").toLocaleString(Pe.DATETIME_SHORT);
     } catch {
       return c;
     }
   }, o = (c, u) => c.length <= u ? c : c.slice(0, u) + "…";
-  return /* @__PURE__ */ E(hie, { className: n.container, children: [
+  return /* @__PURE__ */ E(die, { className: n.container, children: [
     r.length === 0 && /* @__PURE__ */ i(F, { sx: { ...t }, children: "No messages" }),
     r.slice(0, 3).map((c) => /* @__PURE__ */ E(R, { className: n.messageRow, children: [
       /* @__PURE__ */ i(Hn, { className: c.source === "FRONTDESK" ? n.frontdeskAvatar : n.customerAvatar }),
@@ -70181,8 +70140,8 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       " more..."
     ] })
   ] });
-}, jN = "CustomerMessagesReadOnly", hie = fe("div", {
-  name: jN,
+}, WN = "CustomerMessagesReadOnly", die = fe("div", {
+  name: WN,
   slot: "Message",
   overridesResolver: (e, t) => [
     t.container
@@ -70232,7 +70191,7 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     marginRight: e.spacing(1),
     marginLeft: e.spacing(1)
   }
-})), gie = () => He({
+})), pie = () => He({
   container: ["container"],
   messageRow: ["messageRow"],
   senderInfo: ["senderInfo"],
@@ -70240,9 +70199,9 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   customerAvatar: ["customerAvatar"],
   frontdeskMessageBody: ["frontdeskMessageBody"],
   customerMessageBody: ["customerMessageBody"]
-}, (n) => Ue(jN, n), {}), bie = ({ task: e }) => {
+}, (n) => Ue(WN, n), {}), fie = ({ task: e }) => {
   var c;
-  const t = Tie(), n = ie(), [a, r] = C.useState(""), s = ((c = e.comments) == null ? void 0 : c.filter((u) => u.external).sort((u, d) => Pe.fromISO(d.created).toMillis() - Pe.fromISO(u.created).toMillis())) || [], o = (u) => {
+  const t = gie(), n = ie(), [a, r] = C.useState(""), s = ((c = e.comments) == null ? void 0 : c.filter((u) => u.external).sort((u, d) => Pe.fromISO(d.created).toMillis() - Pe.fromISO(u.created).toMillis())) || [], o = (u) => {
     try {
       return Pe.fromISO(u).setLocale("fi").toLocaleString(Pe.DATETIME_SHORT);
     } catch {
@@ -70252,7 +70211,7 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   function l(u) {
     r(u), console.log("message:", u);
   }
-  return /* @__PURE__ */ E(Eie, { className: t.container, children: [
+  return /* @__PURE__ */ E(mie, { className: t.container, children: [
     /* @__PURE__ */ i(R, { className: t.messagesContainer, children: s.length === 0 ? /* @__PURE__ */ i(bo, { severity: "info", children: "No messages yet" }) : s.map((u) => /* @__PURE__ */ E(R, { className: t.messageRow, children: [
       /* @__PURE__ */ i(Hn, { className: u.source === "FRONTDESK" ? t.frontdeskAvatar : t.customerAvatar }),
       /* @__PURE__ */ E(R, { className: u.source === "FRONTDESK" ? t.frontdeskMessageBody : t.customerMessageBody, children: [
@@ -70271,7 +70230,7 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
         /* @__PURE__ */ i(F, { className: t.messageBoxLabel, children: n.formatMessage({ id: "task.customerMessages.newMessageTitle", defaultMessage: "Write a new message" }) })
       ] }),
       /* @__PURE__ */ i(
-        yie,
+        hie,
         {
           value: a,
           fullWidth: !0,
@@ -70283,8 +70242,8 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       )
     ] })
   ] });
-}, qN = "CustomerMessagesEdit", Eie = fe("div", {
-  name: qN,
+}, jN = "CustomerMessagesEdit", mie = fe("div", {
+  name: jN,
   slot: "Message",
   overridesResolver: (e, t) => [
     t.container
@@ -70357,13 +70316,13 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     marginRight: e.spacing(1),
     marginLeft: e.spacing(1)
   }
-})), yie = fe(Fe)(({ theme: e }) => ({
+})), hie = fe(Fe)(({ theme: e }) => ({
   width: "100%",
   "& .MuiInputBase-input": {
     height: "2.5rem",
     padding: "0 12px"
   }
-})), Tie = () => He({
+})), gie = () => He({
   container: ["container"],
   messageRow: ["messageRow"],
   messageBoxLabel: ["messageBoxLabel"],
@@ -70374,22 +70333,22 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
   customerAvatar: ["customerAvatar"],
   frontdeskMessageBody: ["frontdeskMessageBody"],
   customerMessageBody: ["customerMessageBody"]
-}, (n) => Ue(qN, n), {}), vie = ({ task: e, open: t, onClose: n }) => {
-  const a = kie(), r = ie();
-  return /* @__PURE__ */ E(Sie, { className: a.editCustomerMessages, open: t, onClose: n, fullWidth: !0, maxWidth: "lg", slots: { transition: Uk }, children: [
+}, (n) => Ue(jN, n), {}), bie = ({ task: e, open: t, onClose: n }) => {
+  const a = yie(), r = ie();
+  return /* @__PURE__ */ E(Eie, { className: a.editCustomerMessages, open: t, onClose: n, fullWidth: !0, maxWidth: "lg", slots: { transition: Uk }, children: [
     /* @__PURE__ */ E(Ce, { children: [
       r.formatMessage({ id: "task.customerMessages" }),
       r.formatMessage({ id: "eveli.textSeparatorColon" }),
       e.taskRef ?? "no task reference id"
     ] }),
-    /* @__PURE__ */ i(ke, { children: /* @__PURE__ */ i(bie, { task: e }) }),
+    /* @__PURE__ */ i(ke, { children: /* @__PURE__ */ i(fie, { task: e }) }),
     /* @__PURE__ */ E(Ae, { children: [
       /* @__PURE__ */ i(K, { variant: "outlined", onClick: n, children: r.formatMessage({ id: "button.cancel" }) }),
       /* @__PURE__ */ i(K, { children: r.formatMessage({ id: "button.sendMessage", defaultMessage: "Send message now" }) })
     ] })
   ] });
-}, YN = "EditCustomerMessagesDialog", Sie = fe(Se, {
-  name: YN,
+}, qN = "EditCustomerMessagesDialog", Eie = fe(Se, {
+  name: qN,
   slot: "Messages",
   overridesResolver: (e, t) => [
     t.EditCustomerMessages
@@ -70402,17 +70361,17 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     padding: 0,
     overflow: "hidden"
   }
-})), kie = () => He({
+})), yie = () => He({
   editCustomerMessages: ["editCustomerMessages"]
-}, (n) => Ue(YN, n), {}), KN = ({ task: e }) => {
+}, (n) => Ue(qN, n), {}), YN = ({ task: e }) => {
   if (e.keyWords)
     return /* @__PURE__ */ i(R, { gap: 1, display: "flex", mt: 1, children: e.keyWords.map((t) => /* @__PURE__ */ i(Qt, { label: t, variant: "filled", color: "primary", sx: {
       boxShadow: "0 4px 12px rgba(0, 0, 0, 0.2)"
     } }, t)) });
-}, wie = ({ task: e, open: t, onClose: n }) => {
+}, Tie = ({ task: e, open: t, onClose: n }) => {
   var s;
-  const a = Aie(), r = ie();
-  return /* @__PURE__ */ E(Cie, { className: a.editDialog, open: t, onClose: n, maxWidth: "md", slots: { transition: Uk }, children: [
+  const a = Sie(), r = ie();
+  return /* @__PURE__ */ E(vie, { className: a.editDialog, open: t, onClose: n, maxWidth: "md", slots: { transition: Uk }, children: [
     /* @__PURE__ */ E(Ce, { children: [
       r.formatMessage({ id: "task.edit" }),
       r.formatMessage({ id: "eveli.textSeparatorColon" }),
@@ -70428,7 +70387,7 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
       /* @__PURE__ */ i(oe, { size: { md: 3, lg: 3, xl: 3 }, children: /* @__PURE__ */ i(F, { fontWeight: "bold", children: r.formatMessage({ id: "task.additionalInfo" }) }) }),
       /* @__PURE__ */ i(oe, { size: { md: 9, lg: 9, xl: 9 }, children: /* @__PURE__ */ i($l, { rows: 3, multiline: !0, value: e.additionalInfo }) }),
       /* @__PURE__ */ i(oe, { size: { md: 3, lg: 3, xl: 3 }, children: /* @__PURE__ */ i(F, { fontWeight: "bold", children: r.formatMessage({ id: "task.metaData" }) }) }),
-      /* @__PURE__ */ i(oe, { size: { md: 9, lg: 9, xl: 9 }, children: /* @__PURE__ */ i(KN, { task: e }) })
+      /* @__PURE__ */ i(oe, { size: { md: 9, lg: 9, xl: 9 }, children: /* @__PURE__ */ i(YN, { task: e }) })
     ] }) }),
     /* @__PURE__ */ E(Ae, { children: [
       /* @__PURE__ */ i(K, { variant: "outlined", onClick: n, children: r.formatMessage({ id: "button.cancel" }) }),
@@ -70441,16 +70400,16 @@ const Wre = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3
     height: "2.5rem",
     padding: "0 12px"
   }
-})), XN = "EditTaskDialog", Cie = fe(Se, {
-  name: XN,
+})), KN = "EditTaskDialog", vie = fe(Se, {
+  name: KN,
   slot: "EditDialog",
   overridesResolver: (e, t) => [
     t.editDialog
   ]
-})(({ theme: e }) => ({})), Aie = () => He({
+})(({ theme: e }) => ({})), Sie = () => He({
   editDialog: ["editDialog"]
-}, (n) => Ue(XN, n), {});
-function _ie(e) {
+}, (n) => Ue(KN, n), {});
+function kie(e) {
   if (!e.dueDate)
     return;
   const t = Pe.local().startOf("day"), n = Pe.fromJSDate(e.dueDate).startOf("day"), a = Math.floor(t.diff(n, "days").days);
@@ -70472,8 +70431,8 @@ function _ie(e) {
     status: "upcomingDue"
   };
 }
-const Iie = ({ ...e }) => {
-  const t = xie(), n = _ie(e.task);
+const wie = ({ ...e }) => {
+  const t = Cie(), n = kie(e.task);
   if (n)
     switch (n == null ? void 0 : n.status) {
       case "upcomingDue":
@@ -70510,8 +70469,8 @@ const Iie = ({ ...e }) => {
       default:
         return /* @__PURE__ */ i(W, {});
     }
-}, ZN = "TaskOverrdueWarningClassName", Hl = fe("div", {
-  name: ZN,
+}, XN = "TaskOverrdueWarningClassName", Hl = fe("div", {
+  name: XN,
   slot: "Priority",
   overridesResolver: (e, t) => [
     t.root
@@ -70543,15 +70502,15 @@ const Iie = ({ ...e }) => {
     default:
       return e.palette.background.paper;
   }
-}, xie = () => He({
+}, Cie = () => He({
   root: ["root"]
-}, (n) => Ue(ZN, n), {}), Nie = ({ style: e }) => {
-  const t = Die(), [n, a] = tt("LOW"), r = [
+}, (n) => Ue(XN, n), {}), Aie = ({ style: e }) => {
+  const t = Iie(), [n, a] = tt("LOW"), r = [
     { level: "LOW", color: "#45a048" },
     { level: "MEDIUM", color: "#2196f3" },
     { level: "HIGH", color: "#f44336" }
   ];
-  return /* @__PURE__ */ i(Rie, { className: t.root, style: e, children: /* @__PURE__ */ E(Rt, { direction: "column", width: "100%", children: [
+  return /* @__PURE__ */ i(_ie, { className: t.root, style: e, children: /* @__PURE__ */ E(Rt, { direction: "column", width: "100%", children: [
     /* @__PURE__ */ E(F, { fontWeight: 500, mb: 1, sx: { ...e.bodyTypography, fontWeight: 500 }, children: [
       "Priority: ",
       n
@@ -70579,8 +70538,8 @@ const Iie = ({ ...e }) => {
       );
     }) })
   ] }) });
-}, QN = "TaskPriority", Rie = fe("div", {
-  name: QN,
+}, ZN = "TaskPriority", _ie = fe("div", {
+  name: ZN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70606,11 +70565,11 @@ const Iie = ({ ...e }) => {
       borderBottomRightRadius: e.spacing(1)
     }
   }
-})), Die = () => He({
+})), Iie = () => He({
   root: ["root"],
   prioritySelect: ["prioritySelect"]
-}, (n) => Ue(QN, n), {}), Oie = ({ status: e, style: t }) => {
-  const n = eR(), a = () => {
+}, (n) => Ue(ZN, n), {}), xie = ({ status: e, style: t }) => {
+  const n = JN(), a = () => {
     switch (e) {
       case "NEW":
         return 25;
@@ -70661,12 +70620,12 @@ const Iie = ({ ...e }) => {
       "% complete"
     ] })
   ] });
-}, Lie = ({ style: e }) => {
-  const t = eR(), [n, a] = C.useState("NEW"), r = (s) => {
+}, Nie = ({ style: e }) => {
+  const t = JN(), [n, a] = C.useState("NEW"), r = (s) => {
     a(s.target.value);
   };
-  return /* @__PURE__ */ E(Fie, { className: t.root, children: [
-    /* @__PURE__ */ i(Oie, { status: n, style: e }),
+  return /* @__PURE__ */ E(Rie, { className: t.root, children: [
+    /* @__PURE__ */ i(xie, { status: n, style: e }),
     /* @__PURE__ */ E(
       Vi,
       {
@@ -70687,8 +70646,8 @@ const Iie = ({ ...e }) => {
       }
     )
   ] });
-}, JN = "TaskStatus", Fie = fe("div", {
-  name: JN,
+}, QN = "TaskStatus", Rie = fe("div", {
+  name: QN,
   slot: "Root",
   overridesResolver: (e, t) => [
     t.root
@@ -70713,13 +70672,54 @@ const Iie = ({ ...e }) => {
     textAlign: "right",
     ...e.typography.caption
   }
-})), eR = () => He({
+})), JN = () => He({
   root: ["root"],
   progressBar: ["progressBar"],
   backgroundTrack: ["backgroundTrack"],
   progressIndicator: ["progressIndicator"],
   progressDesc: ["progressDesc"]
-}, (n) => Ue(JN, n), {}), Mie = (e) => {
+}, (n) => Ue(QN, n), {}), Die = (e) => e ? (e instanceof Date ? Pe.fromJSDate(e) : Pe.fromISO(e)).setLocale("fi").toLocaleString(Pe.DATE_SHORT) : "--", Oie = ({ task: e, style: t }) => {
+  var s;
+  const n = Fie(), a = ((s = e.comments) == null ? void 0 : s.filter((o) => !o.external)) || [];
+  if (!a || a.length === 0)
+    return /* @__PURE__ */ i(W, { children: "No notes" });
+  const r = (o, l) => o.length <= l ? o : o.slice(0, l) + "…";
+  return /* @__PURE__ */ E(Lie, { className: n.notesContainer, children: [
+    a.slice(0, 3).map((o) => /* @__PURE__ */ i(R, { children: /* @__PURE__ */ E(W, { children: [
+      /* @__PURE__ */ E(R, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ i(Pf, { sx: { fontSize: "7pt", mr: 1, color: "primary.main" } }),
+        /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypography }, className: n.noteBody, children: `${r(o.commentText, 200)}` })
+      ] }),
+      /* @__PURE__ */ i(rt, {}),
+      /* @__PURE__ */ i(R, { display: "flex", alignItems: "center", justifyContent: "flex-end", children: /* @__PURE__ */ i(F, { component: "div", sx: { ...t.bodyTypographySmall }, className: n.noteAuthor, children: `${o.userName} noted on ${Die(o.created)}` }) })
+    ] }) }, o.id)),
+    a.length > 3 && /* @__PURE__ */ E(F, { sx: { ...t.bodyTypography }, children: [
+      "...",
+      a.length - 3,
+      " more..."
+    ] })
+  ] });
+}, eR = "TaskNotes", Lie = fe("div", {
+  name: eR,
+  slot: "Notes",
+  overridesResolver: (e, t) => [
+    t.notesContainer
+  ]
+})(({ theme: e }) => ({
+  "& .TaskNotes-noteBody": {
+    fontWeight: 400,
+    marginLeft: 1
+  },
+  "& .TaskNotes-noteAuthor": {
+    textAlign: "right",
+    color: e.palette.text.disabled
+  }
+})), Fie = () => He({
+  notesContainer: ["notesContainer"],
+  noteBody: ["noteBody"],
+  noteAuthor: ["noteAuthor"],
+  noteBackground: ["noteBackground"]
+}, (n) => Ue(eR, n), {}), Mie = (e) => {
   const [t, n] = C.useState(), { getTask: a } = ve("worker/rest/api/tasks/$taskId.GET", {}), [r, s] = C.useState(!1), [o, l] = C.useState({}), [c, u] = C.useState(), [d, p] = C.useState("default"), m = BN(r)[d], h = (k) => {
     l((w) => ({
       ...w,
@@ -70758,7 +70758,7 @@ const Iie = ({ ...e }) => {
             Sa,
             {
               id: "task_main",
-              editDialog: c === "task_main" && /* @__PURE__ */ i(wie, { task: t, open: !0, onClose: v }),
+              editDialog: c === "task_main" && /* @__PURE__ */ i(Tie, { task: t, open: !0, onClose: v }),
               onDoubleClick: () => A("task_main"),
               isMenu: !0,
               title: `Task: ${t.taskRef}`,
@@ -70775,14 +70775,14 @@ const Iie = ({ ...e }) => {
                     style: m,
                     value: /* @__PURE__ */ E(R, { display: "flex", justifyContent: "space-between", children: [
                       b(t.dueDate),
-                      /* @__PURE__ */ i(Iie, { task: t, style: m })
+                      /* @__PURE__ */ i(wie, { task: t, style: m })
                     ] })
                   }
                 ),
                 /* @__PURE__ */ i(ka, { label: "Customer name", value: t.clientIdentificator ? t.clientIdentificator : "NONE", style: m }),
                 /* @__PURE__ */ i(ka, { label: "Subject", value: t.subject, style: m }),
                 /* @__PURE__ */ i(ka, { label: "Info", value: t.additionalInfo, style: m }),
-                /* @__PURE__ */ i(KN, { task: t }),
+                /* @__PURE__ */ i(YN, { task: t }),
                 /* @__PURE__ */ i(Se, { open: !1 })
               ]
             }
@@ -70822,9 +70822,9 @@ const Iie = ({ ...e }) => {
               flashy: g("status-priority"),
               onToggleFlashy: () => h("status-priority"),
               children: /* @__PURE__ */ E(Rt, { direction: "column", height: "100%", children: [
-                /* @__PURE__ */ i(Lie, { style: m }),
+                /* @__PURE__ */ i(Nie, { style: m }),
                 /* @__PURE__ */ i(rt, { sx: { my: 1 } }),
-                /* @__PURE__ */ i(Nie, { style: m })
+                /* @__PURE__ */ i(Aie, { style: m })
               ] })
             }
           ) }),
@@ -70839,9 +70839,9 @@ const Iie = ({ ...e }) => {
               flashy: g("assignees-roles"),
               onToggleFlashy: () => h("assignees-roles"),
               children: [
-                /* @__PURE__ */ i(Ul, { label: "Roles", value: /* @__PURE__ */ i(sie, { task: t }), style: m }),
+                /* @__PURE__ */ i(Ul, { label: "Roles", value: /* @__PURE__ */ i(nie, { task: t }), style: m }),
                 /* @__PURE__ */ i(rt, { sx: { my: 1 } }),
-                /* @__PURE__ */ i(Ul, { label: "Assigned to", value: /* @__PURE__ */ i(rie, { task: t }), style: m })
+                /* @__PURE__ */ i(Ul, { label: "Assigned to", value: /* @__PURE__ */ i(eie, { task: t }), style: m })
               ]
             }
           ) }),
@@ -70850,14 +70850,14 @@ const Iie = ({ ...e }) => {
             {
               id: "customer_messages",
               title: "Customer messages",
-              editDialog: c === "customer_messages" && /* @__PURE__ */ i(vie, { task: t, open: !0, onClose: v }),
+              editDialog: c === "customer_messages" && /* @__PURE__ */ i(bie, { task: t, open: !0, onClose: v }),
               onDoubleClick: () => A("customer_messages"),
               isMenu: !0,
               startAdornmentIcon: /* @__PURE__ */ i(Wa, { icon: MO }),
               styleVariant: d,
               flashy: g("customer_messages"),
               onToggleFlashy: () => h("customer_messages"),
-              children: /* @__PURE__ */ i(Rt, { direction: "column", children: /* @__PURE__ */ i(mie, { task: t, style: m }) })
+              children: /* @__PURE__ */ i(Rt, { direction: "column", children: /* @__PURE__ */ i(uie, { task: t, style: m }) })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ i(
@@ -70870,7 +70870,7 @@ const Iie = ({ ...e }) => {
               styleVariant: d,
               flashy: g("files"),
               onToggleFlashy: () => h("files"),
-              children: /* @__PURE__ */ i(die, { task: t, style: m })
+              children: /* @__PURE__ */ i(oie, { task: t, style: m })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ i(
@@ -70883,7 +70883,7 @@ const Iie = ({ ...e }) => {
               styleVariant: d,
               flashy: g("feedback"),
               onToggleFlashy: () => h("feedback"),
-              children: /* @__PURE__ */ i(lie, { task: t, style: m })
+              children: /* @__PURE__ */ i(rie, { task: t, style: m })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ i(
@@ -70896,7 +70896,7 @@ const Iie = ({ ...e }) => {
               styleVariant: d,
               flashy: g("notes"),
               onToggleFlashy: () => h("notes"),
-              children: /* @__PURE__ */ i(tie, { task: t, style: m })
+              children: /* @__PURE__ */ i(Oie, { task: t, style: m })
             }
           ) }),
           /* @__PURE__ */ i(oe, { size: r ? _t.singleCol : _t[d], children: /* @__PURE__ */ E(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxs-ts/eveli-ide",
-  "version": "0.0.430",
+  "version": "0.0.431",
   "homepage": "https://github.com/digiexpress-io/digiexpress-parent",
   "main": "build/index.js",
   "types": "build/index.d.ts",