@ynput/ayon-frontend-shared 0.6.8 → 0.7.0

package/dist/chunks/Watchers.es.js

@@ -1,36 +1,37 @@
-import { jsx as m, jsxs as z, Fragment as J } from "react/jsx-runtime";
+import { jsx as m, jsxs as z, Fragment as Z } from "react/jsx-runtime";
 import { useMemo as W, useCallback as Q, useState as L, useEffect as V, useRef as X, forwardRef as q, useContext as Ee } from "react";
 import { snakeCase as Te, upperFirst as Se, intersectionBy as le } from "lodash";
 import "primereact/confirmdialog";
 import { toast as G } from "react-toastify";
 import { c as K } from "./copyToClipboard.es.js";
 import "uuid";
-import { ax as ce, aZ as De, bi as de, b0 as je, b1 as Fe, b2 as Ce, bk as Ae, bo as Ne, bx as $e, bh as Re, a as B, bp as ze } from "./searchTerms.es.js";
+import { aF as ce, b6 as De, bs as de, b9 as je, ba as Fe, bb as Ce, bB as Ae, by as Ne, bJ as $e, br as Re, a as B, bz as ze } from "./searchTerms.es.js";
 import p, { keyframes as pe, css as ue } from "styled-components";
 import U from "clsx";
 import { BorderedSection as H, Button as O, StatusSelect as Me, AssigneeSelect as Ue, TagsSelect as Le, EnumDropdown as Pe, Icon as P, getMimeTypeIcon as We, theme as Oe, getFileSizeString as Ie, WatcherSelect as Ve } from "@ynput/ayon-react-components";
 import { o as Be, M as He, T as _e, n as Qe, B as qe, D as Ge } from "./MetaWidget.es.js";
 import "./PlayableIcon.es.js";
-import { di as Ke, bW as Ze, c8 as me, bg as Je, ao as Xe, bv as Ye, d6 as et } from "./getUris.es.js";
+import { dn as Ke, b$ as Je, cd as me, bj as Ze, ar as Xe, by as Ye, db as et } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
-import { o as Z, d as tt, x as ot, T as rt } from "./DeleteEntitiesContextInstance.es.js";
+import { o as J, d as tt, x as ot, T as rt } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
 import "react-redux";
-import { format as at } from "date-fns";
+import "react-router-dom";
+import { format as nt } from "date-fns";
 import "lexical";
 import "@lexical/markdown";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@lexical/react/LexicalDecoratorBlockNode";
 import "match-sorter";
 import "@lexical/code";
 import "@lexical/list";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
 import "@tanstack/react-table";
-import { g as nt, h as Y } from "./humanizeFieldName.es.js";
+import { g as at, h as Y } from "./humanizeFieldName.es.js";
 import { a as it, A as st } from "./ThumbnailSimple.es.js";
 import ge from "axios";
 import { p as I } from "./parseFilename.es.js";
@@ -47,21 +48,21 @@ const ee = [], pt = (e) => {
     }),
     [t, r, e]
   );
-}, Vo = () => {
+}, Bo = () => {
   const [e] = je(), [t] = Fe();
   return Q(
     async (r, o) => {
-      const n = (await t(void 0, !0).unwrap().catch(() => {
-      }))?.find(({ name: a }) => a === r.enumResolver)?.acceptedParams;
+      const a = (await t(void 0, !0).unwrap().catch(() => {
+      }))?.find(({ name: n }) => n === r.enumResolver)?.acceptedParams;
       try {
-        const a = await e(
-          ce(r, { projectName: o }, n),
+        const n = await e(
+          ce(r, { projectName: o }, a),
           !0
         ).unwrap();
-        if (a.error) throw new Error(a.error);
-        return de(a.items);
-      } catch (a) {
-        throw ut(a);
+        if (n.error) throw new Error(n.error);
+        return de(n.items);
+      } catch (n) {
+        throw ut(n);
       }
     },
     [e, t]
@@ -76,7 +77,7 @@ const ee = [], pt = (e) => {
   } = e || {};
   return typeof r?.detail == "string" ? new Error(r.detail) : typeof l == "string" ? new Error(l) : typeof t == "string" ? new Error(t) : new Error(o ? `Request failed (${o})` : "Request failed");
 }, mt = (e, { projectName: t, skip: r } = {}) => {
-  const o = e?.enumResolver, { acceptedParams: l, isRegistryLoaded: n } = pt(o), a = W(
+  const o = e?.enumResolver, { acceptedParams: l, isRegistryLoaded: a } = pt(o), n = W(
     () => ce(e, { projectName: t }, l),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o, e?.enumResolverSettings, t, l]
@@ -84,14 +85,14 @@ const ee = [], pt = (e) => {
     currentData: c,
     isFetching: g,
     isError: s
-  } = De(a, {
+  } = De(n, {
     // waiting for the registry keeps the cache key final: no request is sent with params that get dropped
-    skip: !o || !!r || !n
+    skip: !o || !!r || !a
   }), u = W(() => o ? c ? de(c.items) : ee : e?.enum || ee, [o, c, e?.enum]), i = !!o && !g && (s || !!c?.error);
   return {
     options: u,
     // a background refetch (tag invalidation) keeps the cached options, so it is not a load
-    isLoading: !!o && !r && (!n || g && !c),
+    isLoading: !!o && !r && (!a || g && !c),
     isError: i,
     errorMessage: i ? c?.error : void 0
   };
@@ -126,7 +127,7 @@ const ee = [], pt = (e) => {
   "tags",
   "status"
 ], ft = (e, t) => {
-  const [r, o] = L([]), [l, n] = L(null), a = () => {
+  const [r, o] = L([]), [l, a] = L(null), n = () => {
     const s = {}, u = /* @__PURE__ */ new Set();
     e.forEach((h) => {
       const v = {
@@ -155,18 +156,18 @@ const ee = [], pt = (e) => {
       });
     });
     const i = Object.entries(s).reduce((h, [v, f]) => {
-      const { value: w, isMixed: y } = nt(f);
+      const { value: w, isMixed: y } = at(f);
       return h[v] = w, y && u.add(v), h;
     }, {});
-    n(i), o(Array.from(u));
+    a(i), o(Array.from(u));
   };
   return V(() => {
-    t || e.length === 0 || a();
+    t || e.length === 0 || n();
   }, [e, t]), {
     formData: l,
     mixedFields: r,
     updateFormData: (s, u) => {
-      n((i) => i && {
+      a((i) => i && {
         ...i,
         [s]: u
       });
@@ -181,8 +182,8 @@ const ee = [], pt = (e) => {
   taskTypes: r,
   statuses: o,
   tags: l,
-  entityType: n,
-  folderHasVersions: a,
+  entityType: a,
+  folderHasVersions: n,
   attribAccess: c
 }) => {
   const g = W(() => {
@@ -205,7 +206,7 @@ const ee = [], pt = (e) => {
       },
       {
         name: "folderType",
-        hidden: n !== "folder",
+        hidden: a !== "folder",
         data: {
           type: "string",
           title: "Folder Type",
@@ -219,7 +220,7 @@ const ee = [], pt = (e) => {
       },
       {
         name: "taskType",
-        hidden: n !== "task",
+        hidden: a !== "task",
         data: {
           type: "string",
           title: "Task Type",
@@ -258,7 +259,7 @@ const ee = [], pt = (e) => {
         }
       }
     ].map(
-      (d) => d.name === "folderType" && n === "folder" && a ? {
+      (d) => d.name === "folderType" && a === "folder" && n ? {
         ...d,
         readonly: !0,
         data: {
@@ -266,16 +267,16 @@ const ee = [], pt = (e) => {
           description: "Folder type is locked because the folder has published versions."
         }
       } : d
-    ), y = n === "version" ? [
+    ), y = a === "version" ? [
       ...w.map(
         (d) => ["tags", "status"].includes(d.name) ? d : { ...d, readonly: !0 }
       )
     ] : w, x = v ? y.map(
       (d) => v.includes(d.name) || v.includes(Te(d.name)) ? d : { ...d, readonly: !0 }
-    ) : y, F = n ? e.filter((d) => d.scope?.includes(n) && d.name !== "description").filter((d) => !i || i.includes(d.name)).map((d) => ({
+    ) : y, F = a ? e.filter((d) => d.scope?.includes(a) && d.name !== "description").filter((d) => !i || i.includes(d.name)).map((d) => ({
       name: "attrib." + d.name,
       data: d.data,
-      ...n === "version" && d.builtin ? { readonly: !0 } : {},
+      ...a === "version" && d.builtin ? { readonly: !0 } : {},
       ...h && !h.includes(d.name) ? { readonly: !0 } : {}
     })) : [], T = te.map((d) => ({
       name: d,
@@ -299,8 +300,8 @@ const ee = [], pt = (e) => {
     r,
     o,
     l,
-    n,
     a,
+    n,
     c
   ]), s = g.filter(
     (i) => ht.includes(i.name) || i.name.startsWith("attrib.")
@@ -313,9 +314,9 @@ const ee = [], pt = (e) => {
     readOnlyFieldsData: u
   };
 }, yt = ({ entities: e, entityType: t }) => {
-  const [r] = Ke(), { onUpdateEntity: o } = Z();
-  return { updateEntity: async (n, a) => {
-    if (a == null) {
+  const [r] = Ke(), { onUpdateEntity: o } = J();
+  return { updateEntity: async (a, n) => {
+    if (n == null) {
       console.error("value is null or undefined");
       return;
     }
@@ -324,7 +325,7 @@ const ee = [], pt = (e) => {
         id: g.id,
         projectName: g.projectName,
         data: {
-          [n]: a
+          [a]: n
         },
         currentAssignees: g.users,
         meta: {
@@ -340,11 +341,11 @@ const ee = [], pt = (e) => {
   (t, r) => r ? t ? t.filter((o) => r.includes(o)) : r : t,
   void 0
 ), bt = ({ entities: e, entityType: t }) => {
-  const { data: o } = Ze(), l = W(() => {
+  const { data: o } = Je(), l = W(() => {
     if (!o?.projects) return {};
-    const a = [...new Set(e.map((s) => s.projectName))].map(
+    const n = [...new Set(e.map((s) => s.projectName))].map(
       (s) => o.projects?.[s] || {}
-    ), c = a.map((s) => s.attrib_read), g = a.map((s) => s.attrib_write);
+    ), c = n.map((s) => s.attrib_read), g = n.map((s) => s.attrib_write);
     return {
       readableAttributes: _(
         c.map((s) => s?.enabled ? s.attributes ?? [] : void 0)
@@ -354,20 +355,20 @@ const ee = [], pt = (e) => {
       ),
       writableFields: _(g.map((s) => s?.enabled ? s.fields ?? [] : void 0))
     };
-  }, [o, e]), { updateEntity: n } = yt({
-    entities: e.map((a) => ({
-      id: a.id,
-      projectName: a.projectName || "",
-      folderId: a.folder?.id,
-      productId: a.product?.id,
-      users: a.task?.assignees || []
+  }, [o, e]), { updateEntity: a } = yt({
+    entities: e.map((n) => ({
+      id: n.id,
+      projectName: n.projectName || "",
+      folderId: n.folder?.id,
+      productId: n.product?.id,
+      users: n.task?.assignees || []
     })),
     entityType: t
   });
   return {
     enableEditing: !0,
     attribAccess: l,
-    updateEntity: n
+    updateEntity: a
   };
 }, xt = (e, t) => {
   const r = me({ projects: [...new Set(e).values()] });
@@ -375,17 +376,17 @@ const ee = [], pt = (e) => {
     return [];
   let o;
   for (const l of Object.values(r.data)) {
-    const n = l.statuses?.filter(
-      (a) => t.every((c) => !a.scope || a.scope?.includes(c))
+    const a = l.statuses?.filter(
+      (n) => t.every((c) => !n.scope || n.scope?.includes(c))
     ) || [];
     if (o === void 0) {
-      o = n;
+      o = a;
       continue;
     }
-    o = le(o, n, "name");
+    o = le(o, a, "name");
   }
   return o;
-}, Bo = (e, t) => {
+}, Ho = (e, t) => {
   let r = Object.values(e || {});
   return r.length == 0 || r[0].scope === void 0 ? r : r.filter(
     (o) => t.every((l) => o.scope === void 0 || o.scope.includes(l))
@@ -396,12 +397,12 @@ const ee = [], pt = (e) => {
     return [];
   let o;
   for (const l of Object.values(r.data)) {
-    let n = [];
-    if (t === "task" ? n = l.taskTypes || [] : t === "folder" && (n = l.folderTypes || []), o === void 0) {
-      o = n;
+    let a = [];
+    if (t === "task" ? a = l.taskTypes || [] : t === "folder" && (a = l.folderTypes || []), o === void 0) {
+      o = a;
       continue;
     }
-    o = le(o, n, "name");
+    o = le(o, a, "name");
   }
   return o || [];
 }, oe = p.div`
@@ -430,8 +431,8 @@ const ee = [], pt = (e) => {
   isEditing: r,
   isReadOnly: o,
   isMixed: l,
-  onChange: n,
-  onCancelEdit: a,
+  onChange: a,
+  onCancelEdit: n,
   onExpand: c,
   entities: g = [],
   entityType: s = "task",
@@ -441,7 +442,7 @@ const ee = [], pt = (e) => {
     isEditing: r && !o,
     isReadOnly: o,
     isInherited: !1,
-    onChange: ($) => n(e.name, $)
+    onChange: ($) => a(e.name, $)
   }, f = g.map(($) => $.projectName), w = xt(f, [s]), y = wt(f, s), x = u || f[0], {
     options: F,
     isLoading: T,
@@ -462,7 +463,7 @@ const ee = [], pt = (e) => {
           value: D,
           ...v,
           isEditing: !0,
-          onCancelEdit: a,
+          onCancelEdit: n,
           style: { width: "fit-content" },
           autoFocus: !1,
           isMidnightExclusive: d
@@ -508,7 +509,7 @@ const ee = [], pt = (e) => {
           },
           placeholder: S ? `Could not load ${N}` : l ? `Mixed ${N}` : `Select ${N}...`,
           error: $e(S),
-          onCancelEdit: a,
+          onCancelEdit: n,
           align: "right",
           enableCustomValues: e.enableCustomValues,
           isLoadingOptions: T,
@@ -524,7 +525,7 @@ const ee = [], pt = (e) => {
         He,
         {
           value: D.toString(),
-          onCancelEdit: a,
+          onCancelEdit: n,
           onExpand: c,
           showExpand: !!c,
           ...v
@@ -533,7 +534,7 @@ const ee = [], pt = (e) => {
         _e,
         {
           value: D.toString(),
-          onCancelEdit: a,
+          onCancelEdit: n,
           type: i,
           ...v
         }
@@ -551,11 +552,11 @@ const ee = [], pt = (e) => {
   showDetailedTooltip: r = !1,
   ...o
 }) => {
-  const l = t.title ? Y(t.title) : Y(e), n = r ? `${l} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || l;
+  const l = t.title ? Y(t.title) : Y(e), a = r ? `${l} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || l;
   return /* @__PURE__ */ m(
     Tt,
     {
-      "data-tooltip": r ? n : void 0,
+      "data-tooltip": r ? a : void 0,
       "data-tooltip-delay": 700,
       ...o,
       children: l
@@ -655,8 +656,8 @@ const ee = [], pt = (e) => {
   form: r,
   fields: o,
   enableEditing: l,
-  mixedFields: n,
-  onChange: a,
+  mixedFields: a,
+  onChange: n,
   entities: c = [],
   projectName: g,
   entityType: s = "task"
@@ -674,7 +675,7 @@ const ee = [], pt = (e) => {
       fieldReadonly: o.find((x) => x.name === y)?.readonly
     });
   }, f = (y, x) => {
-    i(null), a?.(y, x);
+    i(null), n?.(y, x);
   }, w = () => {
     i(null);
   };
@@ -690,7 +691,7 @@ const ee = [], pt = (e) => {
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
       children: o.filter((y) => !y.hidden).map((y) => {
-        const x = r[y.name], F = u === y.name, T = y.readonly || !l, A = n?.includes(y.name) || !1;
+        const x = r[y.name], F = u === y.name, T = y.readonly || !l, A = a?.includes(y.name) || !1;
         return /* @__PURE__ */ z(
           fe,
           {
@@ -784,7 +785,7 @@ const ee = [], pt = (e) => {
   justify-self: end;
   font-size: 14px;
   width: 100%;
-`, ae = p.div`
+`, ne = p.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
@@ -807,25 +808,25 @@ const ee = [], pt = (e) => {
   mixedFields: r = [],
   isLoading: o
 }) => {
-  const l = (n, a) => {
-    if (n == null)
+  const l = (a, n) => {
+    if (a == null)
       return "-";
-    if (a === "createdAt" || a === "updatedAt")
+    if (n === "createdAt" || n === "updatedAt")
       try {
-        return at(new Date(n), "PPpp");
+        return nt(new Date(a), "PPpp");
       } catch {
-        return n.toString();
+        return a.toString();
       }
-    return n.toString();
+    return a.toString();
   };
-  return o ? /* @__PURE__ */ m(H, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((n, a) => /* @__PURE__ */ z(re, { children: [
-    /* @__PURE__ */ m(ae, { style: { width: "80px" } }),
-    /* @__PURE__ */ m(ae, { style: { width: "120px", justifySelf: "end" } }),
+  return o ? /* @__PURE__ */ m(H, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((a, n) => /* @__PURE__ */ z(re, { children: [
+    /* @__PURE__ */ m(ne, { style: { width: "80px" } }),
+    /* @__PURE__ */ m(ne, { style: { width: "120px", justifySelf: "end" } }),
     /* @__PURE__ */ m("div", { style: { width: "24px" } })
-  ] }, a)) }) : /* @__PURE__ */ m(H, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((n) => !n.hidden).map((n) => {
-    const a = t[n.name], c = r.includes(n.name), g = c ? "Multiple values" : l(a, n.name);
+  ] }, n)) }) : /* @__PURE__ */ m(H, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((a) => !a.hidden).map((a) => {
+    const n = t[a.name], c = r.includes(a.name), g = c ? "Multiple values" : l(n, a.name);
     return /* @__PURE__ */ z(re, { children: [
-      /* @__PURE__ */ m(he, { name: n.name, data: n.data, showDetailedTooltip: !0 }),
+      /* @__PURE__ */ m(he, { name: a.name, data: a.data, showDetailedTooltip: !0 }),
       /* @__PURE__ */ m(
         Ct,
         {
@@ -843,11 +844,11 @@ const ee = [], pt = (e) => {
           variant: "text",
           icon: "content_copy",
           onClick: (s) => {
-            s.stopPropagation(), K((a ?? "").toString(), !0);
+            s.stopPropagation(), K((n ?? "").toString(), !0);
           }
         }
       )
-    ] }, n.name);
+    ] }, a.name);
   }) });
 }, Nt = p.div`
   display: flex;
@@ -858,17 +859,17 @@ const ee = [], pt = (e) => {
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, Ho = ({ entities: e = [], isLoading: t }) => {
-  const { formData: r, mixedFields: o, updateFormData: l, clearMixedField: n } = ft(
+`, _o = ({ entities: e = [], isLoading: t }) => {
+  const { formData: r, mixedFields: o, updateFormData: l, clearMixedField: a } = ft(
     e,
     t
-  ), { attributes: a } = tt(), {
+  ), { attributes: n } = tt(), {
     folderTypes: c = [],
     taskTypes: g = [],
     statuses: s = [],
     tags: u = [],
     productTypes: i
-  } = ot(), { openSlideOut: h } = Z(), [, v] = it(), f = (e || []).filter((R) => R.entityType === "folder"), { data: w } = Je(
+  } = ot(), { openSlideOut: h } = J(), [, v] = it(), f = (e || []).filter((R) => R.entityType === "folder"), { data: w } = Ze(
     {
       entityIds: f.map((R) => R.id),
       projectName: r?.projectName || "",
@@ -882,7 +883,7 @@ const ee = [], pt = (e) => {
     entities: e,
     entityType: x
   }), { editableFields: k, readOnlyFieldsData: S } = vt({
-    attributes: a,
+    attributes: n,
     folderTypes: c,
     taskTypes: g,
     statuses: s,
@@ -903,7 +904,7 @@ const ee = [], pt = (e) => {
     const { x: xe, y: we, width: ke } = be.getBoundingClientRect();
     v({ id: M, name: M, type: R, label: ye, pos: { left: xe + ke / 2, top: we } });
   }, ve = (R) => {
-    l("description", R), n("description"), A("attrib", { description: R });
+    l("description", R), a("description"), A("attrib", { description: R });
   };
   return /* @__PURE__ */ z(Nt, { children: [
     /* @__PURE__ */ m(
@@ -943,9 +944,9 @@ const ee = [], pt = (e) => {
       }
     )
   ] });
-}, _o = p.div`
+}, Qo = p.div`
   position: relative;
-`, Qo = p.div`
+`, qo = p.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -977,13 +978,13 @@ const ee = [], pt = (e) => {
     /* align center */
     align-items: center;
   }
-`, qo = p(O)`
+`, Go = p(O)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, Go = p.header`
+`, Ko = p.header`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -998,7 +999,7 @@ const ee = [], pt = (e) => {
       display: none;
     }
   }
-`, Ko = p.div`
+`, Jo = p.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1021,7 +1022,7 @@ const ee = [], pt = (e) => {
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, Jo = p.div`
+`, Xo = p.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1059,7 +1060,7 @@ const ee = [], pt = (e) => {
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Xo = p.div`
+`, Yo = p.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1068,10 +1069,10 @@ const ee = [], pt = (e) => {
   label {
     color: var(--md-sys-color-outline);
   }
-`, Yo = p.div`
+`, er = p.div`
   display: flex;
   flex-direction: column;
-`, er = p(Me)`
+`, tr = p(Me)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -1082,11 +1083,11 @@ const ee = [], pt = (e) => {
     margin-bottom: 2px;
     color: ${(e) => e.$textColor};
   }
-`, tr = p(Ue)`
+`, or = p(Ue)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, or = p(Le)`
+`, rr = p(Le)`
   height: 24px;
   .template-value {
     padding: 0 2px;
@@ -1100,7 +1101,7 @@ const ee = [], pt = (e) => {
       display: none;
     }
   }
-`, rr = p.div`
+`, nr = p.div`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -1144,12 +1145,12 @@ const ee = [], pt = (e) => {
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, nr = p.footer`
+`, ir = p.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`, ir = p.div`
+`, sr = p.div`
   height: 100%;
 
   > input[type='file'] {
@@ -1160,7 +1161,7 @@ const ee = [], pt = (e) => {
   input[type='file'] {
     display: none;
   }
-`, sr = p.div`
+`, lr = p.div`
   z-index: 100;
   position: absolute;
   inset: 0;
@@ -1172,7 +1173,7 @@ const ee = [], pt = (e) => {
   display: flex;
   align-items: center;
   justify-content: center;
-`, lr = p.div`
+`, cr = p.div`
   flex: 1;
   height: 100%;
   border-radius: var(--border-radius-l);
@@ -1201,11 +1202,11 @@ const ee = [], pt = (e) => {
     /* show children */
     opacity: 1;
   }
-`, cr = p(O)`
+`, dr = p(O)`
   position: absolute;
   top: 4px;
   right: 4px;
-`, dr = p.div`
+`, pr = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1218,7 +1219,7 @@ const ee = [], pt = (e) => {
     top: 12px;
     position: relative;
   }
-`, pr = p.div`
+`, ur = p.div`
   height: 8px;
   position: absolute;
   border-radius: 4px;
@@ -1259,38 +1260,38 @@ const ee = [], pt = (e) => {
     opacity: 0;
   }
 `, Ut = ({ mimetype: e = "", src: t, ...r }) => {
-  const [o, l] = L(!1), [n, a] = L(!1), c = X(null), g = X(0);
+  const [o, l] = L(!1), [a, n] = L(!1), c = X(null), g = X(0);
   return V(() => {
     const s = g.current + 1;
-    g.current = s, a(!1), l(!1);
+    g.current = s, n(!1), l(!1);
     const u = c.current;
     let i = !1, h = 0, v = 0, f = 0;
     const w = (T) => {
       i || s !== g.current || (i = !0, cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(f), T());
     }, y = () => {
       !u || s !== g.current || u.complete && u.naturalWidth > 0 && w(() => {
-        a(!0), l(!1);
+        n(!0), l(!1);
       });
     }, x = () => w(() => {
-      a(!0), l(!1);
+      n(!0), l(!1);
     }), F = () => w(() => {
-      a(!0), l(!0);
+      n(!0), l(!0);
     });
     return u && (u.addEventListener("load", x), u.addEventListener("error", F), typeof u.decode == "function" && u.decode().then(
       () => w(() => {
-        a(!0), l(!1);
+        n(!0), l(!1);
       })
     ).catch(() => {
       y();
     })), h = requestAnimationFrame(y), v = window.setInterval(y, 250), f = window.setTimeout(() => {
       w(() => {
-        u && u.naturalWidth > 0 ? (a(!0), l(!1)) : a(!0);
+        u && u.naturalWidth > 0 ? (n(!0), l(!1)) : n(!0);
       });
     }, 1e4), () => {
       cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(f), u && (u.removeEventListener("load", x), u.removeEventListener("error", F));
     };
   }, [t]), /* @__PURE__ */ z(Rt, { ...r, className: U("file-thumbnail", r.className), children: [
-    n ? /* @__PURE__ */ m(P, { icon: We(e) }) : /* @__PURE__ */ m(zt, { icon: "progress_activity" }),
+    a ? /* @__PURE__ */ m(P, { icon: We(e) }) : /* @__PURE__ */ m(zt, { icon: "progress_activity" }),
     /* @__PURE__ */ m(
       Mt,
       {
@@ -1298,12 +1299,12 @@ const ee = [], pt = (e) => {
         src: t,
         ...r,
         onError: (s) => {
-          s.currentTarget === c.current && (a(!0), l(!0));
+          s.currentTarget === c.current && (n(!0), l(!0));
         },
         onLoad: (s) => {
-          s.currentTarget === c.current && (a(!0), l(!1));
+          s.currentTarget === c.current && (n(!0), l(!1));
         },
-        className: U({ hidden: !n || o })
+        className: U({ hidden: !a || o })
       }
     )
   ] });
@@ -1433,15 +1434,15 @@ const ee = [], pt = (e) => {
 
   /* default hidden */
   opacity: 0;
-`, ur = q(
+`, mr = q(
   ({
     availability: e,
     projectName: t,
     fileId: r,
     filename: o,
     label: l,
-    processing: n,
-    mimetype: a,
+    processing: a,
+    mimetype: n,
     isDragOverlay: c,
     isDropPlaceholder: g,
     isSelected: s,
@@ -1451,7 +1452,7 @@ const ee = [], pt = (e) => {
     onEdit: v,
     ...f
   }, w) => {
-    const y = (i || c) && !h, x = e === "conversionRecommended", F = x && !!n;
+    const y = (i || c) && !h, x = e === "conversionRecommended", F = x && !!a;
     let T = o;
     x && (T = "Unoptimized - conversion recommended"), F && (T = "Unoptimized - queued for conversion");
     let A = l;
@@ -1475,7 +1476,7 @@ const ee = [], pt = (e) => {
             It,
             {
               src: `/api/projects/${t}/files/${r}/thumbnail`,
-              mimetype: a
+              mimetype: n
             }
           ),
           /* @__PURE__ */ z(Pt, { children: [
@@ -1602,14 +1603,14 @@ const ee = [], pt = (e) => {
     object-fit: cover;
     opacity: 0.5;
   }
-`, ne = ({
+`, ae = ({
   name: e,
   progress: t,
   size: r,
   type: o,
   fileId: l,
-  src: n,
-  error: a,
+  src: a,
+  error: n,
   tooltip: c,
   onRemove: g,
   ...s
@@ -1638,26 +1639,26 @@ const ee = [], pt = (e) => {
       u = "Validating", h = "checklist";
       break;
   }
-  a && (i = !1, h = "error");
+  n && (i = !1, h = "error");
   const v = t !== void 0 ? `- ${t}%` : "";
   return /* @__PURE__ */ z(
     Ht,
     {
-      className: U({ finished: t === 100, error: !!a, [o]: !0 }),
+      className: U({ finished: t === 100, error: !!n, [o]: !0 }),
       id: l,
       ...s,
       children: [
         /* @__PURE__ */ z(Qt, { children: [
-          n && /* @__PURE__ */ m("img", { src: n }),
+          a && /* @__PURE__ */ m("img", { src: a }),
           h && /* @__PURE__ */ m(P, { icon: h, className: U({ spinning: i }) })
         ] }),
         /* @__PURE__ */ z("span", { className: "content", children: [
           /* @__PURE__ */ m("span", { className: "name", children: e }),
-          /* @__PURE__ */ m("span", { className: "message", children: a || `${u} ${v}` })
+          /* @__PURE__ */ m("span", { className: "message", children: n || `${u} ${v}` })
         ] }),
         r && /* @__PURE__ */ m("span", { className: "size", children: Ie(r) }),
         c && /* @__PURE__ */ m(P, { icon: "info", className: "info", "data-tooltip": c, "data-tooltip-as": "markdown" }),
-        (a || o === "waiting") && /* @__PURE__ */ m(O, { icon: "close", variant: "text", onClick: g }),
+        (n || o === "waiting") && /* @__PURE__ */ m(O, { icon: "close", variant: "text", onClick: g }),
         /* @__PURE__ */ m(_t, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
       ]
     },
@@ -1671,13 +1672,13 @@ p.div`
   min-height: 100%;
   padding-bottom: var(--padding-m);
 `;
-const mr = p.div`
+const gr = p.div`
   position: relative;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   width: 100%;
   min-height: 50px;
-`, gr = p.div`
+`, hr = p.div`
   word-break: break-all;
 `, qt = p.div`
   display: flex;
@@ -1760,14 +1761,14 @@ const mr = p.div`
     return e.message || e.response?.statusText || "Unknown upload error";
   }
   return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown upload error";
-}, Zt = ({
+}, Jt = ({
   projectName: e,
   versionId: t,
   taskId: r,
   folderId: o,
   productId: l,
-  dispatch: n,
-  onUpload: a,
+  dispatch: a,
+  onUpload: n,
   onProgress: c
 }) => {
   const [g, s] = L({}), u = Q(
@@ -1794,7 +1795,7 @@ const mr = p.div`
           if (!f) return;
           console.log(`Upload successful for ${k.name}`);
           const d = S.data;
-          e && (n(
+          e && (a(
             // @ts-ignore
             Xe.util.updateQueryData(
               "getReviewablesForVersion",
@@ -1803,7 +1804,7 @@ const mr = p.div`
                 D.reviewables || (D.reviewables = []), D.reviewables.push(d);
               }
             )
-          ), l && n(B.util.invalidateTags([{ type: "viewer", id: l }])), n(B.util.invalidateTags([{ type: "viewer", id: f }])), o && n(B.util.invalidateTags([{ type: "viewer", id: o }])), r && n(B.util.invalidateTags([{ type: "viewer", id: r }])), u(I(k.name)));
+          ), l && a(B.util.invalidateTags([{ type: "viewer", id: l }])), a(B.util.invalidateTags([{ type: "viewer", id: f }])), o && a(B.util.invalidateTags([{ type: "viewer", id: o }])), r && a(B.util.invalidateTags([{ type: "viewer", id: r }])), u(I(k.name)));
         }, T = (k) => (S) => {
           f && (console.error(`Upload failed for ${k.name}: ${S}`), s((d) => {
             const N = (d[f] || []).map((C) => C.name !== I(k.name) ? C : {
@@ -1836,7 +1837,7 @@ const mr = p.div`
               throw T(S)($), $;
             });
           });
-          await Promise.all(k), a && a();
+          await Promise.all(k), n && n();
         } catch (k) {
           throw console.error(k), G.error(`Failed to upload file/s: ${ie(k)}`), k;
         }
@@ -1845,26 +1846,26 @@ const mr = p.div`
         t,
         e,
         g,
-        n,
+        a,
         l,
         o,
         r,
         u,
-        a,
+        n,
         c
       ]
     ),
     handleRemoveUpload: u,
     uploading: g
   };
-}, hr = ({
+}, fr = ({
   projectName: e,
   taskId: t,
   folderId: r,
   versionId: o,
   productId: l,
-  onUpload: n,
-  onFilesAdded: a,
+  onUpload: a,
+  onFilesAdded: n,
   children: c,
   dispatch: g,
   variant: s = "normal",
@@ -1879,14 +1880,14 @@ const mr = p.div`
     handleFileUpload: F,
     handleRemoveUpload: T,
     uploading: A
-  } = Zt({
+  } = Jt({
     projectName: e,
     versionId: o,
     taskId: t,
     folderId: r,
     productId: l,
     dispatch: g,
-    onUpload: n
+    onUpload: a
   }), k = !!o;
   V(() => {
     if (k && o && u.length > 0 && i) {
@@ -1901,7 +1902,7 @@ const mr = p.div`
     preview: S(E) ? URL.createObjectURL(E) : void 0
   })), D = async (b) => {
     const E = Array.from(b);
-    if (a?.(E), !k || !o) {
+    if (n?.(E), !k || !o) {
       i && i((j) => [...j, ...d(E)]);
       return;
     }
@@ -1914,7 +1915,7 @@ const mr = p.div`
     const E = b.dataTransfer.files;
     E && D(E);
   }, $ = s === "large" ? { minWidth: "360px", maxWidth: "480px", alignSelf: "center" } : {};
-  return /* @__PURE__ */ z(J, { children: [
+  return /* @__PURE__ */ z(Z, { children: [
     /* @__PURE__ */ m(
       qt,
       {
@@ -1925,10 +1926,10 @@ const mr = p.div`
         onDrop: (b) => {
           v && (b.preventDefault(), b.stopPropagation());
         },
-        children: /* @__PURE__ */ z(J, { children: [
+        children: /* @__PURE__ */ z(Z, { children: [
           c,
           !k && u?.map((b) => /* @__PURE__ */ m(
-            ne,
+            ae,
             {
               name: b.file.name,
               size: b.file.size,
@@ -1941,7 +1942,7 @@ const mr = p.div`
             b.file.name
           )),
           o && A[o]?.map((b) => /* @__PURE__ */ m(
-            ne,
+            ae,
             {
               ...b,
               type: "upload",
@@ -1979,7 +1980,7 @@ const mr = p.div`
       }
     )
   ] });
-}, fr = p.div`
+}, vr = p.div`
   position: relative;
   border-radius: var(--border-radius-m);
   display: flex;
@@ -1994,9 +1995,9 @@ const mr = p.div`
   }
 
   flex: 1;
-`, vr = p.div`
+`, yr = p.div`
   position: relative;
-`, yr = p.span`
+`, br = p.span`
   position: relative;
   padding: 0px 2px;
   border-radius: var(--border-radius-m);
@@ -2018,7 +2019,7 @@ const mr = p.div`
       color: var(--md-sys-color-on-surface);
     }
   }
-`, br = p.span`
+`, xr = p.span`
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
@@ -2029,7 +2030,7 @@ const mr = p.div`
   .icon {
     color: var(--md-sys-color-on-surface);
   }
-`, Jt = p.div`
+`, Zt = p.div`
   & > span,
   & > li {
     cursor: pointer;
@@ -2052,7 +2053,7 @@ const mr = p.div`
       }
     }
   }
-`, xr = p.div`
+`, wr = p.div`
   position: absolute;
   top: 100%;
   left: 0px;
@@ -2061,7 +2062,7 @@ const mr = p.div`
 
   z-index: 200;
   padding-top: 4px;
-`, wr = p.ul`
+`, kr = p.ul`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -2076,15 +2077,15 @@ const mr = p.div`
 
   max-height: 500px;
   overflow: auto;
-`, kr = p.li`
+`, Er = p.li`
   padding: var(--base-gap-small);
   border-radius: var(--border-radius-m);
   color: var(--md-sys-color-on-surface);
   min-width: max-content;
   width: 100%;
-`, Er = q(
-  ({ children: e, segment: t, isOpen: r, scope: o, projectName: l, ...n }, a) => {
-    const { openSlideOut: c } = Z(), g = t?.type !== "product" && t?.type !== "project", s = () => {
+`, Tr = q(
+  ({ children: e, segment: t, isOpen: r, scope: o, projectName: l, ...a }, n) => {
+    const { openSlideOut: c } = J(), g = t?.type !== "product" && t?.type !== "project", s = () => {
       if (!g) return;
       const { type: v, id: f } = t || {};
       !v || v === "project" || v === "product" || !f || c({
@@ -2100,7 +2101,7 @@ const mr = p.div`
       }
     ], [i] = ct();
     return /* @__PURE__ */ m(
-      Jt,
+      Zt,
       {
         onClick: s,
         onContextMenu: (v) => {
@@ -2109,8 +2110,8 @@ const mr = p.div`
           i(v, f);
         },
         className: lt({ link: g, open: r }),
-        ...n,
-        ref: a,
+        ...a,
+        ref: n,
         children: e
       }
     );
@@ -2223,8 +2224,8 @@ const mr = p.div`
   entityId: r = "",
   icon: o,
   color: l,
-  thumbnailHash: n,
-  isLoading: a,
+  thumbnailHash: a,
+  isLoading: n,
   shimmer: c,
   className: g,
   disabled: s,
@@ -2235,7 +2236,7 @@ const mr = p.div`
 }) => {
   const f = t === "project", w = ["product"].includes(t), y = f ? !!e : !!r;
   let x = "";
-  t && (n || f) && y && (u ? x = u : x = dt({ projectName: e, entityType: t, entityId: r, thumbnailHash: n }) ?? "");
+  t && (a || f) && y && (u ? x = u : x = dt({ projectName: e, entityType: t, entityId: r, thumbnailHash: a }) ?? "");
   const [F, T] = L(!1), [A, k] = L(!1);
   return V(() => {
     if (x === "") {
@@ -2247,7 +2248,7 @@ const mr = p.div`
     Xt,
     {
       className: U(g, "thumbnail", {
-        loading: c && (a || !A),
+        loading: c && (n || !A),
         loaded: A,
         error: F,
         clickable: !!v.onClick,
@@ -2255,7 +2256,7 @@ const mr = p.div`
       }),
       ...v,
       children: [
-        (!a || !A) && !s && /* @__PURE__ */ m(P, { style: { color: l || void 0 }, icon: o || "image", className: "type-icon" }),
+        (!n || !A) && !s && /* @__PURE__ */ m(P, { style: { color: l || void 0 }, icon: o || "image", className: "type-icon" }),
         t && e && !w && y && /* @__PURE__ */ m(
           Yt,
           {
@@ -2310,21 +2311,21 @@ const mr = p.div`
       object-fit: cover;
     }
   }
-`, Tr = ({
+`, Sr = ({
   thumbnails: e = [],
   isLoading: t,
   className: r,
   style: o,
   ...l
 }) => {
-  const { onContextMenu: n } = Ee(rt);
+  const { onContextMenu: a } = Ee(rt);
   e = e.slice(0, 5);
-  const a = e.length > 1;
+  const n = e.length > 1;
   return e.length ? /* @__PURE__ */ m(
     to,
     {
       $length: e.length,
-      className: U("stacked-thumbnails", r, { stacking: a }),
+      className: U("stacked-thumbnails", r, { stacking: n }),
       children: e.map(
         (c, g) => c ? /* @__PURE__ */ m(
           eo,
@@ -2338,7 +2339,7 @@ const mr = p.div`
             thumbnailHash: c.thumbnailHash,
             isLoading: t,
             src: c.src,
-            onContextMenu: n,
+            onContextMenu: a,
             ...l
           },
           c.id || c.src || g
@@ -2346,15 +2347,15 @@ const mr = p.div`
       )
     }
   ) : null;
-}, Sr = q(
-  ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...l }, n) => {
-    const a = e.map((i) => ({
+}, Dr = q(
+  ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...l }, a) => {
+    const n = e.map((i) => ({
       entityId: i.id,
       entityType: t,
       projectName: i.projectName
     })), { data: c = [] } = Ye(
       {
-        entities: a
+        entities: n
       },
       { skip: !e.length }
     ), g = Array.from(new Set(c.flatMap((i) => i.watchers))), [s] = et(), u = async (i) => {
@@ -2380,61 +2381,61 @@ const mr = p.div`
         value: g,
         currentUser: o,
         onChange: u,
-        ref: n,
+        ref: a,
         buttonProps: { "data-tooltip": "Watchers" }
       }
     );
   }
 );
 export {
-  Jo as A,
-  Ko as B,
-  cr as C,
-  lr as D,
-  or as E,
-  br as F,
-  Qo as G,
-  _o as H,
-  rr as I,
-  er as J,
-  tr as K,
-  mr as L,
-  xr as M,
+  Xo as A,
+  Jo as B,
+  dr as C,
+  cr as D,
+  rr as E,
+  xr as F,
+  qo as G,
+  Qo as H,
+  nr as I,
+  tr as J,
+  or as K,
+  gr as L,
+  wr as M,
   ar as N,
-  qo as O,
-  pr as P,
-  Xo as Q,
-  ur as R,
-  yr as S,
+  Go as O,
+  ur as P,
+  Yo as Q,
+  mr as R,
+  br as S,
   Zo as T,
-  dr as U,
-  nr as V,
-  Sr as W,
-  Yo as X,
-  gr as a,
-  hr as b,
-  ne as c,
-  ir as d,
-  sr as e,
-  fr as f,
-  wr as g,
-  Er as h,
-  kr as i,
-  vr as j,
-  Bo as k,
+  pr as U,
+  ir as V,
+  Dr as W,
+  er as X,
+  hr as a,
+  fr as b,
+  ae as c,
+  sr as d,
+  lr as e,
+  vr as f,
+  kr as g,
+  Tr as h,
+  Er as i,
+  yr as j,
+  Ho as k,
   mt as l,
   yt as m,
-  Vo as n,
+  Bo as n,
   xt as o,
   wt as p,
   Ft as q,
   At as r,
-  Ho as s,
+  _o as s,
   he as t,
-  Zt as u,
+  Jt as u,
   Ut as v,
-  Tr as w,
+  Sr as w,
   eo as x,
   bt as y,
-  Go as z
+  Ko as z
 };