@ynput/ayon-frontend-shared 0.3.31 → 0.3.33

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.es.js

@@ -1,28 +1,28 @@
-import { j as n } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as u, useRef as _, useEffect as Tt, useMemo as Dt } from "react";
-import Y from "clsx";
-import { toast as no } from "react-toastify";
-import mo, { Quill as po } from "react-quill-ayon";
-import { Button as R, SaveButton as so, Icon as ao } from "@ynput/ayon-react-components";
-import lo from "../CommentMentionSelect/CommentMentionSelect.es.js";
-import co from "./InputMarkdownConvert.es.js";
-import fo from "../FilesGrid/FilesGrid.es.js";
-import { AutoHeight as uo, Comment as ho, Markdown as go, Placeholder as yo, Footer as xo, Buttons as Ft, Dropzone as Co } from "./CommentInput.styled.es.js";
-import { QuillListStyles as vo } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import ko from "../../mentionHelpers/getMentionOptions.es.js";
-import wo from "../../mentionHelpers/getMentionUsers.es.js";
-import Mo from "../../mentionHelpers/getMentionTasks.es.js";
-import So from "../../mentionHelpers/getMentionVersions.es.js";
-import { convertToMarkdown as jo } from "./quillToMarkdown.es.js";
-import { handleFileDrop as To, parseImages as Do, typeWithDelay as Fo } from "./helpers.es.js";
-import { getModules as Io, quillFormats as Po } from "./modules/index.es.js";
-import Ao from "./hooks/useInitialValue.es.js";
-import bo from "./hooks/useSetCursorEnd.es.js";
-import Lo from "./hooks/useMentionLink.es.js";
-import Uo from "./hooks/useAnnotationsSync.es.js";
-import { useBlendedCategoryColor as Ro } from "./hooks/useBlendedCategoryColor.es.js";
-import qo from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as Eo } from "../../context/FeedContext.es.js";
+import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { useState as f, useRef as tt, useEffect as It, useMemo as At } from "react";
+import L from "clsx";
+import { toast as co } from "react-toastify";
+import uo, { Quill as fo } from "react-quill-ayon";
+import { Button as H, SaveButton as ho, Icon as go } from "@ynput/ayon-react-components";
+import xo from "../CommentMentionSelect/CommentMentionSelect.es.js";
+import yo from "./InputMarkdownConvert.es.js";
+import Co from "../FilesGrid/FilesGrid.es.js";
+import { VersionReviewButtons as vo, VersionReviewButton as bt, AutoHeight as ko, Comment as jo, Markdown as So, Placeholder as Mo, Footer as To, Buttons as wo, SubmitButtons as Do, Dropzone as Fo, VersionReviewButtonsSpacer as Po } from "./CommentInput.styled.es.js";
+import { QuillListStyles as Io } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import Ao from "../../mentionHelpers/getMentionOptions.es.js";
+import bo from "../../mentionHelpers/getMentionUsers.es.js";
+import Eo from "../../mentionHelpers/getMentionTasks.es.js";
+import qo from "../../mentionHelpers/getMentionVersions.es.js";
+import { convertToMarkdown as Bo } from "./quillToMarkdown.es.js";
+import { parseImages as No, handleFileDrop as Uo, typeWithDelay as Ro } from "./helpers.es.js";
+import { getModules as Lo, quillFormats as Ho } from "./modules/index.es.js";
+import _o from "./hooks/useInitialValue.es.js";
+import Vo from "./hooks/useSetCursorEnd.es.js";
+import Ko from "./hooks/useMentionLink.es.js";
+import $o from "./hooks/useAnnotationsSync.es.js";
+import { useBlendedCategoryColor as Go } from "./hooks/useBlendedCategoryColor.es.js";
+import Qo from "./hooks/useAnnotationsUpload.es.js";
+import { useFeedContext as zo } from "../../context/FeedContext.es.js";
 import "react-dom";
 import "../Tooltips/UserTooltipItem.es.js";
 import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
@@ -78,6 +78,7 @@ import "../../../../api/queries/attributes/getAttributes.es.js";
 import "../../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../../api/queries/authentication/getAuthentication.es.js";
 import "../../../../api/queries/cloud/cloud.es.js";
+import "../../../../api/queries/columnStats/metricTargets.es.js";
 import "../../../../api/queries/config/getConfig.es.js";
 import "../../../../api/queries/config/updateConfig.es.js";
 import "../../../../api/queries/entities/getEntity.es.js";
@@ -90,6 +91,7 @@ import "../../../../api/queries/entities/updateEntity.es.js";
 import "../../../../api/queries/entityLists/getLists.es.js";
 import "../../../../api/queries/entityLists/updateLists.es.js";
 import "../../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listFolders.es.js";
 import "../../../../api/queries/folders/getFolders.es.js";
@@ -122,7 +124,7 @@ import "../../../../api/queries/uris/getUris.es.js";
 import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Ho } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Wo } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../../../_virtual/runtime.es.js";
 import "../../../../../../_virtual/semver.es.js";
 import "lodash";
@@ -143,7 +145,7 @@ import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
 import "../../../../context/GlobalContext.es.js";
-import { useProjectContext as No } from "../../../../context/ProjectContext.es.js";
+import { useProjectContext as Yo } from "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContext.es.js";
 import "../../../../context/UriContext.es.js";
 import "../FileUploadPreview/FileUploadPreview.styled.es.js";
@@ -220,6 +222,7 @@ import "../../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../Slicer/components/Slicer.es.js";
 import "../../../Slicer/context/SlicerContext.es.js";
@@ -246,7 +249,7 @@ import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es
 import "axios";
 import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import { parseFilename as S } from "../../../../components/ReviewablesList/useReviewablesUpload.es.js";
+import { parseFilename as w } from "../../../../components/ReviewablesList/useReviewablesUpload.es.js";
 import "../../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
@@ -289,11 +292,13 @@ import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
-import "../../Feed.styled.es.js";
-import { ActivityCategorySelect as Bo, isCategoryHidden as Ko } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import { ActivityCategorySelect as Jo, isCategoryHidden as Xo } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
-var It = po.import("delta");
-const q = ["@", "@@", "@@@"], E = {
+import "../../Feed.styled.es.js";
+import { VersionReviewPill as Et } from "./VersionReviewPill.es.js";
+var qt = fo.import("delta");
+const Bt = "<p><br></p>", _ = ["@", "@@", "@@@"], V = {
   "@@@": {
     id: "task"
   },
@@ -304,282 +309,332 @@ const q = ["@", "@@", "@@@"], E = {
     id: "user",
     isCircle: !0
   }
-}, hp = ({
-  initValue: J,
-  initFiles: Pt = [],
-  initCategory: At = null,
-  data: X = {},
-  onSubmit: Z,
-  isEditing: s,
-  disabled: j,
-  isLoading: O,
-  isOpen: a,
-  onOpen: tt,
-  onClose: ot
+};
+var Zo = /* @__PURE__ */ ((j) => (j.APPROVE = "approve", j.REQUEST_CHANGES = "request_changes", j))(Zo || {});
+const Ap = ({
+  initValue: j,
+  initFiles: Nt = [],
+  initCategory: Ut = null,
+  data: ot = {},
+  versionReview: K,
+  lastOwnVersionReview: A,
+  onSubmit: et,
+  isEditing: a,
+  disabled: D,
+  isLoading: rt,
+  isOpen: p,
+  onOpen: it,
+  onClose: nt,
+  onReview: $
 }) => {
   const {
-    projectName: k,
-    entities: H,
-    projectInfo: bt,
-    scope: Vo,
+    projectName: S,
+    entities: G,
+    projectInfo: Rt,
+    scope: Oo,
     feedFilter: Lt,
-    mentionSuggestionsData: Ut,
-    categories: et,
-    isGuest: y
-  } = Eo(), { hasLicense: Rt, onPowerFeature: qt, user: Et } = Ho(), Ht = Et?.data?.isAdmin, Nt = No(), {
-    users: rt,
-    teams: it,
-    versions: nt,
-    tasks: mt
-  } = Ut || {}, [pt, Bt] = u(88), [N, I] = u(""), [w, P] = u(Pt), [B, A] = u([]), [st, b] = u(!1), [Kt, at] = u(!1), { annotations: L, removeAnnotation: Vt, goToAnnotation: $t } = Uo({
-    entityId: H[0]?.id,
-    filesUploading: B
-  }), [m, K] = u(null), [V, $] = u(0), [T, lt] = u(""), D = () => {
-    K(null), $(0), lt("");
-  }, [U, zt] = u(At), ct = et.filter((t) => t.accessLevel >= 20), dt = et.find((t) => t.name === U), ft = Ro(dt?.color), c = _(null), Gt = _(null), ut = _(null);
-  Ao({
-    markdownRef: ut,
-    initValue: J,
-    setEditorValue: I,
-    setInitHeight: Bt,
-    isOpen: a,
+    mentionSuggestionsData: Ht,
+    categories: mt,
+    isGuest: h
+  } = zo(), { hasLicense: _t, onPowerFeature: Vt, user: Kt } = Wo(), $t = Kt?.data?.isAdmin, Gt = Yo(), {
+    users: pt,
+    teams: st,
+    versions: at,
+    tasks: lt
+  } = Ht || {}, [ct, Qt] = f(88), [v, b] = f(""), [M, E] = f(Nt), [Q, q] = f([]), [dt, B] = f(!1), [zt, ut] = f(!1), { annotations: N, removeAnnotation: Wt, goToAnnotation: Yt } = $o({
+    entityId: G[0]?.id,
+    filesUploading: Q
+  }), [m, z] = f(null), [W, Y] = f(0), [F, ft] = f(""), P = () => {
+    z(null), Y(0), ft("");
+  }, [U, Jt] = f(Ut), ht = mt.filter((t) => t.accessLevel >= 20), gt = mt.find((t) => t.name === U), xt = Go(gt?.color), c = tt(null), Xt = tt(null), yt = tt(null);
+  _o({
+    markdownRef: yt,
+    initValue: j,
+    setEditorValue: b,
+    setInitHeight: Qt,
+    isOpen: p,
     filter: Lt
-  }), bo({ initHeight: pt, editorRef: c, isEditing: s }), Lo({ projectName: k }), Tt(() => {
-    if (a) {
-      if (c.current?.getEditor()?.enable(), L.length > 0 && w.length === 0)
+  }), Vo({ initHeight: ct, editorRef: c, isEditing: a }), Ko({ projectName: S }), It(() => {
+    if (p) {
+      if (c.current?.getEditor()?.enable(), N.length > 0 && M.length === 0)
         return;
       c.current?.focus();
     }
-  }, [a, c]), q.sort((t, o) => o.length - t.length);
-  const ht = T + (m?.search || ""), gt = Dt(
-    () => ko(
+  }, [p, c]), _.sort((t, o) => o.length - t.length);
+  const Ct = F + (m?.search || ""), vt = At(
+    () => Ao(
       m?.type,
       {
-        "@": () => wo(rt, it),
-        "@@": () => So(nt, Nt),
-        "@@@": () => Mo(mt, bt.taskTypes)
+        "@": () => bo(pt, st),
+        "@@": () => qo(at, Gt),
+        "@@@": () => Eo(lt, Rt.taskTypes)
       },
-      ht || void 0
+      Ct || void 0
     ),
-    [mt, nt, rt, it, m?.type, ht]
-  ), F = gt.slice(0, 5), [z, yt] = u();
-  Tt(() => {
-    z && (yt(null), c.current.getEditor().setSelection(z));
-  }, [z]);
-  const xt = (t) => {
-    const o = c.current.getEditor(), e = m.type, i = e + (m.search || ""), r = e + t.label, d = E[e], h = `${t.type || d?.id}:${t.id}`, p = (o.getSelection(!0)?.index || 0) - i.length;
-    o.deleteText(p, i.length), o.insertText(p, r, "mention", h);
-    const l = p + r.length;
-    o.updateContents(new It().retain(l).insert(" ")), o.updateContents(new It().retain(l + 1).delete(1)), yt(l + 1), D();
-  }, Qt = (t) => {
-    xt(t);
-  }, Wt = (t, o, e, i) => {
-    let r = o.ops[0] && o.ops[0].insert || o.ops[1] && o.ops[1].insert;
-    const d = r === `
-` || r === "	", x = gt[V];
-    if (m && d && x && !y) {
-      o.ops[0] && o.ops[0].retain, xt(x);
+    [lt, at, pt, st, m?.type, Ct]
+  ), I = vt.slice(0, 5), [J, kt] = f();
+  It(() => {
+    J && (kt(null), c.current.getEditor().setSelection(J));
+  }, [J]);
+  const jt = (t) => {
+    const o = c.current.getEditor(), r = m.type, n = r + (m.search || ""), i = r + t.label, d = V[r], g = `${t.type || d?.id}:${t.id}`, s = (o.getSelection(!0)?.index || 0) - n.length;
+    o.deleteText(s, n.length), o.insertText(s, i, "mention", g);
+    const l = s + i.length;
+    o.updateContents(new qt().retain(l).insert(" ")), o.updateContents(new qt().retain(l + 1).delete(1)), kt(l + 1), P();
+  }, Zt = (t) => {
+    jt(t);
+  }, Ot = (t, o, r, n) => {
+    let i = o.ops[0] && o.ops[0].insert || o.ops[1] && o.ops[1].insert;
+    const d = i === `
+` || i === "	", y = vt[W];
+    if (m && d && y && !h) {
+      o.ops[0] && o.ops[0].retain, jt(y);
       return;
     }
-    I(t);
-    const h = o.ops.length === 2 && !!o.ops[1].delete;
-    if (!r && h && (r = i.getText(o.ops[0].retain - 1, 1)), q.includes(r)) {
-      const f = o.ops.findIndex((C) => "insert" in C || "delete" in C), p = r;
-      let l = f === 0 ? 0 : o.ops[f - 1].retain;
-      h && (l = l - 1);
-      let v = null;
-      for (const C of q) {
-        let M = !0;
-        if (C.endsWith(p))
-          for (let g = C.length - 1; g >= 0; g--) {
-            if (g === 0) continue;
-            const ro = C[g - 1], io = l - (C.length - g);
-            if (i.getText(io, 1) !== ro) {
-              M = !1;
+    b(t);
+    const g = o.ops.length === 2 && !!o.ops[1].delete;
+    if (!i && g && (i = n.getText(o.ops[0].retain - 1, 1)), _.includes(i)) {
+      const u = o.ops.findIndex((C) => "insert" in C || "delete" in C), s = i;
+      let l = u === 0 ? 0 : o.ops[u - 1].retain;
+      g && (l = l - 1);
+      let k = null;
+      for (const C of _) {
+        let T = !0;
+        if (C.endsWith(s))
+          for (let x = C.length - 1; x >= 0; x--) {
+            if (x === 0) continue;
+            const ao = C[x - 1], lo = l - (C.length - x);
+            if (n.getText(lo, 1) !== ao) {
+              T = !1;
               break;
             }
           }
         else
-          M = !1;
-        if (M) {
-          v = C;
+          T = !1;
+        if (T) {
+          k = C;
           break;
         }
       }
-      v ? K({
-        type: v,
+      k ? z({
+        type: k,
         retain: l
-      }) : D();
+      }) : P();
     } else if (m) {
-      const f = o.ops[0].retain;
-      if (r === " " || !f) {
-        D();
+      const u = o.ops[0].retain;
+      if (i === " " || !u) {
+        P();
         return;
       }
-      let p = f - m.retain;
-      h || p++;
-      const l = i.getText(m.retain, p), v = l.replace(m.type.slice(-1), "");
-      l.includes(" ") ? D() : K({
+      let s = u - m.retain;
+      g || s++;
+      const l = n.getText(m.retain, s), k = l.replace(m.type.slice(-1), "");
+      l.includes(" ") ? P() : z({
         ...m,
-        search: v?.toLowerCase()
+        search: k?.toLowerCase()
       });
-    } else if (h) {
-      const f = c.current.getEditor(), p = f.getSelection(!1);
-      if (f.getFormat(p?.index, p?.length).mention) {
-        const [v] = f.getLine(p.index - 1) || [], M = (v?.cache?.delta?.ops || []).reverse().find((g) => g.attributes?.mention);
-        if (M) {
-          const g = M.insert.length;
-          f.deleteText(p.index - g, g);
+    } else if (g) {
+      const u = c.current.getEditor(), s = u.getSelection(!1);
+      if (u.getFormat(s?.index, s?.length).mention) {
+        const [k] = u.getLine(s.index - 1) || [], T = (k?.cache?.delta?.ops || []).reverse().find((x) => x.attributes?.mention);
+        if (T) {
+          const x = T.insert.length;
+          u.deleteText(s.index - x, x);
         }
       }
     }
-  }, _t = (t) => {
+  }, to = (t) => {
     const o = c.current.getEditor();
-    let e = o.getSelection(!0)?.index || 0;
-    const i = o.getText(e - 1, 1);
-    i !== " " && i && (o.insertText(e, " "), e++), Fo(o, e, t);
-  }, G = (t) => {
+    let r = o.getSelection(!0)?.index || 0;
+    const n = o.getText(r - 1, 1);
+    n !== " " && n && (o.insertText(r, " "), r++), Ro(o, r, t);
+  }, X = (t) => {
     if (m) {
-      const { type: o, retain: e, search: i = "" } = m, r = c.current.getEditor(), d = o.length + i.length, x = e - o.length + 1;
-      r.deleteText(x, d);
+      const { type: o, retain: r, search: n = "" } = m, i = c.current.getEditor(), d = o.length + n.length, y = r - o.length + 1;
+      i.deleteText(y, d);
     }
-    _t(t);
-  }, Yt = () => {
-    a || j || tt && tt();
-  }, Ct = () => {
-    (c.current.getEditor().getText().length < 2 || s) && I(""), ot && ot();
-  }, Q = ({ file: t, data: o }) => {
-    const e = S(t.name), i = {
+    to(t);
+  }, oo = () => {
+    p || D || it && it();
+  }, St = () => {
+    (c.current.getEditor().getText().length < 2 || a) && b(""), nt && nt();
+  }, Z = ({ file: t, data: o }) => {
+    const r = w(t.name), n = {
       id: o.id,
-      name: e,
+      name: r,
       mime: t.type,
       size: t.size,
-      order: w.length
+      order: M.length
     };
-    return P((r) => [...r, i]), A(
-      (r) => r.filter((d) => S(d.name) !== e)
-    ), i;
-  }, Jt = (t, o, e) => {
-    e ? Vt?.(t) : (P((i) => i.filter((r) => r.id !== t)), A((i) => i.filter((r) => S(r.name) !== S(o))));
-  }, vt = (t, o) => {
-    const e = Math.round(t.loaded * 100 / t.total);
-    if (e !== 100) {
-      const i = S(o.name), r = {
-        name: i,
-        progress: e,
+    return E((i) => [...i, n]), q(
+      (i) => i.filter((d) => w(d.name) !== r)
+    ), n;
+  }, eo = (t, o, r) => {
+    r ? Wt?.(t) : (E((n) => n.filter((i) => i.id !== t)), q((n) => n.filter((i) => w(i.name) !== w(o))));
+  }, Mt = (t, o) => {
+    const r = Math.round(t.loaded * 100 / t.total);
+    if (r !== 100) {
+      const n = w(o.name), i = {
+        name: n,
+        progress: r,
         type: o.type,
-        order: w.length + B.length
+        order: M.length + Q.length
       };
-      A((d) => [...d.filter((h) => S(h.name) !== i), r]);
+      q((d) => [...d.filter((g) => w(g.name) !== n), i]);
     }
-  }, Xt = (t) => {
-    b(!1), To(t, k, vt, Q);
-  }, Zt = (t) => {
-    t.preventDefault(), t.stopPropagation(), b(!0);
-  }, Ot = qo({
-    projectName: k,
-    onSuccess: Q
-  }), kt = async () => {
+  }, ro = (t) => {
+    B(!1), Uo(t, S, Mt, Z);
+  }, io = (t) => {
+    t.preventDefault(), t.stopPropagation(), B(!0);
+  }, no = Qo({
+    projectName: S,
+    onSuccess: Z
+  }), R = async () => {
     try {
-      at(!0);
+      ut(!0);
       let t = [], o;
-      if (L.length) {
-        const { files: x, metadata: h } = await Ot(L);
-        t = x;
-        const { annotations: W = [] } = X || {};
-        o = [...W, ...h];
+      if (N.length) {
+        const { files: y, metadata: g } = await no(N);
+        t = y;
+        const { annotations: O = [] } = ot || {};
+        o = [...O, ...g];
       }
-      const [e] = jo(N), i = Do(e), r = [...w, ...t], d = {
-        ...X,
+      const [r] = Bo(v), n = No(r), i = [...M, ...t], d = {
+        ...ot,
         annotations: o,
         // could be undefined
-        category: y ? null : U
+        category: h ? null : U
         // guests cannot set category (it is done by default on backend)
       };
-      if ((i || r.length) && Z)
+      if ((n || i.length) && et)
         try {
-          await Z(i, r, d), I(""), P([]);
+          await et(n, i, d), b(""), E([]);
         } catch {
           return;
         }
     } catch (t) {
-      console.error(t), no.error("Something went wrong");
+      console.error(t), co.error("Something went wrong");
     } finally {
-      at(!1);
+      ut(!1);
     }
-  }, to = (t) => {
+  }, mo = (t) => {
     if (m) {
       if (t.key === "Escape") {
-        D();
+        P();
         return;
       }
       m && t.key;
       const o = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
       if (o) {
         t.preventDefault();
-        let e = V + o;
-        e < 0 && (e = F.length - 1), e >= F.length && (e = 0), $(e);
+        let r = W + o;
+        r < 0 && (r = I.length - 1), r >= I.length && (r = 0), Y(r);
       }
       t.key;
     }
-    t.key === "Enter" && (t.ctrlKey || t.metaKey) && kt(), t.key === "Escape" && Ct();
+    t.key === "Enter" && (t.ctrlKey || t.metaKey) && R(), t.key === "Escape" && St();
   };
-  let wt = a ? pt + 41 : 44;
-  s && (wt = void 0);
-  const oo = Dt(
-    () => Io({
+  let Tt = p ? ct + 41 : 44;
+  a && (Tt = void 0);
+  const po = At(
+    () => Lo({
       imageUploader: {
-        projectName: k,
-        onUpload: Q,
-        onUploadProgress: vt
+        projectName: S,
+        onUpload: Z,
+        onUploadProgress: Mt
       },
-      mentionTypeOptions: E
+      mentionTypeOptions: V
     }),
-    [k, P, A]
-  ), Mt = [...L, ...w || [], ...B].sort(
+    [S, E, q]
+  ), wt = [...N, ...M || [], ...Q].sort(
     (t, o) => t.order - o.order
-  ), eo = Mt.length > 3;
-  let St = null;
-  H.length && H[0].entityType === "folder" && m?.type === "@@" && (St = "Version mentions are disabled for folders");
-  const jt = (t) => j ? y ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : y || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...";
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(
-    uo,
+  ), so = wt.length > 3;
+  let Dt = null;
+  G.length && G[0].entityType === "folder" && m?.type === "@@" && (Dt = "Version mentions are disabled for folders");
+  const Ft = (t) => D ? h ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : h || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...", Pt = K && $ && /* @__PURE__ */ e.jsxs(vo, { className: L("version-review-buttons", { guest: h }), children: [
+    /* @__PURE__ */ e.jsx(
+      bt,
+      {
+        icon: "check",
+        variant: "tertiary",
+        "data-tooltip": "Approve",
+        onClick: () => {
+          v && v !== Bt && R(), $(
+            "approve"
+            /* APPROVE */
+          );
+        },
+        children: /* @__PURE__ */ e.jsx("span", { className: "label", children: "Approve" })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      bt,
+      {
+        icon: "refresh",
+        variant: "danger",
+        "data-tooltip": "Request changes",
+        onClick: () => {
+          v && v !== Bt && R(), $(
+            "request_changes"
+            /* REQUEST_CHANGES */
+          );
+        },
+        children: /* @__PURE__ */ e.jsx("span", { className: "label", children: "Request changes" })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
+    ko,
     {
-      className: Y("comment-container", { isOpen: a, isEditing: s }),
-      onDragOver: Zt,
-      onDragLeave: () => b(!1),
-      onDrop: Xt,
-      onClick: () => b(!1),
+      className: L("comment-container", { isOpen: p, isEditing: a }),
+      onDragOver: io,
+      onDragLeave: () => B(!1),
+      onDrop: ro,
+      onClick: () => B(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
-        /* @__PURE__ */ n.jsxs(
-          ho,
+        !p && K && A && /* @__PURE__ */ e.jsx(
+          Et,
+          {
+            separate: !0,
+            lastOwnVersionReview: A
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          jo,
           {
-            className: Y("block-shortcuts", {
-              isOpen: a,
-              isClosed: !a || j,
-              isEditing: s,
-              isDropping: st,
-              disabled: j,
-              isLoading: O,
-              isSubmitting: Kt,
-              category: !!U && !y
+            className: L("block-shortcuts", {
+              isOpen: p,
+              isClosed: !p || D,
+              isEditing: a,
+              isDropping: dt,
+              disabled: D,
+              isLoading: rt,
+              isSubmitting: zt,
+              category: !!U && !h
             }),
-            onKeyDown: to,
-            onClick: Yt,
-            $categoryPrimary: dt?.color,
-            $categoryTertiary: ft.primary,
-            $categorySecondary: ft.secondary,
+            onKeyDown: mo,
+            onClick: oo,
+            $categoryPrimary: gt?.color,
+            $categoryTertiary: xt.primary,
+            $categorySecondary: xt.secondary,
             children: [
-              /* @__PURE__ */ n.jsx(go, { ref: ut, children: /* @__PURE__ */ n.jsx(co, { typeOptions: E, initValue: J }) }),
-              a && /* @__PURE__ */ n.jsx(
-                fo,
+              p && K && A && /* @__PURE__ */ e.jsx(
+                Et,
                 {
-                  files: Mt,
-                  isCompact: eo || s,
-                  onRemove: Jt,
-                  projectName: k,
-                  onAnnotationClick: $t,
+                  separate: !1,
+                  lastOwnVersionReview: A
+                }
+              ),
+              /* @__PURE__ */ e.jsx(So, { ref: yt, children: /* @__PURE__ */ e.jsx(yo, { typeOptions: V, initValue: j }) }),
+              p && /* @__PURE__ */ e.jsx(
+                Co,
+                {
+                  files: wt,
+                  isCompact: so || a,
+                  onRemove: eo,
+                  projectName: S,
+                  onAnnotationClick: Yt,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
                     height: "100%"
@@ -588,121 +643,127 @@ const q = ["@", "@@", "@@@"], E = {
                   pt: {
                     file: {
                       style: {
-                        height: s ? 70 : void 0
+                        height: a ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
-              a && !j ? /* @__PURE__ */ n.jsxs(vo, { ref: Gt, children: [
-                !y && /* @__PURE__ */ n.jsx(
-                  Bo,
+              p && !D ? /* @__PURE__ */ e.jsxs(Io, { ref: Xt, children: [
+                !h && /* @__PURE__ */ e.jsx(
+                  Jo,
                   {
                     value: U,
-                    categories: ct,
-                    onChange: (t) => zt(t),
-                    isCompact: s,
-                    hasPowerpack: Rt,
-                    onPowerFeature: qt,
-                    isHidden: Ko(ct, { isGuest: y, isAdmin: Ht }),
+                    categories: ht,
+                    onChange: (t) => Jt(t),
+                    isCompact: a,
+                    hasPowerpack: _t,
+                    onPowerFeature: Vt,
+                    isHidden: Xo(ht, { isGuest: h, isAdmin: $t }),
                     style: {
-                      position: s ? "relative" : "absolute",
+                      position: a ? "relative" : "absolute",
                       left: 4,
-                      top: s ? 0 : 4
+                      top: a ? 0 : 4
                     }
                   }
                 ),
-                /* @__PURE__ */ n.jsx(
-                  mo,
+                /* @__PURE__ */ e.jsx(
+                  uo,
                   {
                     theme: "snow",
-                    style: { minHeight: wt, maxHeight: 300 },
+                    style: { minHeight: Tt, maxHeight: 300 },
                     ref: c,
-                    value: N,
-                    onChange: Wt,
-                    readOnly: !a,
-                    placeholder: jt(!0),
-                    modules: oo,
-                    formats: Po
+                    value: v,
+                    onChange: Ot,
+                    readOnly: !p,
+                    placeholder: Ft(!0),
+                    modules: po,
+                    formats: Ho
                   }
                 )
-              ] }) : /* @__PURE__ */ n.jsx(yo, { children: jt() }),
-              /* @__PURE__ */ n.jsxs(xo, { children: [
-                !y && /* @__PURE__ */ n.jsxs(Ft, { children: [
-                  /* @__PURE__ */ n.jsx(
-                    R,
+              ] }) : /* @__PURE__ */ e.jsx(Mo, { children: Ft() }),
+              /* @__PURE__ */ e.jsxs(To, { children: [
+                !h && /* @__PURE__ */ e.jsxs(wo, { children: [
+                  /* @__PURE__ */ e.jsx(
+                    H,
                     {
                       icon: "person",
                       variant: "text",
-                      onClick: () => G("@"),
+                      onClick: () => X("@"),
                       "data-tooltip": "Mention user",
                       "data-shortcut": "@"
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
-                    R,
+                  /* @__PURE__ */ e.jsx(
+                    H,
                     {
                       icon: "layers",
                       variant: "text",
-                      onClick: () => G("@@"),
+                      onClick: () => X("@@"),
                       "data-tooltip": "Mention version",
                       "data-shortcut": "@@"
                     }
                   ),
-                  /* @__PURE__ */ n.jsx(
-                    R,
+                  /* @__PURE__ */ e.jsx(
+                    H,
                     {
                       icon: "check_circle",
                       variant: "text",
-                      onClick: () => G("@@@"),
+                      onClick: () => X("@@@"),
                       "data-tooltip": "Mention task",
                       "data-shortcut": "@@@"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n.jsxs(Ft, { style: { marginLeft: "auto" }, children: [
-                  s && /* @__PURE__ */ n.jsx(R, { variant: "text", onClick: Ct, children: "Cancel" }),
-                  /* @__PURE__ */ n.jsx(
-                    so,
+                /* @__PURE__ */ e.jsxs(Do, { children: [
+                  p && Pt,
+                  a && /* @__PURE__ */ e.jsx(H, { variant: "text", onClick: St, children: "Cancel" }),
+                  /* @__PURE__ */ e.jsx(
+                    ho,
                     {
-                      label: s ? "Save" : "Comment",
+                      label: a ? "Save" : "Comment",
                       className: "comment",
-                      active: !!N || !!w.length,
-                      onClick: kt,
-                      disabled: O
+                      active: !!v || !!M.length,
+                      onClick: R,
+                      disabled: rt
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ n.jsx(Co, { className: Y({ show: st && a }), children: /* @__PURE__ */ n.jsx(ao, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ e.jsx(Fo, { className: L({ show: dt && p }), children: /* @__PURE__ */ e.jsx(go, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ n.jsx(
-          lo,
+        /* @__PURE__ */ e.jsx(
+          xo,
           {
             mention: m,
-            options: F,
-            onChange: Qt,
+            options: I,
+            onChange: Zt,
             onPrefixFilter: (t) => {
-              lt(t), $(0);
+              ft(t), Y(0);
             },
-            activePrefix: T ? T.replace(":", "") : void 0,
-            types: q,
-            config: E[m?.type],
-            noneFound: !F.length && (m?.search || T),
-            noneFoundAtAll: !F.length && !m?.search && !T,
-            selectedIndex: V,
-            error: St,
-            isGuest: y
+            activePrefix: F ? F.replace(":", "") : void 0,
+            types: _,
+            config: V[m?.type],
+            noneFound: !I.length && (m?.search || F),
+            noneFoundAtAll: !I.length && !m?.search && !F,
+            selectedIndex: W,
+            error: Dt,
+            isGuest: h
           }
-        )
+        ),
+        !p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(Po, {}),
+          Pt
+        ] })
       ]
     }
   ) });
 };
 export {
-  hp as default,
-  E as mentionTypeOptions
+  Zo as VersionReviewFeedback,
+  Ap as default,
+  V as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map