@ynput/ayon-frontend-shared 0.2.34 → 0.2.35

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

@@ -1,7 +1,7 @@
-import { useEffect as d } from "react";
-import { useFeedContext as f, FEED_NEW_COMMENT as c } from "../../../context/FeedContext.es.js";
+import { useEffect as f } from "react";
+import { useFeedContext as c, FEED_NEW_COMMENT as l } from "../../../context/FeedContext.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as l } from "../../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as d } from "../../../../../context/DetailsPanelContext.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
@@ -12,15 +12,18 @@ import "../../../../../context/AddonContext.es.js";
 import "../../../../../context/PowerpackContext.es.js";
 import "../../../../../context/MoveEntityContext.es.js";
 import "../../../../../context/MenuContext.es.js";
-const u = (o, n, e) => Object.values(o).filter(
-  (t) => t.versionId === n && !e.some((i) => i.name === t.name)
+import "../../../../../context/WebsocketContext.es.js";
+const u = (o, n, i) => (n || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(o).forEach((t) => {
+  t.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", t);
+}), Object.values(o).filter(
+  (t) => t.versionId === n && !i.some((e) => e.name === t.name)
 ).map((t) => ({
   ...t,
   unsavedAnnotation: t
-})), b = ({ entityId: o, filesUploading: n }) => {
-  const { editingId: e, setEditingId: t, annotations: i, removeAnnotation: m } = f(), { onGoToFrame: r } = l(), s = u(i || [], o, n);
-  return d(() => {
-    s.length > 0 && !e && t(c);
+}))), N = ({ entityId: o, filesUploading: n }) => {
+  const { editingId: i, setEditingId: t, annotations: e, removeAnnotation: m } = c(), { onGoToFrame: r } = d(), s = u(e || [], o, n);
+  return f(() => {
+    s.length > 0 && !i && t(l);
   }, [s]), {
     annotations: s,
     goToAnnotation: (a) => {
@@ -31,7 +34,7 @@ const u = (o, n, e) => Object.values(o).filter(
   };
 };
 export {
-  b as default,
+  N as default,
   u as filterEntityAnnotations
 };
 //# sourceMappingURL=useAnnotationsSync.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;;;;;;;;;;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,MAEO,OAAO,OAAOF,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,GAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAe,GAC5E,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GAGzCC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAC/B,GACC,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AACxD,YAAAa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,KAAA,QAAAA,EAAcK;AAAA,IAChB;AAAA,IAKE,kBAAAP;AAAA,EACF;AACF;"}
+{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,OAEKD,KACH,QAAQ,KAAK,4CAA4C,GAG3D,OAAO,OAAOD,CAAW,EAAE,QAAQ,CAACG,MAAe;AAC7C,EAACA,EAAW,aACN,QAAA,KAAK,0DAA0DA,CAAU;AACnF,CACD,GAEM,OAAO,OAAOH,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,IAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAe,GAC5E,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GAGzCC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAC/B,GACC,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AACxD,YAAAa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,KAAA,QAAAA,EAAcK;AAAA,IAChB;AAAA,IAKE,kBAAAP;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var x=Object.defineProperty;var T=(i,e,s)=>e in i?x(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s;var l=(i,e,s)=>T(i,typeof e!="symbol"?e+"":e,s);const p=require("react-quill-ayon"),N=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const A=require("../../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");const E=p.Quill.import("blots/inline"),I=({projectName:i})=>{const{openSlideOut:e}=A.useDetailsPanelContext(),[,s]=N(),n=class n extends E{static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const r=super.create(t),u=t.split(":").shift(),o=t.split(":").pop();return r.classList.add("mention"),r.classList.add(u),r.setAttribute("id",`ref-${o}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",t),r.addEventListener("click",c=>{c.preventDefault(),u!=="user"&&e({entityId:o,entityType:u,projectName:i})}),r.addEventListener("mouseenter",c=>{const d=c.target||{},f=d.innerText.replace("@",""),{x:m,y:g,width:b}=d.getBoundingClientRect(),y={left:m+b/2,top:g};s({id:o,name:o,type:u,label:f,pos:y})}),r||""}static value(t){return t.getAttribute("data-value")}};l(n,"blotName","mention"),l(n,"tagName","MENTION");let a=n;a.sanitize=q=>q,p.Quill.register(a,!0)};module.exports=I;
+"use strict";var x=Object.defineProperty;var T=(i,e,s)=>e in i?x(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s;var l=(i,e,s)=>T(i,typeof e!="symbol"?e+"":e,s);const p=require("react-quill-ayon"),N=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const A=require("../../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../../context/MoveEntityContext.cjs.js");require("../../../../../context/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");const E=p.Quill.import("blots/inline"),I=({projectName:i})=>{const{openSlideOut:e}=A.useDetailsPanelContext(),[,s]=N(),n=class n extends E{static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const r=super.create(t),a=t.split(":").shift(),o=t.split(":").pop();return r.classList.add("mention"),r.classList.add(a),r.setAttribute("id",`ref-${o}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",t),r.addEventListener("click",c=>{c.preventDefault(),a!=="user"&&e({entityId:o,entityType:a,projectName:i})}),r.addEventListener("mouseenter",c=>{const d=c.target||{},f=d.innerText.replace("@",""),{x:m,y:g,width:b}=d.getBoundingClientRect(),y={left:m+b/2,top:g};s({id:o,name:o,type:a,label:f,pos:y})}),r||""}static value(t){return t.getAttribute("data-value")}};l(n,"blotName","mention"),l(n,"tagName","MENTION");let u=n;u.sanitize=q=>q,p.Quill.register(u,!0)};module.exports=I;
 //# sourceMappingURL=useMentionLink.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":"k7BAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CACxD,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAC1C,CAAG,CAAAC,CAAa,EAAIC,EAAoB,EAIxCC,EAAN,MAAMA,UAAoBR,CAAO,CAI/B,OAAO,OAAOS,EAAO,CACf,GAAA,CAACA,GAAS,OAAOA,GAAU,SAAiB,OAAA,SAAS,cAAcD,EAAY,OAAO,EAEpF,MAAAE,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,EAC1CG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI,EAEvC,OAAAC,EAAA,UAAU,IAAI,SAAS,EACvBA,EAAA,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE1CF,EAAA,aAAa,kBAAmB,OAAO,EAGvCA,EAAA,aAAa,aAAcD,CAAK,EAGhCC,EAAA,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAe,EACbF,IAAqB,QAEZP,EAAA,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CAAA,CACF,EAGIO,EAAA,iBAAiB,aAAeG,GAAwC,CACrE,MAAAC,EAASD,EAAE,QAAU,CAAC,EACtBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAM,EAAKJ,EAAuB,sBAAsB,EAChEK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAE,EAE5BX,EAAA,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CAAA,CACF,EAEMT,GAAQ,EAAA,CAIjB,OAAO,MAAMA,EAAW,CACf,OAAAA,EAAK,aAAa,YAAY,CAAA,CACvC,EAxDAU,EADIZ,EACG,WAAW,WAClBY,EAFIZ,EAEG,UAAU,WAFnB,IAAMa,EAANb,EA6DYa,EAAA,SAAYC,GAAQA,EAE1BrB,QAAA,SAASoB,EAAa,EAAI,CAClC"}
+{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":"4+BAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CACxD,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAC1C,CAAG,CAAAC,CAAa,EAAIC,EAAoB,EAIxCC,EAAN,MAAMA,UAAoBR,CAAO,CAI/B,OAAO,OAAOS,EAAO,CACf,GAAA,CAACA,GAAS,OAAOA,GAAU,SAAiB,OAAA,SAAS,cAAcD,EAAY,OAAO,EAEpF,MAAAE,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,EAC1CG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI,EAEvC,OAAAC,EAAA,UAAU,IAAI,SAAS,EACvBA,EAAA,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE1CF,EAAA,aAAa,kBAAmB,OAAO,EAGvCA,EAAA,aAAa,aAAcD,CAAK,EAGhCC,EAAA,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAe,EACbF,IAAqB,QAEZP,EAAA,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CAAA,CACF,EAGIO,EAAA,iBAAiB,aAAeG,GAAwC,CACrE,MAAAC,EAASD,EAAE,QAAU,CAAC,EACtBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAM,EAAKJ,EAAuB,sBAAsB,EAChEK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAE,EAE5BX,EAAA,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CAAA,CACF,EAEMT,GAAQ,EAAA,CAIjB,OAAO,MAAMA,EAAW,CACf,OAAAA,EAAK,aAAa,YAAY,CAAA,CACvC,EAxDAU,EADIZ,EACG,WAAW,WAClBY,EAFIZ,EAEG,UAAU,WAFnB,IAAMa,EAANb,EA6DYa,EAAA,SAAYC,GAAQA,EAE1BrB,QAAA,SAASoB,EAAa,EAAI,CAClC"}

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

@@ -1,6 +1,6 @@
 var x = Object.defineProperty;
 var N = (r, t, o) => t in r ? x(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
-var l = (r, t, o) => N(r, typeof t != "symbol" ? t + "" : t, o);
+var m = (r, t, o) => N(r, typeof t != "symbol" ? t + "" : t, o);
 import { Quill as d } from "react-quill-ayon";
 import A from "../../../hooks/useReferenceTooltip.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
@@ -15,7 +15,8 @@ import "../../../../../context/AddonContext.es.js";
 import "../../../../../context/PowerpackContext.es.js";
 import "../../../../../context/MoveEntityContext.es.js";
 import "../../../../../context/MenuContext.es.js";
-const I = d.import("blots/inline"), j = ({ projectName: r }) => {
+import "../../../../../context/WebsocketContext.es.js";
+const I = d.import("blots/inline"), q = ({ projectName: r }) => {
   const { openSlideOut: t } = E(), [, o] = A(), n = class n extends I {
     // @ts-ignore
     static create(e) {
@@ -28,7 +29,7 @@ const I = d.import("blots/inline"), j = ({ projectName: r }) => {
           projectName: r
         });
       }), i.addEventListener("mouseenter", (c) => {
-        const m = c.target || {}, f = m.innerText.replace("@", ""), { x: g, y: b, width: y } = m.getBoundingClientRect(), T = { left: g + y / 2, top: b };
+        const l = c.target || {}, f = l.innerText.replace("@", ""), { x: g, y: b, width: y } = l.getBoundingClientRect(), T = { left: g + y / 2, top: b };
         o({
           id: p,
           name: p,
@@ -43,11 +44,11 @@ const I = d.import("blots/inline"), j = ({ projectName: r }) => {
       return e.getAttribute("data-value");
     }
   };
-  l(n, "blotName", "mention"), l(n, "tagName", "MENTION");
+  m(n, "blotName", "mention"), m(n, "tagName", "MENTION");
   let s = n;
   s.sanitize = (u) => u, d.register(s, !0);
 };
 export {
-  j as default
+  q as default
 };
 //# sourceMappingURL=useMentionLink.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":";;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AACxD,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB,GAC1C,CAAG,EAAAC,CAAa,IAAIC,EAAoB,GAIxCC,IAAN,MAAMA,UAAoBR,EAAO;AAAA;AAAA,IAI/B,OAAO,OAAOS,GAAO;AACf,UAAA,CAACA,KAAS,OAAOA,KAAU,SAAiB,QAAA,SAAS,cAAcD,EAAY,OAAO;AAEpF,YAAAE,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,GAC1CG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,aAAAC,EAAA,UAAU,IAAI,SAAS,GACvBA,EAAA,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE1CF,EAAA,aAAa,mBAAmB,OAAO,GAGvCA,EAAA,aAAa,cAAcD,CAAK,GAGhCC,EAAA,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAe,GACbF,MAAqB,UAEZP,EAAA;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAGIO,EAAA,iBAAiB,cAAc,CAACG,MAAwC;AACrE,cAAAC,IAASD,EAAE,UAAU,CAAC,GACtBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAM,IAAKJ,EAAuB,sBAAsB,GAChEK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAE;AAE5B,QAAAX,EAAA;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAEMT,KAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAMA,GAAW;AACf,aAAAA,EAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,EAAAU,EADIZ,GACG,YAAW,YAClBY,EAFIZ,GAEG,WAAU;AAFnB,MAAMa,IAANb;AA6DY,EAAAa,EAAA,WAAW,CAACC,MAAQA,GAE1BrB,EAAA,SAASoB,GAAa,EAAI;AAClC;"}
+{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AACxD,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB,GAC1C,CAAG,EAAAC,CAAa,IAAIC,EAAoB,GAIxCC,IAAN,MAAMA,UAAoBR,EAAO;AAAA;AAAA,IAI/B,OAAO,OAAOS,GAAO;AACf,UAAA,CAACA,KAAS,OAAOA,KAAU,SAAiB,QAAA,SAAS,cAAcD,EAAY,OAAO;AAEpF,YAAAE,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,GAC1CG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,aAAAC,EAAA,UAAU,IAAI,SAAS,GACvBA,EAAA,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE1CF,EAAA,aAAa,mBAAmB,OAAO,GAGvCA,EAAA,aAAa,cAAcD,CAAK,GAGhCC,EAAA,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAe,GACbF,MAAqB,UAEZP,EAAA;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAGIO,EAAA,iBAAiB,cAAc,CAACG,MAAwC;AACrE,cAAAC,IAASD,EAAE,UAAU,CAAC,GACtBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAM,IAAKJ,EAAuB,sBAAsB,GAChEK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAE;AAE5B,QAAAX,EAAA;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAEMT,KAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAMA,GAAW;AACf,aAAAA,EAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,EAAAU,EADIZ,GACG,YAAW,YAClBY,EAFIZ,GAEG,WAAU;AAFnB,MAAMa,IAANb;AA6DY,EAAAa,EAAA,WAAW,CAACC,MAAQA,GAE1BrB,EAAA,SAASoB,GAAa,EAAI;AAClC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),t=require("./FileUploadCard.styled.cjs.js"),l=require("clsx"),C=require("react"),F=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const I=require("../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},P=p=>{for(const[n,o]of Object.entries(B))if(o.some(s=>p.includes(s)))return n;return"draft"},U=({name:p,mime:n,src:o,unsavedAnnotation:s,savedAnnotation:m,size:g,progress:x,onRemove:d,isCompact:f,isDownloadable:c=!1,onExpand:h,onJumpTo:R,className:q,...w})=>{const N=x&&x<100,[b,_]=C.useState(!1),{feedAnnotationsEnabled:v}=I.useDetailsPanelContext(),j=p.split("."),u=j.pop()||"",y=j.join("."),r=F.isFilePreviewable(n||"."+u),k=(n==null?void 0:n.includes("image/"))||!!s,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:a.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(a.Icon,{icon:"download",className:"download-icon"})]}),i=s??m;return e.jsxRuntimeExports.jsxs(t.File,{className:l(q,{compact:f,isDownloadable:c,isPreviewable:r,isUnsavedAnnotation:!!s}),...w,children:[e.jsxRuntimeExports.jsxs(t.ContentWrapper,{className:l("content-wrapper",{isPreviewable:r,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:P(n||"."+u),className:"type-icon"}),k&&o&&e.jsxRuntimeExports.jsx(t.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||r||s}),children:e.jsxRuntimeExports.jsx("img",{src:o,onError:()=>_(!0),style:{display:b?"none":"block"}})}),e.jsxRuntimeExports.jsxs(t.Buttons,{className:"expand-buttons",children:[r&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(s||v&&m)&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(t.Footer,{className:l({inProgress:N,isPreviewable:r,isDownloadable:c}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-x}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:i?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:"draw"}),i.range[0],i.range[1]!==i.range[0]&&` - ${i.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[y,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",u]})]})}),c&&(d?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),d&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:d,icon:"close"})]})};module.exports=U;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),t=require("./FileUploadCard.styled.cjs.js"),l=require("clsx"),F=require("react"),I=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const P=require("../../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},U=p=>{for(const[n,r]of Object.entries(B))if(r.some(s=>p.includes(s)))return n;return"draft"},z=({name:p,mime:n,src:r,unsavedAnnotation:s,savedAnnotation:m,size:f,progress:x,onRemove:d,isCompact:h,isDownloadable:c=!1,onExpand:R,disableExpand:j,onJumpTo:q,className:w,...N})=>{const b=x&&x<100,[_,v]=F.useState(!1),{feedAnnotationsEnabled:y}=P.useDetailsPanelContext(),E=p.split("."),u=E.pop()||"",k=E.join("."),o=I.isFilePreviewable(n||"."+u),C=(n==null?void 0:n.includes("image/"))||!!s,g=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:a.getFileSizeString(f)}),e.jsxRuntimeExports.jsx(a.Icon,{icon:"download",className:"download-icon"})]}),i=s??m;return e.jsxRuntimeExports.jsxs(t.File,{className:l(w,{compact:h,isDownloadable:c,isPreviewable:o,isUnsavedAnnotation:!!s}),...N,children:[e.jsxRuntimeExports.jsxs(t.ContentWrapper,{className:l("content-wrapper",{isPreviewable:o,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:U(n||"."+u),className:"type-icon"}),C&&r&&e.jsxRuntimeExports.jsx(t.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||o||s}),children:e.jsxRuntimeExports.jsx("img",{src:r,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(t.Buttons,{className:"expand-buttons",children:[o&&!j&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:R}),(s||y&&m)&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:q})]})]}),e.jsxRuntimeExports.jsxs(t.Footer,{className:l({inProgress:b,isPreviewable:o&&!j,isDownloadable:c}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-x}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:i?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:"draw"}),i.range[0],i.range[1]!==i.range[0]&&` - ${i.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[k,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",u]})]})}),c&&(d?e.jsxRuntimeExports.jsx("div",{className:"download",children:g}):e.jsxRuntimeExports.jsx("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"download",children:g}))]}),d&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:d,icon:"close"})]})};module.exports=z;
 //# sourceMappingURL=FileUploadCard.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadCard.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer className={clsx({ inProgress, isPreviewable, isDownloadable })}>\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {someAnnotation.range[0]}\n              {someAnnotation.range[1] !== someAnnotation.range[0] &&\n                ` - ${someAnnotation.range[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}
+{"version":3,"file":"FileUploadCard.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  disableExpand?: boolean\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  disableExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && !disableExpand && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer\n        className={clsx({\n          inProgress,\n          isPreviewable: isPreviewable && !disableExpand,\n          isDownloadable,\n        })}\n      >\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {someAnnotation.range[0]}\n              {someAnnotation.range[1] !== someAnnotation.range[0] &&\n                ` - ${someAnnotation.range[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { getFileSizeString as E, Icon as d, Button as I } from "@ynput/ayon-react-components";
-import { File as P, ContentWrapper as z, ImageWrapper as S, Buttons as U, ExpandButton as g, Footer as O } from "./FileUploadCard.styled.es.js";
+import { getFileSizeString as P, Icon as d, Button as E } from "@ynput/ayon-react-components";
+import { File as z, ContentWrapper as S, ImageWrapper as U, Buttons as O, ExpandButton as h, Footer as W } from "./FileUploadCard.styled.es.js";
 import i from "clsx";
-import { useState as W } from "react";
-import { isFilePreviewable as $ } from "../FileUploadPreview/FileUploadPreview.es.js";
+import { useState as $ } from "react";
+import { isFilePreviewable as q } from "../FileUploadPreview/FileUploadPreview.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as q } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as J } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -16,7 +16,8 @@ import "../../../../context/AddonContext.es.js";
 import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
-const J = {
+import "../../../../context/WebsocketContext.es.js";
+const T = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -58,73 +59,74 @@ const J = {
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, T = (l) => {
-  for (const [o, n] of Object.entries(J))
+}, G = (l) => {
+  for (const [o, n] of Object.entries(T))
     if (n.some((s) => l.includes(s)))
       return o;
   return "draft";
-}, te = ({
+}, ie = ({
   name: l,
   mime: o,
   src: n,
   unsavedAnnotation: s,
   savedAnnotation: x,
-  size: h,
+  size: u,
   progress: c,
   onRemove: p,
-  isCompact: u,
+  isCompact: w,
   isDownloadable: r = !1,
   onExpand: N,
+  disableExpand: f,
   onJumpTo: b,
-  className: w,
-  ..._
+  className: _,
+  ...v
 }) => {
-  const v = c && c < 100, [k, y] = W(!1), { feedAnnotationsEnabled: C } = q(), f = l.split("."), m = f.pop() || "", F = f.join("."), a = $(o || "." + m), B = (o == null ? void 0 : o.includes("image/")) || !!s, j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("span", { className: "size", children: E(h) }),
+  const k = c && c < 100, [y, C] = $(!1), { feedAnnotationsEnabled: F } = J(), j = l.split("."), m = j.pop() || "", B = j.join("."), t = q(o || "." + m), I = (o == null ? void 0 : o.includes("image/")) || !!s, g = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "size", children: P(u) }),
     /* @__PURE__ */ e.jsx(d, { icon: "download", className: "download-icon" })
-  ] }), t = s ?? x;
+  ] }), a = s ?? x;
   return /* @__PURE__ */ e.jsxs(
-    P,
+    z,
     {
-      className: i(w, {
-        compact: u,
+      className: i(_, {
+        compact: w,
         isDownloadable: r,
-        isPreviewable: a,
+        isPreviewable: t,
         isUnsavedAnnotation: !!s
       }),
-      ..._,
+      ...v,
       children: [
         /* @__PURE__ */ e.jsxs(
-          z,
+          S,
           {
             className: i("content-wrapper", {
-              isPreviewable: a,
+              isPreviewable: t,
               isUnsavedAnnotation: !!s
             }),
             children: [
-              /* @__PURE__ */ e.jsx(d, { icon: T(o || "." + m), className: "type-icon" }),
-              B && n && /* @__PURE__ */ e.jsx(
-                S,
+              /* @__PURE__ */ e.jsx(d, { icon: G(o || "." + m), className: "type-icon" }),
+              I && n && /* @__PURE__ */ e.jsx(
+                U,
                 {
                   className: i({
                     "image-wrapper": !0,
-                    isDownloadable: r || a || s
+                    isDownloadable: r || t || s
                   }),
                   children: /* @__PURE__ */ e.jsx(
                     "img",
                     {
                       src: n,
-                      onError: () => y(!0),
+                      onError: () => C(!0),
                       style: {
-                        display: k ? "none" : "block"
+                        display: y ? "none" : "block"
                       }
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ e.jsxs(U, { className: "expand-buttons", children: [
-                a && /* @__PURE__ */ e.jsx(
-                  g,
+              /* @__PURE__ */ e.jsxs(O, { className: "expand-buttons", children: [
+                t && !f && /* @__PURE__ */ e.jsx(
+                  h,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
@@ -132,8 +134,8 @@ const J = {
                     onClick: N
                   }
                 ),
-                (s || C && x) && /* @__PURE__ */ e.jsx(
-                  g,
+                (s || F && x) && /* @__PURE__ */ e.jsx(
+                  h,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
@@ -145,27 +147,37 @@ const J = {
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(O, { className: i({ inProgress: v, isPreviewable: a, isDownloadable: r }), children: [
-          /* @__PURE__ */ e.jsx("span", { className: "progress", style: { right: `${100 - c}%` } }),
-          /* @__PURE__ */ e.jsx("div", { className: "name-wrapper", children: t ? /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
-            /* @__PURE__ */ e.jsx(d, { icon: "draw" }),
-            t.range[0],
-            t.range[1] !== t.range[0] && ` - ${t.range[1]}`
-          ] }) : /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
-            F,
-            /* @__PURE__ */ e.jsxs("span", { className: "extension", children: [
-              ".",
-              m
-            ] })
-          ] }) }),
-          r && (p ? /* @__PURE__ */ e.jsx("div", { className: "download", children: j }) : /* @__PURE__ */ e.jsx("a", { href: n, target: "_blank", rel: "noopener noreferrer", className: "download", children: j }))
-        ] }),
-        p && /* @__PURE__ */ e.jsx(I, { className: "remove", onClick: p, icon: "close" })
+        /* @__PURE__ */ e.jsxs(
+          W,
+          {
+            className: i({
+              inProgress: k,
+              isPreviewable: t && !f,
+              isDownloadable: r
+            }),
+            children: [
+              /* @__PURE__ */ e.jsx("span", { className: "progress", style: { right: `${100 - c}%` } }),
+              /* @__PURE__ */ e.jsx("div", { className: "name-wrapper", children: a ? /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
+                /* @__PURE__ */ e.jsx(d, { icon: "draw" }),
+                a.range[0],
+                a.range[1] !== a.range[0] && ` - ${a.range[1]}`
+              ] }) : /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
+                B,
+                /* @__PURE__ */ e.jsxs("span", { className: "extension", children: [
+                  ".",
+                  m
+                ] })
+              ] }) }),
+              r && (p ? /* @__PURE__ */ e.jsx("div", { className: "download", children: g }) : /* @__PURE__ */ e.jsx("a", { href: n, target: "_blank", rel: "noopener noreferrer", className: "download", children: g }))
+            ]
+          }
+        ),
+        p && /* @__PURE__ */ e.jsx(E, { className: "remove", onClick: p, icon: "close" })
       ]
     }
   );
 };
 export {
-  te as default
+  ie as default
 };
 //# sourceMappingURL=FileUploadCard.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadCard.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer className={clsx({ inProgress, isPreviewable, isDownloadable })}>\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {someAnnotation.range[0]}\n              {someAnnotation.range[1] !== someAnnotation.range[0] &&\n                ` - ${someAnnotation.range[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}
+{"version":3,"file":"FileUploadCard.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  disableExpand?: boolean\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  disableExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && !disableExpand && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer\n        className={clsx({\n          inProgress,\n          isPreviewable: isPreviewable && !disableExpand,\n          isDownloadable,\n        })}\n      >\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {someAnnotation.range[0]}\n              {someAnnotation.range[1] !== someAnnotation.range[0] &&\n                ` - ${someAnnotation.range[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../../../_virtual/jsx-runtime.cjs.js"),j=require("./FilesGrid.styled.cjs.js"),q=require("clsx"),F=require("../FileUploadCard/FileUploadCard.cjs.js"),h=require("../FileUploadPreview/FileUploadPreview.cjs.js"),R=require("react"),b=({files:t=[],activityId:m,isCompact:a,onRemove:i,projectName:o,isDownloadable:c,onExpand:r,onAnnotationClick:d,...p})=>{if(!t.length)return null;const v=R.useCallback(e=>{const s=t.filter(n=>h.isFilePreviewable(n.mime,n.ext)),x=s.findIndex(n=>n.id===t[e].id);r==null||r({files:s,index:x,activityId:m||""})},[r]);return u.jsxRuntimeExports.jsx(j.Grid,{className:q({compact:a}),...p,children:t.map((e,s)=>u.jsxRuntimeExports.jsx(F,{id:e.id||e.name,name:e.name,mime:e.mime||e.type,size:e.size,src:e.unsavedAnnotation?e.thumbnail:`/api/projects/${o}/files/${e.id}`,unsavedAnnotation:e.unsavedAnnotation,savedAnnotation:e.annotation,progress:e.progress,onRemove:i?()=>i(e.id,e.name,!!e.unsavedAnnotation):void 0,isCompact:a,isDownloadable:c,onExpand:()=>v(s),onJumpTo:()=>d==null?void 0:d(e)},s))})};module.exports=b;
+"use strict";const m=require("../../../../../../_virtual/jsx-runtime.cjs.js"),F=require("./FilesGrid.styled.cjs.js"),b=require("clsx"),h=require("../FileUploadCard/FileUploadCard.cjs.js"),R=require("../FileUploadPreview/FileUploadPreview.cjs.js"),g=require("react"),l=({files:r=[],activityId:o,isCompact:i,isEditing:c,onRemove:u,projectName:x,isDownloadable:v,onExpand:t,onAnnotationClick:d,pt:a,...p})=>{if(!r.length)return null;const j=g.useCallback(e=>{const s=r.filter(n=>R.isFilePreviewable(n.mime,n.ext)),q=s.findIndex(n=>n.id===r[e].id);t==null||t({files:s,index:q,activityId:o||""})},[t]);return m.jsxRuntimeExports.jsx(F.Grid,{className:b({compact:i}),...p,children:r.map((e,s)=>m.jsxRuntimeExports.jsx(h,{id:e.id||e.name,name:e.name,mime:e.mime||e.type,size:e.size,src:e.unsavedAnnotation?e.thumbnail:`/api/projects/${x}/files/${e.id}`,unsavedAnnotation:e.unsavedAnnotation,savedAnnotation:e.annotation,progress:e.progress,onRemove:u?()=>u(e.id,e.name,!!e.unsavedAnnotation):void 0,isCompact:i,isDownloadable:v,onExpand:()=>j(s),onJumpTo:()=>d==null?void 0:d(e),disableExpand:c,...a==null?void 0:a.file},s))})};module.exports=l;
 //# 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 from '../FileUploadCard'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { useCallback } from 'react'\n\nexport interface FilesGridProps {\n  files?: any[]\n  activityId?: string\n  isCompact?: 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  [key: string]: any\n}\n\nconst FilesGrid: React.FC<FilesGridProps> = ({\n  files = [],\n  activityId,\n  isCompact,\n  onRemove,\n  projectName,\n  isDownloadable,\n  onExpand,\n  onAnnotationClick,\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        />\n      ))}\n    </Styled.Grid>\n  )\n}\n\nexport default FilesGrid\n"],"names":["FilesGrid","files","activityId","isCompact","onRemove","projectName","isDownloadable","onExpand","onAnnotationClick","props","handleExpand","useCallback","index","filteredFiles","file","isFilePreviewable","updatedIndex","Styled.Grid","clsx","jsx","FileUploadCard"],"mappings":"0QAkBMA,EAAsC,CAAC,CAC3C,MAAAC,EAAQ,CAAC,EACT,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,eAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,GAAGC,CACL,IAAM,CACA,GAAA,CAACR,EAAM,OAAe,OAAA,KAE1B,MAAMS,EAAeC,EAAA,YAClBC,GAAkB,CACX,MAAAC,EAAgBZ,EAAM,OAAQa,GAASC,oBAAkBD,EAAK,KAAMA,EAAK,GAAG,CAAC,EAC7EE,EAAeH,EAAc,UAAWC,GAASA,EAAK,KAAOb,EAAMW,CAAK,EAAE,EAAE,EACvEL,GAAA,MAAAA,EAAA,CAAE,MAAOM,EAAe,MAAOG,EAAc,WAAYd,GAAc,IACpF,EACA,CAACK,CAAQ,CACX,EAEA,+BACGU,EAAAA,KAAA,CAAY,UAAWC,EAAK,CAAE,QAASf,CAAU,CAAC,EAAI,GAAGM,EACvD,WAAM,IAAI,CAACK,EAAMF,IAChBO,EAAA,kBAAA,IAACC,EAAA,CAEC,GAAIN,EAAK,IAAMA,EAAK,KACpB,KAAMA,EAAK,KACX,KAAMA,EAAK,MAAQA,EAAK,KACxB,KAAMA,EAAK,KACX,IACEA,EAAK,kBACDA,EAAK,UACL,iBAAiBT,CAAW,UAAUS,EAAK,EAAE,GAEnD,kBAAmBA,EAAK,kBACxB,gBAAiBA,EAAK,WACtB,SAAUA,EAAK,SACf,SACEV,EAAW,IAAMA,EAASU,EAAK,GAAIA,EAAK,KAAM,CAAC,CAACA,EAAK,iBAAiB,EAAI,OAE5E,UAAAX,EACA,eAAAG,EACA,SAAU,IAAMI,EAAaE,CAAK,EAClC,SAAU,IAAMJ,GAAA,YAAAA,EAAoBM,EAAI,EAnBnCF,CAqBR,CAAA,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={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,CAAC,EACT,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,eAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACA,GAAA,CAACV,EAAM,OAAe,OAAA,KAE1B,MAAMW,EAAeC,EAAA,YAClBC,GAAkB,CACX,MAAAC,EAAgBd,EAAM,OAAQe,GAASC,oBAAkBD,EAAK,KAAMA,EAAK,GAAG,CAAC,EAC7EE,EAAeH,EAAc,UAAWC,GAASA,EAAK,KAAOf,EAAMa,CAAK,EAAE,EAAE,EACvEN,GAAA,MAAAA,EAAA,CAAE,MAAOO,EAAe,MAAOG,EAAc,WAAYhB,GAAc,IACpF,EACA,CAACM,CAAQ,CACX,EAEA,+BACGW,EAAAA,KAAA,CAAY,UAAWC,EAAK,CAAE,QAASjB,CAAU,CAAC,EAAI,GAAGQ,EACvD,WAAM,IAAI,CAACK,EAAMF,IAChBO,EAAA,kBAAA,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,GAAA,YAAAA,EAAoBO,GACpC,cAAeZ,EACd,GAAGM,GAAA,YAAAA,EAAI,IAAA,EArBHI,CAuBR,CAAA,EACH,CAEJ"}