@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoMime.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),f=require("../../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const E=require("../fileUtils.cjs.js"),g=require("../FileUploadPreview.styled.cjs.js"),b=t=>Object.freeze(Object.defineProperty({__proto__:null,default:t},Symbol.toStringTag,{value:"Module"})),x=()=>Promise.resolve().then(()=>b(require("./VideoPlayer.cjs.js"))),j=u.lazy(x),v=({duration:t,width:o,height:r})=>Number.isFinite(t)&&t>0&&o>0&&r>0,P=1e4,w=t=>t?`code ${t.code}${t.message?`: ${t.message}`:""}`:"no MediaError",R=(t,o)=>{const[r,n]=u.useState({status:"loading"});return u.useEffect(()=>{n({status:"loading"});let d=!1,e=null,a;const l=()=>{e&&(e.removeEventListener("loadedmetadata",m),e.removeEventListener("error",p),e.removeAttribute("src"),e.load(),e=null)};function m(){if(d||!e)return;clearTimeout(a);const i={duration:e.duration,width:e.videoWidth,height:e.videoHeight};if(v(i)){l(),n({status:"ready",metadata:i});return}c(`unusable metadata ${JSON.stringify(i)}`)}function p(){d||(clearTimeout(a),c(w(e?.error??null)))}const c=i=>{const y=e?.preload==="metadata";if(l(),y){console.warn(`[VideoMime] metadata probe failed (${i}), retrying with full preload`),h("auto");return}console.warn(`[VideoMime] video cannot be played: ${i}`,t),n({status:"error"})};function h(i){e=document.createElement("video"),e.preload=i,e.muted=!0,e.playsInline=!0,a=setTimeout(()=>!d&&c("timed out"),P),e.addEventListener("loadedmetadata",m),e.addEventListener("error",p),e.src=t}return h("metadata"),()=>{d=!0,clearTimeout(a),l()}},[t]),r.status!=="ready"?r:{status:"ready",metadata:{...r.metadata,duration:o?.duration||r.metadata.duration,width:o?.width||r.metadata.width,height:o?.height||r.metadata.height,fps:o?.frameRate,codec:o?.codec}}},_=({file:t})=>{const{id:o,projectName:r,name:n,mediaInfo:d}=t,e=E.getFileURL(o,r),a=R(e,d);if(u.useEffect(()=>{x()},[]),a.status==="error")return s.jsxRuntimeExports.jsx(g.PlayerWrapper,{children:s.jsxRuntimeExports.jsx(f.EmptyPlaceholder,{icon:"videocam_off",message:"This video cannot be played in the browser",children:s.jsxRuntimeExports.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",children:["Download ",n]})})});const l=s.jsxRuntimeExports.jsx(g.PlayerWrapper,{children:s.jsxRuntimeExports.jsx(f.EmptyPlaceholder,{icon:"hourglass_empty",message:"Loading video..."})});return a.status==="loading"?l:s.jsxRuntimeExports.jsx(u.Suspense,{fallback:l,children:s.jsxRuntimeExports.jsx(j,{id:o,name:n,url:e,projectName:r,duration:a.metadata.duration,width:a.metadata.width,height:a.metadata.height,fps:a.metadata.fps,codec:a.metadata.codec})})};module.exports=_;
+//# sourceMappingURL=VideoMime.cjs.js.map

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoMime.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoMime.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/FileUploadPreview/Mimes/VideoMime.tsx"],"sourcesContent":["import { Suspense, lazy, useEffect, useState } from 'react'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport type { FeedActivityMediaInfo } from '@shared/api'\nimport { getFileURL } from '../fileUtils'\nimport * as Styled from '../FileUploadPreview.styled'\n\n// the player drags in its own dependency tree, so only fetch it once a video is expanded\n// (it also imports back from the shared Feed entry, which a static import would make a cycle)\nconst importVideoPlayer = () => import('./VideoPlayer')\nconst VideoPlayer = lazy(importVideoPlayer)\n\ntype VideoMetadata = {\n  duration: number\n  width: number\n  height: number\n  fps?: number\n  codec?: string\n}\n\ntype ProbeResult =\n  | { status: 'loading' }\n  | { status: 'error' }\n  | { status: 'ready'; metadata: VideoMetadata }\n\n// Infinity/NaN duration (streamed webm) or a zero size would feed NaN into the player's timeline math\nconst isPlayable = ({ duration, width, height }: VideoMetadata) =>\n  Number.isFinite(duration) && duration > 0 && width > 0 && height > 0\n\nconst PROBE_TIMEOUT_MS = 10000\n\nconst describeMediaError = (error: MediaError | null) =>\n  error ? `code ${error.code}${error.message ? `: ${error.message}` : ''}` : 'no MediaError'\n\n// files uploaded before the server started ffprobing have no mediaInfo, so the browser probe stays\nconst useVideoMetadata = (url: string, mediaInfo?: FeedActivityMediaInfo | null): ProbeResult => {\n  const [result, setResult] = useState<ProbeResult>({ status: 'loading' })\n\n  useEffect(() => {\n    setResult({ status: 'loading' })\n\n    let cancelled = false\n    let probe: HTMLVideoElement | null = null\n    let timeout: ReturnType<typeof setTimeout>\n\n    const cleanupProbe = () => {\n      if (!probe) return\n      probe.removeEventListener('loadedmetadata', handleLoaded)\n      probe.removeEventListener('error', handleError)\n      probe.removeAttribute('src')\n      probe.load()\n      probe = null\n    }\n\n    function handleLoaded() {\n      if (cancelled || !probe) return\n      clearTimeout(timeout)\n      const metadata = {\n        duration: probe.duration,\n        width: probe.videoWidth,\n        height: probe.videoHeight,\n      }\n      if (isPlayable(metadata)) {\n        cleanupProbe()\n        setResult({ status: 'ready', metadata })\n        return\n      }\n      fail(`unusable metadata ${JSON.stringify(metadata)}`)\n    }\n\n    function handleError() {\n      if (cancelled) return\n      clearTimeout(timeout)\n      fail(describeMediaError(probe?.error ?? null))\n    }\n\n    // preload=metadata only reads the head of the file; a video whose moov atom sits after\n    // mdat needs the whole thing before duration and dimensions are known\n    const fail = (reason: string) => {\n      const wasMetadataOnly = probe?.preload === 'metadata'\n      cleanupProbe()\n      if (wasMetadataOnly) {\n        console.warn(`[VideoMime] metadata probe failed (${reason}), retrying with full preload`)\n        startProbe('auto')\n        return\n      }\n      console.warn(`[VideoMime] video cannot be played: ${reason}`, url)\n      setResult({ status: 'error' })\n    }\n\n    function startProbe(preload: 'metadata' | 'auto') {\n      probe = document.createElement('video')\n      probe.preload = preload\n      probe.muted = true\n      probe.playsInline = true\n\n      // a stalled media pipeline never fires loadedmetadata nor error\n      timeout = setTimeout(() => !cancelled && fail('timed out'), PROBE_TIMEOUT_MS)\n\n      probe.addEventListener('loadedmetadata', handleLoaded)\n      probe.addEventListener('error', handleError)\n      probe.src = url\n    }\n\n    startProbe('metadata')\n\n    return () => {\n      cancelled = true\n      clearTimeout(timeout)\n      cleanupProbe()\n    }\n  }, [url])\n\n  if (result.status !== 'ready') return result\n\n  return {\n    status: 'ready',\n    metadata: {\n      ...result.metadata,\n      duration: mediaInfo?.duration || result.metadata.duration,\n      width: mediaInfo?.width || result.metadata.width,\n      height: mediaInfo?.height || result.metadata.height,\n      fps: mediaInfo?.frameRate,\n      codec: mediaInfo?.codec,\n    },\n  }\n}\n\ninterface VideoMimeProps {\n  file: {\n    id: string\n    projectName: string\n    name: string\n    mediaInfo?: FeedActivityMediaInfo | null\n  }\n}\n\nconst VideoMime = ({ file }: VideoMimeProps) => {\n  const { id, projectName, name, mediaInfo } = file\n  const url = getFileURL(id, projectName)\n  const probe = useVideoMetadata(url, mediaInfo)\n\n  // Suspense would only start the chunk request once the probe resolves, serialising two slow steps\n  useEffect(() => {\n    importVideoPlayer()\n  }, [])\n\n  if (probe.status === 'error') {\n    return (\n      <Styled.PlayerWrapper>\n        <EmptyPlaceholder icon=\"videocam_off\" message=\"This video cannot be played in the browser\">\n          <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n            Download {name}\n          </a>\n        </EmptyPlaceholder>\n      </Styled.PlayerWrapper>\n    )\n  }\n\n  const loading = (\n    <Styled.PlayerWrapper>\n      <EmptyPlaceholder icon=\"hourglass_empty\" message=\"Loading video...\" />\n    </Styled.PlayerWrapper>\n  )\n\n  if (probe.status === 'loading') return loading\n\n  return (\n    <Suspense fallback={loading}>\n      <VideoPlayer\n        id={id}\n        name={name}\n        url={url}\n        projectName={projectName}\n        duration={probe.metadata.duration}\n        width={probe.metadata.width}\n        height={probe.metadata.height}\n        fps={probe.metadata.fps}\n        codec={probe.metadata.codec}\n      />\n    </Suspense>\n  )\n}\n\nexport default VideoMime\n"],"names":["importVideoPlayer","_interopNamespaceDefaultOnly","VideoPlayer","lazy","isPlayable","duration","width","height","PROBE_TIMEOUT_MS","describeMediaError","error","useVideoMetadata","url","mediaInfo","result","setResult","useState","useEffect","cancelled","probe","timeout","cleanupProbe","handleLoaded","handleError","metadata","fail","reason","wasMetadataOnly","startProbe","preload","VideoMime","file","id","projectName","name","getFileURL","Styled.PlayerWrapper","jsx","EmptyPlaceholder","loading","Suspense"],"mappings":"8cAQMA,EAAoB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAAC,EAAA,QAAO,sBAAe,CAAA,CAAA,EAChDC,EAAcC,EAAAA,KAAKH,CAAiB,EAgBpCI,EAAa,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,OAAAC,CAAA,IACrC,OAAO,SAASF,CAAQ,GAAKA,EAAW,GAAKC,EAAQ,GAAKC,EAAS,EAE/DC,EAAmB,IAEnBC,EAAsBC,GAC1BA,EAAQ,QAAQA,EAAM,IAAI,GAAGA,EAAM,QAAU,KAAKA,EAAM,OAAO,GAAK,EAAE,GAAK,gBAGvEC,EAAmB,CAACC,EAAaC,IAA0D,CAC/F,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAsB,CAAE,OAAQ,UAAW,EA6EvE,OA3EAC,EAAAA,UAAU,IAAM,CACdF,EAAU,CAAE,OAAQ,UAAW,EAE/B,IAAIG,EAAY,GACZC,EAAiC,KACjCC,EAEJ,MAAMC,EAAe,IAAM,CACpBF,IACLA,EAAM,oBAAoB,iBAAkBG,CAAY,EACxDH,EAAM,oBAAoB,QAASI,CAAW,EAC9CJ,EAAM,gBAAgB,KAAK,EAC3BA,EAAM,KAAA,EACNA,EAAQ,KACV,EAEA,SAASG,GAAe,CACtB,GAAIJ,GAAa,CAACC,EAAO,OACzB,aAAaC,CAAO,EACpB,MAAMI,EAAW,CACf,SAAUL,EAAM,SAChB,MAAOA,EAAM,WACb,OAAQA,EAAM,WAAA,EAEhB,GAAIf,EAAWoB,CAAQ,EAAG,CACxBH,EAAA,EACAN,EAAU,CAAE,OAAQ,QAAS,SAAAS,CAAA,CAAU,EACvC,MACF,CACAC,EAAK,qBAAqB,KAAK,UAAUD,CAAQ,CAAC,EAAE,CACtD,CAEA,SAASD,GAAc,CACjBL,IACJ,aAAaE,CAAO,EACpBK,EAAKhB,EAAmBU,GAAO,OAAS,IAAI,CAAC,EAC/C,CAIA,MAAMM,EAAQC,GAAmB,CAC/B,MAAMC,EAAkBR,GAAO,UAAY,WAE3C,GADAE,EAAA,EACIM,EAAiB,CACnB,QAAQ,KAAK,sCAAsCD,CAAM,+BAA+B,EACxFE,EAAW,MAAM,EACjB,MACF,CACA,QAAQ,KAAK,uCAAuCF,CAAM,GAAId,CAAG,EACjEG,EAAU,CAAE,OAAQ,QAAS,CAC/B,EAEA,SAASa,EAAWC,EAA8B,CAChDV,EAAQ,SAAS,cAAc,OAAO,EACtCA,EAAM,QAAUU,EAChBV,EAAM,MAAQ,GACdA,EAAM,YAAc,GAGpBC,EAAU,WAAW,IAAM,CAACF,GAAaO,EAAK,WAAW,EAAGjB,CAAgB,EAE5EW,EAAM,iBAAiB,iBAAkBG,CAAY,EACrDH,EAAM,iBAAiB,QAASI,CAAW,EAC3CJ,EAAM,IAAMP,CACd,CAEA,OAAAgB,EAAW,UAAU,EAEd,IAAM,CACXV,EAAY,GACZ,aAAaE,CAAO,EACpBC,EAAA,CACF,CACF,EAAG,CAACT,CAAG,CAAC,EAEJE,EAAO,SAAW,QAAgBA,EAE/B,CACL,OAAQ,QACR,SAAU,CACR,GAAGA,EAAO,SACV,SAAUD,GAAW,UAAYC,EAAO,SAAS,SACjD,MAAOD,GAAW,OAASC,EAAO,SAAS,MAC3C,OAAQD,GAAW,QAAUC,EAAO,SAAS,OAC7C,IAAKD,GAAW,UAChB,MAAOA,GAAW,KAAA,CACpB,CAEJ,EAWMiB,EAAY,CAAC,CAAE,KAAAC,KAA2B,CAC9C,KAAM,CAAE,GAAAC,EAAI,YAAAC,EAAa,KAAAC,EAAM,UAAArB,GAAckB,EACvCnB,EAAMuB,EAAAA,WAAWH,EAAIC,CAAW,EAChCd,EAAQR,EAAiBC,EAAKC,CAAS,EAO7C,GAJAI,EAAAA,UAAU,IAAM,CACdjB,EAAA,CACF,EAAG,CAAA,CAAE,EAEDmB,EAAM,SAAW,QACnB,+BACGiB,gBAAA,CACC,SAAAC,EAAAA,kBAAAA,IAACC,EAAAA,kBAAiB,KAAK,eAAe,QAAQ,6CAC5C,kCAAC,IAAA,CAAE,KAAM1B,EAAK,OAAO,SAAS,IAAI,sBAAsB,SAAA,CAAA,YAC5CsB,CAAA,CAAA,CACZ,EACF,EACF,EAIJ,MAAMK,EACJF,EAAAA,kBAAAA,IAACD,gBAAA,CACC,SAAAC,EAAAA,kBAAAA,IAACC,mBAAA,CAAiB,KAAK,kBAAkB,QAAQ,kBAAA,CAAmB,CAAA,CACtE,EAGF,OAAInB,EAAM,SAAW,UAAkBoB,EAGrCF,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CAAS,SAAUD,EAClB,SAAAF,EAAAA,kBAAAA,IAACnC,EAAA,CACC,GAAA8B,EACA,KAAAE,EACA,IAAAtB,EACA,YAAAqB,EACA,SAAUd,EAAM,SAAS,SACzB,MAAOA,EAAM,SAAS,MACtB,OAAQA,EAAM,SAAS,OACvB,IAAKA,EAAM,SAAS,IACpB,MAAOA,EAAM,SAAS,KAAA,CAAA,EAE1B,CAEJ"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoMime.es.js

@@ -0,0 +1,85 @@
+import { j as d } from "../../../../../../../_virtual/jsx-runtime.es.js";
+import { lazy as v, useEffect as g, Suspense as E, useState as w } from "react";
+import { EmptyPlaceholder as f } from "../../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import { getFileURL as j } from "../fileUtils.es.js";
+import { PlayerWrapper as p } from "../FileUploadPreview.styled.es.js";
+const y = () => import("./VideoPlayer.es.js"), x = v(y), M = ({ duration: t, width: o, height: r }) => Number.isFinite(t) && t > 0 && o > 0 && r > 0, P = 1e4, L = (t) => t ? `code ${t.code}${t.message ? `: ${t.message}` : ""}` : "no MediaError", T = (t, o) => {
+  const [r, n] = w({ status: "loading" });
+  return g(() => {
+    n({ status: "loading" });
+    let s = !1, e = null, a;
+    const l = () => {
+      e && (e.removeEventListener("loadedmetadata", c), e.removeEventListener("error", m), e.removeAttribute("src"), e.load(), e = null);
+    };
+    function c() {
+      if (s || !e) return;
+      clearTimeout(a);
+      const i = {
+        duration: e.duration,
+        width: e.videoWidth,
+        height: e.videoHeight
+      };
+      if (M(i)) {
+        l(), n({ status: "ready", metadata: i });
+        return;
+      }
+      u(`unusable metadata ${JSON.stringify(i)}`);
+    }
+    function m() {
+      s || (clearTimeout(a), u(L(e?.error ?? null)));
+    }
+    const u = (i) => {
+      const b = e?.preload === "metadata";
+      if (l(), b) {
+        console.warn(`[VideoMime] metadata probe failed (${i}), retrying with full preload`), h("auto");
+        return;
+      }
+      console.warn(`[VideoMime] video cannot be played: ${i}`, t), n({ status: "error" });
+    };
+    function h(i) {
+      e = document.createElement("video"), e.preload = i, e.muted = !0, e.playsInline = !0, a = setTimeout(() => !s && u("timed out"), P), e.addEventListener("loadedmetadata", c), e.addEventListener("error", m), e.src = t;
+    }
+    return h("metadata"), () => {
+      s = !0, clearTimeout(a), l();
+    };
+  }, [t]), r.status !== "ready" ? r : {
+    status: "ready",
+    metadata: {
+      ...r.metadata,
+      duration: o?.duration || r.metadata.duration,
+      width: o?.width || r.metadata.width,
+      height: o?.height || r.metadata.height,
+      fps: o?.frameRate,
+      codec: o?.codec
+    }
+  };
+}, N = ({ file: t }) => {
+  const { id: o, projectName: r, name: n, mediaInfo: s } = t, e = j(o, r), a = T(e, s);
+  if (g(() => {
+    y();
+  }, []), a.status === "error")
+    return /* @__PURE__ */ d.jsx(p, { children: /* @__PURE__ */ d.jsx(f, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ d.jsxs("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: [
+      "Download ",
+      n
+    ] }) }) });
+  const l = /* @__PURE__ */ d.jsx(p, { children: /* @__PURE__ */ d.jsx(f, { icon: "hourglass_empty", message: "Loading video..." }) });
+  return a.status === "loading" ? l : /* @__PURE__ */ d.jsx(E, { fallback: l, children: /* @__PURE__ */ d.jsx(
+    x,
+    {
+      id: o,
+      name: n,
+      url: e,
+      projectName: r,
+      duration: a.metadata.duration,
+      width: a.metadata.width,
+      height: a.metadata.height,
+      fps: a.metadata.fps,
+      codec: a.metadata.codec
+    }
+  ) });
+};
+export {
+  N as default
+};
+//# sourceMappingURL=VideoMime.es.js.map

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoMime.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoMime.es.js","sources":["../../../../../../../../src/containers/Feed/components/FileUploadPreview/Mimes/VideoMime.tsx"],"sourcesContent":["import { Suspense, lazy, useEffect, useState } from 'react'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport type { FeedActivityMediaInfo } from '@shared/api'\nimport { getFileURL } from '../fileUtils'\nimport * as Styled from '../FileUploadPreview.styled'\n\n// the player drags in its own dependency tree, so only fetch it once a video is expanded\n// (it also imports back from the shared Feed entry, which a static import would make a cycle)\nconst importVideoPlayer = () => import('./VideoPlayer')\nconst VideoPlayer = lazy(importVideoPlayer)\n\ntype VideoMetadata = {\n  duration: number\n  width: number\n  height: number\n  fps?: number\n  codec?: string\n}\n\ntype ProbeResult =\n  | { status: 'loading' }\n  | { status: 'error' }\n  | { status: 'ready'; metadata: VideoMetadata }\n\n// Infinity/NaN duration (streamed webm) or a zero size would feed NaN into the player's timeline math\nconst isPlayable = ({ duration, width, height }: VideoMetadata) =>\n  Number.isFinite(duration) && duration > 0 && width > 0 && height > 0\n\nconst PROBE_TIMEOUT_MS = 10000\n\nconst describeMediaError = (error: MediaError | null) =>\n  error ? `code ${error.code}${error.message ? `: ${error.message}` : ''}` : 'no MediaError'\n\n// files uploaded before the server started ffprobing have no mediaInfo, so the browser probe stays\nconst useVideoMetadata = (url: string, mediaInfo?: FeedActivityMediaInfo | null): ProbeResult => {\n  const [result, setResult] = useState<ProbeResult>({ status: 'loading' })\n\n  useEffect(() => {\n    setResult({ status: 'loading' })\n\n    let cancelled = false\n    let probe: HTMLVideoElement | null = null\n    let timeout: ReturnType<typeof setTimeout>\n\n    const cleanupProbe = () => {\n      if (!probe) return\n      probe.removeEventListener('loadedmetadata', handleLoaded)\n      probe.removeEventListener('error', handleError)\n      probe.removeAttribute('src')\n      probe.load()\n      probe = null\n    }\n\n    function handleLoaded() {\n      if (cancelled || !probe) return\n      clearTimeout(timeout)\n      const metadata = {\n        duration: probe.duration,\n        width: probe.videoWidth,\n        height: probe.videoHeight,\n      }\n      if (isPlayable(metadata)) {\n        cleanupProbe()\n        setResult({ status: 'ready', metadata })\n        return\n      }\n      fail(`unusable metadata ${JSON.stringify(metadata)}`)\n    }\n\n    function handleError() {\n      if (cancelled) return\n      clearTimeout(timeout)\n      fail(describeMediaError(probe?.error ?? null))\n    }\n\n    // preload=metadata only reads the head of the file; a video whose moov atom sits after\n    // mdat needs the whole thing before duration and dimensions are known\n    const fail = (reason: string) => {\n      const wasMetadataOnly = probe?.preload === 'metadata'\n      cleanupProbe()\n      if (wasMetadataOnly) {\n        console.warn(`[VideoMime] metadata probe failed (${reason}), retrying with full preload`)\n        startProbe('auto')\n        return\n      }\n      console.warn(`[VideoMime] video cannot be played: ${reason}`, url)\n      setResult({ status: 'error' })\n    }\n\n    function startProbe(preload: 'metadata' | 'auto') {\n      probe = document.createElement('video')\n      probe.preload = preload\n      probe.muted = true\n      probe.playsInline = true\n\n      // a stalled media pipeline never fires loadedmetadata nor error\n      timeout = setTimeout(() => !cancelled && fail('timed out'), PROBE_TIMEOUT_MS)\n\n      probe.addEventListener('loadedmetadata', handleLoaded)\n      probe.addEventListener('error', handleError)\n      probe.src = url\n    }\n\n    startProbe('metadata')\n\n    return () => {\n      cancelled = true\n      clearTimeout(timeout)\n      cleanupProbe()\n    }\n  }, [url])\n\n  if (result.status !== 'ready') return result\n\n  return {\n    status: 'ready',\n    metadata: {\n      ...result.metadata,\n      duration: mediaInfo?.duration || result.metadata.duration,\n      width: mediaInfo?.width || result.metadata.width,\n      height: mediaInfo?.height || result.metadata.height,\n      fps: mediaInfo?.frameRate,\n      codec: mediaInfo?.codec,\n    },\n  }\n}\n\ninterface VideoMimeProps {\n  file: {\n    id: string\n    projectName: string\n    name: string\n    mediaInfo?: FeedActivityMediaInfo | null\n  }\n}\n\nconst VideoMime = ({ file }: VideoMimeProps) => {\n  const { id, projectName, name, mediaInfo } = file\n  const url = getFileURL(id, projectName)\n  const probe = useVideoMetadata(url, mediaInfo)\n\n  // Suspense would only start the chunk request once the probe resolves, serialising two slow steps\n  useEffect(() => {\n    importVideoPlayer()\n  }, [])\n\n  if (probe.status === 'error') {\n    return (\n      <Styled.PlayerWrapper>\n        <EmptyPlaceholder icon=\"videocam_off\" message=\"This video cannot be played in the browser\">\n          <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n            Download {name}\n          </a>\n        </EmptyPlaceholder>\n      </Styled.PlayerWrapper>\n    )\n  }\n\n  const loading = (\n    <Styled.PlayerWrapper>\n      <EmptyPlaceholder icon=\"hourglass_empty\" message=\"Loading video...\" />\n    </Styled.PlayerWrapper>\n  )\n\n  if (probe.status === 'loading') return loading\n\n  return (\n    <Suspense fallback={loading}>\n      <VideoPlayer\n        id={id}\n        name={name}\n        url={url}\n        projectName={projectName}\n        duration={probe.metadata.duration}\n        width={probe.metadata.width}\n        height={probe.metadata.height}\n        fps={probe.metadata.fps}\n        codec={probe.metadata.codec}\n      />\n    </Suspense>\n  )\n}\n\nexport default VideoMime\n"],"names":["importVideoPlayer","VideoPlayer","lazy","isPlayable","duration","width","height","PROBE_TIMEOUT_MS","describeMediaError","error","useVideoMetadata","url","mediaInfo","result","setResult","useState","useEffect","cancelled","probe","timeout","cleanupProbe","handleLoaded","handleError","metadata","fail","reason","wasMetadataOnly","startProbe","preload","VideoMime","file","id","projectName","name","getFileURL","Styled.PlayerWrapper","jsx","EmptyPlaceholder","loading","Suspense"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoPlayer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const m=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),u=require("react-router-dom"),P=require("react-toastify"),i=require("@ynput/ayon-player"),v=require("@ynput/ayon-player/model");require("../../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../../_virtual/runtime.cjs.js");require("../../../../../../../_virtual/semver.cjs.js");require("../../../../../context/PowerpackContextInstance.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../../../../context/DetailsPanelContextInstance.cjs.js");require("lodash");require("uuid");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../util/searchTerms.cjs.js");require("../../../../../util/pubsub.cjs.js");require("../../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../../context/pip/PiPWrapper.cjs.js");require("../../../../../context/AddonProjectContext.cjs.js");require("../../../../../context/AddonContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");const b=require("../../../../../context/GlobalContext.cjs.js");require("../../../../../context/ProjectContext.cjs.js");require("../../../../../api/base/client.cjs.js");require("../../../../../api/generated/graphql.cjs.js");require("../../../../../api/generated/graphqlLinks.cjs.js");require("../../../../../api/generated/access.cjs.js");require("../../../../../api/generated/actions.cjs.js");require("../../../../../api/generated/activityFeed.cjs.js");require("../../../../../api/generated/addons.cjs.js");require("../../../../../api/generated/anatomy.cjs.js");require("../../../../../api/generated/attributes.cjs.js");require("../../../../../api/generated/authentication.cjs.js");require("../../../../../api/generated/bundles.cjs.js");require("../../../../../api/generated/configuration.cjs.js");require("../../../../../api/generated/dataImport.cjs.js");require("../../../../../api/generated/desktop.cjs.js");require("../../../../../api/generated/entityLists.cjs.js");require("../../../../../api/generated/enums.cjs.js");require("../../../../../api/generated/events.cjs.js");require("../../../../../api/generated/files.cjs.js");require("../../../../../api/generated/folders.cjs.js");require("../../../../../api/generated/inbox.cjs.js");require("../../../../../api/generated/links.cjs.js");require("../../../../../api/generated/market.cjs.js");require("../../../../../api/generated/onboarding.cjs.js");require("../../../../../api/generated/operations.cjs.js");require("../../../../../api/generated/products.cjs.js");require("../../../../../api/generated/projectDashboard.cjs.js");require("../../../../../api/generated/projects.cjs.js");require("../../../../../api/generated/projectFolders.cjs.js");require("../../../../../api/generated/reviewables.cjs.js");require("../../../../../api/generated/services.cjs.js");require("../../../../../api/generated/system.cjs.js");require("../../../../../api/generated/tasks.cjs.js");require("../../../../../api/generated/teams.cjs.js");require("../../../../../api/generated/thumbnails.cjs.js");require("../../../../../api/generated/uRIs.cjs.js");require("../../../../../api/generated/users.cjs.js");require("../../../../../api/generated/versions.cjs.js");require("../../../../../api/generated/workfiles.cjs.js");require("../../../../../api/generated/ynputCloud.cjs.js");require("../../../../../api/generated/grouping.cjs.js");require("../../../../../api/generated/views.cjs.js");require("../../../../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../../../api/queries/actions/getActions.cjs.js");require("../../../../../api/queries/activities/getActivities.cjs.js");require("../../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../../api/queries/activities/getMentions.cjs.js");require("../../../../../api/queries/activities/getCategories.cjs.js");require("../../../../../api/queries/addons/getAddons.cjs.js");require("../../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../../api/queries/config/getConfig.cjs.js");require("../../../../../api/queries/config/updateConfig.cjs.js");require("../../../../../api/queries/entities/getEntity.cjs.js");require("../../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../../api/queries/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../../api/queries/enums/getEnums.cjs.js");require("../../../../../api/queries/folders/getFolders.cjs.js");require("../../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../../api/queries/links/updateLinks.cjs.js");require("../../../../../api/queries/links/getLinks.cjs.js");require("../../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../../api/queries/products/createProduct.cjs.js");require("../../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../../api/queries/review/getReview.cjs.js");require("../../../../../api/queries/review/updateReview.cjs.js");require("../../../../../api/queries/share/share.cjs.js");require("../../../../../api/queries/system/getSystem.cjs.js");require("../../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/teams/getTeams.cjs.js");require("../../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../../api/queries/users/getUsers.cjs.js");require("../../../../../api/queries/users/guests.cjs.js");require("../../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../../api/queries/views/getViews.cjs.js");require("../../../../../api/queries/views/updateViews.cjs.js");require("../../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../../api/queries/uris/getUris.cjs.js");require("../../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../../context/EntityUpdatesContextInstance.cjs.js");require("react-redux");require("../../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("@ynput/ayon-react-components");require("../../../../Views/context/ViewsContextInstance.cjs.js");require("../../../../../context/DeleteEntitiesContext.cjs.js");const f=require("../FileUploadPreview.styled.cjs.js"),C={loop:!0,audio:!0},I=24,R="h264",h={activityId:"",versionName:"",versionId:"",versionStatus:"",versionAuthor:"",versionAuthorFullName:"",versionNumber:0,versionAttributes:{},productName:"",productType:"",productId:"",productFolderId:"",productAttributes:{},taskAttributes:{},path:""},A=({id:e,name:q,url:t,projectName:s,duration:o,width:a,height:n,fps:c,codec:l})=>{const{user:y}=b.useGlobalContext(),p=r.useRef(null);r.useEffect(()=>(i.clearMemoizedPlayables(),()=>i.clearMemoizedPlayables()),[e]);const d=r.useMemo(()=>[{listItemId:e,fileId:e,label:q,type:v.ClipType.VIDEO,url:t,position:0,fps:c||I,codec:l||R,duration:o,width:a,height:n,context:h}],[e,q,t,o,a,n,c,l]),x=r.useMemo(()=>({router:{useLocation:u.useLocation,useNavigate:u.useNavigate,useParams:u.useParams,useSearchParams:u.useSearchParams},toast:P.toast,projectName:s}),[s]);return m.jsxRuntimeExports.jsx(f.PlayerWrapper,{ref:p,children:m.jsxRuntimeExports.jsx(i.Player,{clips:d,user:{name:y?.name||""},context:x,theatreContainerRef:p,showHeader:!1,showReviewables:!1,controls:i.compactPlayerControls,initial:C})})};module.exports=A;
+//# sourceMappingURL=VideoPlayer.cjs.js.map

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoPlayer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/FileUploadPreview/Mimes/VideoPlayer.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { toast } from 'react-toastify'\nimport { Player, compactPlayerControls, clearMemoizedPlayables } from '@ynput/ayon-player'\nimport { ClipType } from '@ynput/ayon-player/model'\nimport type { Clip, ReviewableContext } from '@ynput/ayon-player/model'\nimport { useGlobalContext } from '@shared/context'\nimport * as Styled from '../FileUploadPreview.styled'\n\nconst playerInitialState = { loop: true, audio: true }\n\n// pre-ffprobe uploads carry no metadata and the browser can't report fps\nconst DEFAULT_FPS = 24\nconst DEFAULT_CODEC = 'h264'\n\n// Player only needs a shape here, but attributes.ts does `name in` on the two attribute\n// objects, so they must be objects rather than undefined\nconst emptyClipContext: ReviewableContext = {\n  activityId: '',\n  versionName: '',\n  versionId: '',\n  versionStatus: '',\n  versionAuthor: '',\n  versionAuthorFullName: '',\n  versionNumber: 0,\n  versionAttributes: {},\n  productName: '',\n  productType: '',\n  productId: '',\n  productFolderId: '',\n  productAttributes: {},\n  taskAttributes: {},\n  path: '',\n}\n\nexport interface VideoPlayerProps {\n  id: string\n  name: string\n  url: string\n  projectName: string\n  duration: number\n  width: number\n  height: number\n  fps?: number\n  codec?: string\n}\n\nconst VideoPlayer = ({\n  id,\n  name,\n  url,\n  projectName,\n  duration,\n  width,\n  height,\n  fps,\n  codec,\n}: VideoPlayerProps) => {\n  const { user } = useGlobalContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // the player memoizes playables in module-level maps it never clears — without this,\n  // the next video opened resumes at the previous one's currentTime and old <video>\n  // elements stay detached in memory\n  useEffect(() => {\n    clearMemoizedPlayables()\n    return () => clearMemoizedPlayables()\n  }, [id])\n\n  const clips: Clip[] = useMemo(\n    () => [\n      {\n        listItemId: id,\n        fileId: id,\n        label: name,\n        type: ClipType.VIDEO,\n        url,\n        position: 0,\n        fps: fps || DEFAULT_FPS,\n        codec: codec || DEFAULT_CODEC,\n        duration,\n        width,\n        height,\n        context: emptyClipContext,\n      },\n    ],\n    [id, name, url, duration, width, height, fps, codec],\n  )\n\n  const playerContext = useMemo(\n    () => ({\n      router: { useLocation, useNavigate, useParams, useSearchParams },\n      toast,\n      projectName,\n    }),\n    [projectName],\n  )\n\n  return (\n    <Styled.PlayerWrapper ref={containerRef}>\n      <Player\n        clips={clips}\n        user={{ name: user?.name || '' }}\n        context={playerContext}\n        theatreContainerRef={containerRef}\n        showHeader={false}\n        showReviewables={false}\n        controls={compactPlayerControls}\n        initial={playerInitialState}\n      />\n    </Styled.PlayerWrapper>\n  )\n}\n\nexport default VideoPlayer\n"],"names":["playerInitialState","DEFAULT_FPS","DEFAULT_CODEC","emptyClipContext","VideoPlayer","id","name","url","projectName","duration","width","height","fps","codec","user","useGlobalContext","containerRef","useRef","useEffect","clearMemoizedPlayables","clips","useMemo","ClipType","playerContext","useLocation","useNavigate","useParams","useSearchParams","toast","jsx","Styled.PlayerWrapper","Player","compactPlayerControls"],"mappings":"s9PASMA,EAAqB,CAAE,KAAM,GAAM,MAAO,EAAA,EAG1CC,EAAc,GACdC,EAAgB,OAIhBC,EAAsC,CAC1C,WAAY,GACZ,YAAa,GACb,UAAW,GACX,cAAe,GACf,cAAe,GACf,sBAAuB,GACvB,cAAe,EACf,kBAAmB,CAAA,EACnB,YAAa,GACb,YAAa,GACb,UAAW,GACX,gBAAiB,GACjB,kBAAmB,CAAA,EACnB,eAAgB,CAAA,EAChB,KAAM,EACR,EAcMC,EAAc,CAAC,CACnB,GAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,IAAAC,EACA,MAAAC,CACF,IAAwB,CACtB,KAAM,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,EAAeC,EAAAA,OAAuB,IAAI,EAKhDC,EAAAA,UAAU,KACRC,yBAAA,EACO,IAAMA,EAAAA,uBAAA,GACZ,CAACd,CAAE,CAAC,EAEP,MAAMe,EAAgBC,EAAAA,QACpB,IAAM,CACJ,CACE,WAAYhB,EACZ,OAAQA,EACR,MAAOC,EACP,KAAMgB,EAAAA,SAAS,MACf,IAAAf,EACA,SAAU,EACV,IAAKK,GAAOX,EACZ,MAAOY,GAASX,EAChB,SAAAO,EACA,MAAAC,EACA,OAAAC,EACA,QAASR,CAAA,CACX,EAEF,CAACE,EAAIC,EAAMC,EAAKE,EAAUC,EAAOC,EAAQC,EAAKC,CAAK,CAAA,EAG/CU,EAAgBF,EAAAA,QACpB,KAAO,CACL,OAAQ,CAAA,YAAEG,EAAAA,YAAA,YAAaC,cAAA,UAAaC,EAAAA,0BAAWC,EAAAA,eAAA,EAAgB,MAC/DC,EAAAA,MACA,YAAApB,CAAA,GAEF,CAACA,CAAW,CAAA,EAGd,OACEqB,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAqB,IAAKd,EACzB,SAAAa,EAAAA,kBAAAA,IAACE,EAAAA,OAAA,CACC,MAAAX,EACA,KAAM,CAAE,KAAMN,GAAM,MAAQ,EAAA,EAC5B,QAASS,EACT,oBAAqBP,EACrB,WAAY,GACZ,gBAAiB,GACjB,SAAUgB,EAAAA,sBACV,QAAShC,CAAA,CAAA,EAEb,CAEJ"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoPlayer.es.js

@@ -0,0 +1,210 @@
+import { j as l } from "../../../../../../../_virtual/jsx-runtime.es.js";
+import { useRef as v, useEffect as x, useMemo as u } from "react";
+import { useSearchParams as C, useParams as I, useNavigate as b, useLocation as P } from "react-router-dom";
+import { toast as A } from "react-toastify";
+import { clearMemoizedPlayables as c, Player as h, compactPlayerControls as E } from "@ynput/ayon-player";
+import { ClipType as F } from "@ynput/ayon-player/model";
+import "../../../../../context/RemoteModulesContext.es.js";
+import "../../../../../../../_virtual/runtime.es.js";
+import "../../../../../../../_virtual/semver.es.js";
+import "../../../../../context/PowerpackContextInstance.es.js";
+import "../../../../../context/UriContext.es.js";
+import "../../../../../context/DetailsPanelContextInstance.es.js";
+import "lodash";
+import "uuid";
+import "../../../../../api/queries/users/updateUsers.es.js";
+import "../../../../../util/searchTerms.es.js";
+import "../../../../../util/pubsub.es.js";
+import "../../../../../context/SubtasksModulesContextInstance.es.js";
+import "../../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../../context/SettingsPanelContext.es.js";
+import "../../../../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../../../../context/pip/PiPWrapper.es.js";
+import "../../../../../context/AddonProjectContext.es.js";
+import "../../../../../context/AddonContext.es.js";
+import "../../../../../context/MenuContext.es.js";
+import "../../../../../context/WebsocketContext.es.js";
+import { useGlobalContext as R } from "../../../../../context/GlobalContext.es.js";
+import "../../../../../context/ProjectContext.es.js";
+import "../../../../../api/base/client.es.js";
+import "../../../../../api/generated/graphql.es.js";
+import "../../../../../api/generated/graphqlLinks.es.js";
+import "../../../../../api/generated/access.es.js";
+import "../../../../../api/generated/actions.es.js";
+import "../../../../../api/generated/activityFeed.es.js";
+import "../../../../../api/generated/addons.es.js";
+import "../../../../../api/generated/anatomy.es.js";
+import "../../../../../api/generated/attributes.es.js";
+import "../../../../../api/generated/authentication.es.js";
+import "../../../../../api/generated/bundles.es.js";
+import "../../../../../api/generated/configuration.es.js";
+import "../../../../../api/generated/dataImport.es.js";
+import "../../../../../api/generated/desktop.es.js";
+import "../../../../../api/generated/entityLists.es.js";
+import "../../../../../api/generated/enums.es.js";
+import "../../../../../api/generated/events.es.js";
+import "../../../../../api/generated/files.es.js";
+import "../../../../../api/generated/folders.es.js";
+import "../../../../../api/generated/inbox.es.js";
+import "../../../../../api/generated/links.es.js";
+import "../../../../../api/generated/market.es.js";
+import "../../../../../api/generated/onboarding.es.js";
+import "../../../../../api/generated/operations.es.js";
+import "../../../../../api/generated/products.es.js";
+import "../../../../../api/generated/projectDashboard.es.js";
+import "../../../../../api/generated/projects.es.js";
+import "../../../../../api/generated/projectFolders.es.js";
+import "../../../../../api/generated/reviewables.es.js";
+import "../../../../../api/generated/services.es.js";
+import "../../../../../api/generated/system.es.js";
+import "../../../../../api/generated/tasks.es.js";
+import "../../../../../api/generated/teams.es.js";
+import "../../../../../api/generated/thumbnails.es.js";
+import "../../../../../api/generated/uRIs.es.js";
+import "../../../../../api/generated/users.es.js";
+import "../../../../../api/generated/versions.es.js";
+import "../../../../../api/generated/workfiles.es.js";
+import "../../../../../api/generated/ynputCloud.es.js";
+import "../../../../../api/generated/grouping.es.js";
+import "../../../../../api/generated/views.es.js";
+import "../../../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../../../api/queries/accessGroups/updateAccessGroups.es.js";
+import "../../../../../api/queries/actions/getActions.es.js";
+import "../../../../../api/queries/activities/getActivities.es.js";
+import "../../../../../api/queries/activities/updateReaction.es.js";
+import "../../../../../api/queries/activities/getMentions.es.js";
+import "../../../../../api/queries/activities/getCategories.es.js";
+import "../../../../../api/queries/addons/getAddons.es.js";
+import "../../../../../api/queries/addons/updateAddons.es.js";
+import "../../../../../api/queries/attributes/getAttributes.es.js";
+import "../../../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../../../api/queries/bundles/getBundles.es.js";
+import "../../../../../api/queries/bundles/updateBundles.es.js";
+import "../../../../../api/queries/cloud/cloud.es.js";
+import "../../../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../../../api/queries/columnStats/groupCounts.es.js";
+import "../../../../../api/queries/config/getConfig.es.js";
+import "../../../../../api/queries/config/updateConfig.es.js";
+import "../../../../../api/queries/entities/getEntity.es.js";
+import "../../../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../../../api/queries/overview/getOverview.es.js";
+import "../../../../../api/queries/overview/updateOverview.es.js";
+import "../../../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../../../api/queries/links/getEntityLinks.es.js";
+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/enums/getEnums.es.js";
+import "../../../../../api/queries/folders/getFolders.es.js";
+import "../../../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../../../api/queries/grouping/getGrouping.es.js";
+import "../../../../../api/queries/links/updateLinks.es.js";
+import "../../../../../api/queries/links/getLinks.es.js";
+import "../../../../../api/queries/permissions/getPermissions.es.js";
+import "../../../../../api/queries/products/createProduct.es.js";
+import "../../../../../api/queries/products/getFolderProducts.es.js";
+import "../../../../../api/queries/project/getProject.es.js";
+import "../../../../../api/queries/project/updateProject.es.js";
+import "../../../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../../../api/queries/review/getReview.es.js";
+import "../../../../../api/queries/review/updateReview.es.js";
+import "../../../../../api/queries/share/share.es.js";
+import "../../../../../api/queries/system/getSystem.es.js";
+import "../../../../../api/queries/tasks/getTasks.es.js";
+import "../../../../../api/queries/tasks/updateTasks.es.js";
+import "../../../../../api/queries/teams/getTeams.es.js";
+import "../../../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../../../api/queries/users/getUsers.es.js";
+import "../../../../../api/queries/users/guests.es.js";
+import "../../../../../api/queries/versions/updateVersions.es.js";
+import "../../../../../api/queries/views/getViews.es.js";
+import "../../../../../api/queries/views/updateViews.es.js";
+import "../../../../../api/queries/watchers/getWatchers.es.js";
+import "../../../../../api/queries/uris/getUris.es.js";
+import "../../../../../context/ProjectFoldersContextInstance.es.js";
+import "../../../../../context/EntityUpdatesContextInstance.es.js";
+import "react-redux";
+import "../../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "@ynput/ayon-react-components";
+import "../../../../Views/context/ViewsContextInstance.es.js";
+import "../../../../../context/DeleteEntitiesContext.es.js";
+import { PlayerWrapper as D } from "../FileUploadPreview.styled.es.js";
+const N = { loop: !0, audio: !0 }, S = 24, T = "h264", j = {
+  activityId: "",
+  versionName: "",
+  versionId: "",
+  versionStatus: "",
+  versionAuthor: "",
+  versionAuthorFullName: "",
+  versionNumber: 0,
+  versionAttributes: {},
+  productName: "",
+  productType: "",
+  productId: "",
+  productFolderId: "",
+  productAttributes: {},
+  taskAttributes: {},
+  path: ""
+}, ar = ({
+  id: t,
+  name: o,
+  url: r,
+  projectName: i,
+  duration: p,
+  width: m,
+  height: e,
+  fps: s,
+  codec: a
+}) => {
+  const { user: f } = R(), n = v(null);
+  x(() => (c(), () => c()), [t]);
+  const d = u(
+    () => [
+      {
+        listItemId: t,
+        fileId: t,
+        label: o,
+        type: F.VIDEO,
+        url: r,
+        position: 0,
+        fps: s || S,
+        codec: a || T,
+        duration: p,
+        width: m,
+        height: e,
+        context: j
+      }
+    ],
+    [t, o, r, p, m, e, s, a]
+  ), y = u(
+    () => ({
+      router: { useLocation: P, useNavigate: b, useParams: I, useSearchParams: C },
+      toast: A,
+      projectName: i
+    }),
+    [i]
+  );
+  return /* @__PURE__ */ l.jsx(D, { ref: n, children: /* @__PURE__ */ l.jsx(
+    h,
+    {
+      clips: d,
+      user: { name: f?.name || "" },
+      context: y,
+      theatreContainerRef: n,
+      showHeader: !1,
+      showReviewables: !1,
+      controls: E,
+      initial: N
+    }
+  ) });
+};
+export {
+  ar as default
+};
+//# sourceMappingURL=VideoPlayer.es.js.map

package/dist/shared/src/containers/Feed/components/FileUploadPreview/Mimes/VideoPlayer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.es.js","sources":["../../../../../../../../src/containers/Feed/components/FileUploadPreview/Mimes/VideoPlayer.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom'\nimport { toast } from 'react-toastify'\nimport { Player, compactPlayerControls, clearMemoizedPlayables } from '@ynput/ayon-player'\nimport { ClipType } from '@ynput/ayon-player/model'\nimport type { Clip, ReviewableContext } from '@ynput/ayon-player/model'\nimport { useGlobalContext } from '@shared/context'\nimport * as Styled from '../FileUploadPreview.styled'\n\nconst playerInitialState = { loop: true, audio: true }\n\n// pre-ffprobe uploads carry no metadata and the browser can't report fps\nconst DEFAULT_FPS = 24\nconst DEFAULT_CODEC = 'h264'\n\n// Player only needs a shape here, but attributes.ts does `name in` on the two attribute\n// objects, so they must be objects rather than undefined\nconst emptyClipContext: ReviewableContext = {\n  activityId: '',\n  versionName: '',\n  versionId: '',\n  versionStatus: '',\n  versionAuthor: '',\n  versionAuthorFullName: '',\n  versionNumber: 0,\n  versionAttributes: {},\n  productName: '',\n  productType: '',\n  productId: '',\n  productFolderId: '',\n  productAttributes: {},\n  taskAttributes: {},\n  path: '',\n}\n\nexport interface VideoPlayerProps {\n  id: string\n  name: string\n  url: string\n  projectName: string\n  duration: number\n  width: number\n  height: number\n  fps?: number\n  codec?: string\n}\n\nconst VideoPlayer = ({\n  id,\n  name,\n  url,\n  projectName,\n  duration,\n  width,\n  height,\n  fps,\n  codec,\n}: VideoPlayerProps) => {\n  const { user } = useGlobalContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // the player memoizes playables in module-level maps it never clears — without this,\n  // the next video opened resumes at the previous one's currentTime and old <video>\n  // elements stay detached in memory\n  useEffect(() => {\n    clearMemoizedPlayables()\n    return () => clearMemoizedPlayables()\n  }, [id])\n\n  const clips: Clip[] = useMemo(\n    () => [\n      {\n        listItemId: id,\n        fileId: id,\n        label: name,\n        type: ClipType.VIDEO,\n        url,\n        position: 0,\n        fps: fps || DEFAULT_FPS,\n        codec: codec || DEFAULT_CODEC,\n        duration,\n        width,\n        height,\n        context: emptyClipContext,\n      },\n    ],\n    [id, name, url, duration, width, height, fps, codec],\n  )\n\n  const playerContext = useMemo(\n    () => ({\n      router: { useLocation, useNavigate, useParams, useSearchParams },\n      toast,\n      projectName,\n    }),\n    [projectName],\n  )\n\n  return (\n    <Styled.PlayerWrapper ref={containerRef}>\n      <Player\n        clips={clips}\n        user={{ name: user?.name || '' }}\n        context={playerContext}\n        theatreContainerRef={containerRef}\n        showHeader={false}\n        showReviewables={false}\n        controls={compactPlayerControls}\n        initial={playerInitialState}\n      />\n    </Styled.PlayerWrapper>\n  )\n}\n\nexport default VideoPlayer\n"],"names":["playerInitialState","DEFAULT_FPS","DEFAULT_CODEC","emptyClipContext","VideoPlayer","id","name","url","projectName","duration","width","height","fps","codec","user","useGlobalContext","containerRef","useRef","useEffect","clearMemoizedPlayables","clips","useMemo","ClipType","playerContext","useLocation","useNavigate","useParams","useSearchParams","toast","jsx","Styled.PlayerWrapper","Player","compactPlayerControls"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,IAAqB,EAAE,MAAM,IAAM,OAAO,GAAA,GAG1CC,IAAc,IACdC,IAAgB,QAIhBC,IAAsC;AAAA,EAC1C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,eAAe;AAAA,EACf,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,mBAAmB,CAAA;AAAA,EACnB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,mBAAmB,CAAA;AAAA,EACnB,gBAAgB,CAAA;AAAA,EAChB,MAAM;AACR,GAcMC,KAAc,CAAC;AAAA,EACnB,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AACF,MAAwB;AACtB,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAeC,EAAuB,IAAI;AAKhD,EAAAC,EAAU,OACRC,EAAA,GACO,MAAMA,EAAA,IACZ,CAACd,CAAE,CAAC;AAEP,QAAMe,IAAgBC;AAAA,IACpB,MAAM;AAAA,MACJ;AAAA,QACE,YAAYhB;AAAA,QACZ,QAAQA;AAAA,QACR,OAAOC;AAAA,QACP,MAAMgB,EAAS;AAAA,QACf,KAAAf;AAAA,QACA,UAAU;AAAA,QACV,KAAKK,KAAOX;AAAA,QACZ,OAAOY,KAASX;AAAA,QAChB,UAAAO;AAAA,QACA,OAAAC;AAAA,QACA,QAAAC;AAAA,QACA,SAASR;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,CAACE,GAAIC,GAAMC,GAAKE,GAAUC,GAAOC,GAAQC,GAAKC,CAAK;AAAA,EAAA,GAG/CU,IAAgBF;AAAA,IACpB,OAAO;AAAA,MACL,QAAQ,EAAE,aAAAG,GAAa,aAAAC,GAAa,WAAAC,GAAW,iBAAAC,EAAA;AAAA,MAC/C,OAAAC;AAAA,MACA,aAAApB;AAAA,IAAA;AAAA,IAEF,CAACA,CAAW;AAAA,EAAA;AAGd,SACEqB,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,KAAKd,GACzB,UAAAa,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,MAAM,EAAE,MAAMN,GAAM,QAAQ,GAAA;AAAA,MAC5B,SAASS;AAAA,MACT,qBAAqBP;AAAA,MACrB,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,UAAUgB;AAAA,MACV,SAAShC;AAAA,IAAA;AAAA,EAAA,GAEb;AAEJ;"}

package/dist/shared/src/containers/Feed/components/FilesGrid/FilesGrid.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),q=require("./FilesGrid.styled.cjs.js"),F=require("clsx"),A=require("../FileUploadCard/FileUploadCard.cjs.js"),b=require("../FileUploadPreview/FileUploadPreview.cjs.js"),h=require("react"),E=({files:t=[],activityId:d,isCompact:r,isEditing:u,onRemove:a,projectName:c,isDownloadable:m,onExpand:i,onAnnotationClick:p,pt:x,...v})=>{if(!t.length)return null;const l=h.useCallback(n=>{const e=t.filter(s=>b.isFilePreviewable(s.mime,s.ext)),j=e.findIndex(s=>s.id===t[n].id);i?.({files:e,index:j,activityId:d||""})},[i]);return o.jsxRuntimeExports.jsx(q.Grid,{className:F({compact:r}),...v,children:t.map((n,e)=>o.jsxRuntimeExports.jsx(A,{id:n.id||n.name,name:n.name,mime:n.mime||n.type,size:n.size,src:n.unsavedAnnotation?n.thumbnail:`/api/projects/${c}/files/${n.id}`,unsavedAnnotation:n.unsavedAnnotation,savedAnnotation:n.annotation,progress:n.progress,onRemove:a?()=>a(n.id,n.name,!!n.unsavedAnnotation):void 0,isCompact:r,isDownloadable:m,onExpand:()=>l(e),onJumpTo:()=>p?.(n),disableExpand:u,...x?.file},e))})};module.exports=E;
+"use strict";const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),F=require("./FilesGrid.styled.cjs.js"),l=require("clsx"),A=require("../FileUploadCard/FileUploadCard.cjs.js"),b=require("../FileUploadPreview/FileUploadPreview.cjs.js"),h=require("react"),E=({files:e=[],activityId:o,isCompact:a,isEditing:u,onRemove:r,projectName:c,isDownloadable:m,onExpand:d,onAnnotationClick:p,pt:x,...v})=>{if(!e.length)return null;const j=h.useCallback(n=>{const t=e.filter(s=>b.isFilePreviewable(s.mime,s.ext)),q=t.findIndex(s=>s.id===e[n].id);d?.({files:t,index:q,activityId:o||""})},[d]);return i.jsxRuntimeExports.jsx(F.Grid,{className:l({compact:a}),...v,children:e.map((n,t)=>i.jsxRuntimeExports.jsx(A,{id:n.id||n.name,name:n.name,mime:n.mime||n.type,size:n.size,src:n.unsavedAnnotation?n.thumbnail:`/api/projects/${c}/files/${n.id}`,unsavedAnnotation:n.unsavedAnnotation,savedAnnotation:n.annotation,progress:n.progress,onRemove:r?()=>r(n.id,n.name,!!n.unsavedAnnotation):void 0,isCompact:a,isDownloadable:m,onExpand:()=>j(t),onJumpTo:()=>p?.(n),disableExpand:u,...x?.file},n.id||n.name))})};module.exports=E;
 //# sourceMappingURL=FilesGrid.cjs.js.map

package/dist/shared/src/containers/Feed/components/FilesGrid/FilesGrid.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesGrid.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FilesGrid/FilesGrid.tsx"],"sourcesContent":["import * as Styled from './FilesGrid.styled'\nimport clsx from 'clsx'\nimport FileUploadCard, { FileUploadCardProps } from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  files?: any[]\n  activityId?: string\n  isCompact?: boolean\n  isEditing?: boolean\n  onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void\n  projectName: string\n  isDownloadable?: boolean\n  onExpand?: (data: { files: any[]; index: number; activityId: string }) => void\n  onAnnotationClick?: (file: any) => void\n  pt?: {\n    file?: Partial<FileUploadCardProps>\n  }\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  isEditing,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\n  pt,\n  ...props\n}) => {\n  if (!files.length) return null\n\n  const handleExpand = useCallback(\n    (index: number) => {\n      const filteredFiles = files.filter((file) => isFilePreviewable(file.mime, file.ext))\n      const updatedIndex = filteredFiles.findIndex((file) => file.id === files[index].id)\n      onExpand?.({ files: filteredFiles, index: updatedIndex, activityId: activityId || '' })\n    },\n    [onExpand],\n  )\n\n  return (\n    <Styled.Grid className={clsx({ compact: isCompact })} {...props}>\n      {files.map((file, index) => (\n        <FileUploadCard\n          key={index}\n          id={file.id || file.name}\n          name={file.name}\n          mime={file.mime || file.type}\n          size={file.size}\n          src={\n            file.unsavedAnnotation\n              ? file.thumbnail\n              : `/api/projects/${projectName}/files/${file.id}`\n          }\n          unsavedAnnotation={file.unsavedAnnotation}\n          savedAnnotation={file.annotation}\n          progress={file.progress}\n          onRemove={\n            onRemove ? () => onRemove(file.id, file.name, !!file.unsavedAnnotation) : undefined\n          }\n          isCompact={isCompact}\n          isDownloadable={isDownloadable}\n          onExpand={() => handleExpand(index)}\n          onJumpTo={() => onAnnotationClick?.(file)}\n          disableExpand={isEditing}\n          {...pt?.file}\n        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["FilesGrid","files","activityId","isCompact","isEditing","onRemove","projectName","isDownloadable","onExpand","onAnnotationClick","pt","props","handleExpand","useCallback","index","filteredFiles","file","isFilePreviewable","updatedIndex","Styled.Grid","clsx","jsx","FileUploadCard"],"mappings":"0QAqBMA,EAAsC,CAAC,CAC3C,MAAAC,EAAQ,CAAA,EACR,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,eAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,GAAI,CAACV,EAAM,OAAQ,OAAO,KAE1B,MAAMW,EAAeC,EAAAA,YAClBC,GAAkB,CACjB,MAAMC,EAAgBd,EAAM,OAAQe,GAASC,oBAAkBD,EAAK,KAAMA,EAAK,GAAG,CAAC,EAC7EE,EAAeH,EAAc,UAAWC,GAASA,EAAK,KAAOf,EAAMa,CAAK,EAAE,EAAE,EAClFN,IAAW,CAAE,MAAOO,EAAe,MAAOG,EAAc,WAAYhB,GAAc,GAAI,CACxF,EACA,CAACM,CAAQ,CAAA,EAGX,+BACGW,EAAAA,KAAA,CAAY,UAAWC,EAAK,CAAE,QAASjB,CAAA,CAAW,EAAI,GAAGQ,EACvD,WAAM,IAAI,CAACK,EAAMF,IAChBO,EAAAA,kBAAAA,IAACC,EAAA,CAEC,GAAIN,EAAK,IAAMA,EAAK,KACpB,KAAMA,EAAK,KACX,KAAMA,EAAK,MAAQA,EAAK,KACxB,KAAMA,EAAK,KACX,IACEA,EAAK,kBACDA,EAAK,UACL,iBAAiBV,CAAW,UAAUU,EAAK,EAAE,GAEnD,kBAAmBA,EAAK,kBACxB,gBAAiBA,EAAK,WACtB,SAAUA,EAAK,SACf,SACEX,EAAW,IAAMA,EAASW,EAAK,GAAIA,EAAK,KAAM,CAAC,CAACA,EAAK,iBAAiB,EAAI,OAE5E,UAAAb,EACA,eAAAI,EACA,SAAU,IAAMK,EAAaE,CAAK,EAClC,SAAU,IAAML,IAAoBO,CAAI,EACxC,cAAeZ,EACd,GAAGM,GAAI,IAAA,EArBHI,CAAA,CAuBR,EACH,CAEJ"}
+{"version":3,"file":"FilesGrid.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FilesGrid/FilesGrid.tsx"],"sourcesContent":["import * as Styled from './FilesGrid.styled'\nimport clsx from 'clsx'\nimport FileUploadCard, { FileUploadCardProps } from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  files?: any[]\n  activityId?: string\n  isCompact?: boolean\n  isEditing?: boolean\n  onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void\n  projectName: string\n  isDownloadable?: boolean\n  onExpand?: (data: { files: any[]; index: number; activityId: string }) => void\n  onAnnotationClick?: (file: any) => void\n  pt?: {\n    file?: Partial<FileUploadCardProps>\n  }\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  isEditing,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\n  pt,\n  ...props\n}) => {\n  if (!files.length) return null\n\n  const handleExpand = useCallback(\n    (index: number) => {\n      const filteredFiles = files.filter((file) => isFilePreviewable(file.mime, file.ext))\n      const updatedIndex = filteredFiles.findIndex((file) => file.id === files[index].id)\n      onExpand?.({ files: filteredFiles, index: updatedIndex, activityId: activityId || '' })\n    },\n    [onExpand],\n  )\n\n  return (\n    <Styled.Grid className={clsx({ compact: isCompact })} {...props}>\n      {files.map((file, index) => (\n        <FileUploadCard\n          key={file.id || file.name}\n          id={file.id || file.name}\n          name={file.name}\n          mime={file.mime || file.type}\n          size={file.size}\n          src={\n            file.unsavedAnnotation\n              ? file.thumbnail\n              : `/api/projects/${projectName}/files/${file.id}`\n          }\n          unsavedAnnotation={file.unsavedAnnotation}\n          savedAnnotation={file.annotation}\n          progress={file.progress}\n          onRemove={\n            onRemove ? () => onRemove(file.id, file.name, !!file.unsavedAnnotation) : undefined\n          }\n          isCompact={isCompact}\n          isDownloadable={isDownloadable}\n          onExpand={() => handleExpand(index)}\n          onJumpTo={() => onAnnotationClick?.(file)}\n          disableExpand={isEditing}\n          {...pt?.file}\n        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["FilesGrid","files","activityId","isCompact","isEditing","onRemove","projectName","isDownloadable","onExpand","onAnnotationClick","pt","props","handleExpand","useCallback","index","filteredFiles","file","isFilePreviewable","updatedIndex","Styled.Grid","clsx","jsx","FileUploadCard"],"mappings":"0QAqBMA,EAAsC,CAAC,CAC3C,MAAAC,EAAQ,CAAA,EACR,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,eAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,GAAI,CAACV,EAAM,OAAQ,OAAO,KAE1B,MAAMW,EAAeC,EAAAA,YAClBC,GAAkB,CACjB,MAAMC,EAAgBd,EAAM,OAAQe,GAASC,oBAAkBD,EAAK,KAAMA,EAAK,GAAG,CAAC,EAC7EE,EAAeH,EAAc,UAAWC,GAASA,EAAK,KAAOf,EAAMa,CAAK,EAAE,EAAE,EAClFN,IAAW,CAAE,MAAOO,EAAe,MAAOG,EAAc,WAAYhB,GAAc,GAAI,CACxF,EACA,CAACM,CAAQ,CAAA,EAGX,+BACGW,EAAAA,KAAA,CAAY,UAAWC,EAAK,CAAE,QAASjB,CAAA,CAAW,EAAI,GAAGQ,EACvD,WAAM,IAAI,CAACK,EAAMF,IAChBO,EAAAA,kBAAAA,IAACC,EAAA,CAEC,GAAIN,EAAK,IAAMA,EAAK,KACpB,KAAMA,EAAK,KACX,KAAMA,EAAK,MAAQA,EAAK,KACxB,KAAMA,EAAK,KACX,IACEA,EAAK,kBACDA,EAAK,UACL,iBAAiBV,CAAW,UAAUU,EAAK,EAAE,GAEnD,kBAAmBA,EAAK,kBACxB,gBAAiBA,EAAK,WACtB,SAAUA,EAAK,SACf,SACEX,EAAW,IAAMA,EAASW,EAAK,GAAIA,EAAK,KAAM,CAAC,CAACA,EAAK,iBAAiB,EAAI,OAE5E,UAAAb,EACA,eAAAI,EACA,SAAU,IAAMK,EAAaE,CAAK,EAClC,SAAU,IAAML,IAAoBO,CAAI,EACxC,cAAeZ,EACd,GAAGM,GAAI,IAAA,EArBHM,EAAK,IAAMA,EAAK,IAAA,CAuBxB,EACH,CAEJ"}

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

@@ -1,15 +1,15 @@
-import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as m } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { Grid as b } from "./FilesGrid.styled.es.js";
 import h from "clsx";
-import l from "../FileUploadCard/FileUploadCard.es.js";
-import { isFilePreviewable as F } from "../FileUploadPreview/FileUploadPreview.es.js";
-import { useCallback as g } from "react";
+import F from "../FileUploadCard/FileUploadCard.es.js";
+import { isFilePreviewable as g } from "../FileUploadPreview/FileUploadPreview.es.js";
+import { useCallback as E } from "react";
 const k = ({
-  files: o = [],
-  activityId: m,
-  isCompact: r,
+  files: t = [],
+  activityId: e,
+  isCompact: d,
   isEditing: i,
-  onRemove: d,
+  onRemove: r,
   projectName: p,
   isDownloadable: u,
   onExpand: s,
@@ -17,16 +17,16 @@ const k = ({
   pt: x,
   ...v
 }) => {
-  if (!o.length) return null;
-  const j = g(
+  if (!t.length) return null;
+  const j = E(
     (n) => {
-      const t = o.filter((a) => F(a.mime, a.ext)), A = t.findIndex((a) => a.id === o[n].id);
-      s?.({ files: t, index: A, activityId: m || "" });
+      const o = t.filter((a) => g(a.mime, a.ext)), A = o.findIndex((a) => a.id === t[n].id);
+      s?.({ files: o, index: A, activityId: e || "" });
     },
     [s]
   );
-  return /* @__PURE__ */ e.jsx(b, { className: h({ compact: r }), ...v, children: o.map((n, t) => /* @__PURE__ */ e.jsx(
-    l,
+  return /* @__PURE__ */ m.jsx(b, { className: h({ compact: d }), ...v, children: t.map((n, o) => /* @__PURE__ */ m.jsx(
+    F,
     {
       id: n.id || n.name,
       name: n.name,
@@ -36,15 +36,15 @@ const k = ({
       unsavedAnnotation: n.unsavedAnnotation,
       savedAnnotation: n.annotation,
       progress: n.progress,
-      onRemove: d ? () => d(n.id, n.name, !!n.unsavedAnnotation) : void 0,
-      isCompact: r,
+      onRemove: r ? () => r(n.id, n.name, !!n.unsavedAnnotation) : void 0,
+      isCompact: d,
       isDownloadable: u,
-      onExpand: () => j(t),
+      onExpand: () => j(o),
       onJumpTo: () => c?.(n),
       disableExpand: i,
       ...x?.file
     },
-    t
+    n.id || n.name
   )) });
 };
 export {

package/dist/shared/src/containers/Feed/components/FilesGrid/FilesGrid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesGrid.es.js","sources":["../../../../../../../src/containers/Feed/components/FilesGrid/FilesGrid.tsx"],"sourcesContent":["import * as Styled from './FilesGrid.styled'\nimport clsx from 'clsx'\nimport FileUploadCard, { FileUploadCardProps } from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  files?: any[]\n  activityId?: string\n  isCompact?: boolean\n  isEditing?: boolean\n  onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void\n  projectName: string\n  isDownloadable?: boolean\n  onExpand?: (data: { files: any[]; index: number; activityId: string }) => void\n  onAnnotationClick?: (file: any) => void\n  pt?: {\n    file?: Partial<FileUploadCardProps>\n  }\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  isEditing,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\n  pt,\n  ...props\n}) => {\n  if (!files.length) return null\n\n  const handleExpand = useCallback(\n    (index: number) => {\n      const filteredFiles = files.filter((file) => isFilePreviewable(file.mime, file.ext))\n      const updatedIndex = filteredFiles.findIndex((file) => file.id === files[index].id)\n      onExpand?.({ files: filteredFiles, index: updatedIndex, activityId: activityId || '' })\n    },\n    [onExpand],\n  )\n\n  return (\n    <Styled.Grid className={clsx({ compact: isCompact })} {...props}>\n      {files.map((file, index) => (\n        <FileUploadCard\n          key={index}\n          id={file.id || file.name}\n          name={file.name}\n          mime={file.mime || file.type}\n          size={file.size}\n          src={\n            file.unsavedAnnotation\n              ? file.thumbnail\n              : `/api/projects/${projectName}/files/${file.id}`\n          }\n          unsavedAnnotation={file.unsavedAnnotation}\n          savedAnnotation={file.annotation}\n          progress={file.progress}\n          onRemove={\n            onRemove ? () => onRemove(file.id, file.name, !!file.unsavedAnnotation) : undefined\n          }\n          isCompact={isCompact}\n          isDownloadable={isDownloadable}\n          onExpand={() => handleExpand(index)}\n          onJumpTo={() => onAnnotationClick?.(file)}\n          disableExpand={isEditing}\n          {...pt?.file}\n        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["FilesGrid","files","activityId","isCompact","isEditing","onRemove","projectName","isDownloadable","onExpand","onAnnotationClick","pt","props","handleExpand","useCallback","index","filteredFiles","file","isFilePreviewable","updatedIndex","Styled.Grid","clsx","jsx","FileUploadCard"],"mappings":";;;;;;AAqBA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,MAAI,CAACV,EAAM,OAAQ,QAAO;AAE1B,QAAMW,IAAeC;AAAA,IACnB,CAACC,MAAkB;AACjB,YAAMC,IAAgBd,EAAM,OAAO,CAACe,MAASC,EAAkBD,EAAK,MAAMA,EAAK,GAAG,CAAC,GAC7EE,IAAeH,EAAc,UAAU,CAACC,MAASA,EAAK,OAAOf,EAAMa,CAAK,EAAE,EAAE;AAClF,MAAAN,IAAW,EAAE,OAAOO,GAAe,OAAOG,GAAc,YAAYhB,KAAc,IAAI;AAAA,IACxF;AAAA,IACA,CAACM,CAAQ;AAAA,EAAA;AAGX,+BACGW,GAAA,EAAY,WAAWC,EAAK,EAAE,SAASjB,EAAA,CAAW,GAAI,GAAGQ,GACvD,YAAM,IAAI,CAACK,GAAMF,MAChBO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MAEC,IAAIN,EAAK,MAAMA,EAAK;AAAA,MACpB,MAAMA,EAAK;AAAA,MACX,MAAMA,EAAK,QAAQA,EAAK;AAAA,MACxB,MAAMA,EAAK;AAAA,MACX,KACEA,EAAK,oBACDA,EAAK,YACL,iBAAiBV,CAAW,UAAUU,EAAK,EAAE;AAAA,MAEnD,mBAAmBA,EAAK;AAAA,MACxB,iBAAiBA,EAAK;AAAA,MACtB,UAAUA,EAAK;AAAA,MACf,UACEX,IAAW,MAAMA,EAASW,EAAK,IAAIA,EAAK,MAAM,CAAC,CAACA,EAAK,iBAAiB,IAAI;AAAA,MAE5E,WAAAb;AAAA,MACA,gBAAAI;AAAA,MACA,UAAU,MAAMK,EAAaE,CAAK;AAAA,MAClC,UAAU,MAAML,IAAoBO,CAAI;AAAA,MACxC,eAAeZ;AAAA,MACd,GAAGM,GAAI;AAAA,IAAA;AAAA,IArBHI;AAAA,EAAA,CAuBR,GACH;AAEJ;"}
+{"version":3,"file":"FilesGrid.es.js","sources":["../../../../../../../src/containers/Feed/components/FilesGrid/FilesGrid.tsx"],"sourcesContent":["import * as Styled from './FilesGrid.styled'\nimport clsx from 'clsx'\nimport FileUploadCard, { FileUploadCardProps } from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  files?: any[]\n  activityId?: string\n  isCompact?: boolean\n  isEditing?: boolean\n  onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void\n  projectName: string\n  isDownloadable?: boolean\n  onExpand?: (data: { files: any[]; index: number; activityId: string }) => void\n  onAnnotationClick?: (file: any) => void\n  pt?: {\n    file?: Partial<FileUploadCardProps>\n  }\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  isEditing,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\n  pt,\n  ...props\n}) => {\n  if (!files.length) return null\n\n  const handleExpand = useCallback(\n    (index: number) => {\n      const filteredFiles = files.filter((file) => isFilePreviewable(file.mime, file.ext))\n      const updatedIndex = filteredFiles.findIndex((file) => file.id === files[index].id)\n      onExpand?.({ files: filteredFiles, index: updatedIndex, activityId: activityId || '' })\n    },\n    [onExpand],\n  )\n\n  return (\n    <Styled.Grid className={clsx({ compact: isCompact })} {...props}>\n      {files.map((file, index) => (\n        <FileUploadCard\n          key={file.id || file.name}\n          id={file.id || file.name}\n          name={file.name}\n          mime={file.mime || file.type}\n          size={file.size}\n          src={\n            file.unsavedAnnotation\n              ? file.thumbnail\n              : `/api/projects/${projectName}/files/${file.id}`\n          }\n          unsavedAnnotation={file.unsavedAnnotation}\n          savedAnnotation={file.annotation}\n          progress={file.progress}\n          onRemove={\n            onRemove ? () => onRemove(file.id, file.name, !!file.unsavedAnnotation) : undefined\n          }\n          isCompact={isCompact}\n          isDownloadable={isDownloadable}\n          onExpand={() => handleExpand(index)}\n          onJumpTo={() => onAnnotationClick?.(file)}\n          disableExpand={isEditing}\n          {...pt?.file}\n        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["FilesGrid","files","activityId","isCompact","isEditing","onRemove","projectName","isDownloadable","onExpand","onAnnotationClick","pt","props","handleExpand","useCallback","index","filteredFiles","file","isFilePreviewable","updatedIndex","Styled.Grid","clsx","jsx","FileUploadCard"],"mappings":";;;;;;AAqBA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,MAAI,CAACV,EAAM,OAAQ,QAAO;AAE1B,QAAMW,IAAeC;AAAA,IACnB,CAACC,MAAkB;AACjB,YAAMC,IAAgBd,EAAM,OAAO,CAACe,MAASC,EAAkBD,EAAK,MAAMA,EAAK,GAAG,CAAC,GAC7EE,IAAeH,EAAc,UAAU,CAACC,MAASA,EAAK,OAAOf,EAAMa,CAAK,EAAE,EAAE;AAClF,MAAAN,IAAW,EAAE,OAAOO,GAAe,OAAOG,GAAc,YAAYhB,KAAc,IAAI;AAAA,IACxF;AAAA,IACA,CAACM,CAAQ;AAAA,EAAA;AAGX,+BACGW,GAAA,EAAY,WAAWC,EAAK,EAAE,SAASjB,EAAA,CAAW,GAAI,GAAGQ,GACvD,YAAM,IAAI,CAACK,GAAMF,MAChBO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MAEC,IAAIN,EAAK,MAAMA,EAAK;AAAA,MACpB,MAAMA,EAAK;AAAA,MACX,MAAMA,EAAK,QAAQA,EAAK;AAAA,MACxB,MAAMA,EAAK;AAAA,MACX,KACEA,EAAK,oBACDA,EAAK,YACL,iBAAiBV,CAAW,UAAUU,EAAK,EAAE;AAAA,MAEnD,mBAAmBA,EAAK;AAAA,MACxB,iBAAiBA,EAAK;AAAA,MACtB,UAAUA,EAAK;AAAA,MACf,UACEX,IAAW,MAAMA,EAASW,EAAK,IAAIA,EAAK,MAAM,CAAC,CAACA,EAAK,iBAAiB,IAAI;AAAA,MAE5E,WAAAb;AAAA,MACA,gBAAAI;AAAA,MACA,UAAU,MAAMK,EAAaE,CAAK;AAAA,MAClC,UAAU,MAAML,IAAoBO,CAAI;AAAA,MACxC,eAAeZ;AAAA,MACd,GAAGM,GAAI;AAAA,IAAA;AAAA,IArBHM,EAAK,MAAMA,EAAK;AAAA,EAAA,CAuBxB,GACH;AAEJ;"}

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const k=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),U=require("./EntityTooltip.styled.cjs.js"),f=require("../../../context/FeedContext.cjs.js"),F=require("../../../../../context/ProjectContext.cjs.js");require("lodash");require("react-toastify");require("uuid");const W=require("../../../../../util/getThumbnailUrl.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../util/pubsub.cjs.js");const v=({type:t,id:o,pos:{left:e=0,top:s=0}={}})=>{const{entityTooltipData:r,isFetchingTooltip:u,projectInfo:c,projectName:a}=f.useFeedContext(),d=F.useProjectContext(),i=220;e+i/2>window.innerWidth&&(e=window.innerWidth-i/2);const{title:l,subTitle:h,path:p,taskType:y,productType:T,users:m=[],thumbnailId:q,status:x,thumbnailHash:j}=r||{},{taskTypes:b=[],statuses:g=[]}=c,w=b.find(n=>n.name===y)?.icon,I=g.find(n=>n.name===x),C=W.getEntityThumbnailUrl({entityId:o,entityType:t,thumbnailHash:j,thumbnailId:q,projectName:a}),E=d.getProductType(T).icon,P={task:w,version:E};return t?k.jsxRuntimeExports.jsx(U.TooltipEntityCard,{style:{left:e,top:s,maxWidth:i},title:l,header:h,path:p,showPath:!0,status:I,users:m,hidePriority:!0,isLoading:u,loadingSections:["header","title","users","status"],titleIcon:P[t||""],imageUrl:C||void 0}):null};module.exports=v;
+"use strict";const r=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),s=require("../../../../../components/EntityTooltip/EntityTooltip.cjs.js"),c=require("../../../context/FeedContext.cjs.js"),p=({type:t,id:e,pos:o})=>{const{projectInfo:n,projectName:i}=c.useFeedContext();return r.jsxRuntimeExports.jsx(s.EntityTooltip,{entityType:t,entityId:e,projectName:i,projectInfo:n,pos:o})};module.exports=p;
 //# sourceMappingURL=EntityTooltip.cjs.js.map

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n  const project = useProjectContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    status,\n    thumbnailHash,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getEntityThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailHash,\n    thumbnailId,\n    projectName,\n  })\n  const productIcon = project.getProductType(productType).icon\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["EntityTooltip","type","id","left","top","entityTooltipData","isFetchingTooltip","projectInfo","projectName","useFeedContext","project","useProjectContext","width","title","subTitle","path","taskType","productType","users","thumbnailId","status","thumbnailHash","taskTypes","statuses","taskIcon","statusObject","s","thumbnailUrl","getEntityThumbnailUrl","productIcon","icons","jsx","Styled.TooltipEntityCard"],"mappings":"6cAiBA,MAAMA,EAA8C,CAAC,CACnD,KAAAC,EACA,GAAAC,EACA,IAAK,CAAE,KAAAC,EAAO,EAAG,IAAAC,EAAM,CAAA,EAAM,CAAA,CAC/B,IAAM,CACJ,KAAM,CAAE,kBAAAC,EAAmB,kBAAAC,EAAmB,YAAAC,EAAa,YAAAC,CAAA,EAAgBC,EAAAA,eAAA,EACrEC,EAAUC,EAAAA,kBAAA,EAEVC,EAAQ,IAGVT,EAAOS,EAAQ,EAAI,OAAO,aAAYT,EAAO,OAAO,WAAaS,EAAQ,GAE7E,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAAC,EACA,OAAAC,EACA,cAAAC,CAAA,EACEhB,GAAqB,CAAA,EAEnB,CAAE,UAAAiB,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,GAAOhB,EAEpCiB,EAAWF,EAAU,KAAMrB,GAAcA,EAAK,OAASe,CAAQ,GAAG,KAClES,EAAeF,EAAS,KAAMG,GAAcA,EAAE,OAASN,CAAM,EAC7DO,EAAeC,EAAAA,sBAAsB,CACzC,SAAU1B,EACV,WAAYD,EACZ,cAAAoB,EACA,YAAAF,EACA,YAAAX,CAAA,CACD,EACKqB,EAAcnB,EAAQ,eAAeO,CAAW,EAAE,KAElDa,EAA4C,CAChD,KAAMN,EACN,QAASK,CAAA,EAGX,OAAK5B,EAGH8B,EAAAA,kBAAAA,IAACC,EAAAA,kBAAA,CACC,MAAO,CAAE,KAAA7B,EAAM,IAAAC,EAAK,SAAUQ,CAAA,EAC9B,MAAAC,EACA,OAAQC,EACR,KAAAC,EACA,SAAQ,GACR,OAAQU,EACR,MAAAP,EACA,aAAY,GACZ,UAAWZ,EACX,gBAAiB,CAAC,SAAU,QAAS,QAAS,QAAQ,EACtD,UAAWwB,EAAM7B,GAAQ,EAAE,EAC3B,SAAU0B,GAAgB,MAAA,CAAA,EAfZ,IAkBpB"}
+{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import { EntityTooltip as SharedEntityTooltip } from '@shared/components/EntityTooltip'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({ type, id, pos }) => {\n  const { projectInfo, projectName } = useFeedContext()\n\n  return (\n    <SharedEntityTooltip\n      entityType={type}\n      entityId={id}\n      projectName={projectName}\n      projectInfo={projectInfo}\n      pos={pos}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["EntityTooltip","type","id","pos","projectInfo","projectName","useFeedContext","jsx","SharedEntityTooltip"],"mappings":"4MAYMA,EAA8C,CAAC,CAAE,KAAAC,EAAM,GAAAC,EAAI,IAAAC,KAAU,CACzE,KAAM,CAAE,YAAAC,EAAa,YAAAC,CAAA,EAAgBC,iBAAA,EAErC,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,WAAYP,EACZ,SAAUC,EACV,YAAAG,EACA,YAAAD,EACA,IAAAD,CAAA,CAAA,CAGN"}