@ynput/ayon-frontend-shared 0.8.1 → 0.10.0

package/dist/chunks/Feed.es.js

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as x, Fragment as Te } from "react/jsx-runtime";
-import nn, { useMemo as I, useState as L, useEffect as W, lazy as xo, Suspense as ko, useCallback as Je, useRef as pe, forwardRef as ft, useId as Ao, Fragment as Fo } from "react";
+import nn, { useMemo as I, useState as $, useEffect as W, lazy as xo, Suspense as ko, useCallback as Ke, useRef as pe, forwardRef as ft, useId as Ao, Fragment as Fo } from "react";
 import { v4 as xn } from "uuid";
 import ne, { clsx as kn } from "clsx";
 import An from "react-markdown";
@@ -10,8 +10,8 @@ import To from "remark-directive-rehype";
 import { toast as Ce } from "react-toastify";
 import { $createListItemNode as Do, $createListNode as No } from "@lexical/list";
 import { $getRoot as Io } from "lexical";
-import { Button as st, Dialog as So, getFileSizeString as Eo, Icon as se, theme as Tn, getTextColor as Lt, Dropdown as Mo, SaveButton as Po, UserImage as Dn, SEARCH_FILTER_ID as Nn, buildFilterId as on, getFilterFromId as _o, SearchFilter as Ro } from "@ynput/ayon-react-components";
-import { a8 as Lo, aa as In, ab as $o, P as Oo, ac as Vo, ad as an, ae as jo, af as Uo, ag as zo, J as Bo, ah as Go, ai as Ho, aj as qo, ak as Wo, al as Qo, am as Yo, an as Jo, ao as Ko, ap as Xo, aq as Zo, ar as ea, V as $t, a3 as Sn, a0 as ta, as as na, at as oa, au as aa, av as ra, aw as ia, ax as sa, ay as ca, az as rn, aA as la, b as da, c as ua, i as ma, aB as pa, _ as ga, e as ha, T as fa, S as ya, U as va } from "./FilmstripEntityCard.es.js";
+import { Button as st, Dialog as So, getFileSizeString as Eo, Icon as se, theme as Tn, getTextColor as $t, Dropdown as Mo, SaveButton as Po, UserImage as Dn, SEARCH_FILTER_ID as Nn, buildFilterId as on, getFilterFromId as _o, SearchFilter as Ro } from "@ynput/ayon-react-components";
+import { a8 as $o, aa as In, ab as Lo, P as Oo, ac as Vo, ad as an, ae as jo, af as Uo, ag as zo, J as Bo, ah as Go, ai as Ho, aj as qo, ak as Wo, al as Qo, am as Yo, an as Jo, ao as Ko, ap as Xo, aq as Zo, ar as ea, V as Lt, a3 as Sn, a0 as ta, as as na, at as oa, au as aa, av as ra, aw as ia, ax as sa, ay as ca, az as rn, aA as la, b as da, c as ua, i as ma, aB as pa, _ as ga, e as ha, T as fa, S as ya, U as va } from "./FilmstripEntityCard.es.js";
 import "@lexical/code";
 import "@lexical/rich-text";
 import "@lexical/selection";
@@ -25,12 +25,12 @@ import "./EmptyPlaceholderFlex.styled.es.js";
 import { a_ as wa, bs as sn } from "./searchTerms.es.js";
 import { bl as xa, bo as ka, aJ as Aa, dp as Fa, aW as Ca, aQ as Ta, b3 as Da, Q as Na, bG as Ia, bn as Sa, by as Ea, bs as Ma, bm as Pa, cF as _a, c2 as Ra } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { union as La, isEqual as $a } from "lodash";
-import { b as Oa, F as Va, u as $e, a as En, T as ja, C as Ua } from "./ThumbnailSimple.es.js";
+import { union as $a, isEqual as La } from "lodash";
+import { b as Oa, F as Va, u as Le, a as En, T as ja, C as Ua } from "./ThumbnailSimple.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import Vt from "axios";
-import { m as Be, q as za, a2 as yt, u as Ba } from "./TableExportContextInstance.es.js";
+import { m as Be, o as za, $ as yt, u as Ba } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
@@ -38,7 +38,7 @@ import "react-router-dom";
 import { p as ve } from "./parseFilename.es.js";
 import { b as cn } from "./colorUtils.es.js";
 import "./EntityTooltip.es.js";
-import { isValid as Ke, isToday as Ga, isSameYear as Ha, isSameDay as qa, isSameWeek as Wa, isSameMinute as Qa, format as St, formatISO as Ya, differenceInMinutes as Ja, differenceInSeconds as Ka, compareAsc as Xa } from "date-fns";
+import { isValid as Xe, isToday as Ga, isSameYear as Ha, isSameDay as qa, isSameWeek as Wa, isSameMinute as Qa, format as St, formatISO as Ya, differenceInMinutes as Ja, differenceInSeconds as Ka, compareAsc as Xa } from "date-fns";
 import "@ynput/ayon-addon";
 import { a as Za, M as er } from "./Menu.es.js";
 import { InView as tr } from "react-intersection-observer";
@@ -83,10 +83,10 @@ const lr = ({
     return console.log("loading next page..."), await b();
   }, f = I(() => {
     if (!g) return !1;
-    const w = La(
+    const w = $a(
       M?.flatMap((A) => A.entityId ? A.entityId : [])
     );
-    return !$a(w, i);
+    return !La(w, i);
   }, [M, i, g]);
   return l && (g = !0), {
     activitiesData: D,
@@ -103,10 +103,10 @@ const lr = ({
   ), r = I(
     () => a.filter((j) => j.members?.some((de) => de.name === t.userName)).map((j) => j.name),
     [a, t.userName]
-  ), [s, i] = L({
+  ), [s, i] = $({
     operator: "and",
     conditions: []
-  }), [l, m] = L(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = L(null), [b, y] = L(null), [D, { isLoading: M }] = Aa(), [C, { isLoading: f }] = Fa(), [w, { isLoading: A }] = Ca(), S = M || f || A, P = async (j) => await D(j).unwrap(), _ = async (j) => await C(j).unwrap(), E = async (j) => await w(j).unwrap(), [N] = Ta(), [G] = Da(), X = async (j) => await N(j).unwrap(), Q = async (j) => await G(j).unwrap(), Z = Na(p), Y = I(() => Oa(p), [p]), $ = lr({
+  }), [l, m] = $(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = $(null), [b, y] = $(null), [D, { isLoading: M }] = Aa(), [C, { isLoading: f }] = Fa(), [w, { isLoading: A }] = Ca(), S = M || f || A, P = async (j) => await D(j).unwrap(), _ = async (j) => await C(j).unwrap(), E = async (j) => await w(j).unwrap(), [N] = Ta(), [G] = Da(), X = async (j) => await N(j).unwrap(), Q = async (j) => await G(j).unwrap(), Z = Na(p), Y = I(() => Oa(p), [p]), L = lr({
     entities: t.entities,
     filter: p,
     backendFilter: Y,
@@ -136,7 +136,7 @@ const lr = ({
     {
       value: {
         ...t,
-        ...$,
+        ...L,
         mentionSuggestionsData: oe,
         categories: ae,
         checklistCount: J,
@@ -422,7 +422,7 @@ const lr = ({
     background: none;
     opacity: 1;
   }
-`, hr = F(Lo)`
+`, hr = F($o)`
   --icon-size: 32px;
   top: calc(50% - 10px);
   left: 50%;
@@ -571,7 +571,7 @@ const lr = ({
   overflow: auto !important;
 `, br = ({ file: e }) => {
   let t = ct(e.id, e.projectName);
-  const [o, n] = L(""), [a, r] = L(null);
+  const [o, n] = $(""), [a, r] = $(null);
   return W(() => {
     (async () => {
       try {
@@ -589,7 +589,7 @@ const lr = ({
     a
   ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(An, { remarkPlugins: [Cn, Fn], children: o }) : /* @__PURE__ */ c(vr, { value: o, language: e.extension, readOnly: !0 });
 }, Pn = () => import("./VideoPlayer.es.js"), wr = xo(Pn), xr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, kr = 1e4, Ar = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", Fr = (e, t) => {
-  const [o, n] = L({ status: "loading" });
+  const [o, n] = $({ status: "loading" });
   return W(() => {
     n({ status: "loading" });
     let a = !1, r = null, s;
@@ -752,18 +752,18 @@ const lr = ({
   className: b,
   ...y
 }) => {
-  const D = i && i < 100, [M, C] = L(!1), [f, w] = L(!1), { feedAnnotationsEnabled: A } = Be(), { entities: S } = $e(), P = e.split("."), _ = P.pop() || "", E = P.join("."), N = vt(t || "." + _), G = t?.includes("image/") || !!n, Q = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, Z = /* @__PURE__ */ x(Te, { children: [
+  const D = i && i < 100, [M, C] = $(!1), [f, w] = $(!1), { feedAnnotationsEnabled: A } = Be(), { entities: S } = Le(), P = e.split("."), _ = P.pop() || "", E = P.join("."), N = vt(t || "." + _), G = t?.includes("image/") || !!n, Q = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, Z = /* @__PURE__ */ x(Te, { children: [
     /* @__PURE__ */ c("span", { className: "size", children: Eo(s) }),
     /* @__PURE__ */ c(se, { icon: "download", className: "download-icon" })
   ] }), Y = I(
     () => n ?? a,
     [n, a]
-  ), $ = I(() => S.at(0), [S]), oe = I(() => {
+  ), L = I(() => S.at(0), [S]), oe = I(() => {
     if (!Y?.range)
       return [1, 1];
-    const ae = r === void 0 ? $?.attrib?.frameStart : r;
+    const ae = r === void 0 ? L?.attrib?.frameStart : r;
     return Number.isFinite(ae) ? [ae - 1 + Y.range[0], ae - 1 + Y.range[1]] : Y.range;
-  }, [Y, r, $]);
+  }, [Y, r, L]);
   return /* @__PURE__ */ x(
     ur,
     {
@@ -883,7 +883,7 @@ const lr = ({
   ...p
 }) => {
   if (!e.length) return null;
-  const g = Je(
+  const g = Ke(
     (u) => {
       const h = e.filter((y) => vt(y.mime, y.ext)), b = h.findIndex((y) => y.id === e[u].id);
       i?.({ files: h, index: b, activityId: t || "" });
@@ -919,7 +919,7 @@ const lr = ({
     const r = a.match(/\(([^)]+)\)/)[1], s = r.split("?")[0];
     n = e.replace(r, s);
   }), n;
-}, Er = new AbortController(), Mr = Vt.CancelToken, Pr = Mr.source(), Xe = (e, t, o) => new Promise((n, a) => {
+}, Er = new AbortController(), Mr = Vt.CancelToken, Pr = Mr.source(), Ze = (e, t, o) => new Promise((n, a) => {
   new FormData().append("image", e);
   const s = {
     signal: Er.signal,
@@ -941,7 +941,7 @@ const lr = ({
   if (r?.length) {
     if (r.length === 0) return;
     for (const s of r)
-      Xe(s, t, o).then(
+      Ze(s, t, o).then(
         (i) => n(i),
         (i) => {
           a && a(s), Ce.error(i.message), console.warn(i);
@@ -955,8 +955,8 @@ const lr = ({
 ).map((n) => ({
   ...n,
   unsavedAnnotation: n
-}))), Lr = ({ entityId: e, filesUploading: t }) => {
-  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: s } = Be(), i = Rr(a || [], e, t);
+}))), $r = ({ entityId: e, filesUploading: t }) => {
+  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = Le(), { onGoToFrame: s } = Be(), i = Rr(a || [], e, t);
   return W(() => {
     i.length > 0 && !o && n(rt);
   }, [i]), {
@@ -975,8 +975,8 @@ const lr = ({
     primary: s,
     secondary: i
   };
-}, [e]), $r = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
-  const { exportAnnotationComposite: r } = $e(), s = async (l) => {
+}, [e]), Lr = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
+  const { exportAnnotationComposite: r } = Le(), s = async (l) => {
     const m = await r?.(l.id);
     if (!m)
       throw new Error(`Exporting composite image for annotation ${l.id} failed`);
@@ -985,8 +985,8 @@ const lr = ({
     }), g = await fetch(l.annotationData).then((M) => M.blob()), u = new File([g], `annotation-${l.name}`, {
       type: "image/png"
     }), h = await Promise.all([
-      Xe(p, e, o),
-      Xe(u, e, () => {
+      Ze(p, e, o),
+      Ze(u, e, () => {
       })
     ]), [b, y] = h, D = [t(b), t(y, !0)];
     return { annotation: l, uploads: h, files: D };
@@ -1017,7 +1017,7 @@ const lr = ({
       return Ce.error("Upload failed: " + m.message), { files: [], metadata: [] };
     }
   };
-}, Ln = "ayon-comment-draft/", $n = 720 * 60 * 60 * 1e3, Or = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, On = (e) => {
+}, $n = "ayon-comment-draft/", Ln = 720 * 60 * 60 * 1e3, Or = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, On = (e) => {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : null;
@@ -1034,13 +1034,13 @@ const lr = ({
   try {
     const e = Date.now();
     for (const t of Object.keys(localStorage)) {
-      if (!t.startsWith(Ln)) continue;
+      if (!t.startsWith($n)) continue;
       const o = On(t);
-      (!o || e - o.savedAt > $n) && localStorage.removeItem(t);
+      (!o || e - o.savedAt > Ln) && localStorage.removeItem(t);
     }
   } catch {
   }
-}, Ur = (e, t, o) => e && t && o.length ? `${Ln}${e}/${t}/${[...o].sort().join(",")}` : null, zr = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
+}, Ur = (e, t, o) => e && t && o.length ? `${$n}${e}/${t}/${[...o].sort().join(",")}` : null, zr = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
   const a = pe(null), r = pe(!1);
   W(() => {
     if (!e || o) return;
@@ -1048,7 +1048,7 @@ const lr = ({
     if (a.current = e, s === e) return;
     s || jr();
     const i = On(e);
-    i && Date.now() - i.savedAt <= $n ? (r.current = !0, n({
+    i && Date.now() - i.savedAt <= Ln ? (r.current = !0, n({
       text: i.text ?? "",
       files: i.files ?? [],
       uploadedAnnotations: i.uploadedAnnotations ?? [],
@@ -1128,7 +1128,7 @@ const lr = ({
         ...t && {
           backgroundColor: t,
           borderColor: t,
-          color: Lt(t)
+          color: $t(t)
         }
       },
       children: e || Br
@@ -1170,7 +1170,7 @@ const lr = ({
     {
       ...m,
       className: ne(l, { selected: n }),
-      style: { backgroundColor: n && t ? t : "", color: Lt(n && t ? t : ""), ...i },
+      style: { backgroundColor: n && t ? t : "", color: $t(n && t ? t : ""), ...i },
       ref: p,
       children: [
         a,
@@ -1302,10 +1302,10 @@ const lr = ({
 
   ${Tn.bodySmall}
 `, lt = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
-  const [a, r] = L(!0), [s, i] = L(/* @__PURE__ */ new Date());
+  const [a, r] = $(!0), [s, i] = $(/* @__PURE__ */ new Date());
   if (!e) return null;
   const l = new Date(e);
-  if (!Ke(l)) return null;
+  if (!Xe(l)) return null;
   W(() => {
     const w = setInterval(
       () => i(/* @__PURE__ */ new Date()),
@@ -1359,13 +1359,13 @@ const zn = (e) => {
       return "task_alt";
   }
 }, ai = ({ lastOwnVersionReview: e }) => {
-  const [t, o] = L(/* @__PURE__ */ new Date());
+  const [t, o] = $(/* @__PURE__ */ new Date());
   W(() => {
     const r = setInterval(() => o(/* @__PURE__ */ new Date()), Un);
     return () => clearInterval(r);
   }, []);
   const n = I(() => e?.activityData?.feedback, [e]), a = I(() => e?.createdAt ? In(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
-  return /* @__PURE__ */ x($o, { className: kn(n), children: [
+  return /* @__PURE__ */ x(Lo, { className: kn(n), children: [
     /* @__PURE__ */ c(se, { icon: Bn(n) }),
     "You last ",
     zn(n),
@@ -1387,8 +1387,8 @@ const zn = (e) => {
   const { data: r } = await Vt.get(`/api/projects/${e}/files/${t}`, {
     responseType: "blob"
   }), s = new File([r], o, { type: n || r.type });
-  return Xe(s, e, a);
-}, hn = (e, t) => `/api/projects/${e}/files/${t}`, fn = (e, t) => !!e && $t(t).has(e), ii = [
+  return Ze(s, e, a);
+}, hn = (e, t) => `/api/projects/${e}/files/${t}`, fn = (e, t) => !!e && Lt(t).has(e), ii = [
   { trigger: "@", icon: "person", tooltip: "Mention user" },
   { trigger: "@@", icon: "layers", tooltip: "Mention version" },
   { trigger: "@@@", icon: "check_circle", tooltip: "Mention task" }
@@ -1423,55 +1423,55 @@ const zn = (e) => {
     isGuest: E,
     userName: N,
     editingId: G
-  } = $e(), { hasLicense: X, onPowerFeature: Q, user: Z, openSlideOut: Y, commentFrameLink: $ } = Be(), oe = Z?.data?.isAdmin, ae = za(), [, J] = En(), [j, de] = L(e || ""), [H, ee] = L(
+  } = Le(), { hasLicense: X, onPowerFeature: Q, user: Z, openSlideOut: Y, commentFrameLink: L } = Be(), oe = Z?.data?.isAdmin, ae = za(), [, J] = En(), [j, de] = $(e || ""), [H, ee] = $(
     () => t.map(
       (d) => fn(d.id, e || "") ? { ...d, isInline: !0 } : d
     )
-  ), [Oe, De] = L(0), Ve = pe(/* @__PURE__ */ new Map()), [be, ge] = L([]), [Ge, ue] = L(!1), [xe, he] = L(!1), [Ne, Ie] = L([]), [Ze, Re] = L([]), { annotations: fe, removeAnnotation: He, goToAnnotation: qe } = Lr({
+  ), [Oe, De] = $(0), Ve = pe(/* @__PURE__ */ new Map()), [be, ge] = $([]), [Ge, ue] = $(!1), [xe, he] = $(!1), [Ne, Ie] = $([]), [et, Re] = $([]), { annotations: fe, removeAnnotation: He, goToAnnotation: qe } = $r({
     entityId: w[0]?.id,
     filesUploading: be
-  }), re = w.length === 1 && w[0].entityType === "version" ? w[0] : void 0, et = $?.draft && $.draft.entityId === re?.id ? $.draft : null, [je, We] = L(
+  }), re = w.length === 1 && w[0].entityType === "version" ? w[0] : void 0, tt = L?.draft && L.draft.entityId === re?.id ? L.draft : null, [je, We] = $(
     () => u && Number.isSafeInteger(a?.startFrame) && a.startFrame > 0 ? {
       startFrame: a.startFrame,
       endFrame: Number.isSafeInteger(a.endFrame) && a.endFrame >= a.startFrame ? a.endFrame : a.startFrame
     } : null
-  ), Ee = (d) => We(d && { ...d, entityId: re?.id }), Ue = u || je?.entityId === re?.id ? je : null, [ke, Me] = L(!1), q = u ? Ue : Ue ?? et, Pe = u ? !!re || !!Ue : !!$ && !!re, T = $?.formatFrame, R = T ?? ((d) => Gn(d, o)), U = (d) => T ? pn(d) : ri(pn(d), o), v = q ? q.endFrame > q.startFrame ? `${R(q.startFrame)}-${R(q.endFrame)}` : R(q.startFrame) : void 0, [K, we] = L(v ?? ""), Ae = pe(!1), Fe = pe(null), Le = (d) => {
+  ), Ee = (d) => We(d && { ...d, entityId: re?.id }), Ue = u || je?.entityId === re?.id ? je : null, [ke, Me] = $(!1), q = u ? Ue : Ue ?? tt, Pe = u ? !!re || !!Ue : !!L && !!re, T = L?.formatFrame, R = T ?? ((d) => Gn(d, o)), U = (d) => T ? pn(d) : ri(pn(d), o), v = q ? q.endFrame > q.startFrame ? `${R(q.startFrame)}-${R(q.endFrame)}` : R(q.startFrame) : void 0, [K, we] = $(v ?? ""), Ae = pe(!1), Fe = pe(null), $e = (d) => {
     if (!re) return;
     const k = d ? { ...d, entityId: re.id } : null;
     if (!u) {
-      $?.setDraft(k);
+      L?.setDraft(k);
       return;
     }
-    r && $?.setEditPreview({
+    r && L?.setEditPreview({
       activityId: r,
       link: k
     });
   }, jt = (d) => {
     we(d);
     const k = U(d);
-    k && Le(k);
+    k && $e(k);
   };
   W(() => {
     ke || we(v ?? "");
   }, [v, ke]), W(
     () => () => {
-      u && $?.setEditPreview(null);
+      u && L?.setEditPreview(null);
     },
-    [u, $?.setEditPreview]
+    [u, L?.setEditPreview]
   );
   const dt = () => {
     if (Ae.current) {
-      Ae.current = !1, we(v ?? ""), Le(Fe.current), Me(!1);
+      Ae.current = !1, we(v ?? ""), $e(Fe.current), Me(!1);
       return;
     }
     const d = U(K);
-    d ? (Ee(d), Le(d)) : (we(v ?? ""), Le(Fe.current)), Me(!1);
+    d ? (Ee(d), $e(d)) : (we(v ?? ""), $e(Fe.current)), Me(!1);
   }, Qe = () => {
-    Ee(null), u ? Le(null) : $?.unlink();
+    Ee(null), u ? $e(null) : L?.unlink();
   }, Ye = () => {
-    !u && $ && re ? $.link(re.id) : (we(""), Me(!0));
+    !u && L && re ? L.link(re.id) : (we(""), Me(!0));
   }, bt = () => q ? Qe() : Ye(), ut = I(() => {
-    if (!Pe || !u && !$ || !re) return;
+    if (!Pe || !u && !L || !re) return;
     const d = ["frame", "time", "timecode", "link", "range"];
     return [
       q ? {
@@ -1489,7 +1489,7 @@ const zn = (e) => {
         run: Ye
       }
     ];
-  }, [Pe, u, $, re?.id, !!q, v]), [_e, mt] = L(n);
+  }, [Pe, u, L, re?.id, !!q, v]), [_e, mt] = $(n);
   zr({
     draftKey: C && !u ? Ur(
       f,
@@ -1502,12 +1502,12 @@ const zn = (e) => {
       de(d.text), ee(d.files), Ie(d.uploadedAnnotations), mt(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !y && !G && D?.();
     }
   });
-  const Ut = _.filter((d) => d.accessLevel >= 20), zt = _.find((d) => d.name === _e), Bt = Rn(zt?.color), tt = pe(null), Gt = pe(null), Ht = pe(null), pt = !!j.trim(), no = !pt && !H.length && !be.length && !Oe && !Ne.length && !fe.length && !xe, qt = !!S?.conditions?.some(
+  const Ut = _.filter((d) => d.accessLevel >= 20), zt = _.find((d) => d.name === _e), Bt = Rn(zt?.color), Je = pe(null), Gt = pe(null), Ht = pe(null), pt = !!j.trim(), no = !pt && !H.length && !be.length && !Oe && !Ne.length && !fe.length && !xe, qt = !!S?.conditions?.some(
     (d) => "key" in d && d.key === "checklists" && d.value === !0
   );
   W(() => {
     if (!y || u || !qt) return;
-    const d = tt.current;
+    const d = Je.current;
     !d || !d.isEmpty() || d.getEditor().update(() => {
       const k = Do(!1);
       Io().clear().append(No("check").append(k)), k.select();
@@ -1530,14 +1530,14 @@ const zn = (e) => {
   }, ro = ({ type: d, id: k, label: O }, V) => {
     const { x: z, y: ce, width: le } = V.getBoundingClientRect();
     J({ id: k, name: k, type: d, label: O, pos: { left: z + le / 2, top: ce } });
-  }, [io, wt] = L(!1);
+  }, [io, wt] = $(!1);
   W(() => {
     y || wt(!1);
   }, [y]);
   const so = () => {
     y || h || (wt(!0), D && D());
   }, Yt = () => {
-    u && $?.setEditPreview(null), (!pt || u) && de(""), M && M(), Ht.current?.closest("#viewer-dialog")?.focus();
+    u && L?.setEditPreview(null), (!pt || u) && de(""), M && M(), Ht.current?.closest("#viewer-dialog")?.focus();
   }, nt = ({ file: d, data: k }, O = !1) => {
     const V = ve(d.name), z = {
       id: k.id,
@@ -1570,7 +1570,7 @@ const zn = (e) => {
     ge((k) => k.filter((O) => O.name !== ve(d)));
   }, Jt = (d) => {
     for (const k of d) {
-      const O = Xe(k, f, ot);
+      const O = Ze(k, f, ot);
       Ve.current.set(k, O), O.then(
         (V) => nt(V),
         (V) => {
@@ -1590,7 +1590,7 @@ const zn = (e) => {
           mime: d.type
         };
       }
-      const { data: O } = await Xe(d, f, void 0), V = ve(d.name);
+      const { data: O } = await Ze(d, f, void 0), V = ve(d.name);
       return ee((z) => [
         ...z,
         { id: O.id, name: V, mime: d.type, size: d.size, order: z.length, isInline: !0 }
@@ -1612,14 +1612,14 @@ const zn = (e) => {
     d.preventDefault(), d.stopPropagation(), ue(!0);
   }, Kt = pe(null), po = async ({ activity: d }) => {
     const k = yt(d);
-    k && k.entityId === re?.id && (Ee({ startFrame: k.startFrame, endFrame: k.endFrame }), $?.setDraft(k));
-    const O = Sn(d.body || ""), V = d.files || [], z = $t(O), ce = w.length === 1 && w[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
+    k && k.entityId === re?.id && (Ee({ startFrame: k.startFrame, endFrame: k.endFrame }), L?.setDraft(k));
+    const O = Sn(d.body || ""), V = d.files || [], z = Lt(O), ce = w.length === 1 && w[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
       const me = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), ie = `[Source](${ta(d.activityId, me)})`, te = [B.trim(), ie].filter(Boolean).join(`
 
 `);
       de((ye) => ye.trim() ? `${ye.trim()}
 
-${te}` : te), tt.current?.focus();
+${te}` : te), Je.current?.focus();
     }, ze = async (B) => {
       const me = z.has(B.id);
       try {
@@ -1684,7 +1684,7 @@ ${te}` : te), tt.current?.focus();
   W(() => {
     !p || Kt.current === p.key || (Kt.current = p.key, wt(!0), g?.(), po(p));
   }, [p?.key]);
-  const go = $r({
+  const go = Lr({
     projectName: f,
     onSuccess: nt,
     onProgress: ot,
@@ -1701,7 +1701,7 @@ ${te}` : te), tt.current?.focus();
           const { files: me, metadata: ie } = await go(fe);
           d = me, k = [...k, ...ie], O = ie.map((te) => te.id), Re(O);
         }
-        const { annotations: V = [] } = a || {}, z = k.length ? [...V, ...k] : void 0, ce = Sr(tt.current?.getMarkdown() ?? j), le = H.filter((me) => !me.isInline || fn(me.id, ce)), ze = [...le, ...d], B = {
+        const { annotations: V = [] } = a || {}, z = k.length ? [...V, ...k] : void 0, ce = Sr(Je.current?.getMarkdown() ?? j), le = H.filter((me) => !me.isInline || fn(me.id, ce)), ze = [...le, ...d], B = {
           ...a,
           annotations: z,
           // could be undefined
@@ -1715,7 +1715,7 @@ ${te}` : te), tt.current?.focus();
           const me = j;
           de(""), ee([]);
           try {
-            await l(ce, ze, B), O.forEach((ie) => He?.(ie)), u && $?.setEditPreview(null), Ie([]), !u && q && $?.unlink(), u || Ee(null);
+            await l(ce, ze, B), O.forEach((ie) => He?.(ie)), u && L?.setEditPreview(null), Ie([]), !u && q && L?.unlink(), u || Ee(null);
           } catch {
             de(me), ee(le), Ie(Ne);
             return;
@@ -1727,7 +1727,7 @@ ${te}` : te), tt.current?.focus();
         Re([]), he(!1);
       }
   }, Xt = [
-    ...fe.filter((d) => !Ze.includes(d.id)),
+    ...fe.filter((d) => !et.includes(d.id)),
     ...(H || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
     ...be
   ].sort((d, k) => d.order - k.order), fo = Xt.length > 3, Zt = (d) => h ? E ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : E || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", en = async (d) => {
@@ -1763,7 +1763,9 @@ ${te}` : te), tt.current?.focus();
     {
       value: _e,
       categories: Ut,
-      onChange: (d) => mt(d),
+      onChange: (d) => {
+        mt(d), requestAnimationFrame(() => Je.current?.focus());
+      },
       isCompact: u,
       hasPowerpack: X,
       onPowerFeature: Q,
@@ -1855,7 +1857,7 @@ ${te}` : te), tt.current?.focus();
                 /* @__PURE__ */ c(
                   Bo,
                   {
-                    ref: tt,
+                    ref: Je,
                     className: "comment-editor",
                     value: j,
                     onChange: de,
@@ -1891,7 +1893,7 @@ ${te}` : te), tt.current?.focus();
                       icon: k,
                       variant: "text",
                       onMouseDown: (V) => V.preventDefault(),
-                      onClick: () => tt.current?.insertMentionTrigger(d),
+                      onClick: () => Je.current?.insertMentionTrigger(d),
                       "data-tooltip": O,
                       "data-shortcut": d
                     },
@@ -2174,7 +2176,7 @@ ${te}` : te), tt.current?.focus();
   categorySecondary: n,
   categoryTertiary: a
 }) => {
-  const [r, s] = L(!1), i = e.filter((l) => l.isActive).map((l) => l.type);
+  const [r, s] = $(!1), i = e.filter((l) => l.isActive).map((l) => l.type);
   return /* @__PURE__ */ x(
     mi,
     {
@@ -2303,7 +2305,7 @@ ${te}` : te), tt.current?.focus();
         children: xi(a)
       }
     };
-  }), o = Je((n) => {
+  }), o = Ke((n) => {
     const a = window.getSelection();
     if (!a || a.rangeCount === 0 || a.isCollapsed) return;
     const r = a.getRangeAt(0), s = n.currentTarget;
@@ -2343,7 +2345,7 @@ ${te}` : te), tt.current?.focus();
   const n = Si(e, t);
   return /* @__PURE__ */ x(Di, { children: [
     o,
-    /* @__PURE__ */ x(Ni, { $color: Lt(n.color), style: { backgroundColor: n.color }, children: [
+    /* @__PURE__ */ x(Ni, { $color: $t(n.color), style: { backgroundColor: n.color }, children: [
       n.icon && /* @__PURE__ */ c(se, { icon: n.icon }),
       e
     ] })
@@ -2449,16 +2451,16 @@ const Tt = F.span`
     font-size: 12px;
     font-weight: 800;
   }
-`, Li = "#c5c5c5";
+`, $i = "#c5c5c5";
 function Wn(e) {
-  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = I(() => {
+  const { categories: t } = Le(), { categoryData: o, categoryNotFound: n } = I(() => {
     let a = !1;
     if (e) {
       const r = t.find((s) => s.name === e);
       return r || (a = !0), {
         categoryData: r || {
           name: e,
-          color: Li
+          color: $i
         },
         categoryNotFound: a
       };
@@ -2470,7 +2472,7 @@ function Wn(e) {
   }, [e, t]);
   return { categoryData: o, categoryNotFound: n };
 }
-const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (e) => !e || !e.name ? Vi : e.name === $i && !e.label ? Oi : e.label ? e.label : e.name, Pt = "anonymous.guest", ji = ({ isGuest: e, activity: t }) => {
+const Li = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (e) => !e || !e.name ? Vi : e.name === Li && !e.label ? Oi : e.label ? e.label : e.name, Pt = "anonymous.guest", ji = ({ isGuest: e, activity: t }) => {
   const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = I(
     () => [
       Qn({ name: o, label: n }),
@@ -2667,12 +2669,12 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
     setEditingId: w,
     isGuest: A,
     userTeamNames: S
-  } = $e(), P = pe(null), { toggleMenuOpen: _, menuOpen: E } = Ba(), { categoryData: N, categoryNotFound: G } = Wn(e?.activityData?.category), X = Rn(N?.color);
+  } = Le(), P = pe(null), { toggleMenuOpen: _, menuOpen: E } = Ba(), { categoryData: N, categoryNotFound: G } = Wn(e?.activityData?.category), X = Rn(N?.color);
   let {
     body: Q,
     authorName: Z,
     authorFullName: Y,
-    createdAt: $,
+    createdAt: L,
     referenceType: oe,
     entityId: ae,
     activityId: J,
@@ -2684,7 +2686,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
   Z || (Z = j?.name || ""), Y = Qn({ name: Z, label: Y });
   const Oe = Ao(), De = `activity-comment-menu-${J}-${Oe}`, Ve = E === De, { onGoToFrame: be, setHighlightedActivities: ge, user: Ge, commentFrameLink: ue } = Be(), xe = !!Ge?.data?.isAdmin, he = de || xe, Ne = de || xe, Ie = () => {
     w(J);
-  }, Ze = () => {
+  }, et = () => {
     w(null);
   }, Re = async (v, K, we) => {
     await a?.(v, K, void 0, we), w(null);
@@ -2693,7 +2695,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
   }, qe = oe !== "origin" || u, re = async () => {
     const v = wi(Q);
     qe && ee && v.push({ id: ee.id, type: ee.type }), n && await n(J, ae, v);
-  }, et = () => {
+  }, tt = () => {
     cr({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
@@ -2720,12 +2722,12 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
       activityId: J,
       reaction: v.type
     });
-  }, Ue = Je(
+  }, Ue = Ke(
     (v) => {
       v.annotation && (be?.(v.annotation.range[0]), ge([J]));
     },
     [be]
-  ), ke = I(() => $t(Q), [Q]), Me = I(
+  ), ke = I(() => Lt(Q), [Q]), Me = I(
     () => (H || []).filter((v) => !ke.has(v.id)),
     [H, ke]
   ), q = (v) => {
@@ -2755,7 +2757,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
             {
               name: Z,
               fullName: Y,
-              date: $,
+              date: L,
               isRef: qe,
               activity: e,
               projectName: l,
@@ -2791,7 +2793,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
                 activityId: J,
                 versionReview: !1,
                 isEditing: !0,
-                onClose: Ze,
+                onClose: et,
                 onSubmit: Re,
                 isOpen: !0,
                 ...i
@@ -2907,7 +2909,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
         children: /* @__PURE__ */ c(
           Bi,
           {
-            onDelete: he && n ? et : void 0,
+            onDelete: he && n ? tt : void 0,
             onEdit: Ne ? Ie : void 0,
             onCopyText: Pe ? () => Mn(Pe) : void 0,
             onDuplicate: r ? () => r(e) : void 0,
@@ -3207,7 +3209,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
 }) => {
   const { onOpenViewer: s } = Be();
   let { authorName: i, authorFullName: l, createdAt: m, versions: p = [] } = e;
-  const g = a === "versions" || a && typeof a == "object" && a.conditions?.some((C) => C.key === "versions" && C.value === !0), [u, h] = L(g), b = 2, [y, D] = L(!1), M = (C, f, w) => {
+  const g = a === "versions" || a && typeof a == "object" && a.conditions?.some((C) => C.key === "versions" && C.value === !0), [u, h] = $(g), b = 2, [y, D] = $(!1), M = (C, f, w) => {
     const A = fa(C);
     s?.({
       versionIds: [f],
@@ -3276,7 +3278,7 @@ const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (
     ] })
   ] });
 }, ls = ({ activities: e, editProps: t, ...o }) => {
-  const [n, a] = L(!1);
+  const [n, a] = $(!1);
   return /* @__PURE__ */ x(Te, { children: [
     /* @__PURE__ */ c(ss, { children: /* @__PURE__ */ x(Xn, { onClick: () => a(!n), children: [
       /* @__PURE__ */ c(se, { icon: n ? "expand_less" : "chevron_right" }),
@@ -3450,7 +3452,7 @@ const us = F.ul`
     userName: m,
     userFullName: p,
     activityTypes: g
-  } = $e(), u = o.map((C) => C.id), h = ({
+  } = Le(), u = o.map((C) => C.id), h = ({
     entityId: C,
     newId: f,
     subTitle: w,
@@ -3679,7 +3681,7 @@ const us = F.ul`
         a = { ...s }, r = new Date(s.createdAt);
         continue;
       }
-      const i = a.authorName === s.authorName, l = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && Ke(r) && Ke(p) && Math.abs(Ka(r, p)) <= 20;
+      const i = a.authorName === s.authorName, l = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && Xe(r) && Xe(p) && Math.abs(Ka(r, p)) <= 20;
       i && u && l && m ? (s[o] !== void 0 && (a[o] = s[o]), a.activityData = {
         ...a.activityData,
         oldValue: s.activityData.oldValue
@@ -3710,7 +3712,7 @@ const us = F.ul`
     () => ws(i, ["version"], n),
     [i, n]
   ), m = I(() => [...l].sort((D, M) => {
-    const C = new Date(D.createdAt), f = new Date(M.createdAt), w = Ke(C), A = Ke(f);
+    const C = new Date(D.createdAt), f = new Date(M.createdAt), w = Xe(C), A = Xe(f);
     if (!w && !A)
       return 0;
     if (w) {
@@ -3973,7 +3975,7 @@ const us = F.ul`
     ), g = I(
       () => Is(e, l),
       [e, l]
-    ), [u, h] = L(g), b = sr(), y = pe(null);
+    ), [u, h] = $(g), b = sr(), y = pe(null);
     W(() => {
       h(g);
     }, [JSON.stringify(g)]), W(() => {
@@ -4080,7 +4082,7 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
     { skip: !e || !r.length }
   );
   return I(() => ({ ...s, ...a }), [s, a]);
-}, Rc = 30, Lc = ({
+}, Rc = 30, $c = ({
   disabled: e,
   readOnly: t,
   statuses: o = [],
@@ -4110,13 +4112,13 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
     isGuest: _,
     searchText: E,
     setSearchText: N
-  } = $e(), {
+  } = Le(), {
     openSlideOut: G,
     highlightedActivities: X,
     setHighlightedActivities: Q,
     onOpenImage: Z,
     setFeedAnnotations: Y,
-    setFeedFrameLinks: $,
+    setFeedFrameLinks: L,
     user: oe
   } = Be(), ae = S.conditions?.some(
     (T) => "key" in T && T.key === "versions" && T.value === !0
@@ -4142,7 +4144,7 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
       const U = yt(R);
       return U && { ...U, activityId: R.activityId };
     }).filter((R) => !!R);
-    $(T);
+    L(T);
   }, [b]);
   const Ge = _s({
     projectName: i,
@@ -4181,7 +4183,7 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
   const {
     submitComment: Ne,
     updateComment: Ie,
-    deleteComment: Ze,
+    deleteComment: et,
     submitReview: Re,
     isSaving: fe
   } = gs({
@@ -4190,12 +4192,12 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
     entities: l,
     filter: S,
     entityListId: n
-  }), He = Je(
+  }), He = Ke(
     async (T, R = [], U = {}) => {
       await Ne(T, R, U), he.current && he.current.scrollTo({ top: 0 });
     },
     [Ne, he]
-  ), qe = Je(
+  ), qe = Ke(
     async (T) => {
       await Re(T);
     },
@@ -4206,19 +4208,19 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
     const v = U.checked, K = v ? "[ ]" : "[x]", we = v ? "[x]" : "[ ]", { body: Ae } = R, Fe = Array.from(
       U.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
     ).findIndex((_e) => _e === U.closest("li"));
-    let Le = Fe;
+    let $e = Fe;
     (Ae.match(/\[.\]/g) || []).forEach((_e, mt) => {
-      _e !== K && mt < Fe && Le--;
+      _e !== K && mt < Fe && $e--;
     });
     const dt = [];
     let Qe = -1;
     for (; (Qe = Ae.indexOf(K, Qe + 1)) > -1; )
       dt.push(Qe);
-    const Ye = dt[Le];
+    const Ye = dt[$e];
     if (Ye === void 0) return;
     const bt = Ye + K.length, ut = Ae.slice(0, Ye) + we + Ae.slice(bt);
     ut && Ie(R, ut, R.files);
-  }, et = (T) => {
+  }, tt = (T) => {
     const { entityId: R, entityType: U, activityId: v } = T;
     if (!U || !["version", "task", "folder"].includes(U))
       return console.log("Entity type not supported yet");
@@ -4230,7 +4232,7 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
       files: v.files.filter((K) => vt(K.mime, K.ext))
     })).filter((v) => v.files.length > 0);
     Z?.({ files: U, activityId: R, index: T, projectName: i });
-  }, [We, Ee] = L(null), Ue = !be && !t && !e, ke = Je(
+  }, [We, Ee] = $(null), Ue = !be && !t && !e, ke = Ke(
     (T) => {
       Ee({ key: xn(), activity: T }), u(rt);
     },
@@ -4265,13 +4267,13 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
           activity: T,
           annotationFrameStart: Ge[T.origin?.id],
           onCheckChange: re,
-          onDelete: Ze,
+          onDelete: et,
           onUpdate: async (R, U, v, K) => await Ie(T, R, U, K),
           onDuplicate: Ue ? ke : void 0,
           projectInfo: g,
           projectName: i,
           entityType: m,
-          onReferenceClick: et,
+          onReferenceClick: tt,
           createdAts: l.map((R) => R.createdAt),
           onFileExpand: je,
           showOrigin: l.length > 1,
@@ -4299,7 +4301,7 @@ const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ proj
           children: /* @__PURE__ */ c(ms, { style: { height: 0 }, onClick: () => M(), children: D ? "Loading more..." : "Click to load more" })
         }
       ),
-      !y && !S.conditions?.length && !E && H?.createdAt && Ke(new Date(H.createdAt)) && /* @__PURE__ */ c(Jn, { children: /* @__PURE__ */ x(Kn, { style: { alignItems: "center" }, children: [
+      !y && !S.conditions?.length && !E && H?.createdAt && Xe(new Date(H.createdAt)) && /* @__PURE__ */ c(Jn, { children: /* @__PURE__ */ x(Kn, { style: { alignItems: "center" }, children: [
         /* @__PURE__ */ x(Rt, { children: [
           "Folder created at ",
           St(new Date(H.createdAt), "PPpp"),
@@ -4345,7 +4347,7 @@ export {
   _c as S,
   qr as a,
   it as b,
-  Lc as c,
+  $c as c,
   Mc as d,
   Tr as e,
   Rc as f,