@ynput/ayon-frontend-shared 0.3.4 → 0.3.6

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

@@ -2,6 +2,7 @@ import { Quill as p } from "react-quill-ayon";
 import y from "../../../hooks/useReferenceTooltip.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as T } from "../../../../../context/DetailsPanelContext.es.js";
+import "../../../../../context/SubtasksModulesContext.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
@@ -17,7 +18,7 @@ import "../../../../../context/GlobalContext.es.js";
 import "../../../../../context/ProjectContext.es.js";
 import "../../../../../context/ProjectFoldersContext.es.js";
 import "../../../../../context/UriContext.es.js";
-const x = p.import("blots/inline"), $ = ({ projectName: a }) => {
+const x = p.import("blots/inline"), j = ({ projectName: a }) => {
   const { openSlideOut: m } = T(), [, c] = y();
   class i extends x {
     static blotName = "mention";
@@ -51,6 +52,6 @@ const x = p.import("blots/inline"), $ = ({ projectName: a }) => {
   i.sanitize = (l) => l, p.register(i, !0);
 };
 export {
-  $ as default
+  j 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","url"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,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","url"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,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"),r=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");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.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,t]of Object.entries(B))if(t.some(s=>p.includes(s)))return n;return"draft"},z=({name:p,mime:n,src:t,unsavedAnnotation:s,savedAnnotation:d,size:f,progress:x,onRemove:m,isCompact:q,isDownloadable:c=!1,onExpand:h,disableExpand:j,onJumpTo:R,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?.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??d;return e.jsxRuntimeExports.jsxs(r.File,{className:l(w,{compact:q,isDownloadable:c,isPreviewable:o,isUnsavedAnnotation:!!s}),...N,children:[e.jsxRuntimeExports.jsxs(r.ContentWrapper,{className:l("content-wrapper",{isPreviewable:o,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:U(n||"."+u),className:"type-icon"}),C&&t&&e.jsxRuntimeExports.jsx(r.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||o||s}),children:e.jsxRuntimeExports.jsx("img",{src:t,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(r.Buttons,{className:"expand-buttons",children:[o&&!j&&e.jsxRuntimeExports.jsx(r.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(s||y&&d)&&e.jsxRuntimeExports.jsx(r.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(r.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&&(m?e.jsxRuntimeExports.jsx("div",{className:"download",children:g}):e.jsxRuntimeExports.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"download",children:g}))]}),m&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:m,icon:"close"})]})};module.exports=z;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),r=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/SubtasksModulesContext.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");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.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,t]of Object.entries(B))if(t.some(s=>p.includes(s)))return n;return"draft"},z=({name:p,mime:n,src:t,unsavedAnnotation:s,savedAnnotation:d,size:f,progress:x,onRemove:m,isCompact:q,isDownloadable:c=!1,onExpand:h,disableExpand:j,onJumpTo:R,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?.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??d;return e.jsxRuntimeExports.jsxs(r.File,{className:l(w,{compact:q,isDownloadable:c,isPreviewable:o,isUnsavedAnnotation:!!s}),...N,children:[e.jsxRuntimeExports.jsxs(r.ContentWrapper,{className:l("content-wrapper",{isPreviewable:o,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:U(n||"."+u),className:"type-icon"}),C&&t&&e.jsxRuntimeExports.jsx(r.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||o||s}),children:e.jsxRuntimeExports.jsx("img",{src:t,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(r.Buttons,{className:"expand-buttons",children:[o&&!j&&e.jsxRuntimeExports.jsx(r.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(s||y&&d)&&e.jsxRuntimeExports.jsx(r.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(r.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&&(m?e.jsxRuntimeExports.jsx("div",{className:"download",children:g}):e.jsxRuntimeExports.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"download",children:g}))]}),m&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:m,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  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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"}
+{"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,12 @@
 import { j as e } from "../../../../../../_virtual/jsx-runtime.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 a from "clsx";
 import { useState as $ } from "react";
 import { isFilePreviewable as q } from "../FileUploadPreview/FileUploadPreview.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as J } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../context/SubtasksModulesContext.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -68,7 +69,7 @@ const T = {
     if (t.some((o) => l.includes(o)))
       return s;
   return "draft";
-}, me = ({
+}, de = ({
   name: l,
   mime: s,
   src: t,
@@ -78,7 +79,7 @@ const T = {
   progress: p,
   onRemove: c,
   isCompact: w,
-  isDownloadable: a = !1,
+  isDownloadable: i = !1,
   onExpand: N,
   disableExpand: f,
   onJumpTo: b,
@@ -92,9 +93,9 @@ const T = {
   return /* @__PURE__ */ e.jsxs(
     z,
     {
-      className: i(_, {
+      className: a(_, {
         compact: w,
-        isDownloadable: a,
+        isDownloadable: i,
         isPreviewable: n,
         isUnsavedAnnotation: !!o
       }),
@@ -103,7 +104,7 @@ const T = {
         /* @__PURE__ */ e.jsxs(
           S,
           {
-            className: i("content-wrapper", {
+            className: a("content-wrapper", {
               isPreviewable: n,
               isUnsavedAnnotation: !!o
             }),
@@ -112,9 +113,9 @@ const T = {
               I && t && /* @__PURE__ */ e.jsx(
                 U,
                 {
-                  className: i({
+                  className: a({
                     "image-wrapper": !0,
-                    isDownloadable: a || n || o
+                    isDownloadable: i || n || o
                   }),
                   children: /* @__PURE__ */ e.jsx(
                     "img",
@@ -154,10 +155,10 @@ const T = {
         /* @__PURE__ */ e.jsxs(
           W,
           {
-            className: i({
+            className: a({
               inProgress: k,
               isPreviewable: n && !f,
-              isDownloadable: a
+              isDownloadable: i
             }),
             children: [
               /* @__PURE__ */ e.jsx("span", { className: "progress", style: { right: `${100 - p}%` } }),
@@ -172,7 +173,7 @@ const T = {
                   m
                 ] })
               ] }) }),
-              a && (c ? /* @__PURE__ */ e.jsx("div", { className: "download", children: g }) : /* @__PURE__ */ e.jsx("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: "download", children: g }))
+              i && (c ? /* @__PURE__ */ e.jsx("div", { className: "download", children: g }) : /* @__PURE__ */ e.jsx("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: "download", children: g }))
             ]
           }
         ),
@@ -182,6 +183,6 @@ const T = {
   );
 };
 export {
-  me as default
+  de 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  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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"}
+{"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/Tooltips/EntityTooltip/EntityTooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const C=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),k=require("./EntityTooltip.styled.cjs.js");require("react-dom");require("react");const E=require("../../../context/FeedContext.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../UserTooltip/UserTooltip.styled.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");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");require("../../../../../context/GlobalContext.cjs.js");const F=require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContext.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../CommentInput/CommentInput.cjs.js");require("../../ReactionContainer/Reactions.styled.cjs.js");require("../../FilesGrid/FilesGrid.styled.cjs.js");require("../../FileUploadCard/FileUploadCard.styled.cjs.js");require("../../CommentInput/quillToMarkdown.cjs.js");require("../../ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../ActivityReference/ActivityReference.styled.cjs.js");require("react-toastify");require("uuid");require("../../../../../util/pubsub.cjs.js");require("react-router-dom");require("../../ActivityStatus/ActivityStatus.cjs.js");require("../../ActivityHeader/ActivityHeader.styled.cjs.js");require("../../ActivityDate.cjs.js");require("../../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../../components/Badge/Badge.cjs.js");require("../../../../../components/Chips/Chips.cjs.js");require("../../../../../api/base/client.cjs.js");require("../../../../../api/generated/graphql.cjs.js");require("../../../../../api/generated/graphqlLinks.cjs.js");require("../../../../../api/generated/access.cjs.js");require("../../../../../api/generated/actions.cjs.js");require("../../../../../api/generated/activityFeed.cjs.js");require("../../../../../api/generated/addons.cjs.js");require("../../../../../api/generated/anatomy.cjs.js");require("../../../../../api/generated/attributes.cjs.js");require("../../../../../api/generated/authentication.cjs.js");require("../../../../../api/generated/bundles.cjs.js");require("../../../../../api/generated/configuration.cjs.js");require("../../../../../api/generated/desktop.cjs.js");require("../../../../../api/generated/entityLists.cjs.js");require("../../../../../api/generated/events.cjs.js");require("../../../../../api/generated/files.cjs.js");require("../../../../../api/generated/folders.cjs.js");require("../../../../../api/generated/inbox.cjs.js");require("../../../../../api/generated/links.cjs.js");require("../../../../../api/generated/market.cjs.js");require("../../../../../api/generated/onboarding.cjs.js");require("../../../../../api/generated/operations.cjs.js");require("../../../../../api/generated/products.cjs.js");require("../../../../../api/generated/projectDashboard.cjs.js");require("../../../../../api/generated/projects.cjs.js");require("../../../../../api/generated/reviewables.cjs.js");require("../../../../../api/generated/services.cjs.js");require("../../../../../api/generated/system.cjs.js");require("../../../../../api/generated/tasks.cjs.js");require("../../../../../api/generated/teams.cjs.js");require("../../../../../api/generated/thumbnails.cjs.js");require("../../../../../api/generated/uRIs.cjs.js");require("../../../../../api/generated/users.cjs.js");require("../../../../../api/generated/versions.cjs.js");require("../../../../../api/generated/workfiles.cjs.js");require("../../../../../api/generated/ynputCloud.cjs.js");require("../../../../../api/generated/grouping.cjs.js");require("../../../../../api/generated/views.cjs.js");require("../../../../../api/queries/actions/getActions.cjs.js");require("../../../../../api/queries/activities/getActivities.cjs.js");require("../../../../../api/queries/activities/updateActivities.cjs.js");require("../../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../../api/queries/activities/getMentions.cjs.js");require("../../../../../api/queries/activities/getCategories.cjs.js");require("../../../../../api/queries/addons/getAddons.cjs.js");require("../../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/config/getConfig.cjs.js");require("../../../../../api/queries/config/updateConfig.cjs.js");require("../../../../../api/queries/entities/getEntity.cjs.js");require("../../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../../api/queries/folders/getFolders.cjs.js");require("../../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../../api/queries/links/updateLinks.cjs.js");require("../../../../../api/queries/links/getLinks.cjs.js");require("../../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../../api/queries/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../../api/queries/products/createProduct.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/review/getReview.cjs.js");require("../../../../../api/queries/review/updateReview.cjs.js");require("../../../../../api/queries/share/share.cjs.js");require("../../../../../api/queries/system/getSystem.cjs.js");require("../../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../../api/queries/users/getUsers.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../api/queries/users/guests.cjs.js");require("../../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../../api/queries/views/getViews.cjs.js");require("../../../../../api/queries/views/updateViews.cjs.js");require("../../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../../api/queries/uris/getUris.cjs.js");require("../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                            */require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../../_virtual/runtime.cjs.js");require("../../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../Slicer/components/SlicerSearch.cjs.js");require("../../../../Slicer/context/SlicerContext.cjs.js");require("../../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../../Actions/Actions.styled.cjs.js");require("../../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../../Actions/ActionIcon.cjs.js");require("../../../../Views/context/ViewsContext.cjs.js");require("../../../../Views/Views.styled.cjs.js");require("../../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("date-fns");require("../../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../../components/Watchers/Watchers.cjs.js");require("../../../../../components/Menu/Menu.styled.cjs.js");require("../../../../../components/Menu/MenuItem.cjs.js");require("../../ActivityCategorySelect/CategoryTag.cjs.js");require("../../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../ActivityVersions/ActivityVersions.styled.cjs.js");require("../../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed.styled.cjs.js");require("../../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../ActivityCategorySelect/CategoryDropdownItem.cjs.js");const I=({entityId:e,entityType:i,thumbnailId:r,updatedAt:q,projectName:u})=>{if(!u||!r&&(!e||!i))return null;const t=q?`?updatedAt=${q}`:"";return e&&i?`${`/api/projects/${u}/${i}s/${e}/thumbnail`}${t}`:`${`/api/projects/${u}/thumbnails/${r}`}${t}`},W=({type:e,id:i,pos:{left:r=0,top:q=0}={}})=>{const{entityTooltipData:u,isFetchingTooltip:t,projectInfo:o,projectName:c}=E.useFeedContext(),a=F.useProjectContext(),n=220;r+n/2>window.innerWidth&&(r=window.innerWidth-n/2);const{title:l,subTitle:d,path:p,taskType:h,productType:m,users:x=[],thumbnailId:T,updatedAt:$,status:j}=u||{},{taskTypes:y=[],statuses:b=[]}=o,U=y.find(s=>s.name===h)?.icon,g=b.find(s=>s.name===j),w=I({entityId:i,entityType:e,thumbnailId:T,updatedAt:$,projectName:c}),P=a.getProductType(m).icon,f={task:U,version:P};return e?C.jsxRuntimeExports.jsx(k.TooltipEntityCard,{style:{left:r,top:q,maxWidth:n},title:l,header:d,path:p,showPath:!0,status:g,users:x,hidePriority:!0,isLoading:t,loadingSections:["header","title","users","status"],titleIcon:f[e||""],imageUrl:w||void 0}):null};module.exports=W;
+"use strict";const C=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),k=require("./EntityTooltip.styled.cjs.js");require("react-dom");require("react");const E=require("../../../context/FeedContext.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../UserTooltip/UserTooltip.styled.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");require("../../../../../context/DetailsPanelContext.cjs.js");require("../../../../../context/SubtasksModulesContext.cjs.js");require("../../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../../context/SettingsPanelContext.cjs.js");require("../../../../../context/pip/PiPProvider.cjs.js");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");require("../../../../../context/GlobalContext.cjs.js");const F=require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContext.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../CommentInput/CommentInput.cjs.js");require("../../ReactionContainer/Reactions.styled.cjs.js");require("../../FilesGrid/FilesGrid.styled.cjs.js");require("../../FileUploadCard/FileUploadCard.styled.cjs.js");require("../../CommentInput/quillToMarkdown.cjs.js");require("../../ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../../components/Badge/Badge.cjs.js");require("../../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../../../api/base/client.cjs.js");require("../../../../../api/generated/graphql.cjs.js");require("../../../../../api/generated/graphqlLinks.cjs.js");require("../../../../../api/generated/access.cjs.js");require("../../../../../api/generated/actions.cjs.js");require("../../../../../api/generated/activityFeed.cjs.js");require("../../../../../api/generated/addons.cjs.js");require("../../../../../api/generated/anatomy.cjs.js");require("../../../../../api/generated/attributes.cjs.js");require("../../../../../api/generated/authentication.cjs.js");require("../../../../../api/generated/bundles.cjs.js");require("../../../../../api/generated/configuration.cjs.js");require("../../../../../api/generated/desktop.cjs.js");require("../../../../../api/generated/entityLists.cjs.js");require("../../../../../api/generated/events.cjs.js");require("../../../../../api/generated/files.cjs.js");require("../../../../../api/generated/folders.cjs.js");require("../../../../../api/generated/inbox.cjs.js");require("../../../../../api/generated/links.cjs.js");require("../../../../../api/generated/market.cjs.js");require("../../../../../api/generated/onboarding.cjs.js");require("../../../../../api/generated/operations.cjs.js");require("../../../../../api/generated/products.cjs.js");require("../../../../../api/generated/projectDashboard.cjs.js");require("../../../../../api/generated/projects.cjs.js");require("../../../../../api/generated/reviewables.cjs.js");require("../../../../../api/generated/services.cjs.js");require("../../../../../api/generated/system.cjs.js");require("../../../../../api/generated/tasks.cjs.js");require("../../../../../api/generated/teams.cjs.js");require("../../../../../api/generated/thumbnails.cjs.js");require("../../../../../api/generated/uRIs.cjs.js");require("../../../../../api/generated/users.cjs.js");require("../../../../../api/generated/versions.cjs.js");require("../../../../../api/generated/workfiles.cjs.js");require("../../../../../api/generated/ynputCloud.cjs.js");require("../../../../../api/generated/grouping.cjs.js");require("../../../../../api/generated/views.cjs.js");require("../../../../../api/queries/actions/getActions.cjs.js");require("../../../../../api/queries/activities/getActivities.cjs.js");require("../../../../../api/queries/activities/updateActivities.cjs.js");require("../../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../../api/queries/activities/getMentions.cjs.js");require("../../../../../api/queries/activities/getCategories.cjs.js");require("../../../../../api/queries/addons/getAddons.cjs.js");require("../../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/config/getConfig.cjs.js");require("../../../../../api/queries/config/updateConfig.cjs.js");require("../../../../../api/queries/entities/getEntity.cjs.js");require("../../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../../api/queries/folders/getFolders.cjs.js");require("../../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../../api/queries/links/updateLinks.cjs.js");require("../../../../../api/queries/links/getLinks.cjs.js");require("../../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../../api/queries/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../../api/queries/products/createProduct.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/review/getReview.cjs.js");require("../../../../../api/queries/review/updateReview.cjs.js");require("../../../../../api/queries/share/share.cjs.js");require("../../../../../api/queries/system/getSystem.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../../api/queries/users/getUsers.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../api/queries/users/guests.cjs.js");require("../../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../../api/queries/views/getViews.cjs.js");require("../../../../../api/queries/views/updateViews.cjs.js");require("../../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../../api/queries/uris/getUris.cjs.js");require("../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                            */require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("uuid");require("../../../../../util/pubsub.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../../_virtual/runtime.cjs.js");require("../../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../Slicer/components/SlicerSearch.cjs.js");require("../../../../Slicer/context/SlicerContext.cjs.js");require("../../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../../Actions/Actions.styled.cjs.js");require("../../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../../Actions/ActionIcon.cjs.js");require("../../../../Views/context/ViewsContext.cjs.js");require("../../../../Views/Views.styled.cjs.js");require("../../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../../components/Watchers/Watchers.cjs.js");require("../../../../../components/Menu/Menu.styled.cjs.js");require("../../../../../components/Menu/MenuItem.cjs.js");require("../../ActivityReference/ActivityReference.styled.cjs.js");require("../../ActivityStatus/ActivityStatus.cjs.js");require("../../ActivityHeader/ActivityHeader.styled.cjs.js");require("../../ActivityDate.cjs.js");require("../../ActivityCategorySelect/CategoryTag.cjs.js");require("../../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../ActivityVersions/ActivityVersions.styled.cjs.js");require("../../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed.styled.cjs.js");require("../../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../ActivityCategorySelect/CategoryDropdownItem.cjs.js");const I=({entityId:e,entityType:i,thumbnailId:r,updatedAt:q,projectName:u})=>{if(!u||!r&&(!e||!i))return null;const t=q?`?updatedAt=${q}`:"";return e&&i?`${`/api/projects/${u}/${i}s/${e}/thumbnail`}${t}`:`${`/api/projects/${u}/thumbnails/${r}`}${t}`},W=({type:e,id:i,pos:{left:r=0,top:q=0}={}})=>{const{entityTooltipData:u,isFetchingTooltip:t,projectInfo:o,projectName:c}=E.useFeedContext(),a=F.useProjectContext(),n=220;r+n/2>window.innerWidth&&(r=window.innerWidth-n/2);const{title:l,subTitle:d,path:p,taskType:h,productType:m,users:x=[],thumbnailId:T,updatedAt:$,status:j}=u||{},{taskTypes:y=[],statuses:b=[]}=o,U=y.find(s=>s.name===h)?.icon,g=b.find(s=>s.name===j),w=I({entityId:i,entityType:e,thumbnailId:T,updatedAt:$,projectName:c}),P=a.getProductType(m).icon,f={task:U,version:P};return e?C.jsxRuntimeExports.jsx(k.TooltipEntityCard,{style:{left:r,top:q,maxWidth:n},title:l,header:d,path:p,showPath:!0,status:g,users:x,hidePriority:!0,isLoading:t,loadingSections:["header","title","users","status"],titleIcon:f[e||""],imageUrl:w||void 0}):null};module.exports=W;
 //# sourceMappingURL=EntityTooltip.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\nimport { useProjectContext } from '@shared/context'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n  const project = useProjectContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productIcon = project.getProductType(productType).icon\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["getThumbnailUrl","entityId","entityType","thumbnailId","updatedAt","projectName","updatedAtQueryParam","EntityTooltip","type","id","left","top","entityTooltipData","isFetchingTooltip","projectInfo","useFeedContext","project","useProjectContext","width","title","subTitle","path","taskType","productType","users","status","taskTypes","statuses","taskIcon","statusObject","thumbnailUrl","productIcon","icons","jsx","Styled.TooltipEntityCard"],"mappings":"g/eAaA,MAAMA,EAAkB,CAAC,CACvB,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,CACF,IAA0B,CAExB,GAAI,CAACA,GAAgB,CAACF,IAAgB,CAACF,GAAY,CAACC,GAAc,OAAO,KAGzE,MAAMI,EAAsBF,EAAY,cAAcA,CAAS,GAAK,GAGpE,OAAIH,GAAYC,EAEP,GADW,iBAAiBG,CAAW,IAAIH,CAAU,KAAKD,CAAQ,YACtD,GAAGK,CAAmB,GAKpC,GADc,iBAAiBD,CAAW,eAAeF,CAAW,EACrD,GAAGG,CAAmB,EAC9C,EAaMC,EAA8C,CAAC,CACnD,KAAAC,EACA,GAAAC,EACA,IAAK,CAAE,KAAAC,EAAO,EAAG,IAAAC,EAAM,CAAA,EAAM,CAAA,CAC/B,IAAM,CACJ,KAAM,CAAE,kBAAAC,EAAmB,kBAAAC,EAAmB,YAAAC,EAAa,YAAAT,CAAA,EAAgBU,EAAAA,eAAA,EACrEC,EAAUC,EAAAA,kBAAA,EAEVC,EAAQ,IAGVR,EAAOQ,EAAQ,EAAI,OAAO,aAAYR,EAAO,OAAO,WAAaQ,EAAQ,GAE7E,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAArB,EACA,UAAAC,EACA,OAAAqB,CAAA,EACEb,GAAqB,CAAA,EAEnB,CAAE,UAAAc,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,GAAOb,EAEpCc,EAAWF,EAAU,KAAMlB,GAAcA,EAAK,OAASc,CAAQ,GAAG,KAClEO,EAAeF,EAAS,KAAM,GAAc,EAAE,OAASF,CAAM,EAC7DK,EAAe9B,EAAgB,CACnC,SAAUS,EACV,WAAYD,EACZ,YAAAL,EACA,UAAAC,EACA,YAAAC,CAAA,CACD,EACK0B,EAAcf,EAAQ,eAAeO,CAAW,EAAE,KAElDS,EAA4C,CAChD,KAAMJ,EACN,QAASG,CAAA,EAGX,OAAKvB,EAGHyB,EAAAA,kBAAAA,IAACC,EAAAA,kBAAA,CACC,MAAO,CAAE,KAAAxB,EAAM,IAAAC,EAAK,SAAUO,CAAA,EAC9B,MAAAC,EACA,OAAQC,EACR,KAAAC,EACA,SAAQ,GACR,OAAQQ,EACR,MAAAL,EACA,aAAY,GACZ,UAAWX,EACX,gBAAiB,CAAC,SAAU,QAAS,QAAS,QAAQ,EACtD,UAAWmB,EAAMxB,GAAQ,EAAE,EAC3B,SAAUsB,GAAgB,MAAA,CAAA,EAfZ,IAkBpB"}
+{"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { useFeedContext } from '@shared/containers/Feed'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\nimport { useProjectContext } from '@shared/context'\n\ninterface ThumbnailUrlParams {\n  entityId?: string\n  entityType?: string\n  thumbnailId?: string\n  updatedAt?: string\n  projectName?: string\n}\n\nconst getThumbnailUrl = ({\n  entityId,\n  entityType,\n  thumbnailId,\n  updatedAt,\n  projectName,\n}: ThumbnailUrlParams) => {\n  // If projectName is not provided or neither thumbnailId nor entityId and entityType are provided, return null\n  if (!projectName || (!thumbnailId && (!entityId || !entityType))) return null\n\n  // Construct the updatedAt query parameter if updatedAt is provided\n  const updatedAtQueryParam = updatedAt ? `?updatedAt=${updatedAt}` : ''\n\n  // If entityId and entityType are provided, construct the URL using them\n  if (entityId && entityType) {\n    const entityUrl = `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n    return `${entityUrl}${updatedAtQueryParam}`\n  }\n\n  // If entityId and entityType are not provided, fallback on thumbnailId\n  const thumbnailUrl = `/api/projects/${projectName}/thumbnails/${thumbnailId}`\n  return `${thumbnailUrl}${updatedAtQueryParam}`\n}\n\ninterface EntityTooltipProps {\n  type?: string\n  id?: string\n  pos?: {\n    left?: number\n    top?: number\n  }\n  projectName?: string\n  projectInfo?: any\n}\n\nconst EntityTooltip: React.FC<EntityTooltipProps> = ({\n  type,\n  id,\n  pos: { left = 0, top = 0 } = {},\n}) => {\n  const { entityTooltipData, isFetchingTooltip, projectInfo, projectName } = useFeedContext()\n  const project = useProjectContext()\n\n  const width = 220\n\n  // check x is not offScreen\n  if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n  const {\n    title,\n    subTitle,\n    path,\n    taskType,\n    productType,\n    users = [],\n    thumbnailId,\n    updatedAt,\n    status,\n  } = entityTooltipData || {}\n\n  const { taskTypes = [], statuses = [] } = projectInfo\n\n  const taskIcon = taskTypes.find((type: any) => type.name === taskType)?.icon\n  const statusObject = statuses.find((s: Status) => s.name === status)\n  const thumbnailUrl = getThumbnailUrl({\n    entityId: id,\n    entityType: type,\n    thumbnailId,\n    updatedAt,\n    projectName,\n  })\n  const productIcon = project.getProductType(productType).icon\n\n  const icons: Record<string, string | undefined> = {\n    task: taskIcon,\n    version: productIcon,\n  }\n\n  if (!type) return null\n\n  return (\n    <Styled.TooltipEntityCard\n      style={{ left, top, maxWidth: width }}\n      title={title}\n      header={subTitle}\n      path={path}\n      showPath\n      status={statusObject}\n      users={users}\n      hidePriority\n      isLoading={isFetchingTooltip}\n      loadingSections={['header', 'title', 'users', 'status']}\n      titleIcon={icons[type || '']}\n      imageUrl={thumbnailUrl || undefined}\n    />\n  )\n}\n\nexport default EntityTooltip\n"],"names":["getThumbnailUrl","entityId","entityType","thumbnailId","updatedAt","projectName","updatedAtQueryParam","EntityTooltip","type","id","left","top","entityTooltipData","isFetchingTooltip","projectInfo","useFeedContext","project","useProjectContext","width","title","subTitle","path","taskType","productType","users","status","taskTypes","statuses","taskIcon","statusObject","thumbnailUrl","productIcon","icons","jsx","Styled.TooltipEntityCard"],"mappings":"86fAaA,MAAMA,EAAkB,CAAC,CACvB,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,CACF,IAA0B,CAExB,GAAI,CAACA,GAAgB,CAACF,IAAgB,CAACF,GAAY,CAACC,GAAc,OAAO,KAGzE,MAAMI,EAAsBF,EAAY,cAAcA,CAAS,GAAK,GAGpE,OAAIH,GAAYC,EAEP,GADW,iBAAiBG,CAAW,IAAIH,CAAU,KAAKD,CAAQ,YACtD,GAAGK,CAAmB,GAKpC,GADc,iBAAiBD,CAAW,eAAeF,CAAW,EACrD,GAAGG,CAAmB,EAC9C,EAaMC,EAA8C,CAAC,CACnD,KAAAC,EACA,GAAAC,EACA,IAAK,CAAE,KAAAC,EAAO,EAAG,IAAAC,EAAM,CAAA,EAAM,CAAA,CAC/B,IAAM,CACJ,KAAM,CAAE,kBAAAC,EAAmB,kBAAAC,EAAmB,YAAAC,EAAa,YAAAT,CAAA,EAAgBU,EAAAA,eAAA,EACrEC,EAAUC,EAAAA,kBAAA,EAEVC,EAAQ,IAGVR,EAAOQ,EAAQ,EAAI,OAAO,aAAYR,EAAO,OAAO,WAAaQ,EAAQ,GAE7E,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAArB,EACA,UAAAC,EACA,OAAAqB,CAAA,EACEb,GAAqB,CAAA,EAEnB,CAAE,UAAAc,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,GAAOb,EAEpCc,EAAWF,EAAU,KAAMlB,GAAcA,EAAK,OAASc,CAAQ,GAAG,KAClEO,EAAeF,EAAS,KAAM,GAAc,EAAE,OAASF,CAAM,EAC7DK,EAAe9B,EAAgB,CACnC,SAAUS,EACV,WAAYD,EACZ,YAAAL,EACA,UAAAC,EACA,YAAAC,CAAA,CACD,EACK0B,EAAcf,EAAQ,eAAeO,CAAW,EAAE,KAElDS,EAA4C,CAChD,KAAMJ,EACN,QAASG,CAAA,EAGX,OAAKvB,EAGHyB,EAAAA,kBAAAA,IAACC,EAAAA,kBAAA,CACC,MAAO,CAAE,KAAAxB,EAAM,IAAAC,EAAK,SAAUO,CAAA,EAC9B,MAAAC,EACA,OAAQC,EACR,KAAAC,EACA,SAAQ,GACR,OAAQQ,EACR,MAAAL,EACA,aAAY,GACZ,UAAWX,EACX,gBAAiB,CAAC,SAAU,QAAS,QAAS,QAAQ,EACtD,UAAWmB,EAAMxB,GAAQ,EAAE,EAC3B,SAAUsB,GAAgB,MAAA,CAAA,EAfZ,IAkBpB"}

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

@@ -8,6 +8,7 @@ import "clsx";
 import "../UserTooltip/UserTooltip.styled.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
 import "../../../../../context/DetailsPanelContext.es.js";
+import "../../../../../context/SubtasksModulesContext.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
@@ -37,14 +38,6 @@ import "../../CommentInput/quillToMarkdown.es.js";
 import "../../ActivityComment/ActivityComment.styled.es.js";
 import "lodash";
 import "../../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../ActivityReference/ActivityReference.styled.es.js";
-import "react-toastify";
-import "uuid";
-import "../../../../../util/pubsub.es.js";
-import "react-router-dom";
-import "../../ActivityStatus/ActivityStatus.es.js";
-import "../../ActivityHeader/ActivityHeader.styled.es.js";
-import "../../ActivityDate.es.js";
 import "../../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
@@ -55,6 +48,10 @@ import "@dnd-kit/sortable";
 import "../../../../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../../../../components/Badge/Badge.es.js";
 import "../../../../../components/Chips/Chips.es.js";
+import "date-fns";
+import "../../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
+import "../../../../../components/LinksManager/CellEditingDialog.es.js";
+import "react-toastify";
 import "../../../../../api/base/client.es.js";
 import "../../../../../api/generated/graphql.es.js";
 import "../../../../../api/generated/graphqlLinks.es.js";
@@ -131,6 +128,7 @@ import "../../../../../api/queries/review/getReview.es.js";
 import "../../../../../api/queries/review/updateReview.es.js";
 import "../../../../../api/queries/share/share.es.js";
 import "../../../../../api/queries/system/getSystem.es.js";
+import "../../../../../api/queries/tasks/updateTasks.es.js";
 import "../../../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../../../api/queries/users/getUsers.es.js";
 import "../../../../../api/queries/users/updateUsers.es.js";
@@ -144,6 +142,7 @@ import "../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesE
 import "../../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../../../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
@@ -160,12 +159,13 @@ import "../../../../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../../../components/LinksManager/LinksManager.styled.es.js";
 import "../../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
+import "uuid";
+import "../../../../../util/pubsub.es.js";
 import "../../../../ProjectTreeTable/context/CellEditingContext.es.js";
 import "short-uuid";
 import "../../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
@@ -194,12 +194,13 @@ import "../../../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../../../Slicer/components/SlicerSearch.es.js";
 import "../../../../Slicer/context/SlicerContext.es.js";
 import "../../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
-import "../../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../../../Actions/Actions.styled.es.js";
 import "../../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../../../Actions/ActionIcon.es.js";
@@ -218,7 +219,6 @@ import "../../../../../components/Feedback/FeedbackContext.es.js";
 import "../../../../../components/Feedback/SupportBubble.es.js";
 import "../../../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "date-fns";
 import "../../../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../../../components/Powerpack/PricingLink.es.js";
 import "../../../../../components/Powerpack/PowerpackDialog.styled.es.js";
@@ -226,6 +226,7 @@ import "../../../../../components/Powerpack/CTAButton.es.js";
 import "../../../../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../../../components/SizeSlider/SizeSlider.es.js";
+import "react-router-dom";
 import "../../../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../../../components/SearchFilter/filterDates.es.js";
@@ -244,6 +245,10 @@ import "../../../../../components/VersionUploader/context/VersionUploadContext.e
 import "../../../../../components/Watchers/Watchers.es.js";
 import "../../../../../components/Menu/Menu.styled.es.js";
 import "../../../../../components/Menu/MenuItem.es.js";
+import "../../ActivityReference/ActivityReference.styled.es.js";
+import "../../ActivityStatus/ActivityStatus.es.js";
+import "../../ActivityHeader/ActivityHeader.styled.es.js";
+import "../../ActivityDate.es.js";
 import "../../ActivityCategorySelect/CategoryTag.es.js";
 import "../../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
@@ -262,7 +267,7 @@ const v = ({
   if (!r || !o && (!t || !i)) return null;
   const m = p ? `?updatedAt=${p}` : "";
   return t && i ? `${`/api/projects/${r}/${i}s/${t}/thumbnail`}${m}` : `${`/api/projects/${r}/thumbnails/${o}`}${m}`;
-}, Tp = ({
+}, Up = ({
   type: t,
   id: i,
   pos: { left: o = 0, top: p = 0 } = {}
@@ -308,6 +313,6 @@ const v = ({
   ) : null;
 };
 export {
-  Tp as default
+  Up as default
 };
 //# sourceMappingURL=EntityTooltip.es.js.map