@ynput/ayon-frontend-shared 0.2.33 → 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/CommentMentionSelect/CommentMentionSelect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../../../../_virtual/jsx-runtime.cjs.js"),r=require("./CommentMentionSelect.styled.cjs.js"),E=require("@ynput/ayon-react-components"),h=require("../../../../components/UserImage/UserImage.cjs.js"),p=require("clsx"),M=({mention:x,options:i=[],selectedIndex:a,onChange:c,types:d=[],config:t={},noneFound:j,noneFoundAtAll:R,error:n})=>{if(!x||j)return null;let l=[...i];l=i.map(e=>({...e,label:e.label}));let m=`No ${t.id}s found`;return n&&(m=n),s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(r.MentionSelect,{tabIndex:0,children:[s.jsxRuntimeExports.jsxs(r.Title,{children:[x.type," ",t!=null&&t.id?t.id.charAt(0).toUpperCase()+t.id.slice(1):"","s"]}),d.includes(x.type)&&l.map((e,u)=>s.jsxRuntimeExports.jsxs(r.MentionItem,{id:e.id,onClick:()=>c(e),className:p({selected:a===u,square:!(t!=null&&t.isCircle)}),children:[e.type==="user"?s.jsxRuntimeExports.jsx(h.UserImage,{size:20,name:e.id,className:"image"}):e.icon&&s.jsxRuntimeExports.jsx(E.Icon,{icon:e.icon,className:"image"}),e.context&&s.jsxRuntimeExports.jsxs(r.MentionPrefix,{children:[e.context," - "]}),s.jsxRuntimeExports.jsx(r.MentionName,{children:e.label}),e.suffix&&s.jsxRuntimeExports.jsx(r.MentionSuffix,{children:e.suffix})]},e.id+"-"+u)),(R||n)&&s.jsxRuntimeExports.jsx(r.MentionItem,{children:m})]})})};module.exports=M;
+"use strict";const s=require("../../../../../../_virtual/jsx-runtime.cjs.js"),n=require("./CommentMentionSelect.styled.cjs.js"),E=require("@ynput/ayon-react-components"),h=require("../../../../components/UserImage/UserImage.cjs.js"),o=require("clsx"),M=({mention:r,options:i=[],selectedIndex:a,onChange:c,types:d=[],config:t={},noneFound:j,noneFoundAtAll:R,error:x,isGuest:p})=>{if(!r||j)return null;if(p)return s.jsxRuntimeExports.jsx(n.MentionSelect,{tabIndex:0,children:s.jsxRuntimeExports.jsx(n.MentionItem,{children:"Mentions not supported for guest users"})});let l=[...i];l=i.map(e=>({...e,label:e.label}));let u=`No ${t.id}s found`;return x&&(u=x),s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(n.MentionSelect,{tabIndex:0,children:[s.jsxRuntimeExports.jsxs(n.Title,{children:[r.type," ",t!=null&&t.id?t.id.charAt(0).toUpperCase()+t.id.slice(1):"","s"]}),d.includes(r.type)&&l.map((e,m)=>s.jsxRuntimeExports.jsxs(n.MentionItem,{id:e.id,onClick:()=>c(e),className:o({selected:a===m,square:!(t!=null&&t.isCircle)}),children:[e.type==="user"?s.jsxRuntimeExports.jsx(h.UserImage,{size:20,name:e.id,className:"image"}):e.icon&&s.jsxRuntimeExports.jsx(E.Icon,{icon:e.icon,className:"image"}),e.context&&s.jsxRuntimeExports.jsxs(n.MentionPrefix,{children:[e.context," - "]}),s.jsxRuntimeExports.jsx(n.MentionName,{children:e.label}),e.suffix&&s.jsxRuntimeExports.jsx(n.MentionSuffix,{children:e.suffix})]},e.id+"-"+m)),(R||x)&&s.jsxRuntimeExports.jsx(n.MentionItem,{children:u})]})})};module.exports=M;
 //# sourceMappingURL=CommentMentionSelect.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentMentionSelect.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          {mention.type} {config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && <Icon icon={option.icon} className=\"image\" />\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","types","config","noneFound","noneFoundAtAll","error","formattedOptions","option","noOptionsString","jsxs","Styled.MentionSelect","Styled.Title","i","Styled.MentionItem","clsx","jsx","UserImage","Icon","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":"2PAwBMA,EAAuB,CAAC,CAC5B,QAAAC,EACA,QAAAC,EAAU,CAAC,EACX,cAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAAS,CAAC,EACV,UAAAC,EACA,eAAAC,EACA,MAAAC,CACF,IAAiC,CAC3B,GAAA,CAACR,GAAWM,EAAkB,OAAA,KAG9B,IAAAG,EAAmB,CAAC,GAAGR,CAAO,EAGfQ,EAAAR,EAAQ,IAAKS,IACvB,CACL,GAAGA,EACH,MAAOA,EAAO,KAChB,EACD,EAEG,IAAAC,EAAkB,MAAMN,EAAO,EAAE,UACrC,OAAIG,IAAyBG,EAAAH,yDAIzB,SAACI,EAAAA,kBAAAA,KAAAC,EAAAA,cAAA,CAAqB,SAAU,EAC9B,SAAA,CAACD,yBAAAE,EAAAA,MAAA,CACE,SAAA,CAAQd,EAAA,KAAK,IAAEK,GAAA,MAAAA,EAAQ,GAAKA,EAAO,GAAG,OAAO,CAAC,EAAE,YAAA,EAAgBA,EAAO,GAAG,MAAM,CAAC,EAAI,GAAG,GAAA,EAC3F,EACCD,EAAM,SAASJ,EAAQ,IAAI,GAC1BS,EAAiB,IAAI,CAACC,EAAQK,IAC5BH,EAAA,kBAAA,KAACI,EAAO,YAAP,CAEC,GAAIN,EAAO,GACX,QAAS,IAAMP,EAASO,CAAM,EAC9B,UAAWO,EAAK,CAAE,SAAUf,IAAkBa,EAAG,OAAQ,EAACV,GAAA,MAAAA,EAAQ,UAAU,EAE3E,SAAA,CAAOK,EAAA,OAAS,OACdQ,EAAAA,kBAAAA,IAAAC,EAAA,UAAA,CAAU,KAAM,GAAI,KAAMT,EAAO,GAAI,UAAU,OAAQ,CAAA,EAExDA,EAAO,MAASQ,EAAAA,kBAAAA,IAAAE,EAAA,KAAA,CAAK,KAAMV,EAAO,KAAM,UAAU,OAAQ,CAAA,EAE3DA,EAAO,SAAYE,EAAAA,kBAAAA,KAAAS,gBAAA,CAAsB,SAAA,CAAOX,EAAA,QAAQ,KAAA,EAAG,EAC3DQ,EAAAA,kBAAAA,IAAAI,EAAAA,YAAA,CAAoB,WAAO,KAAM,CAAA,EACjCZ,EAAO,QAAUQ,wBAACK,EAAAA,cAAA,CAAsB,WAAO,MAAO,CAAA,CAAA,CAAA,EAZlDb,EAAO,GAAK,IAAMK,CAAA,CAc1B,GACDR,GAAkBC,IAAUU,EAAAA,kBAAAA,IAACF,EAAAA,YAAA,CAAoB,SAAgBL,CAAA,CAAA,CAAA,CAAA,CACrE,CACF,CAAA,CAEJ"}
+{"version":3,"file":"CommentMentionSelect.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n  isGuest?: boolean\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n  isGuest,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  if (isGuest)\n    return (\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.MentionItem>Mentions not supported for guest users</Styled.MentionItem>\n      </Styled.MentionSelect>\n    )\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          {mention.type} {config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && <Icon icon={option.icon} className=\"image\" />\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","types","config","noneFound","noneFoundAtAll","error","isGuest","jsx","Styled.MentionSelect","Styled.MentionItem","formattedOptions","option","noOptionsString","jsxs","Styled.Title","i","clsx","UserImage","Icon","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":"2PAyBMA,EAAuB,CAAC,CAC5B,QAAAC,EACA,QAAAC,EAAU,CAAC,EACX,cAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAAS,CAAC,EACV,UAAAC,EACA,eAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAiC,CAC3B,GAAA,CAACT,GAAWM,EAAkB,OAAA,KAE9B,GAAAG,EAEA,OAAAC,wBAACC,EAAAA,cAAA,CAAqB,SAAU,EAC9B,SAAAD,EAAA,kBAAA,IAACE,EAAO,YAAP,CAAmB,SAAA,wCAAA,CAAsC,CAC5D,CAAA,EAIA,IAAAC,EAAmB,CAAC,GAAGZ,CAAO,EAGfY,EAAAZ,EAAQ,IAAKa,IACvB,CACL,GAAGA,EACH,MAAOA,EAAO,KAChB,EACD,EAEG,IAAAC,EAAkB,MAAMV,EAAO,EAAE,UACrC,OAAIG,IAAyBO,EAAAP,yDAIzB,SAACQ,EAAAA,kBAAAA,KAAAL,EAAAA,cAAA,CAAqB,SAAU,EAC9B,SAAA,CAACK,yBAAAC,EAAAA,MAAA,CACE,SAAA,CAAQjB,EAAA,KAAK,IAAEK,GAAA,MAAAA,EAAQ,GAAKA,EAAO,GAAG,OAAO,CAAC,EAAE,YAAA,EAAgBA,EAAO,GAAG,MAAM,CAAC,EAAI,GAAG,GAAA,EAC3F,EACCD,EAAM,SAASJ,EAAQ,IAAI,GAC1Ba,EAAiB,IAAI,CAACC,EAAQI,IAC5BF,EAAA,kBAAA,KAACJ,EAAO,YAAP,CAEC,GAAIE,EAAO,GACX,QAAS,IAAMX,EAASW,CAAM,EAC9B,UAAWK,EAAK,CAAE,SAAUjB,IAAkBgB,EAAG,OAAQ,EAACb,GAAA,MAAAA,EAAQ,UAAU,EAE3E,SAAA,CAAOS,EAAA,OAAS,OACdJ,EAAAA,kBAAAA,IAAAU,EAAA,UAAA,CAAU,KAAM,GAAI,KAAMN,EAAO,GAAI,UAAU,OAAQ,CAAA,EAExDA,EAAO,MAASJ,EAAAA,kBAAAA,IAAAW,EAAA,KAAA,CAAK,KAAMP,EAAO,KAAM,UAAU,OAAQ,CAAA,EAE3DA,EAAO,SAAYE,EAAAA,kBAAAA,KAAAM,gBAAA,CAAsB,SAAA,CAAOR,EAAA,QAAQ,KAAA,EAAG,EAC3DJ,EAAAA,kBAAAA,IAAAa,EAAAA,YAAA,CAAoB,WAAO,KAAM,CAAA,EACjCT,EAAO,QAAUJ,wBAACc,EAAAA,cAAA,CAAsB,WAAO,MAAO,CAAA,CAAA,CAAA,EAZlDV,EAAO,GAAK,IAAMI,CAAA,CAc1B,GACDX,GAAkBC,IAAUE,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CAAoB,SAAgBG,CAAA,CAAA,CAAA,CAAA,CACrE,CACF,CAAA,CAEJ"}

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

@@ -1,55 +1,58 @@
 import { j as s } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { MentionSelect as M, Title as f, MentionItem as x, MentionPrefix as N, MentionName as b, MentionSuffix as C } from "./CommentMentionSelect.styled.es.js";
-import { Icon as I } from "@ynput/ayon-react-components";
+import { MentionSelect as n, MentionItem as a, Title as b, MentionPrefix as p, MentionName as I, MentionSuffix as N } from "./CommentMentionSelect.styled.es.js";
+import { Icon as C } from "@ynput/ayon-react-components";
 import { UserImage as S } from "../../../../components/UserImage/UserImage.es.js";
-import p from "clsx";
-const z = ({
-  mention: r,
-  options: a = [],
+import y from "clsx";
+const A = ({
+  mention: t,
+  options: d = [],
   selectedIndex: c,
-  onChange: n,
-  types: u = [],
-  config: l = {},
-  noneFound: j,
-  noneFoundAtAll: h,
-  error: t
+  onChange: u,
+  types: j = [],
+  config: r = {},
+  noneFound: h,
+  noneFoundAtAll: f,
+  error: l,
+  isGuest: M
 }) => {
-  if (!r || j) return null;
-  let m = [...a];
-  m = a.map((e) => ({
+  if (!t || h) return null;
+  if (M)
+    return /* @__PURE__ */ s.jsx(n, { tabIndex: 0, children: /* @__PURE__ */ s.jsx(a, { children: "Mentions not supported for guest users" }) });
+  let i = [...d];
+  i = d.map((e) => ({
     ...e,
     label: e.label
   }));
-  let d = `No ${l.id}s found`;
-  return t && (d = t), /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(M, { tabIndex: 0, children: [
-    /* @__PURE__ */ s.jsxs(f, { children: [
-      r.type,
+  let m = `No ${r.id}s found`;
+  return l && (m = l), /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(n, { tabIndex: 0, children: [
+    /* @__PURE__ */ s.jsxs(b, { children: [
+      t.type,
       " ",
-      l != null && l.id ? l.id.charAt(0).toUpperCase() + l.id.slice(1) : "",
+      r != null && r.id ? r.id.charAt(0).toUpperCase() + r.id.slice(1) : "",
       "s"
     ] }),
-    u.includes(r.type) && m.map((e, i) => /* @__PURE__ */ s.jsxs(
-      x,
+    j.includes(t.type) && i.map((e, x) => /* @__PURE__ */ s.jsxs(
+      a,
       {
         id: e.id,
-        onClick: () => n(e),
-        className: p({ selected: c === i, square: !(l != null && l.isCircle) }),
+        onClick: () => u(e),
+        className: y({ selected: c === x, square: !(r != null && r.isCircle) }),
         children: [
-          e.type === "user" ? /* @__PURE__ */ s.jsx(S, { size: 20, name: e.id, className: "image" }) : e.icon && /* @__PURE__ */ s.jsx(I, { icon: e.icon, className: "image" }),
-          e.context && /* @__PURE__ */ s.jsxs(N, { children: [
+          e.type === "user" ? /* @__PURE__ */ s.jsx(S, { size: 20, name: e.id, className: "image" }) : e.icon && /* @__PURE__ */ s.jsx(C, { icon: e.icon, className: "image" }),
+          e.context && /* @__PURE__ */ s.jsxs(p, { children: [
             e.context,
             " - "
           ] }),
-          /* @__PURE__ */ s.jsx(b, { children: e.label }),
-          e.suffix && /* @__PURE__ */ s.jsx(C, { children: e.suffix })
+          /* @__PURE__ */ s.jsx(I, { children: e.label }),
+          e.suffix && /* @__PURE__ */ s.jsx(N, { children: e.suffix })
         ]
       },
-      e.id + "-" + i
+      e.id + "-" + x
     )),
-    (h || t) && /* @__PURE__ */ s.jsx(x, { children: d })
+    (f || l) && /* @__PURE__ */ s.jsx(a, { children: m })
   ] }) });
 };
 export {
-  z as default
+  A as default
 };
 //# sourceMappingURL=CommentMentionSelect.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentMentionSelect.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          {mention.type} {config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && <Icon icon={option.icon} className=\"image\" />\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","types","config","noneFound","noneFoundAtAll","error","formattedOptions","option","noOptionsString","jsxs","Styled.MentionSelect","Styled.Title","Styled.MentionItem","clsx","jsx","UserImage","Icon","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":";;;;;AAwBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,SAAAC,IAAU,CAAC;AAAA,EACX,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAAS,CAAC;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAiC;AAC3B,MAAA,CAACR,KAAWM,EAAkB,QAAA;AAG9B,MAAAG,IAAmB,CAAC,GAAGR,CAAO;AAGf,EAAAQ,IAAAR,EAAQ,IAAI,CAACS,OACvB;AAAA,IACL,GAAGA;AAAA,IACH,OAAOA,EAAO;AAAA,EAChB,EACD;AAEG,MAAAC,IAAkB,MAAMN,EAAO,EAAE;AACrC,SAAIG,MAAyBG,IAAAH,wCAIzB,UAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAqB,UAAU,GAC9B,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACE,UAAA;AAAA,MAAQd,EAAA;AAAA,MAAK;AAAA,MAAEK,KAAA,QAAAA,EAAQ,KAAKA,EAAO,GAAG,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAO,GAAG,MAAM,CAAC,IAAI;AAAA,MAAG;AAAA,IAAA,GAC3F;AAAA,IACCD,EAAM,SAASJ,EAAQ,IAAI,KAC1BS,EAAiB,IAAI,CAACC,GAAQ,MAC5BE,gBAAAA,EAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QAEC,IAAIL,EAAO;AAAA,QACX,SAAS,MAAMP,EAASO,CAAM;AAAA,QAC9B,WAAWM,EAAK,EAAE,UAAUd,MAAkB,GAAG,QAAQ,EAACG,KAAA,QAAAA,EAAQ,WAAU;AAAA,QAE3E,UAAA;AAAA,UAAOK,EAAA,SAAS,SACdO,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,MAAM,IAAI,MAAMR,EAAO,IAAI,WAAU,QAAQ,CAAA,IAExDA,EAAO,QAASO,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAMT,EAAO,MAAM,WAAU,QAAQ,CAAA;AAAA,UAE3DA,EAAO,WAAYE,gBAAAA,EAAAA,KAAAQ,GAAA,EAAsB,UAAA;AAAA,YAAOV,EAAA;AAAA,YAAQ;AAAA,UAAA,GAAG;AAAA,UAC3DO,gBAAAA,EAAAA,IAAAI,GAAA,EAAoB,YAAO,MAAM,CAAA;AAAA,UACjCX,EAAO,UAAUO,gBAAAA,MAACK,GAAA,EAAsB,YAAO,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAZlDZ,EAAO,KAAK,MAAM;AAAA,IAAA,CAc1B;AAAA,KACDH,KAAkBC,MAAUS,gBAAAA,EAAAA,IAACF,GAAA,EAAoB,UAAgBJ,EAAA,CAAA;AAAA,EAAA,EAAA,CACrE,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"CommentMentionSelect.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n  isGuest?: boolean\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n  isGuest,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  if (isGuest)\n    return (\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.MentionItem>Mentions not supported for guest users</Styled.MentionItem>\n      </Styled.MentionSelect>\n    )\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          {mention.type} {config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && <Icon icon={option.icon} className=\"image\" />\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","types","config","noneFound","noneFoundAtAll","error","isGuest","jsx","Styled.MentionSelect","Styled.MentionItem","formattedOptions","option","noOptionsString","jsxs","Styled.Title","i","clsx","UserImage","Icon","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":";;;;;AAyBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,SAAAC,IAAU,CAAC;AAAA,EACX,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAAS,CAAC;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAiC;AAC3B,MAAA,CAACT,KAAWM,EAAkB,QAAA;AAE9B,MAAAG;AAEA,WAAAC,gBAAAA,MAACC,GAAA,EAAqB,UAAU,GAC9B,UAAAD,gBAAAA,EAAA,IAACE,GAAA,EAAmB,UAAA,yCAAA,CAAsC,EAC5D,CAAA;AAIA,MAAAC,IAAmB,CAAC,GAAGZ,CAAO;AAGf,EAAAY,IAAAZ,EAAQ,IAAI,CAACa,OACvB;AAAA,IACL,GAAGA;AAAA,IACH,OAAOA,EAAO;AAAA,EAChB,EACD;AAEG,MAAAC,IAAkB,MAAMV,EAAO,EAAE;AACrC,SAAIG,MAAyBO,IAAAP,wCAIzB,UAACQ,gBAAAA,EAAAA,KAAAL,GAAA,EAAqB,UAAU,GAC9B,UAAA;AAAA,IAACK,gBAAAA,OAAAC,GAAA,EACE,UAAA;AAAA,MAAQjB,EAAA;AAAA,MAAK;AAAA,MAAEK,KAAA,QAAAA,EAAQ,KAAKA,EAAO,GAAG,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAO,GAAG,MAAM,CAAC,IAAI;AAAA,MAAG;AAAA,IAAA,GAC3F;AAAA,IACCD,EAAM,SAASJ,EAAQ,IAAI,KAC1Ba,EAAiB,IAAI,CAACC,GAAQI,MAC5BF,gBAAAA,EAAA;AAAA,MAACJ;AAAAA,MAAA;AAAA,QAEC,IAAIE,EAAO;AAAA,QACX,SAAS,MAAMX,EAASW,CAAM;AAAA,QAC9B,WAAWK,EAAK,EAAE,UAAUjB,MAAkBgB,GAAG,QAAQ,EAACb,KAAA,QAAAA,EAAQ,WAAU;AAAA,QAE3E,UAAA;AAAA,UAAOS,EAAA,SAAS,SACdJ,gBAAAA,EAAAA,IAAAU,GAAA,EAAU,MAAM,IAAI,MAAMN,EAAO,IAAI,WAAU,QAAQ,CAAA,IAExDA,EAAO,QAASJ,gBAAAA,EAAAA,IAAAW,GAAA,EAAK,MAAMP,EAAO,MAAM,WAAU,QAAQ,CAAA;AAAA,UAE3DA,EAAO,WAAYE,gBAAAA,EAAAA,KAAAM,GAAA,EAAsB,UAAA;AAAA,YAAOR,EAAA;AAAA,YAAQ;AAAA,UAAA,GAAG;AAAA,UAC3DJ,gBAAAA,EAAAA,IAAAa,GAAA,EAAoB,YAAO,MAAM,CAAA;AAAA,UACjCT,EAAO,UAAUJ,gBAAAA,MAACc,GAAA,EAAsB,YAAO,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAZlDV,EAAO,KAAK,MAAMI;AAAA,IAAA,CAc1B;AAAA,KACDX,KAAkBC,MAAUE,gBAAAA,EAAAA,IAACE,GAAA,EAAoB,UAAgBG,EAAA,CAAA;AAAA,EAAA,EAAA,CACrE,EACF,CAAA;AAEJ;"}

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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"}